scu-web-components 1.2.2 → 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 (106) hide show
  1. package/dist/docs/components/manifest.json +18 -18
  2. package/dist/docs/config.json +5 -5
  3. package/dist/scw-components.js +55 -1
  4. package/dist/scw-components.js.gz +0 -0
  5. package/dist/scw.js +55 -1
  6. package/dist/scw.js.gz +0 -0
  7. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss +5 -5
  8. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss +4 -4
  9. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss +2 -2
  10. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss +8 -8
  11. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss +4 -4
  12. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss +3 -3
  13. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-mixins.scss +4 -4
  14. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-vars.scss +2 -2
  15. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss +12 -12
  16. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-vars.scss +6 -6
  17. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-mixins.scss +4 -4
  18. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-vars.scss +2 -2
  19. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss +12 -12
  20. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-vars.scss +6 -6
  21. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-mixins.scss +4 -4
  22. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-vars.scss +2 -2
  23. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss +12 -12
  24. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-vars.scss +6 -6
  25. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-mixins.scss +4 -4
  26. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-vars.scss +2 -2
  27. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss +12 -12
  28. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-vars.scss +6 -6
  29. package/dist/tokens/source/assets/graphic-apple-app-store.js +1 -1
  30. package/dist/tokens/source/assets/graphic-apple-app-store.js.gz +0 -0
  31. package/dist/tokens/source/assets/graphic-apple-app-store.svg +1 -1
  32. package/dist/tokens/source/assets/graphic-apple-app-store.svg.gz +0 -0
  33. package/dist/tokens/source/assets/graphic-ehl.js +1 -1
  34. package/dist/tokens/source/assets/graphic-ehl.js.gz +0 -0
  35. package/dist/tokens/source/assets/graphic-ehl.svg +1 -1
  36. package/dist/tokens/source/assets/graphic-ehl.svg.gz +0 -0
  37. package/dist/tokens/source/assets/graphic-google-play-store.js +1 -1
  38. package/dist/tokens/source/assets/graphic-google-play-store.js.gz +0 -0
  39. package/dist/tokens/source/assets/graphic-google-play-store.svg +1 -1
  40. package/dist/tokens/source/assets/graphic-google-play-store.svg.gz +0 -0
  41. package/dist/tokens/source/assets/graphic-logo.js +1 -1
  42. package/dist/tokens/source/assets/graphic-logo.js.gz +0 -0
  43. package/dist/tokens/source/assets/graphic-logo.svg +1 -1
  44. package/dist/tokens/source/assets/graphic-logo.svg.gz +0 -0
  45. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +14 -14
  46. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  47. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  48. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  49. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +14 -14
  50. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  51. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  52. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  53. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +14 -14
  54. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  55. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  56. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  57. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +14 -14
  58. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  59. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  60. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  61. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json +10 -10
  62. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  63. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +12 -12
  64. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  65. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  66. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  67. package/dist/tokens/source/componentScssMixins.json +98 -98
  68. package/dist/tokens/source/componentScssMixins.json.gz +0 -0
  69. package/dist/tokens/source/componentScssMixins.scss +81 -81
  70. package/dist/tokens/source/jsCss.js +1 -1
  71. package/dist/tokens/source/jsCss.js.gz +0 -0
  72. package/dist/tokens/source/jsCssGenerator.js +1 -1
  73. package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
  74. package/dist/tokens/source/jsCssGeneratorSansAssets.js +1 -1
  75. package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
  76. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +12 -12
  77. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  78. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  79. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  80. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +12 -12
  81. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  82. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  83. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  84. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +12 -12
  85. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  86. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  87. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  88. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +12 -12
  89. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  90. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  91. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  92. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json +6 -6
  93. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  94. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +8 -8
  95. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  96. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  97. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  98. package/dist/tokens/source/scssVariables.json +82 -82
  99. package/dist/tokens/source/scssVariables.json.gz +0 -0
  100. package/dist/tokens/source/scssVariables.scss +41 -41
  101. package/dist/tokens/source/tokens.json +45 -45
  102. package/dist/tokens/source/tokens.json.gz +0 -0
  103. package/dist-node/scw-components.js +55 -1
  104. package/dist-node/scw.js +87 -33
  105. package/package.json +1 -1
  106. package/scripts/publish/releaseNotes.mjs +5 -0
@@ -245727,8 +245727,8 @@
245727
245727
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$width"
245728
245728
  },
245729
245729
  "height": {
245730
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-height: 73px;",
245731
- "outputSegment": "$height: 73px;",
245730
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-height: 83px;",
245731
+ "outputSegment": "$height: 83px;",
245732
245732
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$height"
245733
245733
  },
