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/scw.js.gz CHANGED
Binary file
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-mixins.scss CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  @mixin sizing {
23
23
  width: 103px;
24
- height: 365px;
24
+ height: 415px;
25
25
  }
26
26
 
27
27
  @mixin width {
@@ -29,7 +29,7 @@
29
29
  }
30
30
 
31
31
  @mixin height {
32
- height: 365px;
32
+ height: 415px;
33
33
  }
34
34
 
35
35
  @mixin padding {
@@ -59,7 +59,7 @@
59
59
  left: calc( var( --scw-spacing-1 ) * 16.4 );
60
60
  width: 103px;
61
61
  top: calc( var( --scw-spacing-1 ) * 43.65 );
62
- height: 365px;
62
+ height: 415px;
63
63
  }
64
64
 
65
65
  @mixin html-autolayout-margins {
@@ -67,7 +67,7 @@
67
67
  margin-left: calc( var( --scw-spacing-1 ) * 16.4 );
68
68
  margin-right: calc( var( --scw-spacing-1 ) * 61.6 );
69
69
  margin-top: calc( var( --scw-spacing-1 ) * 43.65 );
70
- margin-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
70
+ margin-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
71
71
  }
72
72
 
73
73
  @mixin html-autolayout-padding {
@@ -75,5 +75,5 @@
75
75
  padding-left: calc( var( --scw-spacing-1 ) * 16.4 );
76
76
  padding-right: calc( var( --scw-spacing-1 ) * 61.6 );
77
77
  padding-top: calc( var( --scw-spacing-1 ) * 43.65 );
78
- padding-bottom: calc( var( --scw-spacing-1 ) * 34.65 );
78
+ padding-bottom: calc( var( --scw-spacing-1 ) * 29.65 );
79
79
  }
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-mixins.scss CHANGED
@@ -55,14 +55,14 @@
55
55
  display: inline-block;
56
56
  margin-left: 0px;
57
57
  margin-right: 0px;
58
- margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
59
- margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
58
+ margin-top: var( --scw-spacing-1 );
59
+ margin-bottom: var( --scw-spacing-1 );
60
60
  }
61
61
 
62
62
  @mixin html-autolayout-padding {
63
63
  display: inline-block;
64
64
  padding-left: 0px;
65
65
  padding-right: 0px;
66
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
67
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
66
+ padding-top: var( --scw-spacing-1 );
67
+ padding-bottom: var( --scw-spacing-1 );
68
68
  }
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-container-vars.scss CHANGED
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: INHERIT;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 0.5 );
16
+ $top: var( --scw-spacing-1 );
17
17
  $top-percent: 50%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 0.5 );
18
+ $bottom: var( --scw-spacing-1 );
19
19
  $left: 0px;
20
20
  $left-percent: 50%;
21
21
  $right: 0px;
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-mixins.scss CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  @mixin sizing {
23
23
  width: 103px;
24
- height: 73px;
24
+ height: 83px;
25
25
  }
26
26
 
27
27
  @mixin width {
@@ -29,14 +29,14 @@
29
29
  }
30
30
 
31
31
  @mixin height {
32
- height: 73px;
32
+ height: 83px;
33
33
  }
34
34
 
35
35
  @mixin padding {
36
36
  padding-left: 0px;
37
37
  padding-right: 0px;
38
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
39
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
38
+ padding-top: var( --scw-spacing-1 );
39
+ padding-bottom: var( --scw-spacing-1 );
40
40
  }
41
41
 
