@sbb-esta/lyne-elements 1.12.0 → 1.13.0

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 (210) hide show
  1. package/autocomplete-grid/autocomplete-grid-button.js +1 -1
  2. package/button/common.js +1 -1
  3. package/button/mini-button.js +5 -5
  4. package/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
  5. package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  6. package/core/mixins/form-associated-mixin.d.ts +6 -6
  7. package/core/mixins/form-associated-mixin.d.ts.map +1 -1
  8. package/core/mixins/required-mixin.d.ts +1 -1
  9. package/core/mixins/required-mixin.d.ts.map +1 -1
  10. package/core/mixins.js +2 -6
  11. package/core/styles/core/functions.scss +1 -1
  12. package/core/styles/mixins/buttons.scss +1 -1
  13. package/core/styles/mixins/helpers.scss +1 -1
  14. package/core/styles/mixins/lists.scss +2 -3
  15. package/core/styles/mixins/scrollbar.scss +2 -2
  16. package/core/styles/mixins/table.scss +4 -6
  17. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +4 -0
  18. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +5 -1
  19. package/core/styles/normalize.scss +62 -131
  20. package/core.css +5 -6
  21. package/custom-elements.json +533 -268
  22. package/datepicker/datepicker-next-day.js +1 -1
  23. package/datepicker/datepicker-previous-day.js +1 -1
  24. package/development/accordion.js +2 -9
  25. package/development/action-group.js +2 -9
  26. package/development/alert/alert-group.js +2 -9
  27. package/development/alert/alert.js +2 -9
  28. package/development/autocomplete-grid/autocomplete-grid-button.js +3 -10
  29. package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -9
  30. package/development/autocomplete-grid/autocomplete-grid-option.js +2 -9
  31. package/development/autocomplete-grid/autocomplete-grid-row.js +2 -9
  32. package/development/autocomplete.js +2 -12
  33. package/development/breadcrumb/breadcrumb-group.js +2 -9
  34. package/development/breadcrumb/breadcrumb.js +2 -9
  35. package/development/button/common.js +3 -12
  36. package/development/button/mini-button-group.js +2 -9
  37. package/development/button/mini-button.js +3 -10
  38. package/development/calendar.js +2 -9
  39. package/development/card/card-badge.js +2 -9
  40. package/development/card/card.js +2 -9
  41. package/development/card/common.js +2 -9
  42. package/development/checkbox/checkbox-group.js +2 -9
  43. package/development/checkbox/checkbox.js +2 -9
  44. package/development/checkbox/common.js +1 -8
  45. package/development/chip.js +2 -9
  46. package/development/clock.js +2 -9
  47. package/development/container/container.js +1 -8
  48. package/development/container/sticky-bar.js +2 -9
  49. package/development/core/mixins/form-associated-checkbox-mixin.d.ts +1 -0
  50. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  51. package/development/core/mixins/form-associated-mixin.d.ts +6 -6
  52. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  53. package/development/core/mixins/required-mixin.d.ts +1 -1
  54. package/development/core/mixins/required-mixin.d.ts.map +1 -1
  55. package/development/core/mixins.js +4 -14
  56. package/development/datepicker/datepicker-next-day.js +3 -10
  57. package/development/datepicker/datepicker-previous-day.js +3 -10
  58. package/development/datepicker/datepicker-toggle.js +2 -9
  59. package/development/datepicker/datepicker.js +2 -9
  60. package/development/dialog/dialog-actions.js +2 -9
  61. package/development/dialog/dialog-content.js +2 -11
  62. package/development/dialog/dialog-title.js +2 -9
  63. package/development/dialog/dialog.js +2 -9
  64. package/development/divider.js +2 -9
  65. package/development/expansion-panel/expansion-panel-content.js +2 -9
  66. package/development/expansion-panel/expansion-panel-header.js +2 -9
  67. package/development/expansion-panel/expansion-panel.js +2 -9
  68. package/development/file-selector/file-selector.d.ts +18 -8
  69. package/development/file-selector/file-selector.d.ts.map +1 -1
  70. package/development/file-selector.js +73 -44
  71. package/development/flip-card/flip-card-details.js +2 -9
  72. package/development/flip-card/flip-card-summary.js +2 -9
  73. package/development/flip-card/flip-card.js +2 -9
  74. package/development/footer.js +2 -9
  75. package/development/form-error.js +2 -9
  76. package/development/form-field/form-field-clear.js +3 -10
  77. package/development/form-field/form-field.js +1 -12
  78. package/development/header/common.js +53 -13
  79. package/development/header/header.js +2 -9
  80. package/development/icon.js +2 -9
  81. package/development/image/image.d.ts +1 -0
  82. package/development/image/image.d.ts.map +1 -1
  83. package/development/image.js +13 -13
  84. package/development/journey-header.js +2 -9
  85. package/development/lead-container.js +2 -9
  86. package/development/link/common.js +4 -25
  87. package/development/link-list/common.js +2 -9
  88. package/development/link-list/link-list-anchor.js +2 -9
  89. package/development/link-list/link-list.js +2 -9
  90. package/development/loading-indicator.js +3 -15
  91. package/development/logo.js +2 -9
  92. package/development/map-container.js +2 -11
  93. package/development/menu/common.js +2 -9
  94. package/development/menu/menu.js +2 -11
  95. package/development/message.js +2 -9
  96. package/development/navigation/common.js +2 -9
  97. package/development/navigation/navigation-list.js +2 -9
  98. package/development/navigation/navigation-marker.js +2 -9
  99. package/development/navigation/navigation-section.js +2 -11
  100. package/development/navigation/navigation.js +2 -11
  101. package/development/notification.js +2 -10
  102. package/development/option/optgroup.js +2 -9
  103. package/development/option/option.js +2 -9
  104. package/development/overlay.js +2 -11
  105. package/development/paginator/paginator.d.ts +1 -1
  106. package/development/paginator/paginator.d.ts.map +1 -1
  107. package/development/paginator.js +37 -22
  108. package/development/popover/popover-trigger.js +3 -10
  109. package/development/popover/popover.js +2 -9
  110. package/development/radio-button/common.js +2 -9
  111. package/development/radio-button/radio-button-group.js +4 -11
  112. package/development/radio-button/radio-button.js +2 -9
  113. package/development/screen-reader-only.js +2 -9
  114. package/development/select/select.d.ts +12 -5
  115. package/development/select/select.d.ts.map +1 -1
  116. package/development/select.js +51 -33
  117. package/development/selection-expansion-panel.js +2 -9
  118. package/development/signet.js +2 -9
  119. package/development/skiplink-list.js +2 -9
  120. package/development/slider/slider.d.ts +2 -1
  121. package/development/slider/slider.d.ts.map +1 -1
  122. package/development/slider.js +4 -8
  123. package/development/status.js +2 -9
  124. package/development/stepper/step-label.js +2 -9
  125. package/development/stepper/step.js +2 -9
  126. package/development/stepper/stepper.js +2 -9
  127. package/development/table/table-wrapper.js +2 -11
  128. package/development/tabs/tab-group.js +2 -9
  129. package/development/tabs/tab-label.js +2 -9
  130. package/development/tabs/tab.js +1 -8
  131. package/development/tag/tag-group.js +2 -9
  132. package/development/tag/tag.js +2 -9
  133. package/development/teaser-hero.js +2 -9
  134. package/development/teaser-product/common.js +2 -9
  135. package/development/teaser-product/teaser-product.js +2 -9
  136. package/development/teaser.js +12 -11
  137. package/development/time-input.js +2 -9
  138. package/development/timetable-occupancy-icon.js +2 -9
  139. package/development/timetable-occupancy.js +2 -9
  140. package/development/title.js +3 -17
  141. package/development/toast.js +2 -9
  142. package/development/toggle/toggle-option.js +2 -9
  143. package/development/toggle/toggle.js +2 -9
  144. package/development/toggle-check.js +1 -8
  145. package/development/train/train-blocked-passage.js +2 -9
  146. package/development/train/train-formation.js +2 -11
  147. package/development/train/train-wagon.js +2 -9
  148. package/development/train/train.js +2 -9
  149. package/development/visual-checkbox.js +2 -9
  150. package/file-selector/file-selector.d.ts +18 -8
  151. package/file-selector/file-selector.d.ts.map +1 -1
  152. package/file-selector.js +91 -67
  153. package/form-field/form-field-clear.js +1 -1
  154. package/header/common.js +11 -11
  155. package/image/image.d.ts +1 -0
  156. package/image/image.d.ts.map +1 -1
  157. package/image.js +7 -7
  158. package/lists.css +1 -8
  159. package/loading-indicator.js +5 -5
  160. package/normalize.css +21 -113
  161. package/package.json +3 -3
  162. package/paginator/paginator.d.ts +1 -1
  163. package/paginator/paginator.d.ts.map +1 -1
  164. package/paginator.js +57 -55
  165. package/popover/popover-trigger.js +1 -1
  166. package/radio-button/radio-button-group.js +2 -1
  167. package/select/select.d.ts +12 -5
  168. package/select/select.d.ts.map +1 -1
  169. package/select.js +111 -83
  170. package/slider/slider.d.ts +2 -1
  171. package/slider/slider.d.ts.map +1 -1
  172. package/slider.js +3 -0
  173. package/standard-theme.css +25 -131
  174. package/teaser.js +16 -16
  175. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
  176. package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
  177. package/button/mini-button-group/index.d.ts +0 -2
  178. package/button/mini-button-group/index.d.ts.map +0 -1
  179. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts +0 -2
  180. package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map +0 -1
  181. package/development/button/mini-button-group/index.d.ts +0 -2
  182. package/development/button/mini-button-group/index.d.ts.map +0 -1
  183. package/development/flip-card/flip-card/index.d.ts +0 -2
  184. package/development/flip-card/flip-card/index.d.ts.map +0 -1
  185. package/development/flip-card/flip-card-details/index.d.ts +0 -2
  186. package/development/flip-card/flip-card-details/index.d.ts.map +0 -1
  187. package/development/flip-card/flip-card-summary/index.d.ts +0 -2
  188. package/development/flip-card/flip-card-summary/index.d.ts.map +0 -1
  189. package/development/link-list/link-list-anchor/index.d.ts +0 -2
  190. package/development/link-list/link-list-anchor/index.d.ts.map +0 -1
  191. package/development/paginator/index.d.ts +0 -2
  192. package/development/paginator/index.d.ts.map +0 -1
  193. package/development/radio-button/radio-button-panel/index.d.ts +0 -2
  194. package/development/radio-button/radio-button-panel/index.d.ts.map +0 -1
  195. package/development/tabs/tab/index.d.ts +0 -2
  196. package/development/tabs/tab/index.d.ts.map +0 -1
  197. package/flip-card/flip-card/index.d.ts +0 -2
  198. package/flip-card/flip-card/index.d.ts.map +0 -1
  199. package/flip-card/flip-card-details/index.d.ts +0 -2
  200. package/flip-card/flip-card-details/index.d.ts.map +0 -1
  201. package/flip-card/flip-card-summary/index.d.ts +0 -2
  202. package/flip-card/flip-card-summary/index.d.ts.map +0 -1
  203. package/link-list/link-list-anchor/index.d.ts +0 -2
  204. package/link-list/link-list-anchor/index.d.ts.map +0 -1
  205. package/paginator/index.d.ts +0 -2
  206. package/paginator/index.d.ts.map +0 -1
  207. package/radio-button/radio-button-panel/index.d.ts +0 -2
  208. package/radio-button/radio-button-panel/index.d.ts.map +0 -1
  209. package/tabs/tab/index.d.ts +0 -2
  210. package/tabs/tab/index.d.ts.map +0 -1