245734
245734
  "constraint-horizontal": {
@@ -245782,18 +245782,18 @@
245782
245782
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$layout-grow"
245783
245783
  },
245784
245784
  "top": {
245785
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
245786
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
245785
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );",
245786
+ "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.15 );",
245787
245787
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$top"
245788
245788
  },
245789
245789
  "top-percent": {
245790
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 33.61%;",
245791
- "outputSegment": "$top-percent: 33.61%;",
245790
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 34.08%;",
245791
+ "outputSegment": "$top-percent: 34.08%;",
245792
245792
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$top-percent"
245793
245793
  },
245794
245794
  "bottom": {
245795
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
245796
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
245795
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
245796
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
245797
245797
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$bottom"
245798
245798
  },
245799
245799
  "left": {
@@ -245822,13 +245822,13 @@
245822
245822
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$padding-right"
245823
245823
  },
245824
245824
  "padding-top": {
245825
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
245826
- "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
245825
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );",
245826
+ "outputSegment": "$padding-top: var( --scw-spacing-1 );",
245827
245827
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$padding-top"
245828
245828
  },
245829
245829
  "padding-bottom": {
245830
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
245831
- "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
245830
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );",
245831
+ "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
245832
245832
  "outputSegmentRef": "style-vertical-tab-size-small-vars.$padding-bottom"
245833
245833
  }
245834
245834
  },
@@ -245904,8 +245904,8 @@
245904
245904
  "outputSegmentRef": "style-vertical-tab-size-small-container-vars.$layout-grow"
245905
245905
  },
245906
245906
  "top": {
245907
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );",
245908
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
245907
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );",
245908
+ "outputSegment": "$top: var( --scw-spacing-1 );",
245909
245909
  "outputSegmentRef": "style-vertical-tab-size-small-container-vars.$top"
245910
245910
  },
245911
245911
  "top-percent": {
@@ -245914,8 +245914,8 @@
245914
245914
  "outputSegmentRef": "style-vertical-tab-size-small-container-vars.$top-percent"
245915
245915
  },
245916
245916
  "bottom": {
245917
- "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
245918
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
245917
+ "output": "$comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );",
245918
+ "outputSegment": "$bottom: var( --scw-spacing-1 );",
245919
245919
  "outputSegmentRef": "style-vertical-tab-size-small-container-vars.$bottom"
245920
245920
  },
245921
245921
  "left": {
@@ -251171,8 +251171,8 @@
251171
251171
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$width"
251172
251172
  },
251173
251173
  "height": {
251174
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-height: 73px;",
251175
- "outputSegment": "$height: 73px;",
251174
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-height: 83px;",
251175
+ "outputSegment": "$height: 83px;",
251176
251176
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$height"
251177
251177
  },
251178
251178
  "constraint-horizontal": {
@@ -251226,18 +251226,18 @@
251226
251226
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$layout-grow"
251227
251227
  },
251228
251228
  "top": {
251229
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
251230
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
251229
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );",
251230
+ "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.15 );",
251231
251231
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$top"
251232
251232
  },
251233
251233
  "top-percent": {
251234
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 33.61%;",
251235
- "outputSegment": "$top-percent: 33.61%;",
251234
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 34.08%;",
251235
+ "outputSegment": "$top-percent: 34.08%;",
251236
251236
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$top-percent"
251237
251237
  },
251238
251238
  "bottom": {
251239
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
251240
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
251239
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
251240
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
251241
251241
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$bottom"
251242
251242
  },
251243
251243
  "left": {
@@ -251266,13 +251266,13 @@
251266
251266
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$padding-right"
251267
251267
  },
251268
251268
  "padding-top": {
251269
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
251270
- "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
251269
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );",
251270
+ "outputSegment": "$padding-top: var( --scw-spacing-1 );",
251271
251271
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$padding-top"
251272
251272
  },
251273
251273
  "padding-bottom": {
251274
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
251275
- "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
251274
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );",
251275
+ "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
251276
251276
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-vars.$padding-bottom"
251277
251277
  }
251278
251278
  },
@@ -251348,8 +251348,8 @@
251348
251348
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-vars.$layout-grow"
251349
251349
  },
251350
251350
  "top": {
251351
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );",
251352
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
251351
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );",
251352
+ "outputSegment": "$top: var( --scw-spacing-1 );",
251353
251353
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-vars.$top"
251354
251354
  },
251355
251355
  "top-percent": {
@@ -251358,8 +251358,8 @@
251358
251358
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-vars.$top-percent"
251359
251359
  },
251360
251360
  "bottom": {
251361
- "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
251362
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
251361
+ "output": "$comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );",
251362
+ "outputSegment": "$bottom: var( --scw-spacing-1 );",
251363
251363
  "outputSegmentRef": "state-default-style-vertical-tab-size-small-container-vars.$bottom"
251364
251364
  },
