scu-web-components 1.2.0 → 1.2.2

package/dist/tokens/source/jsCssGeneratorSansAssets.js

@@ -4,7 +4,7 @@
     constructor (config) { // (version, extraCssPromise, assetsUrl, config ) {
       this.tokens = {"COLORS|color":{"primary":{"01":["rgba(31,74,5,1)"],"02":["rgba(51,111,3,1)"],"03":["rgba(65,134,9,1)"],"04":["rgba(79,151,21,1)"],"05":["rgba(99,166,10,1)"],"":["rgba(99,166,10,1)"],"06":["rgba(132,201,41,1)"],"07":["rgba(165,228,85,1)"],"08":["rgba(187,234,128,1)"],"09":["rgba(214,244,174,1)"],"092":["rgba(231,250,200,1)"],"095":["rgba(243,252,230,1)"]},"grey":{"10":["rgba(255,255,255,1)"],"00":["rgba(0,0,0,1)"],"01":["rgba(29,31,32,1)"],"02":["rgba(73,77,79,1)"],"03":["rgba(96,100,102,1)"],"04":["rgba(114,118,121,1)"],"05":["rgba(146,147,150,1)"],"":["rgba(146,147,150,1)"],"06":["rgba(176,176,176,1)"],"07":["rgba(202,202,202,1)"],"08":["rgba(226,226,226,1)"],"09":["rgba(239,239,239,1)"],"092":["rgba(246,246,246,1)"],"095":["rgba(248,248,248,1)"]},"error":{"":["rgba(218,52,61,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(255,236,236,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(251,246,214,1)"],"092":["rgba(204,218,222,1)"],"095":["rgba(255,252,231,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":["3.375rem","'Proxima Nova'","400","3.875rem","0rem","none"],"09":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none"],"08":["2rem","'Proxima Nova'","400","2.436rem","0rem","none"],"07":["1.5rem","'Proxima Nova'","400","1.827rem","0rem","none"],"06":["1.25rem","'Proxima Nova'","400","1.938rem","0rem","none"],"05":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none"],"04":["1rem","'Proxima Nova'","400","1.5rem","0rem","none"],"03":["0.9375rem","'Proxima Nova'","400","1.406rem","0rem","none"],"02":["0.8125rem","'Proxima Nova'","400","1.219rem","0rem","none"],"01":["0.6875rem","'Proxima Nova'","400","1.031rem","0rem","none"]},"text-semibold":{"10":["3.375rem","'Proxima Nova'","600","3.875rem","0rem","none"],"09":["3rem","'Proxima Nova'","600","3.654rem","0rem","none"],"08":["2rem","'Proxima Nova'","600","2.436rem","0rem","none"],"07":["1.5rem","'Proxima Nova'","600","1.827rem","0rem","none"],"06":["1.25rem","'Proxima Nova'","600","1.938rem","0rem","none"],"05":["1.125rem","'Proxima Nova'","600","1.688rem","0rem","none"],"":["1.125rem","'Proxima Nova'","600","1.688rem","0rem","none"],"04":["1rem","'Proxima Nova'","600","1.5rem","0rem","none"],"03":["0.9375rem","'Proxima Nova'","600","1.406rem","0rem","none"],"02":["0.8125rem","'Proxima Nova'","600","1.219rem","0rem","none"],"01":["0.6875rem","'Proxima Nova'","600","1.031rem","0rem","none"]},"text-extrabold":{"10":["3.375rem","'Proxima Nova'","800","3.875rem","0rem","none"],"09":["2.5rem","'Proxima Nova'","800","3.045rem","0rem","none"],"08":["1.875rem","'Proxima Nova'","800","2.284rem","0rem","none"],"07":["1.5rem","'Proxima Nova'","800","1.827rem","0rem","none"],"06":["1.25rem","'Proxima Nova'","800","1.875rem","0rem","none"],"05":["1.125rem","'Proxima Nova'","800","1.688rem","0rem","none"],"":["1.125rem","'Proxima Nova'","800","1.688rem","0rem","none"],"04":["1rem","'Proxima Nova'","800","1.5rem","0rem","none"],"03":["0.9375rem","'Proxima Nova'","800","1.406rem","0rem","none"],"02":["0.8125rem","'Proxima Nova'","800","1.219rem","0rem","none"],"01":["0.6875rem","'Proxima Nova'","800","1.031rem","0rem","none"]},"text-bold":{"10":["3.375rem","'Proxima Nova'","700","3.875rem","0rem","none"],"09":["2.5rem","'Proxima Nova'","700","3.045rem","0rem","none"],"08":["2rem","'Proxima Nova'","700","2.436rem","0rem","none"],"07":["1.5rem","'Proxima Nova'","700","1.827rem","0rem","none"],"06":["1.25rem","'Proxima Nova'","700","1.938rem","0rem","none"],"05":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"":["1.125rem","'Proxima Nova'","700","1.688rem","0rem","none"],"04":["1rem","'Proxima Nova'","700","1.5rem","0rem","none"],"03":["0.9375rem","'Proxima Nova'","700","1.406rem","0rem","none"],"02":["0.8125rem","'Proxima Nova'","700","1.219rem","0rem","none"],"01":["0.6875rem","'Proxima Nova'","700","1.031rem","0rem","none"]},"text-mono":{"10":["3.375rem","'Proxima Nova'","400","4.111rem","0rem","none","\"lnum\", \"tnum\""],"09":["2.5rem","'Proxima Nova'","400","3.045rem","0rem","none","\"lnum\", \"tnum\""],"08":["1.875rem","'Proxima Nova'","400","2.284rem","0rem","none","\"lnum\", \"tnum\""],"07":["1.5rem","'Proxima Nova'","400","1.827rem","0rem","none","\"lnum\", \"tnum\""],"06":["1.25rem","'Proxima Nova'","400","1.875rem","0rem","none","\"lnum\", \"tnum\""],"05":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"":["1.125rem","'Proxima Nova'","400","1.688rem","0rem","none","\"lnum\", \"tnum\""],"04":["1rem","'Proxima Nova'","400","1.5rem","0rem","none","\"lnum\", \"tnum\""],"03":["0.9375rem","'Proxima Nova'","400","1.172rem","0rem","none","\"lnum\", \"tnum\""],"02":["0.8125rem","'Proxima Nova'","400","1.016rem","0rem","none","\"lnum\", \"tnum\""],"01":["0.6875rem","'Proxima Nova'","400","0.859rem","0rem","none","\"lnum\", \"tnum\""]},"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"]}},"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":[""]},"upload":{"svg":[""]},"menu":{"svg":[""]},"tester":{"svg":[""]},"loading-spinner":{"svg":[""]},"copy":{"svg":[""]},"quote-left":{"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":[""]},"message-outline":{"svg":[""]},"minus":{"svg":[""]},"mobile":{"svg":[""]},"pdf":{"svg":[""]},"plus":{"svg":[""]},"chevron-up":{"svg":[""]},"chevron-down":{"svg":[""]},"chevron-left":{"svg":[""]},"chevron-right":{"svg":[""]},"clock":{"svg":[""]},"star":{"svg":[""]},"info":{"svg":[""]},"question-circle":{"svg":[""]},"user":{"svg":[""]},"circle":{"svg":[""]},"code":{"svg":[""]},"print":{"svg":[""]},"close-circle":{"svg":[""]},"exclamation-circle":{"svg":[""]},"phone":{"svg":[""]},"check-circle":{"svg":[""]},"envelope-solid":{"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":[""]},"card-group":{"svg":[""]},"car":{"svg":[""]},"chat-house":{"svg":[""]},"checklist":{"svg":[""]},"contactless-payment-2":{"svg":[""]},"debit-card-rate":{"svg":[""]},"hand-wave":{"svg":[""]},"heart-outlines":{"svg":[""]},"mobile-money-chat":{"svg":[""]},"mobile-transfer":{"svg":[""]},"resource-calculator":{"svg":[""]},"resource-checklist":{"svg":[""]},"resource-worksheet":{"svg":[""]},"resources":{"svg":[""]},"mobile-wallet":{"svg":[""]},"no-check":{"svg":[""]},"percentage":{"svg":[""]},"mobile-phone":{"svg":[""]},"mobile-phone-diagonal":{"svg":[""]},"mobile-phone-location":{"svg":[""]},"high-five":{"svg":[""]},"magnifying-glass-secure":{"svg":[""]},"mobile-deposit":{"svg":[""]},"hands":{"svg":[""]},"handshake":{"svg":[""]},"heart-hand":{"svg":[""]},"debit-card-stars":{"svg":[""]},"graduation-hat":{"svg":[""]},"graph":{"svg":[""]},"contract":{"svg":[""]},"credit-card":{"svg":[""]},"debit-card":{"svg":[""]},"computer-mortgage":{"svg":[""]},"connection":{"svg":[""]},"contactless-payment":{"svg":[""]},"chat-summit":{"svg":[""]},"cash-stack-large":{"svg":[""]},"cash-stack-small":{"svg":[""]},"chat-calculator":{"svg":[""]},"atm":{"svg":[""]},"branch":{"svg":[""]},"calculator":{"svg":[""]},"school":{"svg":[""]},"testimonial":{"svg":[""]},"women":{"svg":[""]},"zelle-1":{"svg":[""]},"zelle-2":{"svg":[""]},"zelle-3":{"svg":[""]},"alert-thermometer":{"svg":[""]},"alert-sad-face":{"svg":[""]},"alert-light-bulb":{"svg":[""]},"alert-exclamation":{"svg":[""]},"alert-snowflake":{"svg":[""]},"alert-thumbs-up":{"svg":[""]},"atm-circle":{"svg":[""]},"24-hr-atm":{"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":[""]},"alert-warning":{"svg":[""]},"alert-success":{"svg":[""]},"alert-info":{"svg":[""]},"alert-fail":{"svg":[""]},"circle-plus":{"svg":[""]}},"GRAPHICS|graphic":{"apple-app-store":{"svg":[""],"":["159px","47px"]},"logo":{"svg":[""],"":["143px","64px"]},"ncua":{"svg":[""],"":["108px","50px"]},"ehl":{"svg":[""],"":["53px","53px"]},"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-600-normal":{"":["Proxima Nova","font-proxima_nova-600-normal.otf","600","normal"]},"proxima_nova-800-normal":{"":["Proxima Nova","font-proxima_nova-800-normal.otf","800","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 = 'a550ac6b-dce5-4290-80cb-5e4b93c73f5e';// dynamic
+      this.uuid = '58bfe867-3cc9-4ec2-8270-c69c3bccf301';// dynamic
       
       this.initialized = false;
       this.lookup;

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-.json

@@ -45,13 +45,13 @@
     "outputSegmentRef": "index-vars.$corner-radius-bottom-left"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-width: 1313px;",
-    "outputSegment": "$width: 1313px;",
+    "output": "$comp-scw-horizontal-nav-width: 883px;",
+    "outputSegment": "$width: 883px;",
     "outputSegmentRef": "index-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-height: 776px;",
-    "outputSegment": "$height: 776px;",
+    "output": "$comp-scw-horizontal-nav-height: 1148px;",
+    "outputSegment": "$height: 1148px;",
     "outputSegmentRef": "index-vars.$height"
   },
   "constraint-horizontal": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-left-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "align-left-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-align-left-top: calc( var( --scw-spacing-1 ) * 26.5 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 26.5 );",
+    "output": "$comp-scw-horizontal-nav-align-left-top: calc( var( --scw-spacing-1 ) * 12.35 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 12.35 );",
     "outputSegmentRef": "align-left-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-align-left-top-percent: 39.76%;",
-    "outputSegment": "$top-percent: 39.76%;",
+    "output": "$comp-scw-horizontal-nav-align-left-top-percent: 14.55%;",
+    "outputSegment": "$top-percent: 14.55%;",
     "outputSegmentRef": "align-left-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-align-left-bottom: calc( var( --scw-spacing-1 ) * 42.4 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 42.4 );",
+    "output": "$comp-scw-horizontal-nav-align-left-bottom: calc( var( --scw-spacing-1 ) * 93.75 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 93.75 );",
     "outputSegmentRef": "align-left-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-align-left-left: var( --scw-spacing-2 );",
-    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-align-left-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
     "outputSegmentRef": "align-left-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-align-left-left-percent: 32.18%;",
-    "outputSegment": "$left-percent: 32.18%;",
+    "output": "$comp-scw-horizontal-nav-align-left-left-percent: 49.66%;",
+    "outputSegment": "$left-percent: 49.66%;",
     "outputSegmentRef": "align-left-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-align-left-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+    "output": "$comp-scw-horizontal-nav-align-left-right: calc( var( --scw-spacing-1 ) * 4.2 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.2 );",
     "outputSegmentRef": "align-left-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-align-vertical-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "align-vertical-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-top: var( --scw-spacing-2 );",
-    "outputSegment": "$top: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-align-vertical-top: calc( var( --scw-spacing-1 ) * 43.15 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 43.15 );",
     "outputSegmentRef": "align-vertical-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-top-percent: 33.83%;",
-    "outputSegment": "$top-percent: 33.83%;",
+    "output": "$comp-scw-horizontal-nav-align-vertical-top-percent: 58.71%;",
+    "outputSegment": "$top-percent: 58.71%;",
     "outputSegmentRef": "align-vertical-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 27.1 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 27.1 );",
+    "output": "$comp-scw-horizontal-nav-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 23.15 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 23.15 );",
     "outputSegmentRef": "align-vertical-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-left: calc( var( --scw-spacing-1 ) * 94.5 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 94.5 );",
+    "output": "$comp-scw-horizontal-nav-align-vertical-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
     "outputSegmentRef": "align-vertical-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-left-percent: 76.85%;",
-    "outputSegment": "$left-percent: 76.85%;",
+    "output": "$comp-scw-horizontal-nav-align-vertical-left-percent: 11.33%;",
+    "outputSegment": "$left-percent: 11.33%;",
     "outputSegmentRef": "align-vertical-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-align-vertical-right: calc( var( --scw-spacing-1 ) * 24 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 24 );",
+    "output": "$comp-scw-horizontal-nav-align-vertical-right: calc( var( --scw-spacing-1 ) * 71.9 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 71.9 );",
     "outputSegmentRef": "align-vertical-vars.$right"
   },
   "padding-left": {

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

@@ -85,33 +85,33 @@
     "outputSegmentRef": "default-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-default-top: var( --scw-spacing-2 );",
-    "outputSegment": "$top: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-default-top: calc( var( --scw-spacing-1 ) * 3.65 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 3.65 );",
     "outputSegmentRef": "default-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-default-top-percent: 8.18%;",
-    "outputSegment": "$top-percent: 8.18%;",
+    "output": "$comp-scw-horizontal-nav-default-top-percent: 6.97%;",
+    "outputSegment": "$top-percent: 6.97%;",
     "outputSegmentRef": "default-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 66.9 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 66.9 );",
+    "output": "$comp-scw-horizontal-nav-default-bottom: calc( var( --scw-spacing-1 ) * 102.45 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 102.45 );",
     "outputSegmentRef": "default-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-default-left: var( --scw-spacing-2 );",
-    "outputSegment": "$left: var( --scw-spacing-2 );",
+    "output": "$comp-scw-horizontal-nav-default-left: calc( var( --scw-spacing-1 ) * 3.6 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.6 );",
     "outputSegmentRef": "default-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-default-left-percent: 32.18%;",
-    "outputSegment": "$left-percent: 32.18%;",
+    "output": "$comp-scw-horizontal-nav-default-left-percent: 49.66%;",
+    "outputSegment": "$left-percent: 49.66%;",
     "outputSegmentRef": "default-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-default-right: calc( var( --scw-spacing-1 ) * 48.8 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 48.8 );",
+    "output": "$comp-scw-horizontal-nav-default-right: calc( var( --scw-spacing-1 ) * 4.2 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 4.2 );",
     "outputSegmentRef": "default-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-.json

@@ -50,8 +50,8 @@
     "outputSegmentRef": "index-vars.$width"
   },
   "height": {
-    "output": "$comp-scw-horizontal-nav-item-height: 781px;",
-    "outputSegment": "$height: 781px;",
+    "output": "$comp-scw-horizontal-nav-item-height: 1153px;",
+    "outputSegment": "$height: 1153px;",
     "outputSegmentRef": "index-vars.$height"
   },
   "constraint-horizontal": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-default-.json

@@ -85,33 +85,33 @@
     "outputSegmentRef": "default-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-default-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+    "output": "$comp-scw-horizontal-nav-item-default-top: var( --scw-spacing-3 );",
+    "outputSegment": "$top: var( --scw-spacing-3 );",
     "outputSegmentRef": "default-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-default-top-percent: 11.1%;",
-    "outputSegment": "$top-percent: 11.1%;",
+    "output": "$comp-scw-horizontal-nav-item-default-top-percent: 6.37%;",
+    "outputSegment": "$top-percent: 6.37%;",
     "outputSegmentRef": "default-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+    "output": "$comp-scw-horizontal-nav-item-default-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
     "outputSegmentRef": "default-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-default-left: calc( var( --scw-spacing-1 ) * 34.2 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 34.2 );",
+    "output": "$comp-scw-horizontal-nav-item-default-left: calc( var( --scw-spacing-1 ) * 27.10009765625 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 27.10009765625 );",
     "outputSegmentRef": "default-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-default-left-percent: 59.62%;",
-    "outputSegment": "$left-percent: 59.62%;",
+    "output": "$comp-scw-horizontal-nav-item-default-left-percent: 49.19%;",
+    "outputSegment": "$left-percent: 49.19%;",
     "outputSegmentRef": "default-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 21.1 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 21.1 );",
+    "output": "$comp-scw-horizontal-nav-item-default-right: calc( var( --scw-spacing-1 ) * 28.19990234375 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 28.19990234375 );",
     "outputSegmentRef": "default-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-.json

@@ -25,8 +25,8 @@
     "outputSegmentRef": "size-small-vars.$stroke-align"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-width: 103px;",
-    "outputSegment": "$width: 103px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-width: 93px;",
+    "outputSegment": "$width: 93px;",
     "outputSegmentRef": "size-small-vars.$width"
   },
   "height": {
@@ -85,33 +85,33 @@
     "outputSegmentRef": "size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
     "outputSegmentRef": "size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 23.56%;",
-    "outputSegment": "$top-percent: 23.56%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-top-percent: 13.1%;",
+    "outputSegment": "$top-percent: 13.1%;",
     "outputSegmentRef": "size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
     "outputSegmentRef": "size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 35.35 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 35.35 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-left: calc( var( --scw-spacing-1 ) * 20.30009765625 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 20.30009765625 );",
     "outputSegmentRef": "size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 59.47%;",
-    "outputSegment": "$left-percent: 59.47%;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-left-percent: 36.64%;",
+    "outputSegment": "$left-percent: 36.64%;",
     "outputSegmentRef": "size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 22.45 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 22.45 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-right: calc( var( --scw-spacing-1 ) * 38.49990234375 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 38.49990234375 );",
     "outputSegmentRef": "size-small-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "size-small-container-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 103px;",
-    "outputSegment": "$width: 103px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-width: 93px;",
+    "outputSegment": "$width: 93px;",
     "outputSegmentRef": "size-small-container-vars.$width"
   },
   "height": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "size-small-container-label-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 103px;",
