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

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

@@ -132,246 +132,6 @@
   font-size: var(--g6qx2k1b);
   line-height: var(--g6qx2k1n);
 }
-._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);
-}
-._14uh5x50 {
-  text-align: left;
-}
-._14uh5x51 {
-  text-align: right;
-}
-._14uh5x52 {
-  text-align: center;
-}
-._14uh5x53 {
-  text-align: justify;
-}
 ._188nen40 {
   color: var(--g6qx2k6);
 }

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

@@ -1,43 +1,12 @@
 export declare const title: {
-    style: import("@vanilla-extract/recipes").RuntimeFn<{
-        as: {
-            h1: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            h2: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            h3: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            h4: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            h5: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            h6: {
-                fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
-        defaultVariants: {
-            as: string;
-        };
-    }>;
     sprinkle: ((props: {
         color?: "primary.textLow" | "primary.textHigh" | "success.textLow" | "success.textHigh" | "warning.textLow" | "warning.textHigh" | "danger.textLow" | "danger.textHigh" | "neutral.textLow" | "neutral.textHigh" | undefined;
-        textAlign?: "left" | "right" | "center" | "justify" | undefined;
+        textAlign?: import("../../../types").TextAlign | undefined;
     }) => string) & {
         properties: Set<"color" | "textAlign">;
     };
     properties: {
-        colors: {
+        color: {
             "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -49,11 +18,39 @@ export declare const title: {
             "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
-        textAlign: {
-            readonly left: "left";
-            readonly right: "right";
-            readonly center: "center";
-            readonly justify: "justify";
-        };
+        textAlign: import("../../../types").TextAlign[];
+    };
+    classnames: {
+        container: import("@vanilla-extract/recipes").RuntimeFn<{
+            as: {
+                h1: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                h2: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                h3: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                h4: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                h5: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                h6: {
+                    fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+            defaultVariants: {
+                as: string;
+            };
+        }>;
     };
 };

package/dist/packages/atomic/title/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={704:(e,t,r)=>{function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{u:()=>i});var o=(e,t,r)=>{for(var n of Object.keys(e)){var a;if(e[n]!==(null!==(a=t[n])&&void 0!==a?a:r[n]))return!1}return!0},i=e=>t=>{var r=e.defaultClassName,n=s(s({},e.defaultVariants),t);for(var a in n){var i,l=null!==(i=n[a])&&void 0!==i?i:e.defaultVariants[a];if(null!=l){var u=l;"boolean"==typeof u&&(u=!0===u?"true":"false");var f=e.variantClassNames[a][u];f&&(r+=" "+f)}}for(var[c,p]of e.compoundVariants)o(c,n,e.defaultVariants)&&(r+=" "+p);return r}},763:(e,t,r)=>{function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{$:()=>l});var o=e=>function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=Object.assign({},...r.map((e=>e.styles))),o=Object.keys(a),i=o.filter((e=>"mappings"in a[e])),l=t=>{var r=[],n={},o=s({},t),l=!1;for(var u of i){var f=t[u];if(null!=f){var c=a[u];for(var p of(l=!0,c.mappings))n[p]=f,null==o[p]&&delete o[p]}}var d=l?s(s({},n),o):t;for(var v in d){var g=d[v],y=a[v];try{if(y.mappings)continue;if("string"==typeof g||"number"==typeof g)r.push(y.values[g].defaultClass);else if(Array.isArray(g))for(var b=0;b<g.length;b++){var O=g[b];if(null!=O){var j=y.responsiveArray[b];0,r.push(y.values[O].conditions[j])}}else for(var x in g){var h=g[x];null!=h&&r.push(y.values[h].conditions[x])}}catch(e){throw e}}return e(r.join(" "))};return Object.assign(l,{properties:new Set(o)})},i=e=>e,l=function(){return o(i)(...arguments)}},13:()=>{},928:()=>{},741:()=>{}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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 n={};return(()=>{r.r(n),r.d(n,{title:()=>t});r(741);var e=(0,r(704).u)({defaultClassName:"_1s9dqsk0",variantClassNames:{as:{h1:"_1s9dqsk1",h2:"_1s9dqsk2",h3:"_1s9dqsk3",h4:"_1s9dqsk4",h5:"_1s9dqsk5",h6:"_1s9dqsk6"},defaultVariants:{as:"h1"}},defaultVariants:{},compoundVariants:[]});r(13),r(928);const t={style:e,sprinkle:(0,r(763).$)({conditions:void 0,styles:{color:{values:{"primary.textHigh":{defaultClass:"_188nen40"},"primary.textLow":{defaultClass:"_188nen41"},"success.textHigh":{defaultClass:"_188nen42"},"success.textLow":{defaultClass:"_188nen43"},"warning.textHigh":{defaultClass:"_188nen44"},"warning.textLow":{defaultClass:"_188nen45"},"danger.textHigh":{defaultClass:"_188nen46"},"danger.textLow":{defaultClass:"_188nen47"},"neutral.textHigh":{defaultClass:"_188nen48"},"neutral.textLow":{defaultClass:"_188nen49"}}},textAlign:{values:{left:{defaultClass:"_188nen4a"},right:{defaultClass:"_188nen4b"},center:{defaultClass:"_188nen4c"},justify:{defaultClass:"_188nen4d"}}}}}),properties:{colors:{"primary.textHigh":"var(--g6qx2k6)","primary.textLow":"var(--g6qx2k5)","success.textHigh":"var(--g6qx2kd)","success.textLow":"var(--g6qx2kc)","warning.textHigh":"var(--g6qx2kk)","warning.textLow":"var(--g6qx2kj)","danger.textHigh":"var(--g6qx2kr)","danger.textLow":"var(--g6qx2kq)","neutral.textHigh":"var(--g6qx2k11)","neutral.textLow":"var(--g6qx2k10)"},textAlign:{left:"left",right:"right",center:"center",justify:"justify"}}}})(),n})()));
+!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={704:(e,t,r)=>{function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{u:()=>i});var o=(e,t,r)=>{for(var n of Object.keys(e)){var a;if(e[n]!==(null!==(a=t[n])&&void 0!==a?a:r[n]))return!1}return!0},i=e=>t=>{var r=e.defaultClassName,n=s(s({},e.defaultVariants),t);for(var a in n){var i,l=null!==(i=n[a])&&void 0!==i?i:e.defaultVariants[a];if(null!=l){var u=l;"boolean"==typeof u&&(u=!0===u?"true":"false");var f=e.variantClassNames[a][u];f&&(r+=" "+f)}}for(var[c,p]of e.compoundVariants)o(c,n,e.defaultVariants)&&(r+=" "+p);return r}},763:(e,t,r)=>{function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}r.d(t,{$:()=>l});var o=e=>function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];var a=Object.assign({},...r.map((e=>e.styles))),o=Object.keys(a),i=o.filter((e=>"mappings"in a[e])),l=t=>{var r=[],n={},o=s({},t),l=!1;for(var u of i){var f=t[u];if(null!=f){var c=a[u];for(var p of(l=!0,c.mappings))n[p]=f,null==o[p]&&delete o[p]}}var d=l?s(s({},n),o):t;for(var v in d){var g=d[v],y=a[v];try{if(y.mappings)continue;if("string"==typeof g||"number"==typeof g)r.push(y.values[g].defaultClass);else if(Array.isArray(g))for(var b=0;b<g.length;b++){var O=g[b];if(null!=O){var x=y.responsiveArray[b];0,r.push(y.values[O].conditions[x])}}else for(var j in g){var h=g[j];null!=h&&r.push(y.values[h].conditions[j])}}catch(e){throw e}}return e(r.join(" "))};return Object.assign(l,{properties:new Set(o)})},i=e=>e,l=function(){return o(i)(...arguments)}},741:()=>{}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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 n={};return(()=>{r.r(n),r.d(n,{title:()=>s});var e={};r.r(e),r.d(e,{container:()=>t});r(741);var t=(0,r(704).u)({defaultClassName:"_1s9dqsk0",variantClassNames:{as:{h1:"_1s9dqsk1",h2:"_1s9dqsk2",h3:"_1s9dqsk3",h4:"_1s9dqsk4",h5:"_1s9dqsk5",h6:"_1s9dqsk6"},defaultVariants:{as:"h1"}},defaultVariants:{},compoundVariants:[]}),a={sprinkle:(0,r(763).$)({conditions:void 0,styles:{color:{values:{"primary.textHigh":{defaultClass:"_188nen40"},"primary.textLow":{defaultClass:"_188nen41"},"success.textHigh":{defaultClass:"_188nen42"},"success.textLow":{defaultClass:"_188nen43"},"warning.textHigh":{defaultClass:"_188nen44"},"warning.textLow":{defaultClass:"_188nen45"},"danger.textHigh":{defaultClass:"_188nen46"},"danger.textLow":{defaultClass:"_188nen47"},"neutral.textHigh":{defaultClass:"_188nen48"},"neutral.textLow":{defaultClass:"_188nen49"}}},textAlign:{values:{left:{defaultClass:"_188nen4a"},right:{defaultClass:"_188nen4b"},center:{defaultClass:"_188nen4c"},justify:{defaultClass:"_188nen4d"}}}}}),properties:{color:{"primary.textHigh":"var(--g6qx2k6)","primary.textLow":"var(--g6qx2k5)","success.textHigh":"var(--g6qx2kd)","success.textLow":"var(--g6qx2kc)","warning.textHigh":"var(--g6qx2kk)","warning.textLow":"var(--g6qx2kj)","danger.textHigh":"var(--g6qx2kr)","danger.textLow":"var(--g6qx2kq)","neutral.textHigh":"var(--g6qx2k11)","neutral.textLow":"var(--g6qx2k10)"},textAlign:["left","right","center","justify"]}};const s={classnames:{...e},...a}})(),n})()));

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