251365
251365
  "left": {
@@ -256645,8 +256645,8 @@
256645
256645
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$width"
256646
256646
  },
256647
256647
  "height": {
256648
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-height: 73px;",
256649
- "outputSegment": "$height: 73px;",
256648
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-height: 83px;",
256649
+ "outputSegment": "$height: 83px;",
256650
256650
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$height"
256651
256651
  },
256652
256652
  "constraint-horizontal": {
@@ -256700,18 +256700,18 @@
256700
256700
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$layout-grow"
256701
256701
  },
256702
256702
  "top": {
256703
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
256704
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
256703
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );",
256704
+ "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.15 );",
256705
256705
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top"
256706
256706
  },
256707
256707
  "top-percent": {
256708
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 33.61%;",
256709
- "outputSegment": "$top-percent: 33.61%;",
256708
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 34.08%;",
256709
+ "outputSegment": "$top-percent: 34.08%;",
256710
256710
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$top-percent"
256711
256711
  },
256712
256712
  "bottom": {
256713
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
256714
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
256713
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
256714
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
256715
256715
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$bottom"
256716
256716
  },
256717
256717
  "left": {
@@ -256740,13 +256740,13 @@
256740
256740
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$padding-right"
256741
256741
  },
256742
256742
  "padding-top": {
256743
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
256744
- "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
256743
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );",
256744
+ "outputSegment": "$padding-top: var( --scw-spacing-1 );",
256745
256745
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$padding-top"
256746
256746
  },
256747
256747
  "padding-bottom": {
256748
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
256749
- "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
256748
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );",
256749
+ "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
256750
256750
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-vars.$padding-bottom"
256751
256751
  }
256752
256752
  },
@@ -256822,8 +256822,8 @@
256822
256822
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-vars.$layout-grow"
256823
256823
  },
256824
256824
  "top": {
256825
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );",
256826
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
256825
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );",
256826
+ "outputSegment": "$top: var( --scw-spacing-1 );",
256827
256827
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-vars.$top"
256828
256828
  },
256829
256829
  "top-percent": {
@@ -256832,8 +256832,8 @@
256832
256832
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-vars.$top-percent"
256833
256833
  },
256834
256834
  "bottom": {
256835
- "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
256836
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
256835
+ "output": "$comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );",
256836
+ "outputSegment": "$bottom: var( --scw-spacing-1 );",
256837
256837
  "outputSegmentRef": "state-hover-style-vertical-tab-size-small-container-vars.$bottom"
256838
256838
  },
256839
256839
  "left": {
@@ -262279,8 +262279,8 @@
262279
262279
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$width"
262280
262280
  },
262281
262281
  "height": {
262282
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-height: 73px;",
262283
- "outputSegment": "$height: 73px;",
262282
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-height: 83px;",
262283
+ "outputSegment": "$height: 83px;",
262284
262284
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$height"
262285
262285
  },
262286
262286
  "constraint-horizontal": {
@@ -262334,18 +262334,18 @@
262334
262334
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$layout-grow"
262335
262335
  },
262336
262336
  "top": {
262337
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );",
262338
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.1 );",
262337
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );",
262338
+ "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 35.15 );",
262339
262339
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$top"
262340
262340
  },
262341
262341
  "top-percent": {
262342
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 33.61%;",
262343
- "outputSegment": "$top-percent: 33.61%;",
262342
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 34.08%;",
262343
+ "outputSegment": "$top-percent: 34.08%;",
262344
262344
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$top-percent"
262345
262345
  },
262346
262346
  "bottom": {
262347
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
262348
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 72.9 );",
262347
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
262348
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 71.85 );",
262349
262349
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$bottom"
262350
262350
  },
262351
262351
  "left": {
@@ -262374,13 +262374,13 @@
262374
262374
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$padding-right"
262375
262375
  },
262376
262376
  "padding-top": {
262377
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
262378
- "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
262377
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );",
262378
+ "outputSegment": "$padding-top: var( --scw-spacing-1 );",
262379
262379
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$padding-top"
262380
262380
  },
262381
262381
  "padding-bottom": {
262382
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
262383
- "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
262382
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );",
262383
+ "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
262384
262384
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-vars.$padding-bottom"
262385
262385
  }
262386
262386
  },
@@ -262456,8 +262456,8 @@
262456
262456
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-vars.$layout-grow"
262457
262457
  },
262458
262458
  "top": {
262459
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );",
262460
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
262459
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );",
262460
+ "outputSegment": "$top: var( --scw-spacing-1 );",
262461
262461
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-vars.$top"
262462
262462
  },
