@solid-design-system/components 5.15.12 → 6.0.0-next.1

package/dist/solid-components.css

@@ -1,21 +1,9 @@
-/*
- * This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
- * of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".sd-"
- * to reduce the possibility of collisions.
- */
-
-:root {
-  --sd-duration-fast: 150ms;
-  --sd-duration-medium: 300ms;
-  --sd-duration-slow: 500ms;
-  --sd-duration-x-slow: 750ms;
-}
-
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+@layer properties;
 .sd-scroll-lock {
   padding-right: var(--sd-scroll-lock-size) !important;
   overflow: hidden !important;
 }
-
 .sd-toast-stack {
   position: fixed;
   z-index: var(--sd-z-index-alert-group, 950);
@@ -23,27 +11,124 @@
   max-height: 100%;
   max-width: 400px;
 }
-
 .sd-toast-stack--top-right {
-  top: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  right: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  margin-right: var(--sd-spacing-4, 1rem) /* 16px */;
-}
-
+    top: calc(var(--sd-spacing-1) * 0);
+    right: calc(var(--sd-spacing-1) * 0);
+    margin-right: var(--sd-spacing-4);
+  }
 .sd-toast-stack--bottom-center {
-  bottom: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    bottom: calc(var(--sd-spacing-1) * 0);
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
     inset-inline-start: 50%;
-}
-
+  }
 .sd-toast-stack sd-notification::part(wrapper) {
-  --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgb(81 81 81 / 75%));
-  --tw-shadow-colored: 0px 1px 3px 0px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
+    --tw-shadow: var(--sd-shadow);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
 .sd-toast-stack sd-notification::part(content) {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-border-opacity, 1)) /* Used for buttons, inverted focus state */;
+    border-color: var(--sd-panel-color-border, rgba(255, 255, 255, 0));
+  }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
 }

package/dist/solid-components.d.ts

@@ -53,6 +53,7 @@ export { default as SdTeaserMedia } from './components/teaser-media/teaser-media
 export { default as SdTextarea } from './components/textarea/textarea.js';
 export { default as SdTooltip } from './components/tooltip/tooltip.js';
 export { default as SdVideo } from './components/video/video.js';
+export { default as SdThemeListener } from './components/theme-listener/theme-listener.js';
 export * from './utilities/icon-library';
 export * from './utilities/localize';
 export * from './utilities/autocomplete-config';

package/dist/solid-components.js

@@ -1,197 +1,200 @@
 import "./chunks/chunk.HAL7R4WT.js";