42
42
  @mixin figma-autolayout {
@@ -46,8 +46,8 @@
46
46
  align-items: center;
47
47
  padding-left: 0px;
48
48
  padding-right: 0px;
49
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
50
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
49
+ padding-top: var( --scw-spacing-1 );
50
+ padding-bottom: var( --scw-spacing-1 );
51
51
  & > *:not(:last-child) {
52
52
  margin-bottom: 0px;
53
53
  --margin-bottom: 0px;
@@ -63,7 +63,7 @@
63
63
  margin-left: 0px;
64
64
  margin-right: 0px;
65
65
  margin-top: 0px;
66
- margin-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
66
+ margin-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
67
67
  }
68
68
 
69
69
  @mixin html-autolayout-padding {
@@ -71,5 +71,5 @@
71
71
  padding-left: 0px;
72
72
  padding-right: 0px;
73
73
  padding-top: 0px;
74
- padding-bottom: calc( var( --scw-spacing-1 ) * 29.2 );
74
+ padding-bottom: calc( var( --scw-spacing-1 ) * 33.2 );
75
75
  }
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-scw-horizontal-nav-item-vars.scss CHANGED
@@ -5,7 +5,7 @@ $stroke-color: var( --scw-color-grey-02 );
5
5
  $stroke-weight: 0px;
6
6
  $stroke-align: INSIDE;
7
7
  $width: 103px;
8
- $height: 73px;
8
+ $height: 83px;
9
9
  $constraint-horizontal: MIN;
10
10
  $constraint-vertical: MIN;
11
11
  $constrain-proportions: false;
@@ -18,11 +18,11 @@ $layout-align: INHERIT;
18
18
  $layout-grow: 0;
19
19
  $top: 0px;
20
20
  $top-percent: 10%;
21
- $bottom: calc( var( --scw-spacing-1 ) * 29.2 );
21
+ $bottom: calc( var( --scw-spacing-1 ) * 33.2 );
22
22
  $left: 0px;
23
23
  $left-percent: 50%;
24
24
  $right: 0px;
25
25
  $padding-left: 0px;
26
26
  $padding-right: 0px;
27
- $padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
28
- $padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
27
+ $padding-top: var( --scw-spacing-1 );
28
+ $padding-bottom: var( --scw-spacing-1 );
package/dist/tokens/segments/comp-scw-horizontal-nav/_size-compact-align-vertical-vars.scss CHANGED
@@ -5,7 +5,7 @@ $stroke-color: var( --scw-color-grey-08 );
5
5
  $stroke-weight: 1px;
6
6
  $stroke-align: INSIDE;
7
7
  $width: 103px;
8
- $height: 365px;
8
+ $height: 415px;
9
9
  $constraint-horizontal: MIN;
10
10
  $constraint-vertical: MIN;
11
11
  $constrain-proportions: false;
@@ -17,8 +17,8 @@ $item-spacing: 0px;
17
17
  $layout-align: MIN;
18
18
  $layout-grow: 0;
19
19
  $top: calc( var( --scw-spacing-1 ) * 43.65 );
20
- $top-percent: 53.92%;
21
- $bottom: calc( var( --scw-spacing-1 ) * 34.65 );
20
+ $top-percent: 56.1%;
21
+ $bottom: calc( var( --scw-spacing-1 ) * 29.65 );
22
22
  $left: calc( var( --scw-spacing-1 ) * 16.4 );
23
23
  $left-percent: 24.41%;
24
24
  $right: calc( var( --scw-spacing-1 ) * 61.6 );
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-mixins.scss CHANGED
@@ -55,14 +55,14 @@
55
55
  display: inline-block;
56
56
  margin-left: 0px;
57
57
  margin-right: 0px;
58
- margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
59
- margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
58
+ margin-top: var( --scw-spacing-1 );
59
+ margin-bottom: var( --scw-spacing-1 );
60
60
  }
61
61
 
62
62
  @mixin html-autolayout-padding {
63
63
  display: inline-block;
64
64
  padding-left: 0px;
65
65
  padding-right: 0px;
66
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
67
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
66
+ padding-top: var( --scw-spacing-1 );
67
+ padding-bottom: var( --scw-spacing-1 );
68
68
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-container-vars.scss CHANGED
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: INHERIT;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 0.5 );
16
+ $top: var( --scw-spacing-1 );
17
17
  $top-percent: 50%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 0.5 );
18
+ $bottom: var( --scw-spacing-1 );
19
19
  $left: 0px;
20
20
  $left-percent: 50%;
21
21
  $right: 0px;
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-mixins.scss CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  @mixin sizing {
16
16
  width: 100px;
17
- height: 73px;
17
+ height: 83px;
18
18
  }
19
19
 
20
20
  @mixin width {
@@ -22,14 +22,14 @@
22
22
  }
23
23
 
24
24
  @mixin height {
25
- height: 73px;
25
+ height: 83px;
26
26
  }
27
27
 
