@solid-design-system/styles 2.0.0-next.0 → 2.0.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @solid-design-system/styles
 
+## 2.0.0-next.1
+
+### Patch Changes
+
+- Fixed styles build output to correctly resolve imports. _[`#2601`](https://github.com/solid-design-system/solid/pull/2601) [`be010da`](https://github.com/solid-design-system/solid/commit/be010daa4b1d5ed2e87b1910643bf01dae8071d7) [@paulovareiro29](https://github.com/paulovareiro29)_
+
 ## 2.0.0-next.0
 
 ### Major Changes

package/cdn/modules/chip.css

@@ -1,24 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-.sd-chip {
-  display: inline-flex;
-  height: var(--sd-spacing-6);
-  align-items: center;
-  overflow: hidden;
-  border-radius: var(--sd-radius);
-  background-color: var(--sd-color-background-primary-200, var(--sd-color-primary-200));
-  padding-inline: var(--sd-spacing-2);
-  font-size: var(--sd-text-sm);
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-  white-space: nowrap;
-  color: var(--sd-color-text-black, var(--sd-color-black));
-}
-.sd-chip--primary-500 {
-    background-color: var(--sd-color-background-primary-500, var(--sd-color-primary-500));
-    color: var(--sd-color-text-white, var(--sd-color-white));
-  }
-.sd-chip--primary-300 {
-    background-color: var(--sd-color-background-primary-300, var(--sd-color-primary-300));
-  }
-.sd-chip--white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
-  }
+@layer theme,base,components,utilities;.sd-chip{height:var(--sd-spacing-6);border-radius:var(--sd-radius);background-color:var(--sd-color-background-primary-200);padding-inline:var(--sd-spacing-2);font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));white-space:nowrap;color:var(--sd-color-text-black);align-items:center;display:inline-flex;overflow:hidden}.sd-chip--primary-500{background-color:var(--sd-color-background-primary-500);color:var(--sd-color-text-white)}.sd-chip--primary-300{background-color:var(--sd-color-background-primary-300)}.sd-chip--white{background-color:var(--sd-color-background-white)}

package/cdn/modules/container.css