@@ -1,20 +1,23 @@
-import { properties as textAlignProperties } from "../../../sprinkles/textAlign.css";
-declare const colorsProperties: {
-    "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const titleSprinkle: {
+    sprinkle: ((props: {
+        color?: "primary.textLow" | "primary.textHigh" | "success.textLow" | "success.textHigh" | "warning.textLow" | "warning.textHigh" | "danger.textLow" | "danger.textHigh" | "neutral.textLow" | "neutral.textHigh" | undefined;
+        textAlign?: import("../../../types").TextAlign | undefined;
+    }) => string) & {
+        properties: Set<"color" | "textAlign">;
+    };
+    properties: {
+        color: {
+            "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        textAlign: import("../../../types").TextAlign[];
+    };
 };
-export declare const sprinkle: ((props: {
-    color?: "primary.textLow" | "primary.textHigh" | "success.textLow" | "success.textHigh" | "warning.textLow" | "warning.textHigh" | "danger.textLow" | "danger.textHigh" | "neutral.textLow" | "neutral.textHigh" | undefined;
-    textAlign?: "left" | "right" | "center" | "justify" | undefined;
-}) => string) & {
-    properties: Set<"color" | "textAlign">;
-};
-export { textAlignProperties, colorsProperties };

package/dist/packages/atomic/title/title.style.css.d.ts

@@ -1,4 +1,4 @@
-export declare const style: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     as: {
         h1: {
             fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

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

@@ -1,6 +1,6 @@
 export declare const toast: {
-    style: {
+    classnames: {
         wrapper: string;
-        content: Record<"primary" | "success" | "danger" | "progress", string>;
+        content: Record<"primary" | "progress" | "success" | "danger", string>;
     };
 };

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

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["@nimbus-ds/styles"]=o():e["@nimbus-ds/styles"]=o()}(self,(()=>(()=>{"use strict";var e={741:()=>{}},o={};function t(r){var s=o[r];if(void 0!==s)return s.exports;var d=o[r]={exports:{}};return e[r](d,d.exports,t),d.exports}t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{t.r(r),t.d(r,{toast:()=>e});t(741);const e={style:{wrapper:"_1dl9ocm1",content:{primary:"_1dl9ocm2 _1dl9ocm0",success:"_1dl9ocm3 _1dl9ocm0",danger:"_1dl9ocm4 _1dl9ocm0",progress:"_1dl9ocm5 _1dl9ocm0"}}}})(),r})()));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports["@nimbus-ds/styles"]=o():e["@nimbus-ds/styles"]=o()}(self,(()=>(()=>{"use strict";var e={741:()=>{}},o={};function t(r){var s=o[r];if(void 0!==s)return s.exports;var d=o[r]={exports:{}};return e[r](d,d.exports,t),d.exports}t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{t.r(r),t.d(r,{toast:()=>d});var e={};t.r(e),t.d(e,{content:()=>o,wrapper:()=>s});t(741);var o={primary:"_1dl9ocm2 _1dl9ocm0",success:"_1dl9ocm3 _1dl9ocm0",danger:"_1dl9ocm4 _1dl9ocm0",progress:"_1dl9ocm5 _1dl9ocm0"},s="_1dl9ocm1";const d={classnames:{...e}}})(),r})()));

