@nimbus-ds/styles 5.0.0-rc.6 → 5.0.0-rc.7

package/dist/packages/atomic/icon/index.css

@@ -107,234 +107,6 @@
   --g6qx2k2t: 672px;
   --g6qx2k2u: 1024px;
 }
-._16j42310 {
-  color: var(--g6qx2k0);
-}
-._16j42311 {
-  color: var(--g6qx2k1);
-}
-._16j42312 {
-  color: var(--g6qx2k2);
-}
-._16j42313 {
-  color: var(--g6qx2k3);
-}
-._16j42314 {
-  color: var(--g6qx2k4);
-}
-._16j42315 {
-  color: var(--g6qx2k5);
-}
-._16j42316 {
-  color: var(--g6qx2k6);
-}
-._16j42317 {
-  color: var(--g6qx2k7);
-}
-._16j42318 {
-  color: var(--g6qx2k8);
-}
-._16j42319 {
-  color: var(--g6qx2k9);
-}
-._16j4231a {
-  color: var(--g6qx2ka);
-}
-._16j4231b {
-  color: var(--g6qx2kb);
-}
-._16j4231c {
-  color: var(--g6qx2kc);
-}
-._16j4231d {
-  color: var(--g6qx2kd);
-}
-._16j4231e {
-  color: var(--g6qx2ke);
-}
-._16j4231f {
-  color: var(--g6qx2kf);
-}
-._16j4231g {
-  color: var(--g6qx2kg);
-}
-._16j4231h {
-  color: var(--g6qx2kh);
-}
-._16j4231i {
-  color: var(--g6qx2ki);
-}
-._16j4231j {
-  color: var(--g6qx2kj);
-}
-._16j4231k {
-  color: var(--g6qx2kk);
-}
-._16j4231l {
-  color: var(--g6qx2kl);
-}
-._16j4231m {
-  color: var(--g6qx2km);
-}
-._16j4231n {
-  color: var(--g6qx2kn);
-}
-._16j4231o {
-  color: var(--g6qx2ko);
-}
-._16j4231p {
-  color: var(--g6qx2kp);
-}
-._16j4231q {
-  color: var(--g6qx2kq);
-}
-._16j4231r {
-  color: var(--g6qx2kr);
-}
-._16j4231s {
-  color: var(--g6qx2ks);
-}
-._16j4231t {
-  color: var(--g6qx2kt);
-}
-._16j4231u {
-  color: var(--g6qx2ku);
-}
-._16j4231v {
-  color: var(--g6qx2kv);
-}
-._16j4231w {
-  color: var(--g6qx2kw);
-}
-._16j4231x {
-  color: var(--g6qx2kx);
-}
-._16j4231y {
-  color: var(--g6qx2ky);
-}
-._16j4231z {
-  color: var(--g6qx2kz);
-}
-._16j423110 {
-  color: var(--g6qx2k10);
-}
-._16j423111 {
-  color: var(--g6qx2k11);
-}
-._16j423112 {
-  background-color: var(--g6qx2k0);
-}
-._16j423113 {
-  background-color: var(--g6qx2k1);
-}
-._16j423114 {
-  background-color: var(--g6qx2k2);
-}
-._16j423115 {
-  background-color: var(--g6qx2k3);
-}
-._16j423116 {
-  background-color: var(--g6qx2k4);
-}
-._16j423117 {
-  background-color: var(--g6qx2k5);
-}
-._16j423118 {
-  background-color: var(--g6qx2k6);
-}
-._16j423119 {
-  background-color: var(--g6qx2k7);
-}
-._16j42311a {
-  background-color: var(--g6qx2k8);
-}
-._16j42311b {
-  background-color: var(--g6qx2k9);
-}
-._16j42311c {
-  background-color: var(--g6qx2ka);
-}
-._16j42311d {
-  background-color: var(--g6qx2kb);
-}
-._16j42311e {
-  background-color: var(--g6qx2kc);
-}
-._16j42311f {
-  background-color: var(--g6qx2kd);
-}
-._16j42311g {
-  background-color: var(--g6qx2ke);
-}
-._16j42311h {
-  background-color: var(--g6qx2kf);
-}
-._16j42311i {
-  background-color: var(--g6qx2kg);
-}
-._16j42311j {
-  background-color: var(--g6qx2kh);
-}
-._16j42311k {
-  background-color: var(--g6qx2ki);
-}
-._16j42311l {
-  background-color: var(--g6qx2kj);
-}
-._16j42311m {
-  background-color: var(--g6qx2kk);
-}
-._16j42311n {
-  background-color: var(--g6qx2kl);
-}
-._16j42311o {
-  background-color: var(--g6qx2km);
-}
-._16j42311p {
-  background-color: var(--g6qx2kn);
-}
-._16j42311q {
-  background-color: var(--g6qx2ko);
-}
-._16j42311r {
-  background-color: var(--g6qx2kp);
-}
-._16j42311s {
-  background-color: var(--g6qx2kq);
-}
-._16j42311t {
-  background-color: var(--g6qx2kr);
-}
-._16j42311u {
-  background-color: var(--g6qx2ks);
-}
-._16j42311v {
-  background-color: var(--g6qx2kt);
-}
-._16j42311w {
-  background-color: var(--g6qx2ku);
-}
-._16j42311x {
-  background-color: var(--g6qx2kv);
-}
-._16j42311y {
-  background-color: var(--g6qx2kw);
-}
-._16j42311z {
-  background-color: var(--g6qx2kx);
-}
-._16j423120 {
-  background-color: var(--g6qx2ky);
-}
-._16j423121 {
-  background-color: var(--g6qx2kz);
-}
-._16j423122 {
-  background-color: var(--g6qx2k10);
-}
-._16j423123 {
-  background-color: var(--g6qx2k11);
-}
 ._1stykmn0 {
   color: var(--g6qx2k2);
 }