28
28
  @mixin padding {
29
29
  padding-left: 0px;
30
30
  padding-right: 0px;
31
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
32
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
31
+ padding-top: var( --scw-spacing-1 );
32
+ padding-bottom: var( --scw-spacing-1 );
33
33
  }
34
34
 
35
35
  @mixin figma-autolayout {
@@ -39,8 +39,8 @@
39
39
  align-items: center;
40
40
  padding-left: 0px;
41
41
  padding-right: 0px;
42
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
43
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
42
+ padding-top: var( --scw-spacing-1 );
43
+ padding-bottom: var( --scw-spacing-1 );
44
44
  & > *:not(:last-child) {
45
45
  margin-bottom: 0px;
46
46
  --margin-bottom: 0px;
@@ -51,22 +51,22 @@
51
51
  position: absolute;
52
52
  left: calc( var( --scw-spacing-1 ) * 12.6 );
53
53
  width: 100px;
54
- top: calc( var( --scw-spacing-1 ) * 35.1 );
55
- height: 73px;
54
+ top: calc( var( --scw-spacing-1 ) * 35.15 );
55
+ height: 83px;
56
56
  }
57
57
 
58
58
  @mixin html-autolayout-margins {
59
59
  display: inline-block;
60
60
  margin-left: calc( var( --scw-spacing-1 ) * 12.6 );
61
61
  margin-right: calc( var( --scw-spacing-1 ) * 45.5 );
62
- margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
63
- margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
62
+ margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
63
+ margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
64
64
  }
65
65
 
66
66
  @mixin html-autolayout-padding {
67
67
  display: inline-block;
68
68
  padding-left: calc( var( --scw-spacing-1 ) * 12.6 );
69
69
  padding-right: calc( var( --scw-spacing-1 ) * 45.5 );
70
- padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
71
- padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
70
+ padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
71
+ padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
72
72
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-default-style-vertical-tab-size-small-vars.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  $background-color: rgba(0,0,0,0);
4
4
  $width: 100px;
5
- $height: 73px;
5
+ $height: 83px;
6
6
  $constraint-horizontal: MIN;
7
7
  $constraint-vertical: MIN;
8
8
  $constrain-proportions: false;
@@ -13,13 +13,13 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: MIN;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 35.1 );
17
- $top-percent: 33.61%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 72.9 );
16
+ $top: calc( var( --scw-spacing-1 ) * 35.15 );
17
+ $top-percent: 34.08%;
18
+ $bottom: calc( var( --scw-spacing-1 ) * 71.85 );
19
19
  $left: calc( var( --scw-spacing-1 ) * 12.6 );
20
20
  $left-percent: 25.84%;
21
21
  $right: calc( var( --scw-spacing-1 ) * 45.5 );
22
22
  $padding-left: 0px;
23
23
  $padding-right: 0px;
24
- $padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
25
- $padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
24
+ $padding-top: var( --scw-spacing-1 );
25
+ $padding-bottom: var( --scw-spacing-1 );
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-mixins.scss CHANGED
@@ -55,14 +55,14 @@
55
55
  display: inline-block;
56
56
  margin-left: 0px;
57
57
  margin-right: 0px;
58
- margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
59
- margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
58
+ margin-top: var( --scw-spacing-1 );
59
+ margin-bottom: var( --scw-spacing-1 );
60
60
  }
61
61
 
62
62
  @mixin html-autolayout-padding {
63
63
  display: inline-block;
64
64
  padding-left: 0px;
65
65
  padding-right: 0px;
66
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
67
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
66
+ padding-top: var( --scw-spacing-1 );
67
+ padding-bottom: var( --scw-spacing-1 );
68
68
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-container-vars.scss CHANGED
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: INHERIT;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 0.5 );
16
+ $top: var( --scw-spacing-1 );
17
17
  $top-percent: 50%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 0.5 );
18
+ $bottom: var( --scw-spacing-1 );
19
19
  $left: 0px;
20
20
  $left-percent: 50%;
21
21
  $right: 0px;
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-mixins.scss CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  @mixin sizing {
18
18
  width: 100px;
19
- height: 73px;
19
+ height: 83px;
20
20
  }
21
21
 
22
22
  @mixin width {
@@ -24,14 +24,14 @@
24
24
  }
