scu-web-components 0.0.1

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -0,0 +1,31 @@
+export default class JsCssGenerator{constructor(t,e,i){this.tokens={"COLORS|color":{primary:{"01":["rgba(42,73,1,1)"],"02":["rgba(58,99,3,1)"],"03":["rgba(72,121,6,1)"],"04":["rgba(86,144,8,1)"],"05":["rgba(99,166,10,1)"],"":["rgba(99,166,10,1)"],"06":["rgba(126,182,51,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(187,218,146,1)"],"09":["rgba(213,233,187,1)"],"095":["rgba(251,255,246,1)"]},grey:{10:["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,31,1)"],"02":["rgba(53,55,57,1)"],"03":["rgba(81,84,87,1)"],"04":["rgba(114,118,121,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,157,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,201,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},error:{"":["rgba(208,51,57,1)"],light:["rgba(247,169,172,1)"],dark:["rgba(158,0,0,1)"]},warning:{"":["rgba(255,134,66,1)"],light:["rgba(255,214,191,1)"],dark:["rgba(128,46,0,1)"]},success:{"":["rgba(99,166,10,1)"],light:["rgba(213,233,187,1)"],dark:["rgba(72,121,6,1)"]},information:{"":["rgba(252,231,40,1)"],light:["rgba(255,250,208,1)"],dark:["rgba(170,153,0,1)"]},icon:{"":["rgba(1,1,1,1)"]},secondary:{"":["rgba(87,90,93,1)"]}},"TYPOGRAPHY|type":{text:{10:["1.875rem","'Proxima Nova'","400","2.197rem","0rem","none"],"09":["1.5rem","'Proxima Nova'","400","1.758rem","0rem","none"],"08":["1.3125rem","'Proxima Nova'","400","1.538rem","0rem","none"],"07":["1.1687500476837158rem","'Proxima Nova'","400","1.37rem","0rem","none"],"06":["1rem","'Proxima Nova'","400","1.172rem","0rem","none"],"05":["0.9375rem","'Proxima Nova'","400","1.099rem","0rem","none"],"":["0.9375rem","'Proxima Nova'","400","1.099rem","0rem","none"],"04":["0.8125rem","'Proxima Nova'","400","0.952rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.659rem","0rem","none"]},"text-semibold":{10:["1.875rem","'Proxima Nova'","600","2.197rem","0rem","none"],"09":["1.5rem","'Proxima Nova'","600","1.758rem","0rem","none"],"08":["1.3125rem","'Proxima Nova'","600","1.538rem","0rem","none"],"07":["1.1687500476837158rem","'Proxima Nova'","600","1.37rem","0rem","none"],"06":["1rem","'Proxima Nova'","600","1.172rem","0rem","none"],"05":["0.9375rem","'Proxima Nova'","600","1.099rem","0rem","none"],"":["0.9375rem","'Proxima Nova'","600","1.099rem","0rem","none"],"04":["0.8125rem","'Proxima Nova'","600","0.952rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","600","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","600","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","600","0.659rem","0rem","none"]},"text-bold":{10:["1.875rem","'Proxima Nova'","700","2.197rem","0rem","none"],"09":["1.5rem","'Proxima Nova'","700","1.758rem","0rem","none"],"08":["1.3125rem","'Proxima Nova'","700","1.538rem","0rem","none"],"07":["1.1687500476837158rem","'Proxima Nova'","700","1.37rem","0rem","none"],"06":["1rem","'Proxima Nova'","700","1.172rem","0rem","none"],"05":["0.9375rem","'Proxima Nova'","700","1.099rem","0rem","none"],"":["0.9375rem","'Proxima Nova'","700","1.099rem","0rem","none"],"04":["0.8125rem","'Proxima Nova'","700","0.952rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.879rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.806rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.659rem","0rem","none"]}},"EFFECTS|effect":{shadow:{"":["0px 0px 8px 0px rgba(0,0,0,0.27)"]},focus:{"":["0px 0px 0px 2px rgba(53,155,249,1)"]}},"ICONS|icon":{edit:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"pin-verification":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"eye-view":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},placeholder:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},search:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},profile:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},insights:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},comment:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},accounts:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"member-banking":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},appointment:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},relationship:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},deposit:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},withdrawl:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},dashboard:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},transfer:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},correct:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"chevron-down":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"chevron-up":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},times:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},bars:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},user:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"chevron-right":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},circle:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"sign-out":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},location:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},sitemap:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"chevron-left":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},ellipsis:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},file:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"credit-card":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},check:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},info:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},mortgage:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"equal-housing-logo":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},comparison:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"summit-credit-union-mark":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},plus:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"circle-times":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"arrow-right":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},print:{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"eye-hide":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"search-plus":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]},"loading-spinner":{12:["12px"],16:["16px"],24:["24px"],32:["32px"],48:["48px"],64:["64px"],svg:[""],"":["24px"]}},"GRAPHICS|graphic":{},"LAYOUTS|":{spacing:{1:["0.5rem"]},col:{1:["8.3333%"]},colvw:{1:["8.3333vw"]}},"FONTS|font":{"proxima_nova-600-normal":{"":["Proxima Nova","font-proxima_nova-600-normal.woff","600","normal"]},"proxima_nova-700-normal":{"":["Proxima Nova","font-proxima_nova-700-normal.otf","700","normal"]},"proxima_nova-300-normal":{"":["Proxima Nova","font-proxima_nova-300-normal.otf","300","normal"]}}},this.prefix="scw",this.uuid="7d5075bf-1fd6-41f6-8d51-7b2c244dd4f6",this.version=t,this.initialized=!1,this.extraCssPromise=e,this.assetsUrl=i,this.lookup,this.css_vars_root=":root ",this.css_classes_root="",this.css_comp_suffix="",this.units=[0,1,2,3,4,5,6,7,8,9,10,11,12],this.subUnits=[0,3,4,6,8,9]}async buildCss(){this.version&&(this.css_vars_root=`[${this.version}]`,this.css_classes_root=`[${this.version}]`,this.css_comp_suffix="-"+this.version),this.lookup={};let e=`/*
+`;return e+=`* CREATED: ${new Date}
+`,e+=`* VERSION: ${this.version}
+`,e+=`* UUID: ${this.uuid}
+`,e+=`*/
+`,e+=this.generateCssVariables(),e+=this.generateLayoutClasses(),e+=this.generateCssClasses(),e+=this.generateColumnClasses(),e+=this.generateSpacingClasses(),e+=this.generateLayoutHelperClasses(),e+=this.generateAlignmentClasses(),this.extraCssPromise&&await this.extraCssPromise().then(t=>{e+=`
+/* EXTRA CSS */
+ `+t}),{tokens:this.tokens,prefix:this.prefix,uuid:this.uuid,version:this.version,css:e,lookup:this.lookup}}mergeDashed(...t){let e=[];return t.map(t=>{t&&""!==t&&e.push(t)}),e.join("-")}valueToSvg(t){return"url('data:image/svg+xml;utf8,"+t.replace(/#/g,"%23")+"')"}createCssVariableFunk(t,e,i,r,a){const n=this.createCssVariableName(t,e,i,r);return(t,e)=>{e=e||"",a.push(`  ${n}${e}: ${t};
+`)}}createCssVariableNameStub(t,e,i){return"--"+this.mergeDashed(e,i)}createCssVariableName(t,e,i,r){return this.mergeDashed(this.createCssVariableNameStub(t,e,i),r)}generateCssVariables(){const l=[];return Object.entries(this.tokens).map(t=>{var e=t[0].split("|");const r=e[0],o=e[1];t=t[1];Object.entries(t).map(t=>{let s=t[0],e=this.css_vars_root;var i=s.split(":");1<i.length&&(s=i[0],e=`[${this.prefix}-${i[1]}]`,this.version&&(e=`${this.css_vars_root} ${e},
+`+this.css_vars_root+e));t=t[1];l.push(e+` {
+`),Object.entries(t).map(t=>{var e,i=t[0];const a=t[1],n=this.createCssVariableFunk(this.prefix,o,s,i,l);switch(r){case"COLORS":n(a[0],"-color");break;case"EFFECTS":n(a[0],"-shadow");break;case"LAYOUTS":this.units.map(r=>{this.subUnits.map(t=>{if(1===r&&0===t)n(a[0]);else{const e=this.createCssVariableFunk(this.prefix,o,s,r+(t?"-"+t:""),l),i=r+t/12;e(`calc( var( --${s}-1 ) *  ${i.toFixed(3)} )`)}})});break;case"TYPOGRAPHY":n(a[0],"-font-size"),n(a[1],"-font-family"),n(a[2],"-font-weight"),n(a[3],"-line-height"),n(a[4],"-letter-spacing"),n(a[5],"-text-transform"),a[6]&&n(a[6],"-opentype-flags");break;case"ICONS":"svg"===i?this.assetsUrl?(e=`${this.assetsUrl}/icon-${s}.svg`,n(e),this.addSvgToLookup("svg-"+s,!1,!1,e,"url")):(n(this.valueToSvg(a[0])),this.addSvgToLookup("svg-"+s,!1,!1,a[0],"svg")):n(a[0],"-size");break;case"GRAPHICS":"svg"===i?this.assetsUrl?(e=`${this.assetsUrl}/graphic-${s}.svg`,n(e),this.addSvgToLookup("svg-"+s,!1,!1,e,"url")):(n(this.valueToSvg(a[0])),this.addSvgToLookup("svg-"+s,!1,!1,a[0],"svg")):(n(a[0],"-width"),n(a[1],"-height"))}}),l.push(`}
+`)})}),l.join("")}createCssClassFunk(l,p,x,g,c){return(t,e,i,r)=>{i=i||"";var a=this.mergeDashed(l,t,p,x);let n=e;Array.isArray(e)&&(n=e.join("\n  "));const s=[],o=[];this.processSelector(s,this.css_classes_root,"."+a+i),this.processSelector(s,this.css_classes_root,`[${a}]`+i),!0===c&&(this.processSelector(s,this.css_classes_root,""+a+i,!1),this.css_comp_suffix&&0<this.css_comp_suffix.length&&this.processSelector(s,this.css_classes_root,""+a+this.css_comp_suffix+i,!1)),!0===r&&(r=this.mergeDashed(l,t,x),this.processSelector(s,this.css_classes_root,`.${r}s`+i),this.processSelector(s,this.css_classes_root,`[${r}s]`+i),this.addToLookup(t,null,x+"s",i,n)),o.push(""+s.join(",\n")+`
+{
+  ${n} 
+}`),this.addToLookup(t,p,x,i,n),g.push(o.join("")),g.push("\n\n")}}processSelector(t,e,i,r){e&&0<e.length?(!1!==r&&t.push(""+e+i),t.push(e+" "+i)):t.push(i)}generateCssClasses(){const g=[];return Object.entries(this.tokens).map(t=>{var e=t[0].split("|");const p=e[0],x=e[1];t=t[1];Object.entries(t).map(t=>{const l=t[0];var e=l.split(":");1<e.length&&"root"!==e[1]||(t=t[1],Object.entries(t).map(t=>{var e,i=t[0],r=t[1],a=this.createCssVariableName(this.prefix,x,l,i),n=this.createCssVariableNameStub(this.prefix,x,l);const s=this.createCssClassFunk(this.prefix,l,i,g);switch(p){case"COLORS":s("color",`color: var( ${a}-color ); --color: var( ${a}-color );`),s("background-color",`background-color: var( ${a}-color ); --background-color: var( ${a}-color );`),s("border",`border: 1px solid var( ${a}-color );`),s("border-color",`border-color: var( ${a}-color );`),s("border-top-bottom",`border-top: 1px solid var( ${a}-color );
+ border-bottom: 1px solid var( ${a}-color );`),s("border-top",`border-top: 1px solid var( ${a}-color );`),s("border-bottom",`border-bottom: 1px solid var( ${a}-color );`),s("border-left-right",`border-left: 1px solid var( ${a}-color );
+ border-right: 1px solid var( ${a}-color );`),s("border-left",`border-left: 1px solid var( ${a}-color );`),s("border-right",`border-right: 1px solid var( ${a}-color );`),s("color-hover",`color: var( ${a}-color ); --color: var( ${a}-color );`,":hover"),s("background-color-hover",`background-color: var( ${a}-color ); --background-color: var( ${a}-color );`,":hover");break;case"EFFECTS":s("",`box-shadow: var( ${a}-shadow );`);break;case"LAYOUTS":break;case"TYPOGRAPHY":const o=[`font-size: var( ${a}-font-size );`,`font-family: var( ${a}-font-family );`,`font-weight: var( ${a}-font-weight );`,`line-height: var( ${a}-line-height );`,`letter-spacing: var( ${a}-letter-spacing );`,`text-transform: var( ${a}-text-transform );`];r[5]&&o.push(`font-feature-settings: var( ${a}-opentype-flags );`),s("",o);break;case"ICONS":"svg"!==i&&(e=[`width: var( ${a}-size );`,`height: var( ${a}-size );`,`background-size: var( ${a}-size ) var( ${a}-size );`,"display: block;",`background-image: var( ${a}-svg );`,"background-position: center;","background-repeat: no-repeat;",`--svg: var( ${n}-svg );`,`--svg-name: ${l};`,`--svg-width: var( ${a}-size );`,`--svg-height: var( ${a}-size ); `],s("icon",e));break;case"GRAPHICS":"svg"!==i&&(e=[`width: var( ${a}-width );`,`height: var( ${a}-height );`,`background-size: var( ${a}-width ) var( ${a}-height );`,"display: block;",`background-image: var( ${a}-svg );`,"background-position: center;","background-repeat: no-repeat;",`--svg: var( ${n}-svg );`,`--svg-name: ${l};`,`--svg-width: var( ${a}-width );`,`--svg-height: var( ${a}-height );`],s("graphic",e));break;case"FONTS":g.push(`@font-face {
+  font-family: "${r[0]}";
+  src: ${this.assetsUrl?`url('${this.assetsUrl}/${r[1]}')`:r[4]};
+  font-weight: ${r[2]};
+  font-style: ${r[3]};
+}`)}}))})}),g.join("")+"\n\n"}generateColumnClasses(){return[...this.__generateColumnClasses("col"),...this.__generateColumnClasses("colvw")].join("")+"\n\n"}__generateColumnClasses(a){const n=[];return this.units.map(r=>{this.subUnits.map(t=>{if(12!==r||0==t){var e=r+(t?"-"+t:"");const i=this.createCssClassFunk(this.prefix,a,e,n);e=0===r&&0===t?"0":`var( --${a}-${e} )`;i("width",`width: ${e};`),i("min-width",`min-width: ${e};`),i("max-width",`max-width: ${e};`),i("left",`left: ${e};`),i("right",`right: ${e};`)}})}),n.join("")+"\n\n"}generateSpacingClasses(){const a=[];return this.units.map(r=>{this.subUnits.map(t=>{var e=r+(t?"-"+t:"");const i=this.createCssClassFunk(this.prefix,"",e,a);e=0===r&&0===t?"0":`var( --spacing-${e} )`;i("size",`width: ${e}; 
+ height: ${e};`,"",!0),i("width",`width: ${e};`,"",!0),i("min-width",`min-width: ${e};`,"",!0),i("height",`height: ${e};`,"",!0),i("min-height",`min-height: ${e};`,"",!0),i("left",`left: ${e};`,"",!0),i("right",`right: ${e};`,"",!0),i("top",`top: ${e};`,"",!0),i("bottom",`bottom: ${e};`,"",!0),i("margin",`margin: ${e};`,"",!0),i("margin-width",`margin-left: ${e}; 
+ margin-right: ${e};`,":nth-child(n)",!0),i("margin-x",`margin-left: ${e}; 
+ margin-right: ${e};`,":nth-child(n)",!0),i("margin-height",`margin-top: ${e}; 
+ margin-bottom: ${e};`,":nth-child(n)",!0),i("margin-y",`margin-top: ${e}; 
+ margin-bottom: ${e};`,":nth-child(n)",!0),i("margin-left",`margin-left: ${e};`,"",!0),i("margin-right",`margin-right: ${e};`,":nth-child(n)",!0),i("margin-top",`margin-top: ${e};`,"",!0),i("margin-bottom",`margin-bottom: ${e};`,":nth-child(n)",!0),i("padding",`padding: ${e};`,"",!0),i("padding-width",`padding-left: ${e}; 
+ padding-right: ${e};`,"",!0),i("padding-x",`padding-left: ${e}; 
+ padding-right: ${e};`,"",!0),i("padding-height",`padding-top: ${e}; 
+ padding-bottom: ${e};`,"",!0),i("padding-y",`padding-top: ${e}; 
+ padding-bottom: ${e};`,"",!0),i("padding-left",`padding-left: ${e};`,"",!0),i("padding-right",`padding-right: ${e};`,"",!0),i("padding-top",`padding-top: ${e};`,"",!0),i("padding-bottom",`padding-bottom: ${e};`,"",!0),i("border-radius",`border-radius: ${e};`,"",!0),i("gap",`--gap: ${e};`," > *",!0),i("gap-horizontal",`--gap-horizontal: ${e};`," > *",!0),i("gap-vertical",`--gap-vertical: ${e};`," > *",!0)})}),a.join("")+"\n\n"}generateLayoutClasses(){const t=[],e=this.createCssClassFunk(this.prefix,"","",t,!0);return e("stack",[...this.getInitComponentCss("  "),"display: block;"]),e("stack",[...this.getInitComponentCss("  "),"--gap-horizontal-internal: 0px;","--gap-vertical-internal: var( --gap, var( --gap-vertical, initial ));","width: 100%;"]," > *:nth-child(n)"),e("stack",["--gap-vertical-internal: 0px;"]," > *:last-child"),e("layout",[...this.getInitComponentCss("  "),"display: block;"]),e("layout",[...this.getInitComponentCss("  "),"--gap-horizontal-internal: 0px;","--gap-vertical-internal: var( --gap, var( --gap-vertical, initial ));","width: 100%;"]," > *:nth-child(n)"),e("layout",["--gap-vertical-internal: 0px;"]," > *:last-child"),e("flex-h",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: row nowrap;","--align-items-horizontal: flex-start;","--justify-content-horizontal: flex-start;","--align-items-internal: var( --align-items-horizontal, initial );","--justify-content-internal: var( --justify-content-horizontal, initial );"]),e("flex-h",[...this.getInitComponentCss("    "),"--gap-horizontal-internal: var( --gap , var( --gap-horizontal, initial ));","--gap-vertical-internal: 0px;"]," > *:nth-child(n)"),e("flex-h",["--gap-horizontal-internal: 0px;"]," > *:last-child"),e("flex-v",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--align-items-vertical: flex-start;","--justify-content-vertical: flex-start;","--align-items-internal: var( --align-items-vertical, initial );","--justify-content-internal: var( --justify-content-vertical, initial );"]),e("flex-v",[...this.getInitComponentCss("    "),"--gap-horizontal-internal:  0px;","--gap-vertical-internal: var( --gap , var( --gap-vertical, initial ));"]," > *:nth-child(n)"),e("flex-v",["--gap-vertical-internal: 0px;"]," > *:last-child"),e("center",[...this.getInitComponentCss("  "),...this.getInitFlexComponentCss("  "),"display: flex;","flex-flow: column nowrap;","--align-items-vertical: center;","--justify-content-vertical: center;","--align-items-internal: var( --align-items-vertical, initial );","--justify-content-internal: var( --justify-content-vertical, initial );"]),e("center",[...this.getInitComponentCss("    "),"--gap-horizontal-internal:  0px;","--gap-vertical-internal: var( --gap , var( --gap-vertical, initial ));"]," > *:nth-child(n)"),e("center",["--gap-vertical-internal: 0px;"]," > *:last-child"),e("float",[...this.getInitComponentCss("  "),"display: block;"]),e("float",['content: "";',"clear: both;","display: table;"],"::after"),e("float",[...this.getInitComponentCss("    "),"--gap-horizontal-internal: 0px;","--gap-vertical-internal: var( --gap, var( --gap-vertical, initial ));","width: auto;","float: left;","clear: left;"]," > *:nth-child(n)"),e("float",[...this.getInitComponentCss("    "),"--gap-vertical-internal: 0px;"]," > *:last-child"),t.join("")+"\n\n"}generateLayoutHelperClasses(){const t=[],e=this.createCssClassFunk(this.prefix,"","",t);e("scroll-y",["overflow-y: auto;"]),e("hide",["display: none;"]),e("fill-container",["position: absolute;","left: 0;","right: 0;","top: 0;","bottom: 0;"],":nth-child(n)"),e("float-left",["float: left;"]),e("float-right",["float: right;"]),e("float-clear-left",["float: left;","clear: left;"]),e("float-clear-right",["float: right;","clear: right;"]);const i=this.createCssClassFunk(this.prefix,"","",t,!0);return["","1","2","3","4","5","6","7","8","9"].map(t=>{i("fill"+(""!==t?"-"+t:t),[`flex: ${""===t?"1":t};`])}),t.join("")+"\n\n"}getInitComponentCss(t){return["/* element */","position: relative;","box-sizing: border-box;","--margin-right: initial;","--margin-bottom: initial;","--gap-horizontal-internal: initial;","--gap-vertical-internal: initial;","margin-right: var( --margin-right, var( --gap-horizontal-internal, initial ) );","margin-bottom: var( --margin-bottom, var( --gap-vertical-internal, initial ) );"]}getInitFlexComponentCss(t){return["/* flex element */","position: relative;","box-sizing: border-box;","--align-items: initial;","--justify-content: initial;","align-items: var( --align-items , var( --align-items-internal, flex-start ) );","justify-content: var( --justify-content , var( --justify-content-internal, flex-start ) );"]}generateAlignmentClasses(){const t=[],e=this.createCssClassFunk(this.prefix,"","",t);var i=["--align-items-horizontal: center;","--justify-content-horizontal: center;","--align-items-vertical: center;","--justify-content-vertical: center;"];e("alignment-center",i),e("alignment-center-center",i);i=["--align-items-horizontal: center;","--justify-content-horizontal: flex-start;","--align-items-vertical: flex-start;","--justify-content-vertical: center;"];e("alignment-center-left",i),e("alignment-left-center",i);i=["--align-items-horizontal: center;","--justify-content-horizontal: flex-end;","--align-items-vertical: flex-end;","--justify-content-vertical: center;"];e("alignment-center-right",i),e("alignment-right-center",i);i=["--align-items-horizontal: flex-start;","--justify-content-horizontal: flex-start;","--align-items-vertical: flex-start;","--justify-content-vertical: flex-start;"];e("alignment-top",i),e("alignment-top-left",i),e("alignment-left-top",i),e("alignment-left",i);i=["--align-items-horizontal: flex-start;","--justify-content-horizontal: center;","--align-items-vertical: center;","--justify-content-vertical: flex-start;"];e("alignment-top-center",i),e("alignment-center-top",i);i=["--align-items-horizontal: flex-start;","--justify-content-horizontal: flex-end;","--align-items-vertical: flex-end;","--justify-content-vertical: flex-start;"];e("alignment-top-right",i),e("alignment-right-top",i),e("alignment-right",i);i=["--align-items-horizontal: stretch;","--justify-content-horizontal: flex-start;","--align-items-vertical: stretch;","--justify-content-vertical: flex-start;"];e("alignment-top-stretch",i),e("alignment-stretch",i);i=["--align-items-horizontal: flex-end;","--justify-content-horizontal: flex-start;","--align-items-vertical: flex-start;","--justify-content-vertical: flex-end;"];e("alignment-bottom",i),e("alignment-bottom-left",i),e("alignment-left-bottom",i);i=["--align-items-horizontal: flex-end;","--justify-content-horizontal: center;","--align-items-vertical: center;","--justify-content-vertical: flex-end;"];e("alignment-bottom-center",i),e("alignment-center-bottom",i);i=["--align-items-horizontal: flex-end;","--justify-content-horizontal: flex-end;","--align-items-vertical: flex-end;","--justify-content-vertical: flex-end;"];e("alignment-bottom-right",i),e("alignment-right-bottom",i);i=["--align-items-horizontal: stretch;","--justify-content-horizontal: flex-start;","--align-items-vertical: stretch;","--justify-content-vertical: flex-start;"];e("alignment-stretch",i),e("alignment-stretch-top",i),e("alignment-top-stretch",i);i=["--align-items-horizontal: stretch;","--justify-content-horizontal: flex-end;","--align-items-vertical: stretch;","--justify-content-vertical: flex-end;"];e("alignment-stretch-right",i),e("alignment-right-stretch",i),e("alignment-stretch-bottom",i),e("alignment-bottom-stretch",i);i=["--align-items-horizontal: stretch;","--justify-content-horizontal: center;","--align-items-vertical: stretch;","--justify-content-vertical: center;"];e("alignment-stretch-center",i),e("alignment-center-stretch",i);i=["--align-items-horizontal: baseline;","--justify-content-horizontal: flex-start;","--align-items-vertical: flex-start;","--justify-content-vertical: flex-start;"];e("alignment-baseline",i),e("alignment-baseline-left",i),e("alignment-left-baseline",i);i=["--align-items-horizontal: baseline;","--justify-content-horizontal: flex-end;","--align-items-vertical: flex-end;","--justify-content-vertical: flex-start;"];e("alignment-baseline-right",i),e("alignment-right-baseline",i);i=["--align-items-horizontal: baseline;","--justify-content-horizontal: center;","--align-items-vertical: center;","--justify-content-vertical: flex-start;"];return e("alignment-baseline-center",i),e("alignment-center-baseline",i),e("fill-children","flex: 1;"," > *"),e("children-fill","flex: 1;"," > *"),t.join("")+"\n\n"}addToLookup(t,e,i,r,a){i=this.mergeDashed(t,e,i);let n=[];this.lookup[i]||(this.lookup[i]=[]),n.push(a),r&&""!==r&&n.push(r),this.lookup[i].push(n)}addSvgToLookup(t,e,i,r,a){i=this.mergeDashed(t,e,i);this.lookup[i]={info:r,type:a}}}

package/dist/tokens/source/scssVariables/components-scw-card-.json

@@ -0,0 +1,157 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/index-vars",
+    "namespace": "index-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-card-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "index-vars.$background-color"
+  },
+  "stroke-color": {
+    "output": "$comp-scw-card-stroke-color: rgba(123,97,255,1);",
+    "outputSegment": "$stroke-color: rgba(123,97,255,1);",
+    "outputSegmentRef": "index-vars.$stroke-color"
+  },
+  "stroke-weight": {
+    "output": "$comp-scw-card-stroke-weight: 1px;",
+    "outputSegment": "$stroke-weight: 1px;",
+    "outputSegmentRef": "index-vars.$stroke-weight"
+  },
+  "stroke-align": {
+    "output": "$comp-scw-card-stroke-align: INSIDE;",
+    "outputSegment": "$stroke-align: INSIDE;",
+    "outputSegmentRef": "index-vars.$stroke-align"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-card-corner-radius-top-left: 0px;",
+    "outputSegment": "$corner-radius-top-left: 0px;",
+    "outputSegmentRef": "index-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-card-corner-radius-top-right: 0px;",
+    "outputSegment": "$corner-radius-top-right: 0px;",
+    "outputSegmentRef": "index-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-card-corner-radius-bottom-right: 0px;",
+    "outputSegment": "$corner-radius-bottom-right: 0px;",
+    "outputSegmentRef": "index-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-card-corner-radius-bottom-left: 0px;",
+    "outputSegment": "$corner-radius-bottom-left: 0px;",
+    "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-card-width: 1363px;",
+    "outputSegment": "$width: 1363px;",
+    "outputSegmentRef": "index-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-height: 519px;",
+    "outputSegment": "$height: 519px;",
+    "outputSegmentRef": "index-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "index-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "index-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "index-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-layout-context: NONE;",
+    "outputSegment": "$layout-context: NONE;",
+    "outputSegmentRef": "index-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-layout-mode: HORIZONTAL;",
+    "outputSegment": "$layout-mode: HORIZONTAL;",
+    "outputSegmentRef": "index-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "index-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "index-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-item-spacing: var( --spacing-5 );",
+    "outputSegment": "$item-spacing: var( --spacing-5 );",
+    "outputSegmentRef": "index-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "index-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "index-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "index-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-top-percent: 0%;",
+    "outputSegment": "$top-percent: 0%;",
+    "outputSegmentRef": "index-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "index-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "index-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-left-percent: 0%;",
+    "outputSegment": "$left-percent: 0%;",
+    "outputSegmentRef": "index-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "index-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-card-padding-left: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$padding-left: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "index-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-card-padding-right: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$padding-right: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "index-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-card-padding-top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$padding-top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "index-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-card-padding-bottom: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$padding-bottom: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "index-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-card-default-.json

@@ -0,0 +1,127 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/default-vars",
+    "namespace": "default-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-card-default-background-color: rgba(0,0,0,0);",
+    "outputSegment": "$background-color: rgba(0,0,0,0);",
+    "outputSegmentRef": "default-vars.$background-color"
+  },
+  "width": {
+    "output": "$comp-scw-card-default-width: 636px;",
+    "outputSegment": "$width: 636px;",
+    "outputSegmentRef": "default-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-default-height: 479px;",
+    "outputSegment": "$height: 479px;",
+    "outputSegmentRef": "default-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-default-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-default-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-default-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-default-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-default-layout-mode: VERTICAL;",
+    "outputSegment": "$layout-mode: VERTICAL;",
+    "outputSegmentRef": "default-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-default-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-default-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-default-item-spacing: calc( var( --spacing-1 ) * 1.5 );",
+    "outputSegment": "$item-spacing: calc( var( --spacing-1 ) * 1.5 );",
+    "outputSegmentRef": "default-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-default-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-default-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-default-top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$top: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "default-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-default-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-default-bottom: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$bottom: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "default-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-default-left: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegment": "$left: calc( var( --spacing-1 ) * 2.5 );",
+    "outputSegmentRef": "default-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-default-left-percent: 24.8%;",
+    "outputSegment": "$left-percent: 24.8%;",
+    "outputSegmentRef": "default-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-default-right: calc( var( --spacing-1 ) * 88.375 );",
+    "outputSegment": "$right: calc( var( --spacing-1 ) * 88.375 );",
+    "outputSegmentRef": "default-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-card-default-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-card-default-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-card-default-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-card-default-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-card-default-margin-right: calc( var( --spacing-1 ) * 1.5 );",
+    "outputSegment": "$margin-right: calc( var( --spacing-1 ) * 1.5 );",
+    "outputSegmentRef": "default-vars.$margin-right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-card-default-action-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-card/default-action-vars",
+    "namespace": "default-action-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-card-default-action-background-color: rgba(119,58,145,1);",
+    "outputSegment": "$background-color: rgba(119,58,145,1);",
+    "outputSegmentRef": "default-action-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-card-default-action-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-action-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-card-default-action-corner-radius-top-left: 4px;",
+    "outputSegment": "$corner-radius-top-left: 4px;",
+    "outputSegmentRef": "default-action-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-card-default-action-corner-radius-top-right: 4px;",
+    "outputSegment": "$corner-radius-top-right: 4px;",
+    "outputSegmentRef": "default-action-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-card-default-action-corner-radius-bottom-right: 4px;",
+    "outputSegment": "$corner-radius-bottom-right: 4px;",
+    "outputSegmentRef": "default-action-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-card-default-action-corner-radius-bottom-left: 4px;",
+    "outputSegment": "$corner-radius-bottom-left: 4px;",
+    "outputSegmentRef": "default-action-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-card-default-action-width: 120px;",
+    "outputSegment": "$width: 120px;",
+    "outputSegmentRef": "default-action-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-card-default-action-height: 32px;",
+    "outputSegment": "$height: 32px;",
+    "outputSegmentRef": "default-action-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-card-default-action-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-action-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-card-default-action-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-action-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-card-default-action-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-action-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-card-default-action-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-action-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-card-default-action-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-action-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-card-default-action-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-action-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-card-default-action-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-action-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-card-default-action-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-action-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-card-default-action-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-action-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-card-default-action-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-action-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-card-default-action-top: calc( var( --spacing-1 ) * 55.875 );",
+    "outputSegment": "$top: calc( var( --spacing-1 ) * 55.875 );",
+    "outputSegmentRef": "default-action-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-card-default-action-top-percent: 96.66%;",
+    "outputSegment": "$top-percent: 96.66%;",
+    "outputSegmentRef": "default-action-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-card-default-action-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-action-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-card-default-action-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-action-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-card-default-action-left-percent: 9.43%;",
+    "outputSegment": "$left-percent: 9.43%;",
+    "outputSegmentRef": "default-action-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-card-default-action-right: calc( var( --spacing-1 ) * 64.5 );",
+    "outputSegment": "$right: calc( var( --spacing-1 ) * 64.5 );",
+    "outputSegmentRef": "default-action-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-card-default-action-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-action-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-card-default-action-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-action-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-card-default-action-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-action-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-card-default-action-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-action-vars.$padding-bottom"
+  }
+}