scu-web-components 1.2.2 → 1.2.4

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 (110) hide show
  1. package/dist/custom-elements.json +0 -179
  2. package/dist/custom-elements.json.gz +0 -0
  3. package/dist/docs/components/ScwCallout.json +3 -106
  4. package/dist/docs/components/ScwProductCard.json +4 -80
  5. package/dist/docs/components/manifest.json +6 -6
  6. package/dist/docs/config.json +5 -5
  7. package/dist/scw-components.js +187 -156
  8. package/dist/scw-components.js.gz +0 -0
  9. package/dist/scw.js +187 -156
  10. package/dist/scw.js.gz +0 -0
  11. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss +5 -5
  12. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss +4 -4
  13. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss +2 -2
  14. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss +8 -8
  15. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss +4 -4
  16. package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss +3 -3
  17. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-mixins.scss +4 -4
  18. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-vars.scss +2 -2
  19. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss +12 -12
  20. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-vars.scss +6 -6
  21. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-mixins.scss +4 -4
  22. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-vars.scss +2 -2
  23. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss +12 -12
  24. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-vars.scss +6 -6
  25. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-mixins.scss +4 -4
  26. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-vars.scss +2 -2
  27. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss +12 -12
  28. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-vars.scss +6 -6
  29. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-mixins.scss +4 -4
  30. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-vars.scss +2 -2
  31. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss +12 -12
  32. package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-vars.scss +6 -6
  33. package/dist/tokens/source/assets/graphic-apple-app-store.js +1 -1
  34. package/dist/tokens/source/assets/graphic-apple-app-store.js.gz +0 -0
  35. package/dist/tokens/source/assets/graphic-apple-app-store.svg +1 -1
  36. package/dist/tokens/source/assets/graphic-apple-app-store.svg.gz +0 -0
  37. package/dist/tokens/source/assets/graphic-ehl.js +1 -1
  38. package/dist/tokens/source/assets/graphic-ehl.js.gz +0 -0
  39. package/dist/tokens/source/assets/graphic-ehl.svg +1 -1
  40. package/dist/tokens/source/assets/graphic-ehl.svg.gz +0 -0
  41. package/dist/tokens/source/assets/graphic-google-play-store.js +1 -1
  42. package/dist/tokens/source/assets/graphic-google-play-store.js.gz +0 -0
  43. package/dist/tokens/source/assets/graphic-google-play-store.svg +1 -1
  44. package/dist/tokens/source/assets/graphic-google-play-store.svg.gz +0 -0
  45. package/dist/tokens/source/assets/graphic-logo.js +1 -1
  46. package/dist/tokens/source/assets/graphic-logo.js.gz +0 -0
  47. package/dist/tokens/source/assets/graphic-logo.svg +1 -1
  48. package/dist/tokens/source/assets/graphic-logo.svg.gz +0 -0
  49. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +14 -14
  50. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  51. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  52. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  53. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +14 -14
  54. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  55. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  56. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  57. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +14 -14
  58. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  59. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  60. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  61. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +14 -14
  62. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  63. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  64. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  65. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json +10 -10
  66. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  67. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +12 -12
  68. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  69. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  70. package/dist/tokens/source/componentScssMixins/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  71. package/dist/tokens/source/componentScssMixins.json +98 -98
  72. package/dist/tokens/source/componentScssMixins.json.gz +0 -0
  73. package/dist/tokens/source/componentScssMixins.scss +81 -81
  74. package/dist/tokens/source/jsCss.js +1 -1
  75. package/dist/tokens/source/jsCss.js.gz +0 -0
  76. package/dist/tokens/source/jsCssGenerator.js +1 -1
  77. package/dist/tokens/source/jsCssGenerator.js.gz +0 -0
  78. package/dist/tokens/source/jsCssGeneratorSansAssets.js +1 -1
  79. package/dist/tokens/source/jsCssGeneratorSansAssets.js.gz +0 -0
  80. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json +12 -12
  81. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-.json.gz +0 -0
  82. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json +4 -4
  83. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-.json.gz +0 -0
  84. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json +12 -12
  85. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-.json.gz +0 -0
  86. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json +4 -4
  87. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-.json.gz +0 -0
  88. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json +12 -12
  89. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-.json.gz +0 -0
  90. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json +4 -4
  91. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-.json.gz +0 -0
  92. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json +12 -12
  93. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-.json.gz +0 -0
  94. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json +4 -4
  95. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-item-style-vertical-tab-size-small-container-.json.gz +0 -0
  96. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json +6 -6
  97. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-.json.gz +0 -0
  98. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json +8 -8
  99. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-.json.gz +0 -0
  100. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json +4 -4
  101. package/dist/tokens/source/scssVariables/components-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-.json.gz +0 -0
  102. package/dist/tokens/source/scssVariables.json +82 -82
  103. package/dist/tokens/source/scssVariables.json.gz +0 -0
  104. package/dist/tokens/source/scssVariables.scss +41 -41
  105. package/dist/tokens/source/tokens.json +45 -45
  106. package/dist/tokens/source/tokens.json.gz +0 -0
  107. package/dist-node/scw-components.js +311 -280
  108. package/dist-node/scw.js +306 -275
  109. package/package.json +1 -1
  110. package/scripts/publish/releaseNotes.mjs +11 -0
