scu-web-components 1.2.2 → 1.2.4

package/dist/tokens/source/componentScssMixins.scss

@@ -113003,7 +113003,7 @@
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--sizing {
   width: 103px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--width {
@@ -113011,14 +113011,14 @@
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--figma-autolayout { 
@@ -113028,8 +113028,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -113040,24 +113040,24 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 22.6 );
   width: 103px;
-  top: calc( var( --scw-spacing-1 ) * 35.1 );
-  height: 73px; 
+  top: calc( var( --scw-spacing-1 ) * 35.15 );
+  height: 83px; 
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 22.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 35.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 22.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 35.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 
@@ -113115,16 +113115,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 
@@ -115637,7 +115637,7 @@
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--sizing {
   width: 100px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--width {
@@ -115645,14 +115645,14 @@
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--figma-autolayout { 
@@ -115662,8 +115662,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -115674,24 +115674,24 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 12.6 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 35.1 );
-  height: 73px; 
+  top: calc( var( --scw-spacing-1 ) * 35.15 );
+  height: 83px; 
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 12.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 45.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 12.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 45.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 
@@ -115749,16 +115749,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 
@@ -118287,7 +118287,7 @@
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {
   width: 100px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--width {
@@ -118295,14 +118295,14 @@
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { 
@@ -118312,8 +118312,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -118324,24 +118324,24 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 2.6 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 35.1 );
-  height: 73px; 
+  top: calc( var( --scw-spacing-1 ) * 35.15 );
+  height: 83px; 
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 2.6 );
   margin-right: calc( var( --scw-spacing-1 ) * 55.5 );
-  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 2.6 );
   padding-right: calc( var( --scw-spacing-1 ) * 55.5 );
-  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 
@@ -118399,16 +118399,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 
@@ -120915,7 +120915,7 @@
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--sizing {
   width: 100px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--width {
@@ -120923,14 +120923,14 @@
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--figma-autolayout { 
@@ -120940,8 +120940,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -120952,24 +120952,24 @@
   position: absolute;
   left: calc( var( --scw-spacing-1 ) * 32.9 );
   width: 100px;
-  top: calc( var( --scw-spacing-1 ) * 35.1 );
-  height: 73px; 
+  top: calc( var( --scw-spacing-1 ) * 35.15 );
+  height: 83px; 
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-margins {
   display: inline-block;
   margin-left: calc( var( --scw-spacing-1 ) * 32.9 );
   margin-right: calc( var( --scw-spacing-1 ) * 25.2 );
-  margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small--html-autolayout-padding {
   display: inline-block;
   padding-left: calc( var( --scw-spacing-1 ) * 32.9 );
   padding-right: calc( var( --scw-spacing-1 ) * 25.2 );
-  padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
+  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
 }
 
 
@@ -121027,16 +121027,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 
@@ -124881,7 +124881,7 @@
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--sizing {
   width: 103px;
-  height: 365px;
+  height: 415px;
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--width {
@@ -124889,7 +124889,7 @@
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--height {
-  height: 365px;
+  height: 415px;
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--padding {
@@ -124919,7 +124919,7 @@
   left: calc( var( --scw-spacing-1 ) * 16.4 );
   width: 103px;
   top: calc( var( --scw-spacing-1 ) * 43.65 );
-  height: 365px; 
+  height: 415px; 
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-margins {
@@ -124927,7 +124927,7 @@
   margin-left: calc( var( --scw-spacing-1 ) * 16.4 );
   margin-right: calc( var( --scw-spacing-1 ) * 61.6 );
   margin-top: calc( var( --scw-spacing-1 ) * 43.65 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical--html-autolayout-padding {
@@ -124935,7 +124935,7 @@
   padding-left: calc( var( --scw-spacing-1 ) * 16.4 );
   padding-right: calc( var( --scw-spacing-1 ) * 61.6 );
   padding-top: calc( var( --scw-spacing-1 ) * 43.65 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
 }
 
 
@@ -124959,7 +124959,7 @@
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--sizing {
   width: 103px;
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--width {
@@ -124967,14 +124967,14 @@
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--height {
-  height: 73px;
+  height: 83px;
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--padding {
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--figma-autolayout { 
@@ -124984,8 +124984,8 @@
   align-items: center;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
   & > *:not(:last-child) { 
         margin-bottom: 0px; 
         --margin-bottom: 0px; 
@@ -125001,7 +125001,7 @@
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
-  margin-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
+  margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item--html-autolayout-padding {
@@ -125009,7 +125009,7 @@
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
-  padding-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
+  padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
 }
 
 
@@ -125067,16 +125067,16 @@
   display: inline-block;
   margin-left: 0px;
   margin-right: 0px;
-  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  margin-top: var( --scw-spacing-1 );
+  margin-bottom: var( --scw-spacing-1 );
 }
 
 @mixin comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container--html-autolayout-padding {
   display: inline-block;
   padding-left: 0px;
   padding-right: 0px;
-  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
-  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+  padding-top: var( --scw-spacing-1 );
+  padding-bottom: var( --scw-spacing-1 );
 }
 
 

package/dist/tokens/source/jsCss.js

@@ -3,7 +3,7 @@
   
     constructor (config) {// version, extraCssPromise, config ) {
       this.prefix = 'scw';// dynamic
-      this.buildUUID = '0bc5b088-b2fe-459a-81f8-0e7409fa3e80';// dynamic
+      this.buildUUID = '3c068e5b-44bd-4c04-bbe0-371c067f7209';// dynamic
 
       this.generator = false;
       this.initialized = false;