-    "outputSegment": "$width: 103px;",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-width: 93px;",
+    "outputSegment": "$width: 93px;",
     "outputSegmentRef": "size-small-container-label-vars.$width"
   },
   "height": {
@@ -100,13 +100,13 @@
     "outputSegmentRef": "size-small-container-label-vars.$right"
   },
   "padding-left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$padding-left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-left: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-left: var( --scw-spacing-1 );",
     "outputSegmentRef": "size-small-container-label-vars.$padding-left"
   },
   "padding-right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$padding-right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-padding-right: var( --scw-spacing-1 );",
+    "outputSegment": "$padding-right: var( --scw-spacing-1 );",
     "outputSegmentRef": "size-small-container-label-vars.$padding-right"
   },
   "padding-top": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-label-menu-item-.json

@@ -135,8 +135,8 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-left: var( --scw-spacing-1 );",
+    "outputSegment": "$left: var( --scw-spacing-1 );",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$left"
   },
   "left-percent": {
@@ -145,8 +145,8 @@
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: calc( var( --scw-spacing-1 ) * 1.5 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 1.5 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-label-menu-item-right: var( --scw-spacing-1 );",
+    "outputSegment": "$right: var( --scw-spacing-1 );",
     "outputSegmentRef": "size-small-container-label-menu-item-vars.$right"
   }
 }

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-size-small-container-scw-icon-.json