25
25
 
26
26
  @mixin height {
27
- height: 73px;
27
+ height: 83px;
28
28
  }
29
29
 
30
30
  @mixin padding {
31
31
  padding-left: 0px;
32
32
  padding-right: 0px;
33
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
34
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
33
+ padding-top: var( --scw-spacing-1 );
34
+ padding-bottom: var( --scw-spacing-1 );
35
35
  }
36
36
 
37
37
  @mixin figma-autolayout {
@@ -41,8 +41,8 @@
41
41
  align-items: center;
42
42
  padding-left: 0px;
43
43
  padding-right: 0px;
44
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
45
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
44
+ padding-top: var( --scw-spacing-1 );
45
+ padding-bottom: var( --scw-spacing-1 );
46
46
  & > *:not(:last-child) {
47
47
  margin-bottom: 0px;
48
48
  --margin-bottom: 0px;
@@ -53,22 +53,22 @@
53
53
  position: absolute;
54
54
  left: calc( var( --scw-spacing-1 ) * 32.9 );
55
55
  width: 100px;
56
- top: calc( var( --scw-spacing-1 ) * 35.1 );
57
- height: 73px;
56
+ top: calc( var( --scw-spacing-1 ) * 35.15 );
57
+ height: 83px;
58
58
  }
59
59
 
60
60
  @mixin html-autolayout-margins {
61
61
  display: inline-block;
62
62
  margin-left: calc( var( --scw-spacing-1 ) * 32.9 );
63
63
  margin-right: calc( var( --scw-spacing-1 ) * 25.2 );
64
- margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
65
- margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
64
+ margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
65
+ margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
66
66
  }
67
67
 
68
68
  @mixin html-autolayout-padding {
69
69
  display: inline-block;
70
70
  padding-left: calc( var( --scw-spacing-1 ) * 32.9 );
71
71
  padding-right: calc( var( --scw-spacing-1 ) * 25.2 );
72
- padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
73
- padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
72
+ padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
73
+ padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
74
74
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-focus-style-vertical-tab-size-small-vars.scss CHANGED
@@ -12,7 +12,7 @@ $shadow-radius: 0px;
12
12
  $shadow-spread: 2px;
13
13
  $shadow: var( --scw-effect-focus-shadow );
14
14
  $width: 100px;
15
- $height: 73px;
15
+ $height: 83px;
16
16
  $constraint-horizontal: MIN;
17
17
  $constraint-vertical: MIN;
18
18
  $constrain-proportions: false;
@@ -23,13 +23,13 @@ $counter-axis-align-items: CENTER;
23
23
  $item-spacing: 0px;
24
24
  $layout-align: MIN;
25
25
  $layout-grow: 0;
26
- $top: calc( var( --scw-spacing-1 ) * 35.1 );
27
- $top-percent: 33.61%;
28
- $bottom: calc( var( --scw-spacing-1 ) * 72.9 );
26
+ $top: calc( var( --scw-spacing-1 ) * 35.15 );
27
+ $top-percent: 34.08%;
28
+ $bottom: calc( var( --scw-spacing-1 ) * 71.85 );
29
29
  $left: calc( var( --scw-spacing-1 ) * 32.9 );
30
30
  $left-percent: 55.65%;
31
31
  $right: calc( var( --scw-spacing-1 ) * 25.2 );
32
32
  $padding-left: 0px;
33
33
  $padding-right: 0px;
34
- $padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
35
- $padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
34
+ $padding-top: var( --scw-spacing-1 );
35
+ $padding-bottom: var( --scw-spacing-1 );
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-mixins.scss CHANGED
@@ -55,14 +55,14 @@
55
55
  display: inline-block;
56
56
  margin-left: 0px;
57
57
  margin-right: 0px;
58
- margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
59
- margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
58
+ margin-top: var( --scw-spacing-1 );
59
+ margin-bottom: var( --scw-spacing-1 );
60
60
  }
61
61
 
62
62
  @mixin html-autolayout-padding {
63
63
  display: inline-block;
64
64
  padding-left: 0px;
65
65
  padding-right: 0px;
66
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
67
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
66
+ padding-top: var( --scw-spacing-1 );
67
+ padding-bottom: var( --scw-spacing-1 );
68
68
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-container-vars.scss CHANGED
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: INHERIT;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 0.5 );
16
+ $top: var( --scw-spacing-1 );
17
17
  $top-percent: 50%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 0.5 );