package/dist/packages/atomic/toast/toast.style.css.d.ts

@@ -1,2 +1,2 @@
 export declare const wrapper: string;
-export declare const content: Record<"primary" | "success" | "danger" | "progress", string>;
+export declare const content: Record<"primary" | "progress" | "success" | "danger", string>;

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

@@ -1,4 +1,7 @@
-import * as styles from "./toggle.style.css";
 export declare const toggle: {
-    style: typeof styles;
+    classnames: {
+        container: string;
+        input: string;
+        slider: string;
+    };
 };

package/dist/packages/atomic/toggle/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={741:()=>{}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{toggle:()=>d});var e={};o.r(e),o.d(e,{container:()=>t,input:()=>n,slider:()=>s});o(741);var t="_17e53ld0",n="_17e53ld1",s="_17e53ld2";const d={style:e}})(),r})()));
+!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={741:()=>{}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,o),s.exports}o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{o.r(r),o.d(r,{toggle:()=>d});var e={};o.r(e),o.d(e,{container:()=>t,input:()=>n,slider:()=>s});o(741);var t="_17e53ld0",n="_17e53ld1",s="_17e53ld2";const d={classnames:{...e}}})(),r})()));

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

@@ -1,4 +1,8 @@
-import * as style from "./tooltip.style.css";
 export declare const tooltip: {
-    style: typeof style;
+    classnames: {
+        container: string;
+        content: string;
+        base: string;
+        arrow: Record<"bottom" | "left" | "right" | "top", string>;
+    };
 };

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

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={741:()=>{}},r={};function t(o){var l=r[o];if(void 0!==l)return l.exports;var n=r[o]={exports:{}};return e[o](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{t.r(o),t.d(o,{tooltip:()=>i});var e={};t.r(e),t.d(e,{arrow:()=>r,base:()=>l,container:()=>n,content:()=>s});t(741);var r={top:"_1hr1m0l3 _1hr1m0l2",bottom:"_1hr1m0l4 _1hr1m0l2",left:"_1hr1m0l5 _1hr1m0l2",right:"_1hr1m0l6 _1hr1m0l2"},l="_1hr1m0l2",n="_1hr1m0l0",s="_1hr1m0l1";const i={style:e}})(),o})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={741:()=>{}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var l=r[o]={exports:{}};return e[o](l,l.exports,t),l.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{t.r(o),t.d(o,{tooltip:()=>m});var e={};t.r(e),t.d(e,{arrow:()=>r,base:()=>n,container:()=>l,content:()=>s});t(741);var r={top:"_1hr1m0l3 _1hr1m0l2",bottom:"_1hr1m0l4 _1hr1m0l2",left:"_1hr1m0l5 _1hr1m0l2",right:"_1hr1m0l6 _1hr1m0l2"},n="_1hr1m0l2",l="_1hr1m0l0",s="_1hr1m0l1";const m={classnames:{...e}}})(),o})()));