@@ -85,8 +85,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 3.15 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-left: calc( var( --scw-spacing-1 ) * 2.65 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 2.65 );",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$left"
   },
   "left-percent": {
@@ -95,8 +95,8 @@
     "outputSegmentRef": "size-small-container-scw-icon-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 3.15 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 3.15 );",
+    "output": "$comp-scw-horizontal-nav-item-size-small-container-scw-icon-right: calc( var( --scw-spacing-1 ) * 2.65 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 2.65 );",
     "outputSegmentRef": "size-small-container-scw-icon-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-.json

@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-default-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 4.3228515625 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-top: var( --scw-spacing-3 );",
+    "outputSegment": "$top: var( --scw-spacing-3 );",
     "outputSegmentRef": "state-default-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 11.1%;",
-    "outputSegment": "$top-percent: 11.1%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-top-percent: 6.37%;",
+    "outputSegment": "$top-percent: 6.37%;",
     "outputSegmentRef": "state-default-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 65.0771484375 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 103.6 );",
     "outputSegmentRef": "state-default-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-left: calc( var( --scw-spacing-1 ) * 19 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 19 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-left: calc( var( --scw-spacing-1 ) * 14.70009765625 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 14.70009765625 );",
     "outputSegmentRef": "state-default-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 37%;",
-    "outputSegment": "$left-percent: 37%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-left-percent: 30.69%;",
+    "outputSegment": "$left-percent: 30.69%;",
     "outputSegmentRef": "state-default-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 36.7 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 36.7 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-right: calc( var( --scw-spacing-1 ) * 40.99990234375 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 40.99990234375 );",
     "outputSegmentRef": "state-default-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-default-size-small-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-width: 100px;",
-    "outputSegment": "$width: 100px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-default-size-small-vars.$width"
   },
   "height": {
@@ -70,33 +70,33 @@
     "outputSegmentRef": "state-default-size-small-vars.$layout-grow"
   },
   "top": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 15 );",