+import {
+  SdTooltip
+} from "./chunks/chunk.FJEGV6DM.js";
 import {
   SdVideo
-} from "./chunks/chunk.Z2RQUXP5.js";
+} from "./chunks/chunk.L3TUGUA6.js";
 import {
   setupAutocomplete
-} from "./chunks/chunk.6DKXZWRN.js";
+} from "./chunks/chunk.MPS7DDJJ.js";
 import {
   SdTab
-} from "./chunks/chunk.Q44CB3ZY.js";
+} from "./chunks/chunk.WZUYGJSJ.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.4D3N4MVV.js";
+} from "./chunks/chunk.QM6BYZJR.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.PPVX563E.js";
+} from "./chunks/chunk.32E2WNUE.js";
 import {
   SdTeaser
-} from "./chunks/chunk.A2M7C3CD.js";
+} from "./chunks/chunk.SRU7VSQX.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.AKPCSVRG.js";
+} from "./chunks/chunk.XUGEMNQZ.js";
 import {
   SdTextarea
-} from "./chunks/chunk.RRNLIX2S.js";
+} from "./chunks/chunk.HKQXWZ7G.js";
 import {
-  SdTooltip
-} from "./chunks/chunk.IAL4GVA4.js";
+  SdThemeListener
+} from "./chunks/chunk.T3HLE2UR.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.CFBWKOJD.js";
+} from "./chunks/chunk.NXQQ337Y.js";
 import {
   SdScrollable
-} from "./chunks/chunk.DHRQZSXG.js";
+} from "./chunks/chunk.P3TSBTFH.js";
 import {
   SdSelect
-} from "./chunks/chunk.5YOGUSPL.js";
+} from "./chunks/chunk.V2J3RAY6.js";
 import {
   SdSpinner
-} from "./chunks/chunk.PRTWW2BW.js";
+} from "./chunks/chunk.4ILI3XGP.js";
 import {
   SdStep
-} from "./chunks/chunk.TKJFMHFU.js";
+} from "./chunks/chunk.SKOPFWCQ.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.JOYITBGJ.js";
+} from "./chunks/chunk.CP4YEFPU.js";
 import {
   SdSwitch
-} from "./chunks/chunk.S3BSVYPB.js";
+} from "./chunks/chunk.I7OXSYXU.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.M5FO7PXK.js";
+} from "./chunks/chunk.PCJVXPPB.js";
 import {
   SdOption
-} from "./chunks/chunk.DQ6G3W3V.js";
+} from "./chunks/chunk.CWHFEZQY.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.45BEUHRF.js";
+} from "./chunks/chunk.G3MAHVJA.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.I7VRBYGO.js";
+} from "./chunks/chunk.BV5PXCAM.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.6MHK4U6F.js";
+} from "./chunks/chunk.X6YLTXVX.js";
 import {
   SdRadio
-} from "./chunks/chunk.IUS3S54L.js";
+} from "./chunks/chunk.ACNKTEJM.js";
 import {
   SdRange
-} from "./chunks/chunk.HOXI77KQ.js";
+} from "./chunks/chunk.ULD7FBSL.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdLink
-} from "./chunks/chunk.BUFXMACO.js";
+} from "./chunks/chunk.RC3XRXWM.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.QAJG6PYM.js";
+} from "./chunks/chunk.WFMQUAS5.js";
 import {
   SdMenu
-} from "./chunks/chunk.JM3YRKVA.js";
+} from "./chunks/chunk.Z4YIKXCF.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.SJPDNEHE.js";
+} from "./chunks/chunk.IN5XJAGY.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.TIBLXIJV.js";
+} from "./chunks/chunk.FGUKF4CR.js";
 import {
   SdNotification
-} from "./chunks/chunk.AYDMEA3C.js";
+} from "./chunks/chunk.24UVKYTF.js";
 import {
   SdInclude
-} from "./chunks/chunk.34OZXOJP.js";
+} from "./chunks/chunk.G3OXXGZX.js";
 import {
   SdInput
-} from "./chunks/chunk.6ITI3HNP.js";
+} from "./chunks/chunk.262GD5RA.js";
 import {
   SdDialog
-} from "./chunks/chunk.23KFQ6DK.js";
+} from "./chunks/chunk.D3JBFWTU.js";
 import {
   SdDivider
-} from "./chunks/chunk.JMHQQHEP.js";
+} from "./chunks/chunk.XULVG6IQ.js";
 import {
   SdDropdown
-} from "./chunks/chunk.JTKHYOJO.js";
+} from "./chunks/chunk.TRV5UURW.js";
 import {
   SdExpandable
-} from "./chunks/chunk.7UTPAUSQ.js";
+} from "./chunks/chunk.B4UN2MRL.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.QZBSHWMK.js";
+} from "./chunks/chunk.FFCOP3ME.js";
 import {
   SdHeader
-} from "./chunks/chunk.T6DXPJAI.js";
+} from "./chunks/chunk.EH3YK63Y.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.SDWNASDC.js";
+} from "./chunks/chunk.XT3GA2SZ.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.KVLD4JWK.js";
+} from "./chunks/chunk.AAMFU5FW.js";
 import {
   SdCombobox
-} from "./chunks/chunk.T2AOG5F2.js";
+} from "./chunks/chunk.KBLWHFHC.js";
 import {
   SdTag
-} from "./chunks/chunk.HP7WJYO4.js";
+} from "./chunks/chunk.574X7EC7.js";
 import {
   SdPopup
-} from "./chunks/chunk.E57K3AFR.js";
+} from "./chunks/chunk.MUM2CTNK.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.VMVBXZ2U.js";
+} from "./chunks/chunk.MVKWMVHE.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.R735ROML.js";
+} from "./chunks/chunk.ZI6VDRWN.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.PHHK74M7.js";
+} from "./chunks/chunk.M3VM2DRF.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.MBFZWG5H.js";
-import "./chunks/chunk.WWBNZDY7.js";
+} from "./chunks/chunk.UVKMYODH.js";
+import "./chunks/chunk.DIONFQNX.js";
 import {
   SdCarousel
-} from "./chunks/chunk.AKX7VXML.js";
+} from "./chunks/chunk.T4UP6Y4D.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.SE4CTFYY.js";
+} from "./chunks/chunk.QIWTRSHI.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.QDZS6M4T.js";
+} from "./chunks/chunk.2LW2TIND.js";
 import {
   SdAccordion
-} from "./chunks/chunk.NVXUSMMW.js";
+} from "./chunks/chunk.WC5FU2I2.js";
 import {
   SdAnimation
-} from "./chunks/chunk.UAVNEMEF.js";
+} from "./chunks/chunk.G6T2S742.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.PEAIITW7.js";
+} from "./chunks/chunk.XQ6ZMO6V.js";
 import {
   SdDrawer
-} from "./chunks/chunk.TMWT3ROD.js";
+} from "./chunks/chunk.APBFYE35.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.RAYANOK2.js";
+} from "./chunks/chunk.OLIBLXE5.js";
 import {
   SdLoader
-} from "./chunks/chunk.WZZP5YIS.js";
+} from "./chunks/chunk.WKRNHLCB.js";
 import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.HYPCYXQP.js";