18
+ $bottom: var( --scw-spacing-1 );
19
19
  $left: 0px;
20
20
  $left-percent: 50%;
21
21
  $right: 0px;
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-mixins.scss CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  @mixin sizing {
23
23
  width: 100px;
24
- height: 73px;
24
+ height: 83px;
25
25
  }
26
26
 
27
27
  @mixin width {
@@ -29,14 +29,14 @@
29
29
  }
30
30
 
31
31
  @mixin height {
32
- height: 73px;
32
+ height: 83px;
33
33
  }
34
34
 
35
35
  @mixin padding {
36
36
  padding-left: 0px;
37
37
  padding-right: 0px;
38
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
39
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
38
+ padding-top: var( --scw-spacing-1 );
39
+ padding-bottom: var( --scw-spacing-1 );
40
40
  }
41
41
 
42
42
  @mixin figma-autolayout {
@@ -46,8 +46,8 @@
46
46
  align-items: center;
47
47
  padding-left: 0px;
48
48
  padding-right: 0px;
49
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
50
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
49
+ padding-top: var( --scw-spacing-1 );
50
+ padding-bottom: var( --scw-spacing-1 );
51
51
  & > *:not(:last-child) {
52
52
  margin-bottom: 0px;
53
53
  --margin-bottom: 0px;
@@ -58,22 +58,22 @@
58
58
  position: absolute;
59
59
  left: calc( var( --scw-spacing-1 ) * 2.6 );
60
60
  width: 100px;
61
- top: calc( var( --scw-spacing-1 ) * 35.1 );
62
- height: 73px;
61
+ top: calc( var( --scw-spacing-1 ) * 35.15 );
62
+ height: 83px;
63
63
  }
64
64
 
65
65
  @mixin html-autolayout-margins {
66
66
  display: inline-block;
67
67
  margin-left: calc( var( --scw-spacing-1 ) * 2.6 );
68
68
  margin-right: calc( var( --scw-spacing-1 ) * 55.5 );
69
- margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
70
- margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
69
+ margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
70
+ margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
71
71
  }
72
72
 
73
73
  @mixin html-autolayout-padding {
74
74
  display: inline-block;
75
75
  padding-left: calc( var( --scw-spacing-1 ) * 2.6 );
76
76
  padding-right: calc( var( --scw-spacing-1 ) * 55.5 );
77
- padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
78
- padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
77
+ padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
78
+ padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
79
79
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_state-hover-style-vertical-tab-size-small-vars.scss CHANGED
@@ -5,7 +5,7 @@ $stroke-color: var( --scw-color-primary-07 );
5
5
  $stroke-weight: 1px;
6
6
  $stroke-align: INSIDE;
7
7
  $width: 100px;
8
- $height: 73px;
8
+ $height: 83px;
9
9
  $constraint-horizontal: MIN;
10
10
  $constraint-vertical: MIN;
11
11
  $constrain-proportions: false;
@@ -16,13 +16,13 @@ $counter-axis-align-items: CENTER;
16
16
  $item-spacing: 0px;
17
17
  $layout-align: MIN;
18
18
  $layout-grow: 0;
19
- $top: calc( var( --scw-spacing-1 ) * 35.1 );
20
- $top-percent: 33.61%;
21
- $bottom: calc( var( --scw-spacing-1 ) * 72.9 );
19
+ $top: calc( var( --scw-spacing-1 ) * 35.15 );
20
+ $top-percent: 34.08%;
21
+ $bottom: calc( var( --scw-spacing-1 ) * 71.85 );
22
22
  $left: calc( var( --scw-spacing-1 ) * 2.6 );
23
23
  $left-percent: 11.16%;
24
24
  $right: calc( var( --scw-spacing-1 ) * 55.5 );
25
25
  $padding-left: 0px;
26
26
  $padding-right: 0px;
27
- $padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
28
- $padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
27
+ $padding-top: var( --scw-spacing-1 );
28
+ $padding-bottom: var( --scw-spacing-1 );
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-mixins.scss CHANGED
@@ -55,14 +55,14 @@
55
55
  display: inline-block;
56
56
  margin-left: 0px;
57
57
  margin-right: 0px;
58
- margin-top: calc( var( --scw-spacing-1 ) * 0.5 );
59
- margin-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
58
+ margin-top: var( --scw-spacing-1 );
59
+ margin-bottom: var( --scw-spacing-1 );
60
60
  }
61
61
 
62
62
  @mixin html-autolayout-padding {
63
63
  display: inline-block;
64
64
  padding-left: 0px;
65
65
  padding-right: 0px;
66
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
67
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
66
+ padding-top: var( --scw-spacing-1 );
67
+ padding-bottom: var( --scw-spacing-1 );
68
68
  }
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-container-vars.scss CHANGED
@@ -13,9 +13,9 @@ $counter-axis-align-items: CENTER;
13
13
  $item-spacing: 0px;
14
14
  $layout-align: INHERIT;
15
15
  $layout-grow: 0;
16
- $top: calc( var( --scw-spacing-1 ) * 0.5 );
16
+ $top: var( --scw-spacing-1 );
17
17
  $top-percent: 50%;
18
- $bottom: calc( var( --scw-spacing-1 ) * 0.5 );
18
+ $bottom: var( --scw-spacing-1 );
19
19
  $left: 0px;
20
20
  $left-percent: 50%;
21
21
  $right: 0px;
package/dist/tokens/segments/comp-scw-horizontal-nav-item/_style-vertical-tab-size-small-mixins.scss CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  @mixin sizing {
23
23
  width: 103px;
24
- height: 73px;
24
+ height: 83px;
25
25
  }
26
26
 
27
27
  @mixin width {
@@ -29,14 +29,14 @@
29
29
  }
30
30
 
31
31
  @mixin height {
32
- height: 73px;
32
+ height: 83px;
33
33
  }
34
34
 
35
35
  @mixin padding {
36
36
  padding-left: 0px;
37
37
  padding-right: 0px;
38
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
39
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
38
+ padding-top: var( --scw-spacing-1 );
39
+ padding-bottom: var( --scw-spacing-1 );
40
40
  }
41
41
 
42
42
  @mixin figma-autolayout {
@@ -46,8 +46,8 @@
46
46
  align-items: center;
47
47
  padding-left: 0px;
48
48
  padding-right: 0px;
49
- padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
50
- padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
49
+ padding-top: var( --scw-spacing-1 );
50
+ padding-bottom: var( --scw-spacing-1 );
51
51
  & > *:not(:last-child) {
52
52
  margin-bottom: 0px;
53
53
  --margin-bottom: 0px;
@@ -58,22 +58,22 @@
58
58
  position: absolute;
59
59
  left: calc( var( --scw-spacing-1 ) * 22.6 );
60
60
  width: 103px;
61
- top: calc( var( --scw-spacing-1 ) * 35.1 );
62
- height: 73px;
61
+ top: calc( var( --scw-spacing-1 ) * 35.15 );
62
+ height: 83px;
63
63
  }
64
64
 
65
65
  @mixin html-autolayout-margins {
66
66
  display: inline-block;
67
67
  margin-left: calc( var( --scw-spacing-1 ) * 22.6 );
68
68
  margin-right: calc( var( --scw-spacing-1 ) * 35.2 );
69
- margin-top: calc( var( --scw-spacing-1 ) * 35.1 );
70
- margin-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
69
+ margin-top: calc( var( --scw-spacing-1 ) * 35.15 );
70
+ margin-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
71
71
  }
72
72
 
73
73
  @mixin html-autolayout-padding {
74
74
  display: inline-block;
75
75
  padding-left: calc( var( --scw-spacing-1 ) * 22.6 );
76
76
  padding-right: calc( var( --scw-spacing-1 ) * 35.2 );
77
- padding-top: calc( var( --scw-spacing-1 ) * 35.1 );
78
- padding-bottom: calc( var( --scw-spacing-1 ) * 72.9 );
77
+ padding-top: calc( var( --scw-spacing-1 ) * 35.15 );
78
+ padding-bottom: calc( var( --scw-spacing-1 ) * 71.85 );
79
79
  }