-    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 15 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top: calc( var( --scw-spacing-1 ) * 11.7 );",
+    "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 11.7 );",
     "outputSegmentRef": "state-default-size-small-vars.$top"
   },
   "top-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 23.56%;",
-    "outputSegment": "$top-percent: 23.56%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-top-percent: 13.1%;",
+    "outputSegment": "$top-percent: 13.1%;",
     "outputSegmentRef": "state-default-size-small-vars.$top-percent"
   },
   "bottom": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
-    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 56.3 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
+    "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 96.8 );",
     "outputSegmentRef": "state-default-size-small-vars.$bottom"
   },
   "left": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 20.2 );",
-    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 20.2 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left: calc( var( --scw-spacing-1 ) * 11.30009765625 );",
+    "outputSegment": "$left: calc( var( --scw-spacing-1 ) * 11.30009765625 );",
     "outputSegmentRef": "state-default-size-small-vars.$left"
   },
   "left-percent": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 37%;",
-    "outputSegment": "$left-percent: 37%;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-left-percent: 23.2%;",
+    "outputSegment": "$left-percent: 23.2%;",
     "outputSegmentRef": "state-default-size-small-vars.$left-percent"
   },
   "right": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 37.9 );",
-    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 37.9 );",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-right: calc( var( --scw-spacing-1 ) * 47.79990234375 );",
+    "outputSegment": "$right: calc( var( --scw-spacing-1 ) * 47.79990234375 );",
     "outputSegmentRef": "state-default-size-small-vars.$right"
   },
   "padding-left": {

package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-size-small-container-.json

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-default-size-small-container-vars.$background-color"
   },
   "width": {
-    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-width: 100px;",
-    "outputSegment": "$width: 100px;",
+    "output": "$comp-scw-horizontal-nav-item-state-default-size-small-container-width: 90px;",
+    "outputSegment": "$width: 90px;",
     "outputSegmentRef": "state-default-size-small-container-vars.$width"
   },
   "height": {