@@ -1,117 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-.sd-container {
-  position: relative;
-  background-color: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
-  padding-inline: var(--sd-spacing-10);
-  padding-block: var(--sd-spacing-8);
-}
-.sd-container--variant-primary-100 {
-    background-color: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
-  }
-.sd-container--variant-primary {
-    background-color: var(--sd-color-background-primary, var(--sd-color-primary));
-  }
-.sd-container--variant-border-neutral-400 {
-    --tw-border-style: solid;
-    border-style: solid;
-    border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
-    border-width: 1px;
-  }
-.sd-container--variant-white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
-  }
-.sd-container--padding-sm {
-    padding-inline: var(--sd-spacing-6);
-    padding-block: var(--sd-spacing-4);
-  }
-.sd-container {
-  --triangle-background: var(--sd-color-white);
-}
-.sd-container--triangle-top::before, .sd-container--triangle-right::before, .sd-container--triangle-bottom::before, .sd-container--triangle-left::before {
-    position: absolute;
-    display: block;
-    --tw-border-style: solid;
-    border-style: solid;
-    border-color: transparent;
-    border-width: 14px;
-    content: '';
-  }
-.sd-container--triangle-top::before {
-    top: calc(var(--sd-spacing-1) * 0);
-    left: calc(50% - 14px);
-    border-top-color: var(--triangle-background);
-  }
-.sd-container--triangle-right::before {
-    right: calc(var(--sd-spacing-1) * 0);
-    top: calc(50% - 14px);
-    border-right-color: var(--triangle-background);
-  }
-.sd-container--triangle-bottom::before {
-    bottom: calc(var(--sd-spacing-1) * 0);
-    left: calc(50% - 14px);
-    border-bottom-color: var(--triangle-background);
-  }
-.sd-container--triangle-left::before {
-    left: calc(var(--sd-spacing-1) * 0);
-    top: calc(50% - 14px);
-    border-left-color: var(--triangle-background);
-  }
-.sd-container--triangle-top-border::after, .sd-container--triangle-top-border::before, .sd-container--triangle-right-border::after, .sd-container--triangle-right-border::before, .sd-container--triangle-bottom-border::after, .sd-container--triangle-bottom-border::before, .sd-container--triangle-left-border::after, .sd-container--triangle-left-border::before {
-      position: absolute;
-      display: block;
-      --tw-border-style: solid;
-      border-style: solid;
-      border-color: transparent;
-      content: '';
-    }
-.sd-container--triangle-top-border::after, .sd-container--triangle-right-border::after, .sd-container--triangle-bottom-border::after, .sd-container--triangle-left-border::after {
-      border-width: 14px;
-    }
-.sd-container--triangle-top-border::before, .sd-container--triangle-right-border::before, .sd-container--triangle-bottom-border::before, .sd-container--triangle-left-border::before {
-      border-width: 15px;
-    }
-.sd-container--triangle-top-border::after, .sd-container--triangle-top-border::before {
-      top: -1px;
-    }
-.sd-container--triangle-top-border::before {
-      border-top-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-      left: calc(50% - 15px);
-    }
-.sd-container--triangle-top-border::after {
-      left: calc(50% - 14px);
-      border-top-color: var(--triangle-background);
-    }
-.sd-container--triangle-right-border::after, .sd-container--triangle-right-border::before {
-      right: -1px;
-    }
-.sd-container--triangle-right-border::before {
-      border-right-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-      top: calc(50% - 15px);
-    }
-.sd-container--triangle-right-border::after {
-      top: calc(50% - 14px);
-      border-right-color: var(--triangle-background);
-    }
-.sd-container--triangle-bottom-border::after, .sd-container--triangle-bottom-border::before {
-      bottom: -1px;
-    }
-.sd-container--triangle-bottom-border::before {
-      border-bottom-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-      left: calc(50% - 15px);
-    }
-.sd-container--triangle-bottom-border::after {
-      left: calc(50% - 14px);
-      border-bottom-color: var(--triangle-background);
-    }
-.sd-container--triangle-left-border::after, .sd-container--triangle-left-border::before {
-      left: -1px;
-    }
-.sd-container--triangle-left-border::before {
-      border-left-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-      top: calc(50% - 15px);
-    }
-.sd-container--triangle-left-border::after {
-      top: calc(50% - 14px);
-      border-left-color: var(--triangle-background);
-    }
+@layer theme,base,components,utilities;.sd-container{background-color:var(--sd-color-background-neutral-100);padding-inline:var(--sd-spacing-10);padding-block:var(--sd-spacing-8);position:relative}.sd-container--variant-primary-100{background-color:var(--sd-color-background-primary-100)}.sd-container--variant-primary{background-color:var(--sd-color-background-primary)}.sd-container--variant-border-neutral-400{--tw-border-style:solid;border-style:solid;border-color:var(--sd-color-border-neutral-400);background-color:var(--sd-color-background-white);border-width:1px}.sd-container--variant-white{background-color:var(--sd-color-background-white)}.sd-container--padding-sm{padding-inline:var(--sd-spacing-6);padding-block:var(--sd-spacing-4)}.sd-container{--triangle-background:var(--sd-color-white)}.sd-container--triangle-top:before,.sd-container--triangle-right:before,.sd-container--triangle-bottom:before,.sd-container--triangle-left:before{--tw-border-style:solid;content:"";border:14px solid #0000;display:block;position:absolute}.sd-container--triangle-top:before{top:calc(var(--sd-spacing-1)*0);border-top-color:var(--triangle-background);left:calc(50% - 14px)}.sd-container--triangle-right:before{right:calc(var(--sd-spacing-1)*0);border-right-color:var(--triangle-background);top:calc(50% - 14px)}.sd-container--triangle-bottom:before{bottom:calc(var(--sd-spacing-1)*0);border-bottom-color:var(--triangle-background);left:calc(50% - 14px)}.sd-container--triangle-left:before{left:calc(var(--sd-spacing-1)*0);border-left-color:var(--triangle-background);top:calc(50% - 14px)}.sd-container--triangle-top-border:after,.sd-container--triangle-top-border:before,.sd-container--triangle-right-border:after,.sd-container--triangle-right-border:before,.sd-container--triangle-bottom-border:after,.sd-container--triangle-bottom-border:before,.sd-container--triangle-left-border:after,.sd-container--triangle-left-border:before{--tw-border-style:solid;content:"";border-style:solid;border-color:#0000;display:block;position:absolute}.sd-container--triangle-top-border:after,.sd-container--triangle-right-border:after,.sd-container--triangle-bottom-border:after,.sd-container--triangle-left-border:after{border-width:14px}.sd-container--triangle-top-border:before,.sd-container--triangle-right-border:before,.sd-container--triangle-bottom-border:before,.sd-container--triangle-left-border:before{border-width:15px}.sd-container--triangle-top-border:after,.sd-container--triangle-top-border:before{top:-1px}.sd-container--triangle-top-border:before{border-top-color:var(--sd-color-border-neutral-400);left:calc(50% - 15px)}.sd-container--triangle-top-border:after{border-top-color:var(--triangle-background);left:calc(50% - 14px)}.sd-container--triangle-right-border:after,.sd-container--triangle-right-border:before{right:-1px}.sd-container--triangle-right-border:before{border-right-color:var(--sd-color-border-neutral-400);top:calc(50% - 15px)}.sd-container--triangle-right-border:after{border-right-color:var(--triangle-background);top:calc(50% - 14px)}.sd-container--triangle-bottom-border:after,.sd-container--triangle-bottom-border:before{bottom:-1px}.sd-container--triangle-bottom-border:before{border-bottom-color:var(--sd-color-border-neutral-400);left:calc(50% - 15px)}.sd-container--triangle-bottom-border:after{border-bottom-color:var(--triangle-background);left:calc(50% - 14px)}.sd-container--triangle-left-border:after,.sd-container--triangle-left-border:before{left:-1px}.sd-container--triangle-left-border:before{border-left-color:var(--sd-color-border-neutral-400);top:calc(50% - 15px)}.sd-container--triangle-left-border:after{border-left-color:var(--triangle-background);top:calc(50% - 14px)}

package/cdn/modules/copyright.css

@@ -1,129 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties;
-.sd-copyright {
-  position: relative;
-  --tw-blur: ;
-  --tw-brightness: ;
-  --tw-contrast: ;
-  --tw-grayscale: ;
-  --tw-hue-rotate: ;
-  --tw-invert: ;
-  --tw-saturate: ;
-  --tw-sepia: ;
-}
-.sd-copyright::after {
-    position: absolute;
-    bottom: calc(var(--sd-spacing-1) * 0);
-    left: calc(var(--sd-spacing-1) * 0);
-    display: block;
-    width: 100%;
-    padding-bottom: var(--sd-spacing-2);
-    padding-left: var(--sd-spacing-4);
-    font-size: var(--sd-text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    color: var(--sd-color-text-white, var(--sd-color-white));
-    --tw-drop-shadow-size: drop-shadow(var(--sd-drop-shadow-sm));
-    --tw-drop-shadow: drop-shadow(var(--sd-drop-shadow-sm));
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-    content: var(--copyright);
-  }
-.sd-copyright--orientation-vertical::after {
-        width: -moz-max-content;
-        width: max-content;
-        padding-top: var(--sd-spacing-2);
-        padding-right: var(--sd-spacing-1);
-        padding-bottom: calc(var(--sd-spacing-1) * 0);
-        padding-left: calc(var(--sd-spacing-1) * 0);
-        writing-mode: vertical-rl;
-        text-orientation: sideways-right;
-        transform: rotate(180deg);
-      }
-.sd-copyright--color-black::after {
-        color: var(--sd-color-text-black, var(--sd-color-black));
-        filter: drop-shadow(0 0 transparent);
-      }
-.sd-copyright--no-shadow::after {
-      filter: drop-shadow(0 0 transparent);
-    }
-.sd-copyright--placement-top::after {
-        position: absolute;
-        top: calc(var(--sd-spacing-1) * 0);
-        right: calc(var(--sd-spacing-1) * 0);
-        display: block;
-        max-height: -moz-fit-content;
-        max-height: fit-content;
-        padding-top: var(--sd-spacing-2);
-        padding-right: var(--sd-spacing-4);
-      }
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
-@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-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
-    }
-  }
-}
+@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme,base,components,utilities;.sd-copyright{--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;position:relative}.sd-copyright:after{bottom:calc(var(--sd-spacing-1)*0);left:calc(var(--sd-spacing-1)*0);width:100%;padding-bottom:var(--sd-spacing-2);padding-left:var(--sd-spacing-4);font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--sd-color-text-white);--tw-drop-shadow-size:drop-shadow(var(--sd-drop-shadow-sm));--tw-drop-shadow:drop-shadow(var(--sd-drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);content:var(--copyright);display:block;position:absolute}.sd-copyright--orientation-vertical:after{width:max-content;padding-top:var(--sd-spacing-2);padding-right:var(--sd-spacing-1);padding-bottom:calc(var(--sd-spacing-1)*0);padding-left:calc(var(--sd-spacing-1)*0);writing-mode:vertical-rl;text-orientation:sideways-right;transform:rotate(180deg)}.sd-copyright--color-black:after{color:var(--sd-color-text-black);filter:drop-shadow(0 0 #0000)}.sd-copyright--no-shadow:after{filter:drop-shadow(0 0 #0000)}.sd-copyright--placement-top:after{top:calc(var(--sd-spacing-1)*0);right:calc(var(--sd-spacing-1)*0);max-height:fit-content;padding-top:var(--sd-spacing-2);padding-right:var(--sd-spacing-4);display:block;position:absolute}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/cdn/modules/display.css

@@ -1,60 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties;
-.sd-display {
-  font-size: var(--sd-text-3xl);
-  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
-  --tw-leading: var(--leading-tight, 1.25);
-  line-height: var(--leading-tight, 1.25);
-  --tw-font-weight: var(--sd-font-weight-normal);
-  font-weight: var(--sd-font-weight-normal);
-  color: var(--sd-color-text-black, var(--sd-color-black));
-}
-@media (width >= 64rem) {
-.sd-display {
-    font-size: var(--sd-text-4xl);
-    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
-}
-  }
-.sd-display--size-xl {
-      font-size: var(--sd-text-xl);
-      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
-      --tw-leading: var(--leading-tight, 1.25);
-      line-height: var(--leading-tight, 1.25);
-      --tw-font-weight: var(--sd-font-weight-normal);
-      font-weight: var(--sd-font-weight-normal);
-      color: var(--sd-color-text-black, var(--sd-color-black));
-    }
-.sd-display--size-3xl {
-      font-size: var(--sd-text-2xl);
-      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
-      --tw-leading: var(--leading-tight, 1.25);
-      line-height: var(--leading-tight, 1.25);
-      --tw-font-weight: var(--sd-font-weight-normal);
-      font-weight: var(--sd-font-weight-normal);
-      color: var(--sd-color-text-black, var(--sd-color-black));
-    }
-@media (width >= 64rem) {
-.sd-display--size-3xl {
-        font-size: var(--sd-text-3xl);
-        line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
-    }
-      }
-.sd-display--inverted {
-    color: var(--sd-color-text-white, var(--sd-color-white));
-  }
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@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-leading: initial;
-      --tw-font-weight: initial;
-    }
-  }
-}
+@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-leading:initial;--tw-font-weight:initial}}}@layer theme,base,components,utilities;.sd-display{font-size:var(--sd-text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25/1.875)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--sd-font-weight-normal);font-weight:var(--sd-font-weight-normal);color:var(--sd-color-text-black)}@media (min-width:64rem){.sd-display{font-size:var(--sd-text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5/2.25)))}}.sd-display--size-xl{font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--sd-font-weight-normal);font-weight:var(--sd-font-weight-normal);color:var(--sd-color-text-black)}.sd-display--size-3xl{font-size:var(--sd-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--sd-font-weight-normal);font-weight:var(--sd-font-weight-normal);color:var(--sd-color-text-black)}@media (min-width:64rem){.sd-display--size-3xl{font-size:var(--sd-text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25/1.875)))}}.sd-display--inverted{color:var(--sd-color-text-white)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}

