scu-web-components 0.0.73 → 0.0.75

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -4,7 +4,7 @@
     constructor (config) { // (version, extraCssPromise, assetsUrl, config ) {
       this.tokens = {"COLORS|color":{"primary":{"01":["rgba(28,74,5,1)"],"02":["rgba(41,95,14,1)"],"03":["rgba(52,110,6,1)"],"04":["rgba(63,121,15,1)"],"05":["rgba(75,132,29,1)"],"":["rgba(75,132,29,1)"],"06":["rgba(99,166,10,1)"],"07":["rgba(158,201,101,1)"],"08":["rgba(200,230,160,1)"],"09":["rgba(232,247,212,1)"],"092":["rgba(239,255,223,1)"],"095":["rgba(246,255,237,1)"]},"grey":{"10":["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,30,32,1)"],"02":["rgba(62,65,67,1)"],"03":["rgba(87,90,93,1)"],"04":["rgba(114,118,122,1)"],"05":["rgba(134,137,140,1)"],"":["rgba(134,137,140,1)"],"06":["rgba(154,158,160,1)"],"07":["rgba(177,180,183,1)"],"08":["rgba(194,197,200,1)"],"09":["rgba(218,220,223,1)"],"092":["rgba(235,238,240,1)"],"095":["rgba(246,247,249,1)"]},"error":{"":["rgba(228,109,114,1)"],"light":["rgba(249,230,230,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(123,209,8,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)"]},"mortgage":{"01":["rgba(74,2,57,1)"],"02":["rgba(92,1,75,1)"],"03":["rgba(107,4,83,1)"],"04":["rgba(136,6,105,1)"],"05":["rgba(162,0,125,1)"],"":["rgba(162,0,125,1)"],"06":["rgba(193,64,164,1)"],"07":["rgba(214,121,192,1)"],"08":["rgba(235,169,220,1)"],"09":["rgba(247,220,242,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,240,250,1)"]},"investments":{"01":["rgba(15,14,88,1)"],"02":["rgba(37,37,124,1)"],"03":["rgba(52,52,145,1)"],"04":["rgba(65,64,157,1)"],"05":["rgba(85,84,177,1)"],"":["rgba(85,84,177,1)"],"06":["rgba(117,116,195,1)"],"07":["rgba(160,159,219,1)"],"08":["rgba(200,199,237,1)"],"09":["rgba(227,226,248,1)"],"092":["rgba(232,231,249,1)"],"095":["rgba(244,244,255,1)"]},"credit-cards":{"01":["rgba(1,51,77,1)"],"02":["rgba(1,70,106,1)"],"03":["rgba(1,88,132,1)"],"04":["rgba(1,104,157,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(46,147,199,1)"],"07":["rgba(94,173,213,1)"],"08":["rgba(140,197,227,1)"],"09":["rgba(189,224,242,1)"],"092":["rgba(227,241,249,1)"],"095":["rgba(236,249,255,1)"]},"student":{"01":["rgba(1,56,49,1)"],"02":["rgba(0,75,67,1)"],"03":["rgba(0,94,83,1)"],"04":["rgba(0,113,100,1)"],"05":["rgba(0,131,116,1)"],"":["rgba(0,131,116,1)"],"06":["rgba(46,156,143,1)"],"07":["rgba(105,185,176,1)"],"08":["rgba(157,217,211,1)"],"09":["rgba(209,240,237,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(237,253,252,1)"]},"savings":{"01":["rgba(119,33,0,1)"],"02":["rgba(149,41,0,1)"],"03":["rgba(163,46,2,1)"],"04":["rgba(178,51,3,1)"],"05":["rgba(195,75,0,1)"],"":["rgba(195,75,0,1)"],"06":["rgba(230,118,47,1)"],"07":["rgba(242,165,109,1)"],"08":["rgba(250,209,167,1)"],"09":["rgba(255,235,211,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(253,247,239,1)"]},"checking":{"01":["rgba(49,6,67,1)"],"02":["rgba(64,21,83,1)"],"03":["rgba(92,40,114,1)"],"04":["rgba(119,57,145,1)"],"05":["rgba(148,77,178,1)"],"":["rgba(148,77,178,1)"],"06":["rgba(168,108,193,1)"],"07":["rgba(198,151,217,1)"],"08":["rgba(218,187,232,1)"],"09":["rgba(233,213,240,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(249,237,252,1)"]},"red-shoes":{"01":["rgba(90,7,9,1)"],"02":["rgba(117,15,18,1)"],"03":["rgba(143,23,27,1)"],"04":["rgba(171,31,36,1)"],"05":["rgba(201,40,45,1)"],"":["rgba(201,40,45,1)"],"06":["rgba(214,80,84,1)"],"07":["rgba(226,119,121,1)"],"08":["rgba(240,162,164,1)"],"09":["rgba(255,219,220,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,240,241,1)"]},"business":{"01":["rgba(83,72,1,1)"],"02":["rgba(111,96,1,1)"],"03":["rgba(141,122,1,1)"],"04":["rgba(168,145,1,1)"],"05":["rgba(199,172,0,1)"],"":["rgba(199,172,0,1)"],"06":["rgba(212,190,46,1)"],"07":["rgba(227,209,98,1)"],"08":["rgba(241,229,149,1)"],"09":["rgba(255,247,197,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,251,224,1)"]},"personal":{"01":["rgba(1,40,60,1)"],"02":["rgba(1,59,90,1)"],"03":["rgba(1,80,121,1)"],"04":["rgba(1,99,150,1)"],"05":["rgba(0,122,185,1)"],"":["rgba(0,122,185,1)"],"06":["rgba(48,149,202,1)"],"07":["rgba(100,179,220,1)"],"08":["rgba(154,210,238,1)"],"09":["rgba(202,237,255,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(226,245,255,1)"]},"heloc":{"01":["rgba(41,17,75,1)"],"02":["rgba(56,28,92,1)"],"03":["rgba(76,44,118,1)"],"04":["rgba(101,63,149,1)"],"05":["rgba(128,91,177,1)"],"":["rgba(128,91,177,1)"],"06":["rgba(159,126,201,1)"],"07":["rgba(189,164,221,1)"],"08":["rgba(207,191,229,1)"],"09":["rgba(229,219,244,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(243,239,252,1)"]}},"TYPOGRAPHY|type":{"text":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none"]},"text-bold":{"10":["2.5rem","'Proxima Nova'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova'","700","0.703rem","0rem","none"]},"text-bold-condensed":{"10":["2.5rem","'Proxima Nova Condensed'","700","3.375rem","0rem","none"],"09":["1.875rem","'Proxima Nova Condensed'","700","2.531rem","0rem","none"],"08":["1.5rem","'Proxima Nova Condensed'","700","2.025rem","0rem","none"],"07":["1.25rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"06":["1.125rem","'Proxima Nova Condensed'","700","1.688rem","0rem","none"],"05":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"":["1rem","'Proxima Nova Condensed'","700","1.5rem","0rem","none"],"04":["0.875rem","'Proxima Nova Condensed'","700","1.313rem","0rem","none"],"03":["0.75rem","'Proxima Nova Condensed'","700","0.938rem","0rem","none"],"02":["0.6875rem","'Proxima Nova Condensed'","700","0.859rem","0rem","none"],"01":["0.5625rem","'Proxima Nova Condensed'","700","0.703rem","0rem","none"]},"text-mono":{"10":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none","\"lnum\", \"tnum\""],"09":["1.875rem","'Proxima Nova'","400","2.531rem","0rem","none","\"lnum\", \"tnum\""],"08":["1.5rem","'Proxima Nova'","400","2.025rem","0rem","none","\"lnum\", \"tnum\""],"07":["1.25rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"06":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"05":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"04":["0.875rem","'Proxima Nova'","400","1.313rem","0rem","none","\"lnum\", \"tnum\""],"03":["0.75rem","'Proxima Nova'","400","0.938rem","0rem","none","\"lnum\", \"tnum\""],"02":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none","\"lnum\", \"tnum\""],"01":["0.5625rem","'Proxima Nova'","400","0.703rem","0rem","none","\"lnum\", \"tnum\""]}},"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":{"placeholder":{"svg":[""]},"close":{"svg":[""]},"instagram":{"svg":[""]},"check":{"svg":[""]},"download":{"svg":[""]},"menu":{"svg":[""]},"tester":{"svg":[""]},"linkedin":{"svg":[""]},"facebook":{"svg":[""]},"tiktok":{"svg":[""]},"location":{"svg":[""]},"location-dot":{"svg":[""]},"search":{"svg":[""]},"visible":{"svg":[""]},"hidden":{"svg":[""]},"lock":{"svg":[""]},"edit":{"svg":[""]},"envelope":{"svg":[""]},"external-link":{"svg":[""]},"crosshairs":{"svg":[""]},"message":{"svg":[""]},"minus":{"svg":[""]},"mobile":{"svg":[""]},"pdf":{"svg":[""]},"plus":{"svg":[""]},"chevron-up":{"svg":[""]},"chevron-down":{"svg":[""]},"chevron-left":{"svg":[""]},"chevron-right":{"svg":[""]},"clock":{"svg":[""]},"info":{"svg":[""]},"user":{"svg":[""]},"circle":{"svg":[""]},"code":{"svg":[""]},"print":{"svg":[""]},"instant-issue":{"svg":[""]},"night-deposit":{"svg":[""]},"drive-through-video-teller":{"svg":[""]},"drive-through":{"svg":[""]},"safe-deposit-box":{"svg":[""]},"smart-locker":{"svg":[""]},"notary":{"svg":[""]},"video-teller":{"svg":[""]},"atm":{"svg":[""]},"24-hr-atm":{"svg":[""]},"cash-boomerang":{"svg":[""]},"coin-machine":{"svg":[""]},"drive-through-teller":{"svg":[""]},"slider":{"svg":[""]},"document":{"svg":[""]},"checkbox":{"svg":[""]},"radio":{"svg":[""]},"checkbox-selected":{"svg":[""]},"radio-selected":{"svg":[""]},"checkbox-hover":{"svg":[""]},"radio-hover":{"svg":[""]},"checkbox-selected-hover":{"svg":[""]},"radio-selected-hover":{"svg":[""]},"checkbox-disabled":{"svg":[""]},"radio-disabled":{"svg":[""]},"checkbox-selected-disabled":{"svg":[""]},"radio-selected-disabled":{"svg":[""]},"color-test":{"svg":[""]}},"GRAPHICS|graphic":{"apple-app-store":{"svg":[""],"":["159px","47px"]},"logo":{"svg":[""],"":["143px","64px"]},"ncua":{"svg":[""],"":["108px","50px"]},"ehl":{"svg":[""],"":["53px","53px"]},"cash-boomerang":{"svg":[""],"":["296px","296px"]},"google-play-store":{"svg":[""],"":["159px","47px"]}},"LAYOUTS|":{"spacing":{"1":["0.625rem"]},"col":{"1":["8.3333%"]},"colvw":{"1":["8.3333vw"]}},"FONTS|font":{"proxima_nova condensed-700-normal":{"":["Proxima Nova Condensed","font-proxima_nova condensed-700-normal.otf","700","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"]}},"BREAKPOINTS|breakpoint":{"sm":{"":["sm","0px","576px","1"]},"md":{"":["md","0px","768px","2"]},"lg":{"":["lg","0px","992px","3"]},"xlg":{"":["xlg","0px","1200px","4"]}}};
       this.prefix = 'scw';// dynamic
-      this.uuid = '1b12c2eb-5963-4ab3-b67a-aa79dc540345';// dynamic
+      this.uuid = 'e4f8054e-b8c4-45f9-a07c-baa367df99f4';// dynamic
       
       this.initialized = false;
       this.lookup;

package/dist/tokens/source/scssVariables/components-scw-stepper-default-scw-stepper-item-01-.json

@@ -0,0 +1,132 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-01-vars",
+    "namespace": "default-scw-stepper-item-01-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-left-percent: 3.25%;",
+    "outputSegment": "$left-percent: 3.25%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-right: calc( var( --scw-spacing-1 ) * 14.4 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 14.4 );",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-margin-right: 0px;",
+    "outputSegment": "$margin-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-vars.$margin-right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-stepper-default-scw-stepper-item-01-circle-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-01-circle-vars",
+    "namespace": "default-scw-stepper-item-01-circle-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-background-color: var( --scw-color-grey-07 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-07 );",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-corner-radius-top-left: 50%;",
+    "outputSegment": "$corner-radius-top-left: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-corner-radius-top-right: 50%;",
+    "outputSegment": "$corner-radius-top-right: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-corner-radius-bottom-right: 50%;",
+    "outputSegment": "$corner-radius-bottom-right: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-corner-radius-bottom-left: 50%;",
+    "outputSegment": "$corner-radius-bottom-left: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-01-circle-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-01-circle-vars.$padding-bottom"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-stepper-default-scw-stepper-item-02-.json

@@ -0,0 +1,132 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-02-vars",
+    "namespace": "default-scw-stepper-item-02-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-background-color: rgba(255,255,255,1);",
+    "outputSegment": "$background-color: rgba(255,255,255,1);",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$blend-mode"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-constraint-horizontal: MIN;",
+    "outputSegment": "$constraint-horizontal: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-constraint-vertical: MIN;",
+    "outputSegment": "$constraint-vertical: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-layout-context: FLEX;",
+    "outputSegment": "$layout-context: FLEX;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-layout-align: INHERIT;",
+    "outputSegment": "$layout-align: INHERIT;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-left: calc( var( --scw-spacing-1 ) * 4.8 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 4.8 );",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-left-percent: 34.42%;",
+    "outputSegment": "$left-percent: 34.42%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-right: calc( var( --scw-spacing-1 ) * 9.6 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 9.6 );",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$padding-bottom"
+  },
+  "margin-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-margin-right: 0px;",
+    "outputSegment": "$margin-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-vars.$margin-right"
+  }
+}