package/dist/tokens/source/scssVariables.scss CHANGED
@@ -48382,7 +48382,7 @@ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-stroke-color: var( -
48382
48382
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-stroke-weight: 0px;
48383
48383
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-stroke-align: INSIDE;
48384
48384
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-width: 103px;
48385
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-height: 73px;
48385
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-height: 83px;
48386
48386
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-constraint-horizontal: MIN;
48387
48387
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-constraint-vertical: MIN;
48388
48388
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-constrain-proportions: false;
@@ -48393,16 +48393,16 @@ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-counter-axis-align-i
48393
48393
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-item-spacing: 0px;
48394
48394
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-layout-align: MIN;
48395
48395
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-layout-grow: 0;
48396
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );
48397
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 33.61%;
48398
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
48396
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );
48397
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-top-percent: 34.08%;
48398
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
48399
48399
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 22.6 );
48400
48400
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-left-percent: 40.75%;
48401
48401
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 35.2 );
48402
48402
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-left: 0px;
48403
48403
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-right: 0px;
48404
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
48405
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
48404
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );
48405
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );
48406
48406
 
48407
48407
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-background-color: rgba(0,0,0,0);
48408
48408
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-width: 103px;
@@ -48417,9 +48417,9 @@ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-counter-ax
48417
48417
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-item-spacing: 0px;
48418
48418
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-layout-align: INHERIT;
48419
48419
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-layout-grow: 0;
48420
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );
48420
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );
48421
48421
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-top-percent: 50%;
48422
- $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
48422
+ $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );
48423
48423
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-left: 0px;
48424
48424
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-left-percent: 50%;
48425
48425
  $comp-scw-horizontal-nav-item-style-vertical-tab-size-small-container-right: 0px;
@@ -49454,7 +49454,7 @@ $comp-scw-horizontal-nav-item-state-default-size-small-container-label-menu-item
49454
49454
 
49455
49455
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-background-color: rgba(0,0,0,0);
49456
49456
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-width: 100px;
49457
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-height: 73px;
49457
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-height: 83px;
49458
49458
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-constraint-horizontal: MIN;
49459
49459
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-constraint-vertical: MIN;
49460
49460
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-constrain-proportions: false;
@@ -49465,16 +49465,16 @@ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-counte
49465
49465
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-item-spacing: 0px;
49466
49466
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-layout-align: MIN;
49467
49467
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-layout-grow: 0;
49468
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );
49469
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 33.61%;
49470
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
49468
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );
49469
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-top-percent: 34.08%;
49470
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
49471
49471
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 12.6 );
49472
49472
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-left-percent: 25.84%;
49473
49473
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 45.5 );
49474
49474
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-left: 0px;
49475
49475
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-right: 0px;
49476
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
49477
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
49476
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );
49477
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );
49478
49478
 