package/cdn/modules/flag.css

@@ -1,23 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-.sd-flag {
-  display: inline-flex;
-  height: var(--sd-spacing-8);
-  align-items: center;
-  overflow: hidden;
-  background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
-  padding-inline: var(--sd-spacing-3);
-  font-size: var(--sd-text-sm);
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-  white-space: nowrap;
-  color: var(--sd-color-text-black, var(--sd-color-black));
-}
-.sd-flag--neutral-500 {
-    background-color: var(--sd-flag--neutral-500-color-background, var(--sd-color-neutral-500));
-    color: var(--sd-color-text-black, var(--sd-color-black));
-  }
-.sd-flag--neutral-300 {
-    background-color: var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));
-  }
-.sd-flag--white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
-  }
+@layer theme,base,components,utilities;.sd-flag{height:var(--sd-spacing-8);background-color:var(--sd-color-background-neutral-200);padding-inline:var(--sd-spacing-3);font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));white-space:nowrap;color:var(--sd-color-text-black);align-items:center;display:inline-flex;overflow:hidden}.sd-flag--neutral-500{background-color:var(--sd-flag--neutral-500-color-background,var(--sd-color-neutral-500));color:var(--sd-color-text-black)}.sd-flag--neutral-300{background-color:var(--sd-color-background-neutral-300)}.sd-flag--white{background-color:var(--sd-color-background-white)}

