@anglr/select 17.2.0 → 18.0.0-beta.20260805050455

package/styles/core/_defaultTheme.scss

@@ -1,106 +1,106 @@
-@use 'sass:map';
-
-@use '@css-styles/common' as mixins;
-
-@function defineTheme($fontSize: 14px, $theme: ())
-{
-    $defaultTheme:
-    (
-        select:
-        (
-            normalState:
-            (
-                borderColor: unset,
-                borderStyle: solid,
-                borderWidth: var(--size-2px-fixed),
-                background: unset,
-                foreground: unset,
-                boxShadow: unset,
-                padding: var(--size-1px) var(--size-2px),
-                borderRadius: var(--size-4px-fixed),
-                fontFamily: inherit,
-                fontSize: inherit,
-                letterSpacing: normal,
-                gap: var(--size-xs),
-                focus:
-                (
-                    borderColor: unset,
-                    outlineColor: unset,
-                    outlineWidth: var(--size-1px-fixed),
-                ),
-                tag:
-                (
-                    background: unset,
-                    foreground: unset,
-                    gap: var(--size-xs),
-                    padding: var(--size-none) var(--size-xs),
-                    borderRadius: var(--size-4px),
-                    fontSize: .9em,
-                ),
-                disabled:
-                (
-                    background: unset,
-                    foreground: unset,
-                    borderColor: unset,
-                ),
-            ),
-            popup:
-            (
-                container:
-                (
-                    background: unset,
-                    foreground: unset,
-                    padding: mixins.getSize($fontSize, 4),
-                    borderRadius: mixins.getSize($fontSize, 4),
-                    borderColor: unset,
-                    borderWidth: var(--size-1px-fixed),
-                    borderStyle: solid,
-                    boxShadow: unset,
-                ),
-                option:
-                (
-                    searchHighlight:
-                    (
-                        textDecoration: underline,
-                        textShadow: 0 0 var(--size-2px) hsl(from currentColor h s 45%),
-                    ),
-                    selected:
-                    (
-                        background: hsl(from var(--select-popup-container-background) h s 82%),
-                        backgroundImage: none,
-                    ),
-                    active:
-                    (
-                        background: hsl(from var(--select-popup-container-background) h s 90%),
-                        backgroundImage: none,
-                    ),
-                    inGroup:
-                    (
-                        margin: 0 0 0 var(--size-sm, .5em),
-                    ),
-                    padding: mixins.getSize($fontSize, 2) mixins.getSize($fontSize, 4),
-                    borderRadius: mixins.getSize($fontSize, 2),
-                ),
-                optionGroup:
-                (
-                    fontStyle: italic,
-                    letterSpacing: 1px,
-                    fontWeight: 500,
-                ),
-            ),
-            liveSearch:
-            (
-                placeholder:
-                (
-                    foreground: unset,
-                    opacity: 1,
-                    letterSpacing: normal,
-                ),
-            ),
-        ),
-    );
-
-    $theme: map.deep-merge($defaultTheme, $theme);
-
-    @return $theme;
+@use 'sass:map';
+
+@use '@css-styles/common' as mixins;
+
+@function defineTheme($fontSize: 14px, $theme: ())
+{
+    $defaultTheme:
+    (
+        select:
+        (
+            normalState:
+            (
+                borderColor: unset,
+                borderStyle: solid,
+                borderWidth: var(--size-2px-fixed),
+                background: unset,
+                foreground: unset,
+                boxShadow: unset,
+                padding: var(--size-1px) var(--size-2px),
+                borderRadius: var(--size-4px-fixed),
+                fontFamily: inherit,
+                fontSize: inherit,
+                letterSpacing: normal,
+                gap: var(--size-xs),
+                focus:
+                (
+                    borderColor: unset,
+                    outlineColor: unset,
+                    outlineWidth: var(--size-1px-fixed),
+                ),
+                tag:
+                (
+                    background: unset,
+                    foreground: unset,
+                    gap: var(--size-xs),
+                    padding: var(--size-none) var(--size-xs),
+                    borderRadius: var(--size-4px),
+                    fontSize: .9em,
+                ),
+                disabled:
+                (
+                    background: unset,
+                    foreground: unset,
+                    borderColor: unset,
+                ),
+            ),
+            popup:
+            (
+                container:
+                (
+                    background: unset,
+                    foreground: unset,
+                    padding: mixins.getSize($fontSize, 4),
+                    borderRadius: mixins.getSize($fontSize, 4),
+                    borderColor: unset,
+                    borderWidth: var(--size-1px-fixed),
+                    borderStyle: solid,
+                    boxShadow: unset,
+                ),
+                option:
+                (
+                    searchHighlight:
+                    (
+                        textDecoration: underline,
+                        textShadow: 0 0 var(--size-2px) hsl(from currentColor h s 45%),
+                    ),
+                    selected:
+                    (
+                        background: hsl(from var(--select-popup-container-background) h s 82%),
+                        backgroundImage: none,
+                    ),
+                    active:
+                    (
+                        background: hsl(from var(--select-popup-container-background) h s 90%),
+                        backgroundImage: none,
+                    ),
+                    inGroup:
+                    (
+                        margin: 0 0 0 var(--size-sm, .5em),
+                    ),
+                    padding: mixins.getSize($fontSize, 2) mixins.getSize($fontSize, 4),
+                    borderRadius: mixins.getSize($fontSize, 2),
+                ),
+                optionGroup:
+                (
+                    fontStyle: italic,
+                    letterSpacing: 1px,
+                    fontWeight: 500,
+                ),
+            ),
+            liveSearch:
+            (
+                placeholder:
+                (
+                    foreground: unset,
+                    opacity: 1,
+                    letterSpacing: normal,
+                ),
+            ),
+        ),
+    );
+
+    $theme: map.deep-merge($defaultTheme, $theme);
+
+    @return $theme;
 }

package/styles/core/_misc.scss

@@ -1,34 +1,34 @@
-@use '@css-styles/common';
-
-@mixin misc
-{
-    .select-relative
-    {
-        @extend %relative;
-    }
-
-    .select-flex-row
-    {
-        @extend %flex-row;
-    }
-
-    .select-flex-column
-    {
-        @extend %flex-column;
-    }
-
-    .select-flex-1
-    {
-        @extend %flex-1;
-    }
-
-    .select-align-self-center
-    {
-        @extend %align-self-center;
-    }
-
-    .select-align-items-center
-    {
-        @extend %align-items-center;
-    }
-}
+@use '@css-styles/common';
+
+@mixin misc
+{
+    .select-relative
+    {
+        @extend %relative;
+    }
+
+    .select-flex-row
+    {
+        @extend %flex-row;
+    }
+
+    .select-flex-column
+    {
+        @extend %flex-column;
+    }
+
+    .select-flex-1
+    {
+        @extend %flex-1;
+    }
+
+    .select-align-self-center
+    {
+        @extend %align-self-center;
+    }
+
+    .select-align-items-center
+    {
+        @extend %align-items-center;
+    }
+}

package/styles/core/_mixins.scss

@@ -1,30 +1,30 @@
-@use '@css-styles/common' as mixins;
-
-@use 'misc';
-@use '../components/liveSearch' as liveSearch;
-@use '../components/normalState' as normalState;
-@use '../components/popup' as popup;
-@use '../components/select' as select;
-
-@mixin buildThemeVars($theme)
-{
-    @if $theme
-    {
-        @include mixins.buildCssVars('-', $theme);
-    }
-}
-
-@mixin buildThemeCss
-{
-    @include misc.misc;
-    @include liveSearch.css;
-    @include normalState.css;
-    @include popup.css;
-    @include select.css;
-}
-
-@mixin buildTheme($theme)
-{
-    @include buildThemeVars($theme);
-    @include buildThemeCss;
+@use '@css-styles/common' as mixins;
+
+@use 'misc';
+@use '../components/liveSearch' as liveSearch;
+@use '../components/normalState' as normalState;
+@use '../components/popup' as popup;
+@use '../components/select' as select;
+
+@mixin buildThemeVars($theme)
+{
+    @if $theme
+    {
+        @include mixins.buildCssVars('-', $theme);
+    }
+}
+
+@mixin buildThemeCss
+{
+    @include misc.misc;
+    @include liveSearch.css;
+    @include normalState.css;
+    @include popup.css;
+    @include select.css;
+}
+
+@mixin buildTheme($theme)
+{
+    @include buildThemeVars($theme);
+    @include buildThemeCss;
 }

package/styles/index.scss

@@ -1,2 +1,2 @@
-@forward './core/defaultTheme';
-@forward './core/mixins';
+@forward './core/defaultTheme';
+@forward './core/mixins';

package/styles/themes/dark.scss

@@ -1,64 +1,64 @@
-@use 'sass:map';
-@use '../core/defaultTheme' as defaultTheme;
-@use '../core/mixins';
-
-$_blue: #0066ff;
-$_white: #f0f0f0;
-
-@function defineTheme($fontSize: 14px, $theme: (), $customization: ())
-{
-    $_darkDefaultTheme:
-    (
-        select:
-        (
-            normalState:
-            (
-                borderColor: #bbb,
-                background: #4a4a4a,
-                foreground: $_white,
-                focus:
-                (
-                    borderColor: $_blue,
-                    outlineColor: $_blue,
-                ),
-                tag:
-                (
-                    background: #666,
-                    foreground: $_white,
-                ),
-                disabled:
-                (
-                    background: unset,
-                    foreground: unset,
-                    borderColor: unset,
-                ),
-            ),
-            popup:
-            (
-                container:
-                (
-                    background: #3A3A3A,
-                    foreground: $_white,
-                    borderColor: #4e4e4e,
-                ),
-            ),
-            liveSearch:
-            (
-                placeholder:
-                (
-                    foreground: $_white,
-                ),
-            ),
-        ),
-    );
-
-    $theme: map.deep-merge($_darkDefaultTheme, $theme);
-    $theme: map.deep-merge($theme, $customization);
-
-    @return defaultTheme.defineTheme($fontSize, $theme);
-}
-
-@mixin buildTheme()
-{
-    @include mixins.buildTheme(defineTheme());
+@use 'sass:map';
+@use '../core/defaultTheme' as defaultTheme;
+@use '../core/mixins';
+
+$_blue: #0066ff;
+$_white: #f0f0f0;
+
+@function defineTheme($fontSize: 14px, $theme: (), $customization: ())
+{
+    $_darkDefaultTheme:
+    (
+        select:
+        (
+            normalState:
+            (
+                borderColor: #bbb,
+                background: #4a4a4a,
+                foreground: $_white,
+                focus:
+                (
+                    borderColor: $_blue,
+                    outlineColor: $_blue,
+                ),
+                tag:
+                (
+                    background: #666,
+                    foreground: $_white,
+                ),
+                disabled:
+                (
+                    background: unset,
+                    foreground: unset,
+                    borderColor: unset,
+                ),
+            ),
+            popup:
+            (
+                container:
+                (
+                    background: #3A3A3A,
+                    foreground: $_white,
+                    borderColor: #4e4e4e,
+                ),
+            ),
+            liveSearch:
+            (
+                placeholder:
+                (
+                    foreground: $_white,
+                ),
+            ),
+        ),
+    );
+
+    $theme: map.deep-merge($_darkDefaultTheme, $theme);
+    $theme: map.deep-merge($theme, $customization);
+
+    @return defaultTheme.defineTheme($fontSize, $theme);
+}
+
+@mixin buildTheme()
+{
+    @include mixins.buildTheme(defineTheme());
 }

package/styles/themes/light.scss

@@ -1,65 +1,65 @@
-@use 'sass:map';
-@use '../core/defaultTheme' as defaultTheme;
-@use '../core/mixins';
-
-$_blue: #0066ff;
-$_black: #000;
-
-@function defineTheme($fontSize: 14px, $theme: (), $customization: ())
-{
-    $_lightDefaultTheme:
-    (
-        select:
-        (
-            normalState:
-            (
-                borderColor: #666,
-                background: #eee,
-                foreground: $_black,
-                focus:
-                (
-                    borderColor: $_blue,
-                    outlineColor: $_blue,
-                ),
-                tag:
-                (
-                    background: #ccc,
-                    foreground: $_black,
-                ),
-                disabled:
-                (
-                    background: hsl(from var(--select-normalState-background) h s 95%),
-                    foreground: hsl(from var(--select-normalState-foreground) h s 50%),
-                    borderColor: hsl(from var(--select-normalState-borderColor) h s 75%),
-                ),
-            ),
-            popup:
-            (
-                container:
-                (
-                    background: #F0F0F0,
-                    foreground: $_black,
-                    borderColor: #acacac,
-                    boxShadow: 0 6px 12px rgba(0,0,0,.175),
-                ),
-            ),
-            liveSearch:
-            (
-                placeholder:
-                (
-                    foreground: $_black,
-                ),
-            ),
-        ),
-    );
-
-    $theme: map.deep-merge($_lightDefaultTheme, $theme);
-    $theme: map.deep-merge($theme, $customization);
-
-    @return defaultTheme.defineTheme($fontSize, $theme);
-}
-
-@mixin buildTheme()
-{
-    @include mixins.buildTheme(defineTheme());
+@use 'sass:map';
+@use '../core/defaultTheme' as defaultTheme;
+@use '../core/mixins';
+
+$_blue: #0066ff;
+$_black: #000;
+
+@function defineTheme($fontSize: 14px, $theme: (), $customization: ())
+{
+    $_lightDefaultTheme:
+    (
+        select:
+        (
+            normalState:
+            (
+                borderColor: #666,
+                background: #eee,
+                foreground: $_black,
+                focus:
+                (
+                    borderColor: $_blue,
+                    outlineColor: $_blue,
+                ),
+                tag:
+                (
+                    background: #ccc,
+                    foreground: $_black,
+                ),
+                disabled:
+                (
+                    background: hsl(from var(--select-normalState-background) h s 95%),
+                    foreground: hsl(from var(--select-normalState-foreground) h s 50%),
+                    borderColor: hsl(from var(--select-normalState-borderColor) h s 75%),
+                ),
+            ),
+            popup:
+            (
+                container:
+                (
+                    background: #F0F0F0,
+                    foreground: $_black,
+                    borderColor: #acacac,
+                    boxShadow: 0 6px 12px rgba(0,0,0,.175),
+                ),
+            ),
+            liveSearch:
+            (
+                placeholder:
+                (
+                    foreground: $_black,
+                ),
+            ),
+        ),
+    );
+
+    $theme: map.deep-merge($_lightDefaultTheme, $theme);
+    $theme: map.deep-merge($theme, $customization);
+
+    @return defaultTheme.defineTheme($fontSize, $theme);
+}
+
+@mixin buildTheme()
+{
+    @include mixins.buildTheme(defineTheme());
 }

package/version.bak

@@ -1 +1 @@
-17.2.0 
+18.0.0-beta.20260805050455