package/dist/packages/atomic/icon/index.d.ts

@@ -1,8 +1,7 @@
 export declare const icon: {
-    style: string;
     sprinkle: ((props: {
         color?: "primary.interactive" | "primary.textLow" | "primary.textHigh" | "success.interactive" | "success.textLow" | "success.textHigh" | "warning.interactive" | "warning.textLow" | "warning.textHigh" | "danger.interactive" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.interactive" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
-        cursor?: "pointer" | "auto" | undefined;
+        cursor?: import("../../../types").Cursor | undefined;
     }) => string) & {
         properties: Set<"color" | "cursor">;
     };
@@ -26,6 +25,9 @@ export declare const icon: {
             "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        cursor: readonly ["auto", "pointer"];
+        cursor: import("../../../types").Cursor[];
+    };
+    classnames: {
+        container: string;
     };
 };

package/dist/packages/atomic/icon/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={763:(e,t,r)=>{function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{$:()=>l});var i=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var n=Object.assign({},...r.map((e=>e.styles))),i=Object.keys(n),o=i.filter((e=>"mappings"in n[e])),l=t=>{var r=[],a={},i=s({},t),l=!1;for(var u of o){var c=t[u];if(null!=c){var f=n[u];for(var g of(l=!0,f.mappings))a[g]=c,null==i[g]&&delete i[g]}}var y=l?s(s({},a),i):t;for(var v in y){var p=y[v],d=n[v];try{if(d.mappings)continue;if("string"==typeof p||"number"==typeof p)r.push(d.values[p].defaultClass);else if(Array.isArray(p))for(var x=0;x<p.length;x++){var k=p[x];if(null!=k){var m=d.responsiveArray[x];0,r.push(d.values[k].conditions[m])}}else for(var b in p){var w=p[b];null!=w&&r.push(d.values[w].conditions[b])}}catch(e){throw e}}return e(r.join(" "))};return Object.assign(l,{properties:new Set(i)})},o=e=>e,l=function(){return i(o)(...arguments)}},13:()=>{},741:()=>{}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{icon:()=>e});r(741),r(13);const e={style:"ykr0l50",sprinkle:(0,r(763).$)({conditions:void 0,styles:{color:{values:{"primary.interactive":{defaultClass:"_1stykmn0"},"primary.textLow":{defaultClass:"_1stykmn1"},"primary.textHigh":{defaultClass:"_1stykmn2"},"success.interactive":{defaultClass:"_1stykmn3"},"success.textLow":{defaultClass:"_1stykmn4"},"success.textHigh":{defaultClass:"_1stykmn5"},"warning.interactive":{defaultClass:"_1stykmn6"},"warning.textLow":{defaultClass:"_1stykmn7"},"warning.textHigh":{defaultClass:"_1stykmn8"},"danger.interactive":{defaultClass:"_1stykmn9"},"danger.textLow":{defaultClass:"_1stykmna"},"danger.textHigh":{defaultClass:"_1stykmnb"},"neutral.background":{defaultClass:"_1stykmnc"},"neutral.interactive":{defaultClass:"_1stykmnd"},"neutral.textLow":{defaultClass:"_1stykmne"},"neutral.textDisabled":{defaultClass:"_1stykmnf"},"neutral.textHigh":{defaultClass:"_1stykmng"}}},cursor:{values:{auto:{defaultClass:"_1stykmnh"},pointer:{defaultClass:"_1stykmni"}}}}}),properties:{color:{"primary.interactive":"var(--g6qx2k2)","primary.textLow":"var(--g6qx2k5)","primary.textHigh":"var(--g6qx2k6)","success.interactive":"var(--g6qx2k9)","success.textLow":"var(--g6qx2kc)","success.textHigh":"var(--g6qx2kd)","warning.interactive":"var(--g6qx2kg)","warning.textLow":"var(--g6qx2kj)","warning.textHigh":"var(--g6qx2kk)","danger.interactive":"var(--g6qx2kn)","danger.textLow":"var(--g6qx2kq)","danger.textHigh":"var(--g6qx2kr)","neutral.background":"var(--g6qx2ks)","neutral.interactive":"var(--g6qx2kw)","neutral.textLow":"var(--g6qx2k10)","neutral.textDisabled":"var(--g6qx2kz)","neutral.textHigh":"var(--g6qx2k11)"},cursor:["auto","pointer"]}}})(),a})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["@nimbus-ds/styles"]=t():e["@nimbus-ds/styles"]=t()}(self,(()=>(()=>{"use strict";var e={763:(e,t,r)=>{function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{$:()=>l});var i=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var n=Object.assign({},...r.map((e=>e.styles))),i=Object.keys(n),o=i.filter((e=>"mappings"in n[e])),l=t=>{var r=[],a={},i=s({},t),l=!1;for(var u of o){var c=t[u];if(null!=c){var f=n[u];for(var v of(l=!0,f.mappings))a[v]=c,null==i[v]&&delete i[v]}}var g=l?s(s({},a),i):t;for(var y in g){var p=g[y],d=n[y];try{if(d.mappings)continue;if("string"==typeof p||"number"==typeof p)r.push(d.values[p].defaultClass);else if(Array.isArray(p))for(var x=0;x<p.length;x++){var m=p[x];if(null!=m){var k=d.responsiveArray[x];0,r.push(d.values[m].conditions[k])}}else for(var b in p){var w=p[b];null!=w&&r.push(d.values[w].conditions[b])}}catch(e){throw e}}return e(r.join(" "))};return Object.assign(l,{properties:new Set(i)})},o=e=>e,l=function(){return i(o)(...arguments)}},741:()=>{}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{icon:()=>s});var e={};r.r(e),r.d(e,{container:()=>t});var t="ykr0l50",n=(r(741),{sprinkle:(0,r(763).$)({conditions:void 0,styles:{color:{values:{"primary.interactive":{defaultClass:"_1stykmn0"},"primary.textLow":{defaultClass:"_1stykmn1"},"primary.textHigh":{defaultClass:"_1stykmn2"},"success.interactive":{defaultClass:"_1stykmn3"},"success.textLow":{defaultClass:"_1stykmn4"},"success.textHigh":{defaultClass:"_1stykmn5"},"warning.interactive":{defaultClass:"_1stykmn6"},"warning.textLow":{defaultClass:"_1stykmn7"},"warning.textHigh":{defaultClass:"_1stykmn8"},"danger.interactive":{defaultClass:"_1stykmn9"},"danger.textLow":{defaultClass:"_1stykmna"},"danger.textHigh":{defaultClass:"_1stykmnb"},"neutral.background":{defaultClass:"_1stykmnc"},"neutral.interactive":{defaultClass:"_1stykmnd"},"neutral.textLow":{defaultClass:"_1stykmne"},"neutral.textDisabled":{defaultClass:"_1stykmnf"},"neutral.textHigh":{defaultClass:"_1stykmng"}}},cursor:{values:{auto:{defaultClass:"_1stykmnh"},pointer:{defaultClass:"_1stykmni"}}}}}),properties:{color:{"primary.interactive":"var(--g6qx2k2)","primary.textLow":"var(--g6qx2k5)","primary.textHigh":"var(--g6qx2k6)","success.interactive":"var(--g6qx2k9)","success.textLow":"var(--g6qx2kc)","success.textHigh":"var(--g6qx2kd)","warning.interactive":"var(--g6qx2kg)","warning.textLow":"var(--g6qx2kj)","warning.textHigh":"var(--g6qx2kk)","danger.interactive":"var(--g6qx2kn)","danger.textLow":"var(--g6qx2kq)","danger.textHigh":"var(--g6qx2kr)","neutral.background":"var(--g6qx2ks)","neutral.interactive":"var(--g6qx2kw)","neutral.textLow":"var(--g6qx2k10)","neutral.textDisabled":"var(--g6qx2kz)","neutral.textHigh":"var(--g6qx2k11)"},cursor:["auto","pointer"]}});const s={classnames:{...e},...n}})(),a})()));