package/cdn/modules/footnotes.css

@@ -1,166 +1,2 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
-@layer properties;
-.sd-footnotes {
-  margin-block: calc(var(--sd-spacing-1) * 0);
-  padding: calc(var(--sd-spacing-1) * 0);
-  text-align: left;
-  font-size: var(--sd-text-sm);
-  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-  color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
-}
-.sd-footnotes :target {
-    background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
-  }
-.sd-footnotes:is(ol) {
-    padding-inline-start: var(--sd-spacing-8);
-  }
-.sd-footnotes:is(ol) li {
-      counter-increment: list-item;
-      position: relative;
-      list-style-type: none;
-    }
-.sd-footnotes:is(ol) li .sd-footnotes--marker::before, .sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2))::before, .sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker))::before {
-          position: absolute;
-          left: calc(var(--sd-spacing-8) * -1);
-          flex-shrink: 0;
-          --tw-leading: var(--leading-normal, 1.5);
-          line-height: var(--leading-normal, 1.5);
-          --tw-font-weight: var(--sd-font-weight-bold);
-          font-weight: var(--sd-font-weight-bold);
-          content: '[ ' counter(list-item) ' ]';
-          padding-top: 1px;
-          font-size: 10px;
-        }
-.sd-footnotes:is(ol) li .sd-footnotes--marker::after, .sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2))::after, .sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker))::after {
-          content: none;
-        }
-.sd-footnotes:is(ol) li .sd-footnotes--marker .sd-footnotes--marker, .sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)) .sd-footnotes--marker, .sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)) .sd-footnotes--marker {
-          display: inline-block;
-          counter-increment: footnotes-multiple;
-        }
-.sd-footnotes:is(ol) li .sd-footnotes--marker .sd-footnotes--marker::before, .sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)) .sd-footnotes--marker::before, .sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)) .sd-footnotes--marker::before {
-            position: relative;
-            left: calc(var(--sd-spacing-1) * 0);
-            vertical-align: super;
-            --tw-leading: var(--leading-normal, 1.5);
-            line-height: var(--leading-normal, 1.5);
-            --tw-font-weight: var(--sd-font-weight-bold);
-            font-weight: var(--sd-font-weight-bold);
-            content: counter(footnotes-multiple, lower-alpha);
-          }
-.sd-footnotes:is(ol) li .sd-footnotes--marker {
-        bottom: calc(var(--sd-spacing-1) * 0);
-        display: block;
-      }
-.sd-footnotes:is(ol) li .sd-footnotes--marker:focus-visible {
-          outline-style: var(--tw-outline-style);
-          outline-width: 0px;
-        }
-.sd-footnotes:is(ol) li .sd-footnotes--marker:focus-visible::before {
-            border-radius: var(--sd-radius);
-            outline-width: 1px;
-            outline-style: var(--tw-outline-style);
-            outline-width: 2px;
-            outline-offset: 2px;
-            outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
-          }
-.sd-footnotes:is(ul) {
-    list-style: '';
-  }
-.sd-footnotes--inverted {
-    color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
-  }
-.sd-footnotes--inverted :target {
-      background-color: var(--sd-footnotes--target--inverted-color-background, var(--sd-color-primary-800));
-    }
-.sd-footnotes--inverted .sd-footnotes--marker::before {
-      color: var(--sd-color-text-white, var(--sd-color-white));
-      outline-color: var(--color-white, #fff) !important;
-    }
-.sd-footnotes--inverted:is(.sd-footnotes--marker) {
-      color: var(--sd-color-text-white, var(--sd-color-white)) !important;
-      outline-color: var(--color-white, #fff) !important;
-    }
-.sd-footnotes--inverted:is(.sd-footnotes--marker):target {
-        background-color: var(--sd-footnotes--target--inverted-color-background, var(--sd-color-primary-800));
-      }
-.sd-footnotes--marker {
-    position: relative;
-    bottom: var(--sd-spacing-2);
-    display: inline-block;
-    --tw-font-weight: var(--sd-font-weight-bold);
-    font-weight: var(--sd-font-weight-bold);
-    white-space: nowrap;
-    text-decoration-line: none !important;
-    font-size: x-small;
-  }
-.sd-footnotes--marker:target {
-      background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
-    }
-.sd-footnotes--marker:not(:has(a))::before {
-        content: '[ ';
-        display: inline-block;
-      }
-.sd-footnotes--marker:not(:has(a))::after {
-        content: ' ]';
-        display: inline-block;
-      }
-.sd-footnotes--marker :is(a) {
-      display: inline-block;
-      --tw-font-weight: var(--sd-font-weight-bold);
-      font-weight: var(--sd-font-weight-bold);
-      white-space: nowrap;
-      text-decoration-line: none !important;
-    }
-.sd-footnotes--marker :is(a)::before {
-        content: '[ ';
-        display: inline-block;
-      }
-.sd-footnotes--marker :is(a)::after {
-        content: ' ]';
-        display: inline-block;
-      }
-.sd-footnotes--marker :is(a):focus-visible {
-        border-radius: var(--sd-radius);
-        outline-width: 1px;
-        outline-style: var(--tw-outline-style);
-        outline-width: 2px;
-        outline-offset: 2px;
-        outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
-      }
-.sd-footnotes--marker :is(a):link {
-        color: var(--sd-color-text-primary, var(--sd-color-primary));
-      }
-.sd-footnotes--marker:link, .sd-footnotes--marker:visited {
-      color: var(--sd-color-text-primary, var(--sd-color-primary));
-    }
-.sd-footnotes--marker:focus-visible {
-      border-radius: var(--sd-radius);
-      outline-width: 1px;
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
-    }
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@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-leading: initial;
-      --tw-font-weight: initial;
-      --tw-outline-style: solid;
-    }
-  }
-}
+@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-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme,base,components,utilities;.sd-footnotes{margin-block:calc(var(--sd-spacing-1)*0);padding:calc(var(--sd-spacing-1)*0);text-align:left;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--sd-color-text-neutral-700)}.sd-footnotes :target{background-color:var(--sd-color-background-neutral-200)}.sd-footnotes:is(ol){padding-inline-start:var(--sd-spacing-8)}.sd-footnotes:is(ol) li{counter-increment:list-item;list-style-type:none;position:relative}.sd-footnotes:is(ol) li .sd-footnotes--marker:before,.sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)):before,.sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)):before{left:calc(var(--sd-spacing-8)*-1);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);content:"[ " counter(list-item)" ]";flex-shrink:0;padding-top:1px;font-size:10px;position:absolute}.sd-footnotes:is(ol) li .sd-footnotes--marker:after,.sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)):after,.sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)):after{content:none}.sd-footnotes:is(ol) li .sd-footnotes--marker .sd-footnotes--marker,.sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)) .sd-footnotes--marker,.sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)) .sd-footnotes--marker{counter-increment:footnotes-multiple;display:inline-block}.sd-footnotes:is(ol) li .sd-footnotes--marker .sd-footnotes--marker:before,.sd-footnotes:is(ol) li:has(.sd-footnotes--marker:nth-of-type(2)) .sd-footnotes--marker:before,.sd-footnotes:is(ol) li:not(:has(.sd-footnotes--marker)) .sd-footnotes--marker:before{left:calc(var(--sd-spacing-1)*0);vertical-align:super;--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);content:counter(footnotes-multiple,lower-alpha);position:relative}.sd-footnotes:is(ol) li .sd-footnotes--marker{bottom:calc(var(--sd-spacing-1)*0);display:block}.sd-footnotes:is(ol) li .sd-footnotes--marker:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.sd-footnotes:is(ol) li .sd-footnotes--marker:focus-visible:before{border-radius:var(--sd-radius);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--sd-border-color-primary,var(--sd-color-primary))}.sd-footnotes:is(ul){list-style:""}.sd-footnotes--inverted{color:var(--sd-color-text-primary-400)}.sd-footnotes--inverted :target{background-color:var(--sd-footnotes--target--inverted-color-background,var(--sd-color-primary-800))}.sd-footnotes--inverted .sd-footnotes--marker:before{color:var(--sd-color-text-white);outline-color:var(--color-white,#fff)!important}.sd-footnotes--inverted.sd-footnotes--marker{color:var(--sd-color-text-white)!important;outline-color:var(--color-white,#fff)!important}.sd-footnotes--inverted.sd-footnotes--marker:target{background-color:var(--sd-footnotes--target--inverted-color-background,var(--sd-color-primary-800))}.sd-footnotes--marker{bottom:var(--sd-spacing-2);--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);white-space:nowrap;font-size:x-small;display:inline-block;position:relative;text-decoration-line:none!important}.sd-footnotes--marker:target{background-color:var(--sd-color-background-neutral-200)}.sd-footnotes--marker:not(:has(a)):before{content:"[ ";display:inline-block}.sd-footnotes--marker:not(:has(a)):after{content:" ]";display:inline-block}.sd-footnotes--marker :is(a){--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold);white-space:nowrap;display:inline-block;text-decoration-line:none!important}.sd-footnotes--marker :is(a):before{content:"[ ";display:inline-block}.sd-footnotes--marker :is(a):after{content:" ]";display:inline-block}.sd-footnotes--marker :is(a):focus-visible{border-radius:var(--sd-radius);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--sd-border-color-primary,var(--sd-color-primary))}.sd-footnotes--marker :is(a):link,.sd-footnotes--marker:link,.sd-footnotes--marker:visited{color:var(--sd-color-text-primary)}.sd-footnotes--marker:focus-visible{border-radius:var(--sd-radius);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--sd-border-color-primary,var(--sd-color-primary))}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}