diff --git a/.gitignore b/.gitignore
index 2c27709a2..d704a96cf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ dist/
.DS_Store
.env
.pnpm-store/
+
diff --git a/docs/public/logos/angular.svg b/docs/public/logos/angular.svg
new file mode 100644
index 000000000..bf081acb1
--- /dev/null
+++ b/docs/public/logos/angular.svg
@@ -0,0 +1,16 @@
+
+
+
diff --git a/docs/src/components/options/OptionsCode.astro b/docs/src/components/options/OptionsCode.astro
index 5d1c39301..1f7a0d390 100644
--- a/docs/src/components/options/OptionsCode.astro
+++ b/docs/src/components/options/OptionsCode.astro
@@ -1,7 +1,10 @@
---
import type { Framework } from 'src/helpers/constants';
-const framework = Astro.url.pathname.split('/').filter(Boolean).at(-1) as Framework;
+const framework = Astro.url.pathname
+ .split('/')
+ .filter(Boolean)
+ .at(-1) as Framework;
---
{framework === 'react' && }
@@ -9,3 +12,4 @@ const framework = Astro.url.pathname.split('/').filter(Boolean).at(-1) as Framew
{framework === 'vue' && }
{framework === 'vanilla' && }
{framework === 'solid' && }
+{framework === 'angular' && }
diff --git a/docs/src/css/themes.scss b/docs/src/css/themes.scss
index e70294677..a9a53beed 100644
--- a/docs/src/css/themes.scss
+++ b/docs/src/css/themes.scss
@@ -63,6 +63,15 @@ body.light {
);
--app-color-brand-solid-navbar: #c0cad8;
+ --app-color-brand-angular: #c31c2e;
+ --app-color-brand-angular-hsl: 354, 75%, 44%;
+ --app-color-brand-angular-body-gradient: radial-gradient(
+ ellipse farthest-corner at 95% 2%,
+ hsla(var(--app-color-brand-angular-hsl), 0.4) 0%,
+ var(--app-color-shell) 100%
+ );
+ --app-color-brand-angular-navbar: #c31c2e;
+
--app-color-brand-vanilla: var(--app-color-dark);
--app-color-brand-vanilla-hsl: var(--app-color-dark-hsl);
--app-color-brand-vanilla-body-gradient: radial-gradient(
@@ -133,6 +142,15 @@ body.dark {
);
--app-color-brand-solid-navbar: #2b3138;
+ --app-color-brand-angular: hsl(355, 75%, 49%);
+ --app-color-brand-angular-hsl: 355, 75%, 49%;
+ --app-color-brand-angular-body-gradient: radial-gradient(
+ ellipse farthest-corner at 95% 2%,
+ hsla(var(--app-color-brand-angular-hsl), 0.3) 0%,
+ var(--app-color-shell) 100%
+ );
+ --app-color-brand-angular-navbar: #dc2030;
+
--app-color-brand-vanilla: var(--app-color-dark);
--app-color-brand-vanilla-hsl: var(--app-color-dark-hsl);
--app-color-brand-vanilla-body-gradient: radial-gradient(
diff --git a/docs/src/data/sizes.json b/docs/src/data/sizes.json
index d37960b4d..9ad97f54e 100644
--- a/docs/src/data/sizes.json
+++ b/docs/src/data/sizes.json
@@ -1,22 +1,26 @@
{
- "solid": {
- "size": "1.77",
- "version": "2.0.2"
- },
- "svelte": {
- "size": "1.70",
- "version": "2.0.2"
- },
- "vanilla": {
- "size": "1.81",
- "version": "2.0.2"
- },
- "vue": {
- "size": "1.79",
- "version": "2.0.2"
- },
- "react": {
- "size": "1.98",
- "version": "2.0.2"
- }
-}
\ No newline at end of file
+ "solid": {
+ "size": "1.77",
+ "version": "2.0.2"
+ },
+ "angular": {
+ "size": "1.77",
+ "version": "2.0.2"
+ },
+ "svelte": {
+ "size": "1.70",
+ "version": "2.0.2"
+ },
+ "vanilla": {
+ "size": "1.81",
+ "version": "2.0.2"
+ },
+ "vue": {
+ "size": "1.79",
+ "version": "2.0.2"
+ },
+ "react": {
+ "size": "1.98",
+ "version": "2.0.2"
+ }
+}
diff --git a/docs/src/documentation/options/applyUserSelectHack/+option.mdx b/docs/src/documentation/options/applyUserSelectHack/+option.mdx
index 1e11db2ae..81499ca7f 100644
--- a/docs/src/documentation/options/applyUserSelectHack/+option.mdx
+++ b/docs/src/documentation/options/applyUserSelectHack/+option.mdx
@@ -11,7 +11,8 @@ import Examples from '$components/options/OptionsExamples.svelte';
import UserSelectExample from './UserSelect.example.svelte';
import NoUserSelectExample from './NoUserSelect.example.svelte';
-export const shortDescription = 'Applies `user-select: none` on `