package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts

@@ -1,84 +1,88 @@
-export declare const iconButtonBackgroundColorProperties: {
-    transparent: string;
-    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const iconButtonBorderColorProperties: {
-    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    transparent: string;
-    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
-    config: {};
-} & {
-    config: {
-        width: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
+export declare const iconButtonSprinkle: {
+    sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
+        config: {};
+    } & {
+        config: {
+            backgroundColor: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
+                dynamicScale: {
+                    transparent: string;
+                    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "backgroundColor";
+                vars: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
             };
-            dynamicScale: true;
-            name: "width";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
+            borderColor: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
+                dynamicScale: {
+                    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    transparent: string;
+                    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "borderColor";
+                vars: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
             };
-        };
-        height: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
+            width: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
             };
-            dynamicScale: true;
-            name: "height";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
+            height: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
+                dynamicScale: true;
+                name: "height";
+                vars: {
+                    default: string;
+                    conditions: Record<"active" | "xs" | "md" | "lg" | "hover" | "focus", string>;
+                };
             };
         };
-        backgroundColor: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
-            };
-            dynamicScale: {
-                transparent: string;
-                "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            name: "backgroundColor";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
+    } & {
+        config: {
+            size: {
+                mappings: ("width" | "height")[];
             };
         };
-        borderColor: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
-            };
-            dynamicScale: {
-                "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                transparent: string;
-                "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            name: "borderColor";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg" | "active" | "hover" | "focus", string>;
-            };
+    }]>;
+    properties: {
+        backgroundColor: {
+            transparent: string;
+            "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-    };
-} & {
-    config: {
-        size: {
-            mappings: ("width" | "height")[];
+        borderColor: {
+            "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            transparent: string;
+            "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
-}]>;
+};

package/dist/packages/atomic/iconButton/index.css

@@ -117,234 +117,6 @@
   background-color: var(--g6qx2ky);
   border-color: var(--g6qx2ky);
 }
-._16j42310 {
-  color: var(--g6qx2k0);
-}
-._16j42311 {
-  color: var(--g6qx2k1);
-}
-._16j42312 {
-  color: var(--g6qx2k2);
-}
-._16j42313 {
-  color: var(--g6qx2k3);
-}
-._16j42314 {
-  color: var(--g6qx2k4);
-}
-._16j42315 {
-  color: var(--g6qx2k5);
-}
-._16j42316 {
-  color: var(--g6qx2k6);
-}
-._16j42317 {
-  color: var(--g6qx2k7);
-}
-._16j42318 {
-  color: var(--g6qx2k8);
-}
-._16j42319 {
-  color: var(--g6qx2k9);
-}
-._16j4231a {
-  color: var(--g6qx2ka);
-}
-._16j4231b {
-  color: var(--g6qx2kb);
-}
-._16j4231c {
-  color: var(--g6qx2kc);
-}
-._16j4231d {
-  color: var(--g6qx2kd);
-}
-._16j4231e {
-  color: var(--g6qx2ke);
-}
-._16j4231f {
-  color: var(--g6qx2kf);
-}
-._16j4231g {
-  color: var(--g6qx2kg);
-}
-._16j4231h {
-  color: var(--g6qx2kh);
-}
-._16j4231i {
-  color: var(--g6qx2ki);
-}
-._16j4231j {
-  color: var(--g6qx2kj);
-}
-._16j4231k {
-  color: var(--g6qx2kk);
-}
-._16j4231l {
-  color: var(--g6qx2kl);
-}
-._16j4231m {
-  color: var(--g6qx2km);
-}
-._16j4231n {
-  color: var(--g6qx2kn);
-}
-._16j4231o {
-  color: var(--g6qx2ko);
-}
-._16j4231p {
-  color: var(--g6qx2kp);
-}
-._16j4231q {
-  color: var(--g6qx2kq);
-}
-._16j4231r {
-  color: var(--g6qx2kr);
-}
-._16j4231s {
-  color: var(--g6qx2ks);
-}
-._16j4231t {
-  color: var(--g6qx2kt);
-}
-._16j4231u {
-  color: var(--g6qx2ku);
-}
-._16j4231v {
-  color: var(--g6qx2kv);
-}
-._16j4231w {
-  color: var(--g6qx2kw);
-}
-._16j4231x {
-  color: var(--g6qx2kx);
-}
-._16j4231y {
-  color: var(--g6qx2ky);
-}
-._16j4231z {
-  color: var(--g6qx2kz);
-}
-._16j423110 {
-  color: var(--g6qx2k10);
-}
-._16j423111 {
-  color: var(--g6qx2k11);
-}
-._16j423112 {
-  background-color: var(--g6qx2k0);
-}
-._16j423113 {
-  background-color: var(--g6qx2k1);
-}
-._16j423114 {
-  background-color: var(--g6qx2k2);
-}
-._16j423115 {
-  background-color: var(--g6qx2k3);
-}
-._16j423116 {
-  background-color: var(--g6qx2k4);
-}
-._16j423117 {
-  background-color: var(--g6qx2k5);
-}
-._16j423118 {
-  background-color: var(--g6qx2k6);
-}
-._16j423119 {
-  background-color: var(--g6qx2k7);
-}
-._16j42311a {
-  background-color: var(--g6qx2k8);
-}
-._16j42311b {
-  background-color: var(--g6qx2k9);
-}
-._16j42311c {
-  background-color: var(--g6qx2ka);
-}
-._16j42311d {
-  background-color: var(--g6qx2kb);
-}
-._16j42311e {
-  background-color: var(--g6qx2kc);
-}
-._16j42311f {
-  background-color: var(--g6qx2kd);
-}
-._16j42311g {
-  background-color: var(--g6qx2ke);
-}
-._16j42311h {
-  background-color: var(--g6qx2kf);
-}
-._16j42311i {
-  background-color: var(--g6qx2kg);
-}
-._16j42311j {
-  background-color: var(--g6qx2kh);
-}
-._16j42311k {
-  background-color: var(--g6qx2ki);
-}
-._16j42311l {
-  background-color: var(--g6qx2kj);
-}
-._16j42311m {
-  background-color: var(--g6qx2kk);
-}
-._16j42311n {
-  background-color: var(--g6qx2kl);
-}
-._16j42311o {
-  background-color: var(--g6qx2km);
-}
-._16j42311p {
-  background-color: var(--g6qx2kn);
-}
-._16j42311q {
-  background-color: var(--g6qx2ko);
-}
-._16j42311r {
-  background-color: var(--g6qx2kp);
-}
-._16j42311s {
-  background-color: var(--g6qx2kq);
-}
-._16j42311t {
-  background-color: var(--g6qx2kr);
-}
-._16j42311u {
-  background-color: var(--g6qx2ks);
-}
-._16j42311v {
-  background-color: var(--g6qx2kt);
-}
-._16j42311w {
-  background-color: var(--g6qx2ku);
-}
-._16j42311x {
-  background-color: var(--g6qx2kv);
-}
-._16j42311y {
-  background-color: var(--g6qx2kw);
-}
-._16j42311z {
-  background-color: var(--g6qx2kx);
-}
-._16j423120 {
-  background-color: var(--g6qx2ky);
-}
-._16j423121 {
-  background-color: var(--g6qx2kz);
-}
-._16j423122 {
-  background-color: var(--g6qx2k10);
-}
-._16j423123 {
-  background-color: var(--g6qx2k11);
-}
 .dhtwyb9:active {
   width: var(--dhtwyb3);
 }