+} from "./chunks/chunk.CNNLNYSJ.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "./chunks/chunk.5FANE6X5.js";
-import "./chunks/chunk.7VPFFNHR.js";
-import "./chunks/chunk.5SNCWTQU.js";
+} from "./chunks/chunk.6LDBZ4S7.js";
+import "./chunks/chunk.KPAQRMCC.js";
+import "./chunks/chunk.H2ALVYPG.js";
 import "./chunks/chunk.4TPOL3LB.js";
 import "./chunks/chunk.P52GZVKG.js";
 import "./chunks/chunk.RPB53XXV.js";
@@ -201,7 +204,7 @@ import {
 import "./chunks/chunk.HIAKAB7R.js";
 import "./chunks/chunk.7VEM2IPR.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.IRZ3M2OA.js";
+import "./chunks/chunk.USLIZWTB.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";
@@ -260,6 +263,7 @@ export {
   SdTeaser,
   SdTeaserMedia,
   SdTextarea,
+  SdThemeListener,
   SdTooltip,
   SdVideo,
   registerIconLibrary,

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
-} from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.E57K3AFR.js";
-import "../chunks/chunk.IRZ3M2OA.js";
+} from "../chunks/chunk.MPS7DDJJ.js";
+import "../chunks/chunk.MUM2CTNK.js";
+import "../chunks/chunk.USLIZWTB.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/utilities/icon-library.js

@@ -2,9 +2,9 @@ import "../chunks/chunk.HAL7R4WT.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
-} from "../chunks/chunk.5FANE6X5.js";
-import "../chunks/chunk.7VPFFNHR.js";
-import "../chunks/chunk.5SNCWTQU.js";
+} from "../chunks/chunk.6LDBZ4S7.js";
+import "../chunks/chunk.KPAQRMCC.js";
+import "../chunks/chunk.H2ALVYPG.js";
 import "../chunks/chunk.4TPOL3LB.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {