npm - scu-web-components - Versions diffs - 1.2.1 → 1.2.3 - Mend

scu-web-components 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (534) hide show

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json CHANGED Viewed

@@ -10,43 +10,43 @@
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--sizing {\n  width: 108px;\n  height: 129px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 108px;\n  height: 129px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--sizing {\n  width: 100px;\n  height: 109px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 109px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--width {\n  width: 108px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 108px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--width {\n  width: 100px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 100px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--height {\n  height: 129px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 129px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--height {\n  height: 109px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 109px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
-    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 37.1 );\n  width: 108px;\n  top: calc( var( --scw-spacing-1 ) * 65.2 );\n  height: 129px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 37.1 );\n  width: 108px;\n  top: calc( var( --scw-spacing-1 ) * 65.2 );\n  height: 129px; \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.8 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 59.1 );\n  height: 109px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 21.8 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 59.1 );\n  height: 109px; \n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 37.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 37.1 );\n  margin-right: calc( var( --scw-spacing-1 ) * 20.2 );\n  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 36.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 21.8 );\n  margin-right: calc( var( --scw-spacing-1 ) * 36.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 37.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 37.1 );\n  padding-right: calc( var( --scw-spacing-1 ) * 20.2 );\n  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 36.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 21.8 );\n  padding-right: calc( var( --scw-spacing-1 ) * 36.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json CHANGED Viewed

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--sizing {\n  width: 98px;\n  height: 89px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 98px;\n  height: 89px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--sizing {\n  width: 90px;\n  height: 89px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 90px;\n  height: 89px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--width {\n  width: 98px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 98px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--width {\n  width: 90px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 90px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.width"
   },
   "height": {
@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json CHANGED Viewed

@@ -10,13 +10,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--sizing {\n  width: 98px;\n  height: 39px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 98px;\n  height: 39px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--sizing {\n  width: 90px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 90px;\n  height: 39px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--width {\n  width: 98px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 98px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--width {\n  width: 90px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 90px;\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.width"
   },
   "height": {
@@ -25,13 +25,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
-    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-mixins.figma-autolayout"
   },
   "absolute-layout": {

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json CHANGED Viewed

@@ -35,13 +35,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-label-menu-item-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json CHANGED Viewed

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-2 );\n  margin-right: var( --scw-spacing-2 );\n  margin-top: 0px;\n  margin-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 2.4 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-2 );\n  padding-right: var( --scw-spacing-2 );\n  padding-top: 0px;\n  padding-bottom: calc( var( --scw-spacing-1 ) * 3.9 );\n}",
     "outputSegmentRef": "state-hover-style-button-size-small-container-scw-icon-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-button-size-small-container-scw-icon-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json CHANGED Viewed

@@ -35,18 +35,18 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.2 );\n  width: 124px;\n  top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  height: 97px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.2 );\n  width: 124px;\n  top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  height: 97px; \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.6 );\n  width: 124px;\n  top: calc( var( --scw-spacing-1 ) * 25.4 );\n  height: 97px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.6 );\n  width: 124px;\n  top: calc( var( --scw-spacing-1 ) * 25.4 );\n  height: 97px; \n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 52.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 52.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 53.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 53.1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 25.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 52.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 52.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 27.2728515625 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 41.1271484375 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 53.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 53.1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 25.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 80.2 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json CHANGED Viewed

@@ -10,8 +10,8 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n  width: 100px;\n  height: 73px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 73px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--sizing {\n  width: 100px;\n  height: 83px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 83px;\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.sizing"
   },
   "width": {
@@ -20,33 +20,33 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n  height: 73px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 73px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--height {\n  height: 83px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 83px;\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
-    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.2 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 39.25 );\n  height: 73px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.2 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 39.25 );\n  height: 73px; \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.6 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 35.15 );\n  height: 83px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 2.6 );\n  width: 100px;\n  top: calc( var( --scw-spacing-1 ) * 35.15 );\n  height: 83px; \n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 54.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 54.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 39.25 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 31.55 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 55.5 );\n  margin-top: calc( var( --scw-spacing-1 ) * 35.15 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 54.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 54.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 39.25 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 31.55 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 55.5 );\n  padding-top: calc( var( --scw-spacing-1 ) * 35.15 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json CHANGED Viewed

@@ -40,13 +40,13 @@
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: 0px;\n  margin-right: 0px;\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-.json CHANGED Viewed

@@ -35,18 +35,18 @@
     "outputSegmentRef": "style-button-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.5 );\n  width: 142px;\n  top: calc( var( --scw-spacing-1 ) * 51.5 );\n  height: 137px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 3.5 );\n  width: 142px;\n  top: calc( var( --scw-spacing-1 ) * 51.5 );\n  height: 137px; \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.6 );\n  width: 142px;\n  top: calc( var( --scw-spacing-1 ) * 45.4 );\n  height: 137px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.6 );\n  width: 142px;\n  top: calc( var( --scw-spacing-1 ) * 45.4 );\n  height: 137px; \n}",
     "outputSegmentRef": "style-button-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 50.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 3.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 50.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 51.5 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 12.9 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 52.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 52.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 45.4 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
     "outputSegmentRef": "style-button-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 50.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 3.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 50.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 51.5 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 12.9 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 52.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 52.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 45.4 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 56.2 );\n}",
     "outputSegmentRef": "style-button-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-.json CHANGED Viewed

@@ -10,43 +10,43 @@
     "outputSegmentRef": "style-button-size-small-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--sizing {\n  width: 110px;\n  height: 129px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 110px;\n  height: 129px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--sizing {\n  width: 102px;\n  height: 109px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 102px;\n  height: 109px;\n}",
     "outputSegmentRef": "style-button-size-small-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--width {\n  width: 110px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 110px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--width {\n  width: 102px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 102px;\n}",
     "outputSegmentRef": "style-button-size-small-mixins.width"
   },
   "height": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--height {\n  height: 129px;\n}",
-    "outputSegment": "\n@mixin height {\n  height: 129px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--height {\n  height: 109px;\n}",
+    "outputSegment": "\n@mixin height {\n  height: 109px;\n}",
     "outputSegmentRef": "style-button-size-small-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "style-button-size-small-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
-    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n  & > *:not(:last-child) { \n        margin-bottom: 0px; \n        --margin-bottom: 0px; \n      } \n}",
     "outputSegmentRef": "style-button-size-small-mixins.figma-autolayout"
   },
   "absolute-layout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 5.2 );\n  width: 110px;\n  top: calc( var( --scw-spacing-1 ) * 65.2 );\n  height: 129px; \n}",
-    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 5.2 );\n  width: 110px;\n  top: calc( var( --scw-spacing-1 ) * 65.2 );\n  height: 129px; \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.6 );\n  width: 102px;\n  top: calc( var( --scw-spacing-1 ) * 59.1 );\n  height: 109px; \n}",
+    "outputSegment": "\n@mixin absolute-layout {\n  position: absolute;\n  left: calc( var( --scw-spacing-1 ) * 1.6 );\n  width: 102px;\n  top: calc( var( --scw-spacing-1 ) * 59.1 );\n  height: 109px; \n}",
     "outputSegmentRef": "style-button-size-small-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 51.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  margin-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 5.2 );\n  margin-right: calc( var( --scw-spacing-1 ) * 51.9 );\n  margin-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  margin-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 56.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  margin-right: calc( var( --scw-spacing-1 ) * 56.3 );\n  margin-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
     "outputSegmentRef": "style-button-size-small-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 51.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  padding-bottom: 0px;\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 5.2 );\n  padding-right: calc( var( --scw-spacing-1 ) * 51.9 );\n  padding-top: calc( var( --scw-spacing-1 ) * 65.2 );\n  padding-bottom: 0px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 56.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.6 );\n  padding-right: calc( var( --scw-spacing-1 ) * 56.3 );\n  padding-top: calc( var( --scw-spacing-1 ) * 59.1 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 45.3 );\n}",
     "outputSegmentRef": "style-button-size-small-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-.json CHANGED Viewed

@@ -10,13 +10,13 @@
     "outputSegmentRef": "style-button-size-small-container-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--sizing {\n  width: 100px;\n  height: 89px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 89px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--sizing {\n  width: 92px;\n  height: 89px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 92px;\n  height: 89px;\n}",
     "outputSegmentRef": "style-button-size-small-container-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--width {\n  width: 100px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 100px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--width {\n  width: 92px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 92px;\n}",
     "outputSegmentRef": "style-button-size-small-container-mixins.width"
   },
   "height": {
@@ -40,13 +40,13 @@
     "outputSegmentRef": "style-button-size-small-container-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-2 );\n  margin-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  margin-top: var( --scw-spacing-1 );\n  margin-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "style-button-size-small-container-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-2 );\n  padding-bottom: var( --scw-spacing-2 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-right: calc( var( --scw-spacing-1 ) * 0.5 );\n  padding-top: var( --scw-spacing-1 );\n  padding-bottom: var( --scw-spacing-1 );\n}",
     "outputSegmentRef": "style-button-size-small-container-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json CHANGED Viewed

@@ -10,13 +10,13 @@
     "outputSegmentRef": "style-button-size-small-container-label-mixins.box"
   },
   "sizing": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--sizing {\n  width: 100px;\n  height: 39px;\n}",
-    "outputSegment": "\n@mixin sizing {\n  width: 100px;\n  height: 39px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--sizing {\n  width: 92px;\n  height: 39px;\n}",
+    "outputSegment": "\n@mixin sizing {\n  width: 92px;\n  height: 39px;\n}",
     "outputSegmentRef": "style-button-size-small-container-label-mixins.sizing"
   },
   "width": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--width {\n  width: 100px;\n}",
-    "outputSegment": "\n@mixin width {\n  width: 100px;\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--width {\n  width: 92px;\n}",
+    "outputSegment": "\n@mixin width {\n  width: 92px;\n}",
     "outputSegmentRef": "style-button-size-small-container-label-mixins.width"
   },
   "height": {
@@ -25,13 +25,13 @@
     "outputSegmentRef": "style-button-size-small-container-label-mixins.height"
   },
   "padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin padding {\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin padding {\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "style-button-size-small-container-label-mixins.padding"
   },
   "figma-autolayout": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
-    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label--figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
+    "outputSegment": "\n@mixin figma-autolayout { \n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n  & > *:not(:last-child) { \n        margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n        --margin-right: calc( var( --scw-spacing-1 ) * 0.4 ); \n      } \n}",
     "outputSegmentRef": "style-button-size-small-container-label-mixins.figma-autolayout"
   },
   "absolute-layout": {

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-.json.gz CHANGED Viewed

Binary file

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json CHANGED Viewed

@@ -35,13 +35,13 @@
     "outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.absolute-layout"
   },
   "html-autolayout-margins": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-margins {\n  display: inline-block;\n  margin-left: var( --scw-spacing-1 );\n  margin-right: var( --scw-spacing-1 );\n  margin-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.html-autolayout-margins"
   },
   "html-autolayout-padding": {
-    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
-    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-right: calc( var( --scw-spacing-1 ) * 1.4 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "output": "\n@mixin comp-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item--html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
+    "outputSegment": "\n@mixin html-autolayout-padding {\n  display: inline-block;\n  padding-left: var( --scw-spacing-1 );\n  padding-right: var( --scw-spacing-1 );\n  padding-top: calc( var( --scw-spacing-1 ) * 0.8 );\n  padding-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}",
     "outputSegmentRef": "style-button-size-small-container-label-menu-item-mixins.html-autolayout-padding"
   }
 }

package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-button-size-small-container-label-menu-item-.json.gz CHANGED Viewed

Binary file