package/dist/packages/composite/alert/index.d.ts

@@ -1,4 +1,9 @@
-import * as style from "./alert.style.css";
 export declare const alert: {
-    style: typeof style;
+    classnames: {
+        appearance: Record<"primary" | "success" | "warning" | "danger" | "neutral", string>;
+        body: string;
+        content: string;
+        close: string;
+        closeAppearance: Record<"primary" | "success" | "warning" | "danger" | "neutral", string>;
+    };
 };

package/dist/packages/composite/alert/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={741:()=>{}},t={};function s(r){var p=t[r];if(void 0!==p)return p.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,s),o.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{alert:()=>m});var e={};s.r(e),s.d(e,{appearance:()=>t,body:()=>p,close:()=>o,closeAppearance:()=>y,content:()=>n});s(741);var t={primary:"msp8ty1 msp8ty0",success:"msp8ty2 msp8ty0",warning:"msp8ty3 msp8ty0",danger:"msp8ty4 msp8ty0",neutral:"msp8ty5 msp8ty0"},p="msp8ty6",o="msp8ty8",y={primary:"msp8ty9 msp8ty8",success:"msp8tya msp8ty8",warning:"msp8tyb msp8ty8",danger:"msp8tyc msp8ty8",neutral:"msp8tyd msp8ty8"},n="msp8ty7";const m={style:e}})(),r})()));
+!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={741:()=>{}},t={};function s(r){var p=t[r];if(void 0!==p)return p.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,s),o.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{alert:()=>m});var e={};s.r(e),s.d(e,{appearance:()=>t,body:()=>p,close:()=>o,closeAppearance:()=>y,content:()=>n});s(741);var t={primary:"msp8ty1 msp8ty0",success:"msp8ty2 msp8ty0",warning:"msp8ty3 msp8ty0",danger:"msp8ty4 msp8ty0",neutral:"msp8ty5 msp8ty0"},p="msp8ty6",o="msp8ty8",y={primary:"msp8ty9 msp8ty8",success:"msp8tya msp8ty8",warning:"msp8tyb msp8ty8",danger:"msp8tyc msp8ty8",neutral:"msp8tyd msp8ty8"},n="msp8ty7";const m={classnames:{...e}}})(),r})()));

package/dist/packages/composite/card/card.sprinkle.css.d.ts

@@ -1,23 +1,27 @@
-export declare const backgroundColorProperties: {
-    "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const paddingProperties: {
-    base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    none: number;
-};
-export declare const sprinkle: ((props: {
-    backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
-    padding?: "base" | "none" | undefined;
-}) => string) & {
-    properties: Set<"backgroundColor" | "padding">;
+export declare const cardSprinkle: {
+    sprinkle: ((props: {
+        backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "success.surface" | "success.surfaceHighlight" | "warning.surface" | "warning.surfaceHighlight" | "danger.surface" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surface" | "neutral.surfaceHighlight" | undefined;
+        padding?: "none" | "base" | undefined;
+    }) => string) & {
+        properties: Set<"backgroundColor" | "padding">;
+    };
+    properties: {
+        backgroundColor: {
+            "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        padding: {
+            base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            none: number;
+        };
+    };
 };