@@ -1,216 +1,147 @@
1
- /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
1
+ // modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize
2
2
 
3
- /*
4
- Document
5
- ========
6
- */
7
-
8
- /**
9
- 1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
10
- 2. Prevent adjustments of font size after orientation changes in iOS.
11
- 3. Use a more readable tab size (opinionated).
12
- */
3
+ // Document
4
+ // ========
13
5
 
6
+ // 1. Correct the line height in all browsers. ///// Commented out since we define own line-height /////
7
+ // 2. Prevent adjustments of font size after orientation changes in iOS.
8
+ // 3. Use a more readable tab size (opinionated).
14
9
  html {
15
- // line-height: 1.15; /* 1 */
16
- -webkit-text-size-adjust: 100%; /* 2 */
17
- -moz-text-size-adjust: 100%; /* 2 */
18
- text-size-adjust: 100%; /* 2 */
19
- tab-size: 4; /* 3 */
10
+ // line-height: 1.15; // 1
11
+ -webkit-text-size-adjust: 100%; // 2
12
+ -moz-text-size-adjust: 100%; // 2
13
+ text-size-adjust: 100%; // 2
14
+ tab-size: 4; // 3
20
15
  }
21
16
 
22
- /*
23
- Sections
24
- ========
25
- */
26
-
17
+ // Sections
18
+ // ========
27
19
  body {
28
- margin: 0; /* Remove the margin in all browsers. */
20
+ margin: 0; // Remove the margin in all browsers.
29
21
  }
