@dnanpm/ui-components 0.7.0 → 0.9.0

package/dist/components/IconButton/IconButton.css

@@ -1,4 +1,4 @@
-@layer dds-components {._icon-button_1iv9h_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._icon-button_mhilb_1 {
     --_button-icon-size: 24px;
 
     display: inline-flex;
@@ -8,7 +8,6 @@
     max-width: 100%;
     min-width: 0;
     border: none;
-    border-radius: var(--radius-semantic-sm);
     padding: 0;
     background: transparent;
     font: var(--typography-label-lg-bold);
@@ -20,17 +19,17 @@
         text-decoration-color 0.2s ease-in-out;
 }
 
-._icon-button--normal_1iv9h_23 {
+._icon-button--normal_mhilb_22 {
     font: var(--typography-label-lg-bold);
     --_button-icon-size: 24px;
 }
 
-._icon-button--small_1iv9h_28 {
+._icon-button--small_mhilb_27 {
     font: var(--typography-label-md-bold);
     --_button-icon-size: 20px;
 }
 
-._icon-button__label_1iv9h_33 {
+._icon-button__label_mhilb_32 {
     flex: 0 1 auto;
     min-width: 0;
     overflow: hidden;
@@ -42,7 +41,7 @@
     line-height: var(--typography-line-height-md);
 }
 
-._icon-button__label--wrap_1iv9h_45 {
+._icon-button__label--wrap_mhilb_44 {
     overflow: visible;
     text-overflow: clip;
     white-space: normal;
@@ -50,7 +49,7 @@
     text-align: left;
 }
 
-._icon-button__icon_1iv9h_53 {
+._icon-button__icon_mhilb_52 {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -66,26 +65,26 @@
 }
 
 /* Shared interaction states */
-._icon-button_1iv9h_1:hover,
-._icon-button_1iv9h_1:focus-visible {
-    ._icon-button__label_1iv9h_33 {
+._icon-button_mhilb_1:hover,
+._icon-button_mhilb_1:focus-visible {
+    ._icon-button__label_mhilb_32 {
         text-decoration-color: currentColor;
     }
 
-    ._icon-button__icon_1iv9h_53 {
+    ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-interactive-primary-hover);
     }
 }
 
-._icon-button_1iv9h_1:active ._icon-button__icon_1iv9h_53 {
+._icon-button_mhilb_1:active ._icon-button__icon_mhilb_52 {
     color: var(--color-semantic-interactive-primary-active);
 }
 
 /* Optional link coloring */
-._icon-button--link-coloring_1iv9h_85 {
+._icon-button--link-coloring_mhilb_84 {
     color: var(--color-semantic-foreground-link);
 
-    ._icon-button__icon_1iv9h_53 {
+    ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-foreground-link);
     }
 
@@ -93,7 +92,7 @@
     &:focus-visible {
         color: var(--color-semantic-foreground-link-hover);
 
-        ._icon-button__icon_1iv9h_53 {
+        ._icon-button__icon_mhilb_52 {
             color: var(--color-semantic-foreground-link-hover);
         }
     }
@@ -101,49 +100,49 @@
     &:active {
         color: var(--color-semantic-interactive-primary-active);
 
-        ._icon-button__icon_1iv9h_53 {
+        ._icon-button__icon_mhilb_52 {
             color: var(--color-semantic-interactive-primary-active);
         }
     }
 }
 
 /* Disabled/loading states */
-._icon-button--disabled_1iv9h_111,
-._icon-button--loading_1iv9h_112 {
+._icon-button--disabled_mhilb_110,
+._icon-button--loading_mhilb_111 {
     pointer-events: none;
 }
 
-._icon-button--disabled_1iv9h_111 {
+._icon-button--disabled_mhilb_110 {
     color: var(--color-semantic-foreground-muted);
 
-    ._icon-button__icon_1iv9h_53 {
+    ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-interactive-primary-disabled);
     }
 }
 
 /* Dark scheme overrides */
 @scope ([data-color-scheme='dark']) to ([data-color-scheme='light']) {
-    ._icon-button_1iv9h_1 {
+    ._icon-button_mhilb_1 {
         color: var(--color-semantic-foreground-inverse);
     }
 
-    ._icon-button_1iv9h_1 ._icon-button__icon_1iv9h_53 {
+    ._icon-button_mhilb_1 ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-interactive-inverse-default);
     }
 
-    ._icon-button_1iv9h_1:hover ._icon-button__icon_1iv9h_53,
-    ._icon-button_1iv9h_1:focus-visible ._icon-button__icon_1iv9h_53 {
+    ._icon-button_mhilb_1:hover ._icon-button__icon_mhilb_52,
+    ._icon-button_mhilb_1:focus-visible ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-interactive-inverse-hover);
     }
 
-    ._icon-button_1iv9h_1:active ._icon-button__icon_1iv9h_53 {
+    ._icon-button_mhilb_1:active ._icon-button__icon_mhilb_52 {
         color: var(--color-semantic-interactive-inverse-active);
     }
 
-    ._icon-button--link-coloring_1iv9h_85 {
+    ._icon-button--link-coloring_mhilb_84 {
         color: var(--color-semantic-foreground-inverse);
 
-        ._icon-button__icon_1iv9h_53 {
+        ._icon-button__icon_mhilb_52 {
             color: var(--color-semantic-foreground-inverse);
         }
 
@@ -151,7 +150,7 @@
         &:focus-visible {
             color: var(--color-semantic-foreground-inverse);
 
-            ._icon-button__icon_1iv9h_53 {
+            ._icon-button__icon_mhilb_52 {
                 color: var(--color-semantic-foreground-inverse);
             }
         }
@@ -159,23 +158,22 @@
         &:active {
             color: var(--color-semantic-foreground-inverse);
 
-            ._icon-button__icon_1iv9h_53 {
+            ._icon-button__icon_mhilb_52 {
                 color: var(--color-semantic-foreground-inverse);
             }
         }
     }
 
-    ._icon-button--disabled_1iv9h_111 {
-        ._icon-button__icon_1iv9h_53 {
+    ._icon-button--disabled_mhilb_110 {
+        ._icon-button__icon_mhilb_52 {
             color: var(--color-semantic-interactive-inverse-disabled);
         }
     }
 }
 
 @media (forced-colors: active) {
-    ._icon-button--small_1iv9h_28:focus-visible {
+    ._icon-button--small_mhilb_27:focus-visible {
         outline-color: Highlight;
         box-shadow: none;
     }
-}
-}
+} }

package/dist/components/IconButton/IconButton.module.css.cjs

@@ -1,15 +1,15 @@
 require('./IconButton.css');
 "use strict";
 const styles = {
-  "icon-button": "_icon-button_1iv9h_1",
-  "icon-button--normal": "_icon-button--normal_1iv9h_23",
-  "icon-button--small": "_icon-button--small_1iv9h_28",
-  "icon-button__label": "_icon-button__label_1iv9h_33",
-  "icon-button__label--wrap": "_icon-button__label--wrap_1iv9h_45",
-  "icon-button__icon": "_icon-button__icon_1iv9h_53",
-  "icon-button--link-coloring": "_icon-button--link-coloring_1iv9h_85",
-  "icon-button--disabled": "_icon-button--disabled_1iv9h_111",
-  "icon-button--loading": "_icon-button--loading_1iv9h_112"
+  "icon-button": "_icon-button_mhilb_1",
+  "icon-button--normal": "_icon-button--normal_mhilb_22",
+  "icon-button--small": "_icon-button--small_mhilb_27",
+  "icon-button__label": "_icon-button__label_mhilb_32",
+  "icon-button__label--wrap": "_icon-button__label--wrap_mhilb_44",
+  "icon-button__icon": "_icon-button__icon_mhilb_52",
+  "icon-button--link-coloring": "_icon-button--link-coloring_mhilb_84",
+  "icon-button--disabled": "_icon-button--disabled_mhilb_110",
+  "icon-button--loading": "_icon-button--loading_mhilb_111"
 };
 module.exports = styles;
 //# sourceMappingURL=IconButton.module.css.cjs.map

package/dist/components/IconButton/IconButton.module.css.js

@@ -1,14 +1,14 @@
 import './IconButton.css';
 const styles = {
-  "icon-button": "_icon-button_1iv9h_1",
-  "icon-button--normal": "_icon-button--normal_1iv9h_23",
-  "icon-button--small": "_icon-button--small_1iv9h_28",
-  "icon-button__label": "_icon-button__label_1iv9h_33",
-  "icon-button__label--wrap": "_icon-button__label--wrap_1iv9h_45",
-  "icon-button__icon": "_icon-button__icon_1iv9h_53",
-  "icon-button--link-coloring": "_icon-button--link-coloring_1iv9h_85",
-  "icon-button--disabled": "_icon-button--disabled_1iv9h_111",
-  "icon-button--loading": "_icon-button--loading_1iv9h_112"
+  "icon-button": "_icon-button_mhilb_1",
+  "icon-button--normal": "_icon-button--normal_mhilb_22",
+  "icon-button--small": "_icon-button--small_mhilb_27",
+  "icon-button__label": "_icon-button__label_mhilb_32",
+  "icon-button__label--wrap": "_icon-button__label--wrap_mhilb_44",
+  "icon-button__icon": "_icon-button__icon_mhilb_52",
+  "icon-button--link-coloring": "_icon-button--link-coloring_mhilb_84",
+  "icon-button--disabled": "_icon-button--disabled_mhilb_110",
+  "icon-button--loading": "_icon-button--loading_mhilb_111"
 };
 export {
   styles as default

package/dist/components/Label/Label.css

@@ -1,4 +1,4 @@
-@layer dds-components {._label_7ugso_1 {
+@layer dds-base, dds-components;@layer dds-components { @layer fallback, components; }@layer dds-components.components{._label_7ugso_1 {
     --_label-height: 22px;
 
     display: inline-block;
@@ -39,5 +39,4 @@
 
 ._label--other_7ugso_40 {
     background-color: var(--color-semantic-accent-sky-strong);
-}
-}
+} }