262463
262463
  "top-percent": {
@@ -262466,8 +262466,8 @@
262466
262466
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-vars.$top-percent"
262467
262467
  },
262468
262468
  "bottom": {
262469
- "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
262470
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
262469
+ "output": "$comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );",
262470
+ "outputSegment": "$bottom: var( --scw-spacing-1 );",
262471
262471
  "outputSegmentRef": "state-focus-style-vertical-tab-size-small-container-vars.$bottom"
262472
262472
  },
262473
262473
  "left": {
@@ -270463,8 +270463,8 @@
270463
270463
  "outputSegmentRef": "size-compact-align-vertical-vars.$width"
270464
270464
  },
270465
270465
  "height": {
270466
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-height: 365px;",
270467
- "outputSegment": "$height: 365px;",
270466
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-height: 415px;",
270467
+ "outputSegment": "$height: 415px;",
270468
270468
  "outputSegmentRef": "size-compact-align-vertical-vars.$height"
270469
270469
  },
270470
270470
  "constraint-horizontal": {
@@ -270523,13 +270523,13 @@
270523
270523
  "outputSegmentRef": "size-compact-align-vertical-vars.$top"
270524
270524
  },
270525
270525
  "top-percent": {
270526
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 53.92%;",
270527
- "outputSegment": "$top-percent: 53.92%;",
270526
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 56.1%;",
270527
+ "outputSegment": "$top-percent: 56.1%;",
270528
270528
  "outputSegmentRef": "size-compact-align-vertical-vars.$top-percent"
270529
270529
  },
270530
270530
  "bottom": {
270531
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 34.65 );",
270532
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 34.65 );",
270531
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 29.65 );",
270532
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 29.65 );",
270533
270533
  "outputSegmentRef": "size-compact-align-vertical-vars.$bottom"
270534
270534
  },
270535
270535
  "left": {
@@ -270600,8 +270600,8 @@
270600
270600
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$width"
270601
270601
  },
270602
270602
  "height": {
270603
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-height: 73px;",
270604
- "outputSegment": "$height: 73px;",
270603
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-height: 83px;",
270604
+ "outputSegment": "$height: 83px;",
270605
270605
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$height"
270606
270606
  },
270607
270607
  "constraint-horizontal": {
@@ -270665,8 +270665,8 @@
270665
270665
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$top-percent"
270666
270666
  },
270667
270667
  "bottom": {
270668
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-bottom: calc( var( --scw-spacing-1 ) * 29.2 );",
270669
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 29.2 );",
270668
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-bottom: calc( var( --scw-spacing-1 ) * 33.2 );",
270669
+ "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 33.2 );",
270670
270670
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$bottom"
270671
270671
  },
270672
270672
  "left": {
@@ -270695,13 +270695,13 @@
270695
270695
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$padding-right"
270696
270696
  },
270697
270697
  "padding-top": {
270698
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
270699
- "outputSegment": "$padding-top: calc( var( --scw-spacing-1 ) * 0.5 );",
270698
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-top: var( --scw-spacing-1 );",
270699
+ "outputSegment": "$padding-top: var( --scw-spacing-1 );",
270700
270700
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$padding-top"
270701
270701
  },
270702
270702
  "padding-bottom": {
270703
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
270704
- "outputSegment": "$padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
270703
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-bottom: var( --scw-spacing-1 );",
270704
+ "outputSegment": "$padding-bottom: var( --scw-spacing-1 );",
270705
270705
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-vars.$padding-bottom"
270706
270706
  }
270707
270707
  },
@@ -270777,8 +270777,8 @@
270777
270777
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-vars.$layout-grow"
270778
270778
  },
270779
270779
  "top": {
270780
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-top: calc( var( --scw-spacing-1 ) * 0.5 );",
270781
- "outputSegment": "$top: calc( var( --scw-spacing-1 ) * 0.5 );",
270780
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-top: var( --scw-spacing-1 );",
270781
+ "outputSegment": "$top: var( --scw-spacing-1 );",
270782
270782
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-vars.$top"
270783
270783
  },
270784
270784
  "top-percent": {
@@ -270787,8 +270787,8 @@
270787
270787
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-vars.$top-percent"
270788
270788
  },
270789
270789
  "bottom": {
270790
- "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
270791
- "outputSegment": "$bottom: calc( var( --scw-spacing-1 ) * 0.5 );",
270790
+ "output": "$comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-bottom: var( --scw-spacing-1 );",
270791
+ "outputSegment": "$bottom: var( --scw-spacing-1 );",
270792
270792
  "outputSegmentRef": "size-compact-align-vertical-scw-horizontal-nav-item-container-vars.$bottom"
270793
270793
  },
270794
270794
  "left": {