30
22
 
31
- /*
32
- Grouping content
33
- ================
34
- */
35
-
36
- /**
37
- 1. Add the correct height in Firefox.
38
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
39
- */
23
+ // Grouping content
24
+ // ================
40
25
 
26
+ // 1. Add the correct height in Firefox.
27
+ // 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
41
28
  hr {
42
- height: 0; /* 1 */
43
- color: inherit; /* 2 */
29
+ height: 0; // 1
30
+ color: inherit; // 2
44
31
  }
45
32
 
46
- /*
47
- Text-level semantics
48
- ====================
49
- */
50
-
51
- /**
52
- Add the correct text decoration in Chrome, Edge, and Safari.
53
- */
33
+ // Text-level semantics
34
+ // ====================
54
35
 
36
+ // Add the correct text decoration in Chrome, Edge, and Safari.
55
37
  abbr[title] {
56
38
  text-decoration: underline dotted;
57
39
  }
58
40
 
59
- /**
60
- Add the correct font weight in Edge and Safari.
61
- */
62
-
41
+ // Add the correct font weight in Edge and Safari.
63
42
  b,
64
43
  strong {
65
44
  font-weight: bolder;
66
45
  }
67
46
 
68
- /**
69
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
70
- 2. Correct the odd 'em' font sizing in all browsers.
71
- */
72
-
47
+ // 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
48
+ // 2. Correct the odd 'em' font sizing in all browsers.
73
49
  code,