49479
49479
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-background-color: rgba(0,0,0,0);
49480
49480
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-width: 100px;
@@ -49489,9 +49489,9 @@ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-contai
49489
49489
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-item-spacing: 0px;
49490
49490
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-layout-align: INHERIT;
49491
49491
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-layout-grow: 0;
49492
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );
49492
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );
49493
49493
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-top-percent: 50%;
49494
- $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
49494
+ $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );
49495
49495
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-left: 0px;
49496
49496
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-left-percent: 50%;
49497
49497
  $comp-scw-horizontal-nav-item-state-default-style-vertical-tab-size-small-container-right: 0px;
@@ -50532,7 +50532,7 @@ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-stroke-c
50532
50532
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-stroke-weight: 1px;
50533
50533
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-stroke-align: INSIDE;
50534
50534
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-width: 100px;
50535
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-height: 73px;
50535
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-height: 83px;
50536
50536
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-constraint-horizontal: MIN;
50537
50537
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-constraint-vertical: MIN;
50538
50538
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-constrain-proportions: false;
@@ -50543,16 +50543,16 @@ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-counter-
50543
50543
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-item-spacing: 0px;
50544
50544
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-layout-align: MIN;
50545
50545
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-layout-grow: 0;
50546
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );
50547
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 33.61%;
50548
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
50546
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );
50547
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-top-percent: 34.08%;
50548
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
50549
50549
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 2.6 );
50550
50550
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-left-percent: 11.16%;
50551
50551
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 55.5 );
50552
50552
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-left: 0px;
50553
50553
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-right: 0px;
50554
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
50555
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
50554
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );
50555
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );
50556
50556
 
50557
50557
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-background-color: rgba(0,0,0,0);
50558
50558
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-width: 100px;
@@ -50567,9 +50567,9 @@ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-containe
50567
50567
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-item-spacing: 0px;
50568
50568
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-layout-align: INHERIT;
50569
50569
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-layout-grow: 0;
50570
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );
50570
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );
50571
50571
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-top-percent: 50%;
50572
- $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
50572
+ $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );
50573
50573
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-left: 0px;
50574
50574
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-left-percent: 50%;
50575
50575
  $comp-scw-horizontal-nav-item-state-hover-style-vertical-tab-size-small-container-right: 0px;
@@ -51642,7 +51642,7 @@ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-shadow-r
51642
51642
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-shadow-spread: 2px;
51643
51643
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-shadow: var( --scw-effect-focus-shadow );
51644
51644
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-width: 100px;
51645
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-height: 73px;
51645
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-height: 83px;
51646
51646
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-constraint-horizontal: MIN;
51647
51647
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-constraint-vertical: MIN;
51648
51648
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-constrain-proportions: false;
@@ -51653,16 +51653,16 @@ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-counter-
51653
51653
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-item-spacing: 0px;
51654
51654
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-layout-align: MIN;
51655
51655
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-layout-grow: 0;
51656
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.1 );
51657
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 33.61%;
51658
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
51656
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top: calc( var( --scw-spacing-1 ) * 35.15 );
51657
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-top-percent: 34.08%;
51658
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
51659
51659
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left: calc( var( --scw-spacing-1 ) * 32.9 );
51660
51660
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-left-percent: 55.65%;
51661
51661
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-right: calc( var( --scw-spacing-1 ) * 25.2 );
51662
51662
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-left: 0px;
51663
51663
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-right: 0px;
51664
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
51665
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
51664
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-top: var( --scw-spacing-1 );
51665
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-padding-bottom: var( --scw-spacing-1 );
51666
51666
 
51667
51667
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-background-color: rgba(0,0,0,0);
51668
51668
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-width: 100px;
@@ -51677,9 +51677,9 @@ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-containe
51677
51677
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-item-spacing: 0px;
51678
51678
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-layout-align: INHERIT;
51679
51679
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-layout-grow: 0;
51680
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-top: calc( var( --scw-spacing-1 ) * 0.5 );
51680
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-top: var( --scw-spacing-1 );
51681
51681
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-top-percent: 50%;
51682
- $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
51682
+ $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-bottom: var( --scw-spacing-1 );
51683
51683
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-left: 0px;
51684
51684
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-left-percent: 50%;
51685
51685
  $comp-scw-horizontal-nav-item-state-focus-style-vertical-tab-size-small-container-right: 0px;