package/dist/tokens/source/scssVariables/components-scw-stepper-default-scw-stepper-item-02-circle-.json

@@ -0,0 +1,147 @@
+{
+  "module-info": {
+    "output": "",
+    "path": "comp-scw-stepper/default-scw-stepper-item-02-circle-vars",
+    "namespace": "default-scw-stepper-item-02-circle-vars"
+  },
+  "background-color": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-background-color: var( --scw-color-grey-092 );",
+    "outputSegment": "$background-color: var( --scw-color-grey-092 );",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$background-color"
+  },
+  "blend-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-blend-mode: NORMAL;",
+    "outputSegment": "$blend-mode: NORMAL;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$blend-mode"
+  },
+  "corner-radius-top-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-corner-radius-top-left: 50%;",
+    "outputSegment": "$corner-radius-top-left: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$corner-radius-top-left"
+  },
+  "corner-radius-top-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-corner-radius-top-right: 50%;",
+    "outputSegment": "$corner-radius-top-right: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$corner-radius-top-right"
+  },
+  "corner-radius-bottom-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-corner-radius-bottom-right: 50%;",
+    "outputSegment": "$corner-radius-bottom-right: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$corner-radius-bottom-right"
+  },
+  "corner-radius-bottom-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-corner-radius-bottom-left: 50%;",
+    "outputSegment": "$corner-radius-bottom-left: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$corner-radius-bottom-left"
+  },
+  "width": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-width: 10px;",
+    "outputSegment": "$width: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$width"
+  },
+  "height": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-height: 10px;",
+    "outputSegment": "$height: 10px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$height"
+  },
+  "constraint-horizontal": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-constraint-horizontal: STRETCH;",
+    "outputSegment": "$constraint-horizontal: STRETCH;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$constraint-horizontal"
+  },
+  "constraint-vertical": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-constraint-vertical: STRETCH;",
+    "outputSegment": "$constraint-vertical: STRETCH;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$constraint-vertical"
+  },
+  "constrain-proportions": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-constrain-proportions: false;",
+    "outputSegment": "$constrain-proportions: false;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$constrain-proportions"
+  },
+  "layout-context": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-layout-context: ABSOLUTE;",
+    "outputSegment": "$layout-context: ABSOLUTE;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$layout-context"
+  },
+  "layout-mode": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-layout-mode: NONE;",
+    "outputSegment": "$layout-mode: NONE;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$layout-mode"
+  },
+  "primary-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-primary-axis-align-items: MIN;",
+    "outputSegment": "$primary-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$primary-axis-align-items"
+  },
+  "counter-axis-align-items": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-counter-axis-align-items: MIN;",
+    "outputSegment": "$counter-axis-align-items: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$counter-axis-align-items"
+  },
+  "item-spacing": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-item-spacing: 0px;",
+    "outputSegment": "$item-spacing: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$item-spacing"
+  },
+  "layout-align": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-layout-align: MIN;",
+    "outputSegment": "$layout-align: MIN;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$layout-align"
+  },
+  "layout-grow": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-layout-grow: 0;",
+    "outputSegment": "$layout-grow: 0;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$layout-grow"
+  },
+  "top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-top: 0px;",
+    "outputSegment": "$top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$top"
+  },
+  "top-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-top-percent: 50%;",
+    "outputSegment": "$top-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$top-percent"
+  },
+  "bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-bottom: 0px;",
+    "outputSegment": "$bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$bottom"
+  },
+  "left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-left: 0px;",
+    "outputSegment": "$left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$left"
+  },
+  "left-percent": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-left-percent: 50%;",
+    "outputSegment": "$left-percent: 50%;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$left-percent"
+  },
+  "right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-right: 0px;",
+    "outputSegment": "$right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$right"
+  },
+  "padding-left": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-padding-left: 0px;",
+    "outputSegment": "$padding-left: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$padding-left"
+  },
+  "padding-right": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-padding-right: 0px;",
+    "outputSegment": "$padding-right: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$padding-right"
+  },
+  "padding-top": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-padding-top: 0px;",
+    "outputSegment": "$padding-top: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$padding-top"
+  },
+  "padding-bottom": {
+    "output": "$comp-scw-stepper-default-scw-stepper-item-02-circle-padding-bottom: 0px;",
+    "outputSegment": "$padding-bottom: 0px;",
+    "outputSegmentRef": "default-scw-stepper-item-02-circle-vars.$padding-bottom"
+  }
+}