74
50
  kbd,
75
51
  samp,
76
52
  pre {
77
- font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
78
- font-size: 1em; /* 2 */
53
+ font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; // 1
54
+ font-size: 1em; // 2
79
55
  }
80
56
 
81
- /**
82
- Add the correct font size in all browsers.
83
- */
84
-
57
+ // Add the correct font size in all browsers.
85
58
  small {
86
59
  font-size: 80%;
87
60
  }
88
61
 
89
- /*
90
- Tabular data
91
- ============
92
- */
93
-
94
- /**
95
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
96
- 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
97
- */
62
+ // Tabular data
63
+ // ============
98
64
 
65
+ // 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
66
+ // 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
99
67
  table {
100
- text-indent: 0; /* 1 */
101
- border-color: inherit; /* 2 */
68
+ text-indent: 0; // 1
69
+ border-color: inherit; // 2
102
70
  }
103
71
 
104
- /*
105
- Forms
106
- =====
107
- */
108
-
109
- /**
110
- 1. Change the font styles in all browsers.
111
- 2. Remove the margin in Firefox and Safari.
112
- */
72
+ // Forms
73
+ // =====
113
74
 
75
+ // 1. Change the font styles in all browsers.
76
+ // 2. Remove the margin in Firefox and Safari.
114
77
  button,
115
78
  input,
116
79
  optgroup,
117
80
  select,
118
81
  textarea {
119
- font-family: inherit; /* 1 */
120
- font-size: 100%; /* 1 */
121
- line-height: 1.15; /* 1 */
122
- margin: 0; /* 2 */
82
+ font-family: inherit; // 1
83
+ font-size: 100%; // 1
84
+ line-height: 1.15; // 1
85
+ margin: 0; // 2
123
86
  }
124
87
 
125
- /**
126
- Remove the inheritance of text transform in Edge and Firefox.
127
- */
128
-
88
+ // Remove the inheritance of text transform in Edge and Firefox.
129
89
  button,
130
90
  select {
131
91
  text-transform: none;
132
92
  }
133
93
 
134
- /**
135
- Correct the inability to style clickable types in iOS and Safari.
136
- */
137
-
94
+ // Correct the inability to style clickable types in iOS and Safari.
138
95
  button,
139
96
  :is(button, input):where([type='button'], [type='reset'], [type='submit']) {
140
97
  -webkit-appearance: button;
141
98
  }
142
99
 
143
- /**
144
- Remove the additional ':invalid' styles in Firefox.
145
- See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
146
- */
147
-
100
+ // Remove the additional ':invalid' styles in Firefox.
101
+ // See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
148
102
  :-moz-ui-invalid {
149
103
  box-shadow: none;
150
104
  }
151
105
 
152
- /**
153
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
154
- */
155
-
106
+ // Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
156
107
  legend {
157
108
  padding: 0;
158
109
  }