@@ -53253,7 +53253,7 @@ $comp-scw-horizontal-nav-size-compact-align-vertical-stroke-color: var( --scw-co
53253
53253
  $comp-scw-horizontal-nav-size-compact-align-vertical-stroke-weight: 1px;
53254
53254
  $comp-scw-horizontal-nav-size-compact-align-vertical-stroke-align: INSIDE;
53255
53255
  $comp-scw-horizontal-nav-size-compact-align-vertical-width: 103px;
53256
- $comp-scw-horizontal-nav-size-compact-align-vertical-height: 365px;
53256
+ $comp-scw-horizontal-nav-size-compact-align-vertical-height: 415px;
53257
53257
  $comp-scw-horizontal-nav-size-compact-align-vertical-constraint-horizontal: MIN;
53258
53258
  $comp-scw-horizontal-nav-size-compact-align-vertical-constraint-vertical: MIN;
53259
53259
  $comp-scw-horizontal-nav-size-compact-align-vertical-constrain-proportions: false;
@@ -53265,8 +53265,8 @@ $comp-scw-horizontal-nav-size-compact-align-vertical-item-spacing: 0px;
53265
53265
  $comp-scw-horizontal-nav-size-compact-align-vertical-layout-align: MIN;
53266
53266
  $comp-scw-horizontal-nav-size-compact-align-vertical-layout-grow: 0;
53267
53267
  $comp-scw-horizontal-nav-size-compact-align-vertical-top: calc( var( --scw-spacing-1 ) * 43.65 );
53268
- $comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 53.92%;
53269
- $comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
53268
+ $comp-scw-horizontal-nav-size-compact-align-vertical-top-percent: 56.1%;
53269
+ $comp-scw-horizontal-nav-size-compact-align-vertical-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
53270
53270
  $comp-scw-horizontal-nav-size-compact-align-vertical-left: calc( var( --scw-spacing-1 ) * 16.4 );
53271
53271
  $comp-scw-horizontal-nav-size-compact-align-vertical-left-percent: 24.41%;
53272
53272
  $comp-scw-horizontal-nav-size-compact-align-vertical-right: calc( var( --scw-spacing-1 ) * 61.6 );
@@ -53280,7 +53280,7 @@ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-str
53280
53280
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-stroke-weight: 0px;
53281
53281
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-stroke-align: INSIDE;
53282
53282
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-width: 103px;
53283
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-height: 73px;
53283
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-height: 83px;
53284
53284
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-constraint-horizontal: MIN;
53285
53285
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-constraint-vertical: MIN;
53286
53286
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-constrain-proportions: false;
@@ -53293,14 +53293,14 @@ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-lay
53293
53293
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-layout-grow: 0;
53294
53294
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-top: 0px;
53295
53295
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-top-percent: 10%;
53296
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
53296
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
53297
53297
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-left: 0px;
53298
53298
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-left-percent: 50%;
53299
53299
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-right: 0px;
53300
53300
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-left: 0px;
53301
53301
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-right: 0px;
53302
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
53303
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
53302
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-top: var( --scw-spacing-1 );
53303
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-padding-bottom: var( --scw-spacing-1 );
53304
53304
 
53305
53305
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-background-color: rgba(0,0,0,0);
53306
53306
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-width: 103px;
@@ -53315,9 +53315,9 @@ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-con
53315
53315
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-item-spacing: 0px;
53316
53316
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-layout-align: INHERIT;
53317
53317
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-layout-grow: 0;
53318
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-top: calc( var( --scw-spacing-1 ) * 0.5 );
53318
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-top: var( --scw-spacing-1 );
53319
53319
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-top-percent: 50%;
53320
- $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
53320
+ $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-bottom: var( --scw-spacing-1 );
53321
53321
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-left: 0px;
53322
53322
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-left-percent: 50%;
53323
53323
  $comp-scw-horizontal-nav-size-compact-align-vertical-scw-horizontal-nav-item-container-right: 0px;