159
110
 
160
- /**
161
- Add the correct vertical alignment in Chrome and Firefox.
162
- */
163
-
111
+ // Add the correct vertical alignment in Chrome and Firefox.
164
112
  progress {
165
113
  vertical-align: baseline;
166
114
  }
167
115
 
168
- /**
169
- Correct the cursor style of increment and decrement buttons in Safari.
170
- */
171
-
116
+ // Correct the cursor style of increment and decrement buttons in Safari.
172
117
  ::-webkit-inner-spin-button,
173
118
  ::-webkit-outer-spin-button {
174
119
  height: auto;
175
120
  }
176
121
 
177
- /**
178
- 1. Correct the odd appearance in Chrome and Safari.
179
- 2. Correct the outline style in Safari.
180
- */
181
-
122
+ // 1. Correct the odd appearance in Chrome and Safari.
123
+ // 2. Correct the outline style in Safari.
182
124
  [type='search'] {
183
- -webkit-appearance: textfield; /* 1 */
184
- outline-offset: -2px; /* 2 */
125
+ -webkit-appearance: textfield; // 1
126
+ outline-offset: -2px; // 2
185
127
  }
186
128
 
187
- /**
188
- Remove the inner padding in Chrome and Safari on macOS.
189
- */
190
-
129
+ // Remove the inner padding in Chrome and Safari on macOS.
191
130
  ::-webkit-search-decoration {
192
131
  -webkit-appearance: none;
193
132
  }
194
133
 
195
- /**
196
- 1. Correct the inability to style clickable types in iOS and Safari.
197
- 2. Change font properties to 'inherit' in Safari.
198
- */
199
-
134
+ // 1. Correct the inability to style clickable types in iOS and Safari.
135
+ // 2. Change font properties to 'inherit' in Safari.
200
136
  ::-webkit-file-upload-button {
201
- -webkit-appearance: button; /* 1 */
202
- font: inherit; /* 2 */
137
+ -webkit-appearance: button; // 1
138
+ font: inherit; // 2
203
139
  }
204
140
 
205
- /*
206
- Interactive
207
- ===========
208
- */
209
-
210
- /*
211
- Add the correct display in Chrome and Safari.
212
- */
141
+ // Interactive
142
+ // ===========
213
143
 
144
+ // Add the correct display in Chrome and Safari.
214
145
  summary {
215
146
  display: list-item;
216
147
  }
package/core.css CHANGED
@@ -1,8 +1,7 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 02 Sep 2024 15:45:11 GMT
3
+ * Generated on Mon, 21 Oct 2024 06:34:22 GMT
4
4
  */
5
- /** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
6
5
  *,
7
6
  ::before,
8
7
  ::after {
@@ -121,6 +120,7 @@
121
120
  --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
122
121
  --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
123
122
  --sbb-color-midnight: #151515;
123
+ --sbb-color-blue: #2d327d;
124
124
  --sbb-color-charcoal: #212121;
125
125
  --sbb-color-iron: #444444;
126
126
  --sbb-color-anthracite: #5a5a5a;
@@ -155,6 +155,9 @@
155
155
  --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
156
156
  --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
157
157
  --sbb-color-red150: #a20013;
158
+ --sbb-color-royal: #06348b;
159
+ --sbb-color-royal125: #032668;
160
+ --sbb-color-royal150: #021c4e;
158
161
  --sbb-color-white: #ffffff;
159
162
  --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
160
163
  --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);
@@ -1178,8 +1181,6 @@ sbb-form-field textarea {
1178
1181
  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
1179
1182
  --sbb-scrollbar-track-color: transparent;
1180
1183
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
1181
- /* Scrollbar itself */
1182
- /* Hide button (top and bottom of the scrollbar) */
1183
1184
  }
1184
1185
  sbb-form-field textarea::-webkit-scrollbar {
1185
1186
  width: var(--sbb-scrollbar-width);
@@ -1216,8 +1217,6 @@ sbb-form-field[negative] textarea {
1216
1217
  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
1217
1218
  --sbb-scrollbar-track-color: transparent;
1218
1219
  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
1219
- /* Scrollbar itself */
1220
- /* Hide button (top and bottom of the scrollbar) */
1221
1220
  }
1222
1221
  sbb-form-field[negative] textarea::-webkit-scrollbar {
1223
1222
  width: var(--sbb-scrollbar-width);