@ebay/skin 19.13.0 → 19.14.1

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 (42) hide show
  1. package/README.md +1 -1
  2. package/dist/alert-dialog/alert-dialog.css +2 -2
  3. package/dist/breadcrumbs/breadcrumbs.css +0 -1
  4. package/dist/bundles/skin-default.css +103 -106
  5. package/dist/bundles/skin-full.css +103 -106
  6. package/dist/bundles/skin-headless.css +103 -106
  7. package/dist/button/button.css +29 -44
  8. package/dist/combobox/combobox.css +5 -22
  9. package/dist/confirm-dialog/confirm-dialog.css +2 -2
  10. package/dist/drawer-dialog/drawer-dialog.css +2 -2
  11. package/dist/file-input/file-input.css +0 -1
  12. package/dist/filter-button/filter-button.css +2 -12
  13. package/dist/filter-chip/filter-chip.css +6 -3
  14. package/dist/filter-menu-button/filter-menu-button.css +10 -20
  15. package/dist/global/global.css +4 -16
  16. package/dist/icon-button/icon-button.css +22 -68
  17. package/dist/lightbox-dialog/lightbox-dialog.css +2 -2
  18. package/dist/listbox/listbox.css +4 -13
  19. package/dist/listbox-button/listbox-button.css +5 -21
  20. package/dist/menu-button/menu-button.css +2 -9
  21. package/dist/number-input/number-input.css +0 -1
  22. package/dist/panel-dialog/panel-dialog.css +2 -2
  23. package/dist/progress-stepper/progress-stepper.css +1 -0
  24. package/dist/section-notice/section-notice.css +3 -10
  25. package/dist/select/select.css +0 -1
  26. package/dist/selection-chip/selection-chip.css +4 -2
  27. package/dist/svg/icon/icon-ai-camera-16.svg +5 -0
  28. package/dist/svg/icon/icon-ai-camera-20.svg +5 -0
  29. package/dist/svg/icon/icon-ai-camera-24.svg +5 -0
  30. package/dist/svg/icon/icon-attention-triangle-16.svg +5 -0
  31. package/dist/svg/icon/icon-attention-triangle-24.svg +5 -0
  32. package/dist/svg/icon/icon-attention-triangle-filled-16.svg +5 -0
  33. package/dist/svg/icon/icon-attention-triangle-filled-24.svg +5 -0
  34. package/dist/svg/icon/icon-clock-12.svg +9 -0
  35. package/dist/svg/icon/icon-closed-caption-16.svg +2 -7
  36. package/dist/svg/icon/icon-closed-caption-24.svg +5 -0
  37. package/dist/svg/icon/icon-closed-caption-filled-16.svg +2 -4
  38. package/dist/svg/icon/icon-closed-caption-filled-24.svg +5 -0
  39. package/dist/svg/icon/icon-fingerprint-16.svg +5 -0
  40. package/dist/svg/icons.svg +61 -9
  41. package/dist/textbox/textbox.css +0 -2
  42. package/package.json +8 -7
package/dist/listbox-button/listbox-button.css CHANGED
@@ -24,14 +24,8 @@ span.listbox-button--fluid div.listbox-button__listbox {
24
24
  }
25
25
 
26
26
  div.listbox-button__listbox {
27
- background-color: var(
28
- --listbox-button-listbox-background-color,
29
- var(--color-background-elevated)
30
- );
31
- border-radius: var(
32
- --listbox-button-listbox-border-radius,
33
- var(--border-radius-50)
34
- );
27
+ background-color: var(--color-background-elevated);
28
+ border-radius: var(--border-radius-50);
35
29
  box-shadow: var(--bubble-shadow);
36
30
  box-sizing: border-box;
37
31
  display: none;
@@ -40,7 +34,6 @@ div.listbox-button__listbox {
40
34
  overflow-y: auto;
41
35
  position: absolute;
42
36
  top: 0;
43
- width: -moz-fit-content;
44
37
  width: fit-content;
45
38
  z-index: 2;
46
39
  }
@@ -229,17 +222,11 @@ div.listbox-button__option[role="option"][aria-selected="true"] svg.icon {
229
222
 
230
223
  div.listbox-button__option[role="option"] {
231
224
  background-color: initial;
232
- border-color: var(
233
- --listbox-option-border-color,
234
- var(--color-background-primary)
235
- );
225
+ border-color: var(--color-background-primary);
236
226
  border-style: solid;
237
227
  border-width: 1px;
238
228
  box-sizing: border-box;
239
- color: var(
240
- --listbox-option-foreground-color,
241
- var(--color-foreground-primary)
242
- );
229
+ color: var(--color-foreground-primary);
243
230
  cursor: default;
244
231
  display: inline-grid;
245
232
  font-family: inherit;
@@ -259,10 +246,7 @@ div.listbox-button__option[role="option"][hidden] {
259
246
  }
260
247
  div.listbox-button__option[role="option"]:hover {
261
248
  background-color: var(--color-state-primary-hover);
262
- color: var(
263
- --listbox-option-hover-foreground-color,
264
- var(--color-foreground-primary)
265
- );
249
+ color: var(--color-foreground-primary);
266
250
  }
267
251
  div.listbox-button__option[role="option"]:active {
268
252
  font-weight: 700;
package/dist/menu-button/menu-button.css CHANGED
@@ -9,14 +9,8 @@
9
9
 
10
10
  .fake-menu-button__menu,
11
11
  .menu-button__menu {
12
- background-color: var(
13
- --menu-button-menu-background-color,
14
- var(--color-background-elevated)
15
- );
16
- border-radius: var(
17
- --menu-button-menu-border-radius,
18
- var(--border-radius-50)
19
- );
12
+ background-color: var(--color-background-elevated);
13
+ border-radius: var(--border-radius-50);
20
14
  box-shadow: var(--bubble-shadow);
21
15
  box-sizing: border-box;
22
16
  display: none;
@@ -26,7 +20,6 @@
26
20
  overflow-y: auto;
27
21
  position: absolute;
28
22
  top: 0;
29
- width: -moz-fit-content;
30
23
  width: fit-content;
31
24
  z-index: 2;
32
25
  }
package/dist/number-input/number-input.css CHANGED
@@ -145,7 +145,6 @@
145
145
  margin: 0;
146
146
  }
147
147
  .number-input .textbox .textbox__control[type="number"] {
148
- -moz-appearance: textfield;
149
148
  -webkit-appearance: textfield;
150
149
  appearance: textfield;
151
150
  }
package/dist/panel-dialog/panel-dialog.css CHANGED
@@ -6,10 +6,10 @@
6
6
  .panel-dialog[role="dialog"] {
7
7
  background-color: var(--dialog-scrim-color-show);
8
8
  bottom: 0;
9
- left: 0;
10
- -webkit-overflow-scrolling: touch;
11
9
  flex-direction: column;
10
+ left: 0;
12
11
  overflow: hidden;
12
+ -webkit-overflow-scrolling: touch;
13
13
  position: fixed;
14
14
  right: 0;
15
15
  top: 0;
package/dist/progress-stepper/progress-stepper.css CHANGED
@@ -209,6 +209,7 @@ hr.progress-stepper__separator {
209
209
  min-width: inherit;
210
210
  width: 4px;
211
211
  }
212
+
212
213
  [dir="rtl"] .progress-stepper__item:first-child .progress-stepper__text {
213
214
  text-align: right;
214
215
  }
package/dist/section-notice/section-notice.css CHANGED
@@ -12,7 +12,7 @@
12
12
  div[role="region"].section-notice,
13
13
  section.section-notice {
14
14
  display: grid;
15
- grid-template-columns: 32px auto auto auto;
15
+ grid-template-columns: 32px auto min-content min-content;
16
16
  }
17
17
  .section-notice--education {
18
18
  background-color: var(
@@ -117,15 +117,13 @@ p.section-notice__cta {
117
117
  grid-column: 4;
118
118
  grid-row: 1;
119
119
  justify-self: flex-end;
120
- margin-right: var(--spacing-200);
121
120
  margin-top: 0;
122
- padding-right: var(--spacing-200);
123
121
  }
124
122
  .section-notice__header ~ .section-notice__cta {
125
- grid-column: 4;
123
+ grid-column: 3;
126
124
  }
127
125
  .section-notice__footer {
128
- padding-left: var(--spacing-200);
126
+ padding-inline-start: var(--spacing-200);
129
127
  }
130
128
  }
131
129
  [dir="rtl"] .section-notice__footer {
@@ -133,15 +131,10 @@ p.section-notice__cta {
133
131
  margin-left: 0;
134
132
  margin-right: auto;
135
133
  padding-left: 0;
136
- padding-right: 0;
137
134
  }
138
135
  [dir="rtl"] .section-notice__main {
139
136
  padding-right: 0;
140
137
  }
141
- [dir="rtl"] p.section-notice__cta {
142
- margin-left: 16px;
143
- padding-left: 16px;
144
- }
145
138
  .section-notice__header:has(svg[class*="24"]) {
146
139
  height: var(--spacing-300);
147
140
  }
package/dist/select/select.css CHANGED
@@ -10,7 +10,6 @@ span.select {
10
10
 
11
11
  .select select {
12
12
  -webkit-appearance: none;
13
- -moz-appearance: none;
14
13
  appearance: none;
15
14
  background-color: var(
16
15
  --select-background-color,
package/dist/selection-chip/selection-chip.css CHANGED
@@ -28,9 +28,7 @@
28
28
  justify-content: space-between;
29
29
  max-width: 296px;
30
30
  min-width: 32px;
31
- overflow: hidden;
32
31
  padding: 0 var(--spacing-150);
33
- position: relative;
34
32
  text-decoration: none;
35
33
  transition: all var(--motion-duration-short-3)
36
34
  var(--motion-easing-quick-enter);
@@ -39,6 +37,10 @@
39
37
  .selection-chip:active {
40
38
  transform: scale(0.97);
41
39
  }
40
+ .selection-chip {
41
+ overflow: hidden;
42
+ position: relative;
43
+ }
42
44
  .selection-chip:after {
43
45
  background-color: var(--state-layer-neutral);
44
46
  content: "";
package/dist/svg/icon/icon-ai-camera-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M7.9 1a1 1 0 0 1 0 2H6.427a.5.5 0 0 0-.448.276l-.582 1.165A1.01 1.01 0 0 1 4.494 5H2.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-4a1 1 0 1 1 2 0v4a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-7A2.5 2.5 0 0 1 2.5 3h1.382l.31-.618A2.5 2.5 0 0 1 6.426 1H7.9ZM8 5.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM12.184.958c.13-.61 1.001-.61 1.132 0l.229 1.063c.1.468.466.834.934.934l1.063.229c.61.13.61 1.001 0 1.132l-1.063.229c-.468.1-.834.466-.934.934l-.229 1.063c-.13.61-1.001.61-1.132 0l-.229-1.063a1.217 1.217 0 0 0-.934-.934l-1.063-.229c-.61-.13-.61-1.001 0-1.132l1.063-.229c.468-.1.834-.466.934-.934l.229-1.063Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-ai-camera-20.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M10 1a1 1 0 1 1 0 2H7.927a.5.5 0 0 0-.448.276L6.397 5.441A1.01 1.01 0 0 1 5.494 6H3a1 1 0 0 0-1 1v8l.005.102A1 1 0 0 0 3 16h14a1 1 0 0 0 1-1V9.5a1 1 0 1 1 2 0V15a3 3 0 0 1-3 3H3a3 3 0 0 1-2.996-2.846L0 15V7a3 3 0 0 1 3-3h1.882l.81-1.618A2.5 2.5 0 0 1 7.926 1H10Zm0 5.5a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 2a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5ZM14.858.64c.184-.853 1.402-.853 1.585 0l.303 1.41c.13.603.6 1.075 1.204 1.205l1.41.303c.854.183.854 1.401 0 1.585l-1.41.302a1.57 1.57 0 0 0-1.204 1.204l-.303 1.41c-.183.854-1.401.854-1.585 0l-.302-1.41a1.57 1.57 0 0 0-1.204-1.204l-1.41-.302c-.854-.184-.854-1.402 0-1.585l1.41-.303a1.57 1.57 0 0 0 1.204-1.205l.302-1.41Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-ai-camera-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M12.75 2a1 1 0 1 1 0 2H9.441a1 1 0 0 0-.948.684L7.951 6.31a1.01 1.01 0 0 1-.958.69H3a1 1 0 0 0-1 1v11l.005.102A1 1 0 0 0 3 20h18a1 1 0 0 0 1-1v-7.5a1 1 0 1 1 2 0V19a3 3 0 0 1-3 3H3a3 3 0 0 1-2.996-2.846L0 19V8a3 3 0 0 1 3-3h3.28l.316-.948A3 3 0 0 1 9.44 2h3.309ZM12 8.25a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5Zm0 2a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Zm6.125-8.543c.202-.943 1.548-.943 1.75 0l.352 1.636a1.864 1.864 0 0 0 1.43 1.43l1.636.352c.943.202.943 1.548 0 1.75l-1.636.352a1.864 1.864 0 0 0-1.43 1.431l-.352 1.635c-.203.943-1.547.943-1.75 0l-.352-1.635a1.865 1.865 0 0 0-1.431-1.431l-1.635-.352c-.943-.202-.943-1.548 0-1.75l1.635-.352a1.864 1.864 0 0 0 1.431-1.43l.352-1.636Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-attention-triangle-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M5.155 1.667c1.24-2.221 4.436-2.223 5.677-.002l4.75 8.502c1.21 2.167-.355 4.835-2.837 4.835l-9.49.001-.23-.007C.755 14.842-.66 12.433.31 10.376l.105-.206 4.74-8.503Zm3.931.973a1.25 1.25 0 0 0-2.183.001l-4.74 8.503a1.25 1.25 0 0 0 1.091 1.86l9.491-.002a1.25 1.25 0 0 0 1.091-1.859L9.086 2.64ZM8 10a1.001 1.001 0 1 1 0 1.998A1.001 1.001 0 0 1 8 10Zm0-5a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-attention-triangle-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M8.288 3.141C9.77.319 13.796.278 15.334 3.07l7.163 13.003c1.423 2.582-.343 5.726-3.221 5.92l-.283.01H5.005c-2.914 0-4.817-2.998-3.663-5.607l.121-.251L8.288 3.14Zm5.294.895c-.769-1.396-2.781-1.376-3.522.035L3.235 17.074c-.699 1.331.266 2.93 1.77 2.93h13.988c1.522 0 2.486-1.634 1.752-2.966L13.582 4.036ZM12.045 15.98a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm.001-9a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-attention-triangle-filled-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M5.156 1.668c1.239-2.223 4.436-2.224 5.677-.003l4.75 8.503c1.21 2.166-.356 4.835-2.837 4.836h-9.49c-2.48 0-4.048-2.666-2.84-4.832l4.74-8.504ZM7.999 10a1 1 0 1 0 0 2.001 1 1 0 0 0 0-2.001Zm0-5a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0V6a1 1 0 0 0-1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-attention-triangle-filled-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M8.289 3.141C9.77.319 13.797.278 15.335 3.07l7.163 13.003c1.468 2.665-.46 5.93-3.503 5.93H5.005c-3.008 0-4.94-3.195-3.541-5.858L8.289 3.14ZM12 16.003a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-9a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-clock-12.svg ADDED
@@ -0,0 +1,9 @@
1
+ <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M6.75 3.75v1.942l1.275 1.283a.75.75 0 0 1-1.058 1.058l-1.5-1.5A.75.75 0 0 1 5.25 6V3.75a.75.75 0 0 1 1.5 0Z"
4
+ fill="#191919"
5
+ />
6
+ <path
7
+ d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm0 10.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z"
8
+ />
9
+ </svg>
package/dist/svg/icon/icon-closed-caption-16.svg CHANGED
@@ -1,10 +1,5 @@
1
- <svg viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
- d="M6.54 6.34c-.84 0-1.29.69-1.29 1.68S5.7 9.7 6.54 9.7c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82S4.9 5.2 6.55 5.2c1.33 0 2.36.72 2.67 1.97H7.68c-.18-.59-.56-.83-1.14-.83Zm7.016 0c-.84 0-1.29.69-1.29 1.68s.45 1.68 1.29 1.68c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82s1.16-2.82 2.81-2.82c1.33 0 2.36.72 2.67 1.97h-1.54c-.18-.59-.56-.83-1.14-.83Z"
4
- />
5
- <path
6
- fill-rule="evenodd"
7
- clip-rule="evenodd"
8
- d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3ZM2 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Z"
3
+ d="M13.5 1A2.5 2.5 0 0 1 16 3.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-9A2.5 2.5 0 0 1 2.5 1h11Zm-11 2a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-11Zm3.003 2.817c1.018 0 1.827.558 2.07 1.534l.045.186H6.206l-.032-.106c-.058-.19-.142-.308-.245-.38-.104-.073-.244-.113-.433-.113a.67.67 0 0 0-.57.277c-.132.18-.21.448-.21.784s.078.604.21.783a.669.669 0 0 0 .57.277c.189 0 .329-.04.433-.113.102-.072.187-.19.245-.379l.032-.106h1.412l-.046.186c-.242.976-1.051 1.533-2.07 1.533-1.271 0-2.173-.926-2.173-2.181s.902-2.181 2.174-2.182Zm5.054 0c1.017 0 1.826.558 2.068 1.534l.046.186h-1.412l-.032-.106c-.058-.19-.143-.308-.246-.38-.104-.073-.243-.113-.432-.113a.67.67 0 0 0-.57.277c-.132.18-.208.448-.208.784s.076.604.208.783a.67.67 0 0 0 .57.277c.189 0 .329-.04.432-.113.103-.072.188-.19.246-.379l.032-.106h1.412l-.046.186c-.242.976-1.05 1.533-2.068 1.533-1.273 0-2.174-.926-2.174-2.181s.901-2.182 2.174-2.182Z"
9
4
  />
10
5
  </svg>
package/dist/svg/icon/icon-closed-caption-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M20 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h16ZM4 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4Zm4.148 3.84c1.49 0 2.644.808 2.992 2.208H9.414c-.202-.661-.628-.93-1.277-.93-.941 0-1.446.773-1.446 1.882s.505 1.883 1.446 1.883c.65 0 1.075-.27 1.277-.93h1.726c-.348 1.4-1.502 2.207-2.992 2.207C6.3 15.16 5 13.826 5 12s1.3-3.16 3.148-3.16Zm7.86 0c1.49 0 2.645.808 2.992 2.208h-1.726c-.201-.661-.627-.93-1.277-.93-.94 0-1.445.773-1.445 1.882 0 1.11.504 1.883 1.445 1.883.65 0 1.076-.27 1.277-.93H19c-.347 1.4-1.501 2.207-2.991 2.207-1.849 0-3.149-1.334-3.149-3.16s1.3-3.16 3.149-3.16Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-closed-caption-filled-16.svg CHANGED
@@ -1,7 +1,5 @@
1
- <svg viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
2
  <path
3
- fill-rule="evenodd"
4
- clip-rule="evenodd"
5
- d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3Zm3.54 6.34c-.84 0-1.29.69-1.29 1.68S5.7 9.7 6.54 9.7c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82S4.9 5.2 6.55 5.2c1.33 0 2.36.72 2.67 1.97H7.68c-.18-.59-.56-.83-1.14-.83Zm7.016 0c-.84 0-1.29.69-1.29 1.68s.45 1.68 1.29 1.68c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82s1.16-2.82 2.81-2.82c1.33 0 2.36.72 2.67 1.97h-1.54c-.18-.59-.56-.83-1.14-.83Z"
3
+ d="M13.5 1A2.5 2.5 0 0 1 16 3.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-9A2.5 2.5 0 0 1 2.5 1h11ZM5.503 5.817c-1.272 0-2.174.927-2.174 2.182s.902 2.18 2.174 2.18c1.018 0 1.827-.556 2.07-1.532l.045-.186H6.206l-.032.106c-.058.19-.143.307-.245.38-.104.072-.244.112-.433.112a.669.669 0 0 1-.57-.277c-.132-.18-.21-.447-.21-.783s.078-.605.21-.784a.67.67 0 0 1 .57-.277c.189 0 .329.04.433.113.103.072.187.19.245.38l.032.106h1.412l-.046-.186c-.242-.976-1.051-1.534-2.07-1.534Zm5.054 0c-1.273 0-2.174.927-2.174 2.182s.901 2.18 2.174 2.18c1.017 0 1.826-.556 2.068-1.532l.046-.186h-1.412l-.032.106c-.058.19-.143.307-.246.38a.738.738 0 0 1-.432.112.67.67 0 0 1-.57-.277c-.132-.18-.208-.447-.208-.783s.076-.605.208-.784a.67.67 0 0 1 .57-.277c.189 0 .329.04.432.113.103.072.188.19.246.38l.032.106h1.412l-.046-.186c-.242-.976-1.05-1.534-2.068-1.534Z"
6
4
  />
7
5
  </svg>
package/dist/svg/icon/icon-closed-caption-filled-24.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M20 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h16ZM8.148 8.84C6.3 8.84 5 10.175 5 12s1.3 3.16 3.148 3.16c1.49 0 2.644-.807 2.992-2.207H9.414c-.202.66-.628.93-1.277.93-.941 0-1.446-.774-1.446-1.883s.505-1.882 1.446-1.882c.65 0 1.075.269 1.277.93h1.726c-.348-1.4-1.502-2.207-2.992-2.207Zm7.86 0c-1.848 0-3.147 1.334-3.148 3.16 0 1.826 1.3 3.16 3.149 3.16 1.49 0 2.644-.807 2.991-2.207h-1.726c-.201.66-.627.93-1.277.93-.94 0-1.445-.774-1.445-1.883s.504-1.882 1.445-1.882c.65 0 1.076.269 1.277.93H19c-.347-1.4-1.501-2.207-2.991-2.207Z"
4
+ />
5
+ </svg>
package/dist/svg/icon/icon-fingerprint-16.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2
+ <path
3
+ d="M4.4 10.057a1 1 0 0 1 1.275.611c.495 1.405 1.226 2.7 2.077 3.673a1 1 0 0 1-1.505 1.318c-1.044-1.192-1.893-2.72-2.459-4.327a1 1 0 0 1 .611-1.275Zm2.517-4.053a1 1 0 0 1 1.08.913c.265 3.21 1.93 5.02 3.23 6.396a1 1 0 1 1-1.454 1.373c-1.345-1.423-3.443-3.667-3.77-7.603a1 1 0 0 1 .914-1.08ZM.398 4.667a1 1 0 0 1 1.886.666A4.992 4.992 0 0 0 2 7c0 2.556.495 4.075 1.19 5.581a1 1 0 1 1-1.815.838C.578 11.694 0 9.889 0 7a7 7 0 0 1 .398-2.333ZM7 3c1.068 0 2.016.37 2.733 1.056.71.678 1.135 1.609 1.284 2.647.286 2.008 1.58 3.593 2.996 4.439a1 1 0 0 1-1.026 1.716c-1.85-1.105-3.566-3.177-3.95-5.873-.098-.679-.357-1.17-.685-1.484C8.032 5.195 7.589 5 7 5c-1.13 0-1.996.799-1.996 2 0 .295.015.597.045.903a1 1 0 1 1-1.99.194A11.345 11.345 0 0 1 3.004 7c0-2.355 1.812-4 3.996-4Zm3.806-.745a1 1 0 0 1 1.412.078 6.98 6.98 0 0 1 1.706 3.633c.079.533.192.956.39 1.292.164.276.384.514.646.698l.615.433a1 1 0 1 1-1.15 1.635l-.615-.431a4.26 4.26 0 0 1-1.217-1.318c-.395-.668-.556-1.396-.648-2.016a4.978 4.978 0 0 0-1.218-2.592 1 1 0 0 1 .079-1.412ZM7 0a7 7 0 0 1 2.333.398 1 1 0 0 1-.666 1.886A4.992 4.992 0 0 0 7 2c-1.281 0-2.448.48-3.333 1.272a1 1 0 0 1-1.334-1.49A6.978 6.978 0 0 1 7 0Z"
4
+ />
5
+ </svg>
package/dist/svg/icons.svg CHANGED
@@ -128,6 +128,21 @@
128
128
  d="m12 5.76-.115.538a7.276 7.276 0 0 1-5.587 5.587L5.76 12l.537.115a7.276 7.276 0 0 1 5.587 5.587l.115.537.115-.537a7.276 7.276 0 0 1 5.587-5.587L18.24 12l-.537-.115a7.276 7.276 0 0 1-5.587-5.587L12 5.76ZM13.238 2c-.286-1.334-2.19-1.333-2.476 0l-.833 3.878a5.277 5.277 0 0 1-4.051 4.051L2 10.762c-1.335.286-1.334 2.19 0 2.476l3.877.833a5.277 5.277 0 0 1 4.051 4.051L10.762 22c.286 1.334 2.19 1.334 2.476 0l.833-3.878a5.277 5.277 0 0 1 4.051-4.051L22 13.238c1.334-.286 1.334-2.19 0-2.476l-3.878-.833a5.277 5.277 0 0 1-4.051-4.051L13.238 2Z"
129
129
  />
130
130
  </symbol>
131
+ <symbol viewBox="0 0 16 16" id="icon-ai-camera-16">
132
+ <path
133
+ d="M7.9 1a1 1 0 0 1 0 2H6.427a.5.5 0 0 0-.448.276l-.582 1.165A1.01 1.01 0 0 1 4.494 5H2.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-4a1 1 0 1 1 2 0v4a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-7A2.5 2.5 0 0 1 2.5 3h1.382l.31-.618A2.5 2.5 0 0 1 6.426 1H7.9ZM8 5.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM12.184.958c.13-.61 1.001-.61 1.132 0l.229 1.063c.1.468.466.834.934.934l1.063.229c.61.13.61 1.001 0 1.132l-1.063.229c-.468.1-.834.466-.934.934l-.229 1.063c-.13.61-1.001.61-1.132 0l-.229-1.063a1.217 1.217 0 0 0-.934-.934l-1.063-.229c-.61-.13-.61-1.001 0-1.132l1.063-.229c.468-.1.834-.466.934-.934l.229-1.063Z"
134
+ />
135
+ </symbol>
136
+ <symbol viewBox="0 0 20 20" id="icon-ai-camera-20">
137
+ <path
138
+ d="M10 1a1 1 0 1 1 0 2H7.927a.5.5 0 0 0-.448.276L6.397 5.441A1.01 1.01 0 0 1 5.494 6H3a1 1 0 0 0-1 1v8l.005.102A1 1 0 0 0 3 16h14a1 1 0 0 0 1-1V9.5a1 1 0 1 1 2 0V15a3 3 0 0 1-3 3H3a3 3 0 0 1-2.996-2.846L0 15V7a3 3 0 0 1 3-3h1.882l.81-1.618A2.5 2.5 0 0 1 7.926 1H10Zm0 5.5a3.75 3.75 0 1 1 0 7.5 3.75 3.75 0 0 1 0-7.5Zm0 2a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5ZM14.858.64c.184-.853 1.402-.853 1.585 0l.303 1.41c.13.603.6 1.075 1.204 1.205l1.41.303c.854.183.854 1.401 0 1.585l-1.41.302a1.57 1.57 0 0 0-1.204 1.204l-.303 1.41c-.183.854-1.401.854-1.585 0l-.302-1.41a1.57 1.57 0 0 0-1.204-1.204l-1.41-.302c-.854-.184-.854-1.402 0-1.585l1.41-.303a1.57 1.57 0 0 0 1.204-1.205l.302-1.41Z"
139
+ />
140
+ </symbol>
141
+ <symbol viewBox="0 0 24 24" id="icon-ai-camera-24">
142
+ <path
143
+ d="M12.75 2a1 1 0 1 1 0 2H9.441a1 1 0 0 0-.948.684L7.951 6.31a1.01 1.01 0 0 1-.958.69H3a1 1 0 0 0-1 1v11l.005.102A1 1 0 0 0 3 20h18a1 1 0 0 0 1-1v-7.5a1 1 0 1 1 2 0V19a3 3 0 0 1-3 3H3a3 3 0 0 1-2.996-2.846L0 19V8a3 3 0 0 1 3-3h3.28l.316-.948A3 3 0 0 1 9.44 2h3.309ZM12 8.25a4.75 4.75 0 1 1 0 9.5 4.75 4.75 0 0 1 0-9.5Zm0 2a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Zm6.125-8.543c.202-.943 1.548-.943 1.75 0l.352 1.636a1.864 1.864 0 0 0 1.43 1.43l1.636.352c.943.202.943 1.548 0 1.75l-1.636.352a1.864 1.864 0 0 0-1.43 1.431l-.352 1.635c-.203.943-1.547.943-1.75 0l-.352-1.635a1.865 1.865 0 0 0-1.431-1.431l-1.635-.352c-.943-.202-.943-1.548 0-1.75l1.635-.352a1.864 1.864 0 0 0 1.431-1.43l.352-1.636Z"
144
+ />
145
+ </symbol>
131
146
  <symbol viewBox="0 0 16 16" id="icon-ai-filled-16">
132
147
  <path
133
148
  d="M7.212 1.637c.182-.85 1.394-.85 1.576 0l.53 2.467a3.358 3.358 0 0 0 2.578 2.578l2.467.53c.85.182.85 1.394 0 1.576l-2.467.53a3.358 3.358 0 0 0-2.578 2.578l-.53 2.467c-.182.85-1.394.85-1.576 0l-.53-2.467a3.358 3.358 0 0 0-2.578-2.578l-2.467-.53c-.85-.182-.85-1.394 0-1.576l2.467-.53a3.358 3.358 0 0 0 2.578-2.578l.53-2.467Z"
@@ -898,6 +913,26 @@
898
913
  d="M12 0c6.625.006 11.994 5.375 12 12 0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm1-3V7a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0Z"
899
914
  />
900
915
  </symbol>
916
+ <symbol viewBox="0 0 16 16" id="icon-attention-triangle-16">
917
+ <path
918
+ d="M5.155 1.667c1.24-2.221 4.436-2.223 5.677-.002l4.75 8.502c1.21 2.167-.355 4.835-2.837 4.835l-9.49.001-.23-.007C.755 14.842-.66 12.433.31 10.376l.105-.206 4.74-8.503Zm3.931.973a1.25 1.25 0 0 0-2.183.001l-4.74 8.503a1.25 1.25 0 0 0 1.091 1.86l9.491-.002a1.25 1.25 0 0 0 1.091-1.859L9.086 2.64ZM8 10a1.001 1.001 0 1 1 0 1.998A1.001 1.001 0 0 1 8 10Zm0-5a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"
919
+ />
920
+ </symbol>
921
+ <symbol viewBox="0 0 24 24" id="icon-attention-triangle-24">
922
+ <path
923
+ d="M8.288 3.141C9.77.319 13.796.278 15.334 3.07l7.163 13.003c1.423 2.582-.343 5.726-3.221 5.92l-.283.01H5.005c-2.914 0-4.817-2.998-3.663-5.607l.121-.251L8.288 3.14Zm5.294.895c-.769-1.396-2.781-1.376-3.522.035L3.235 17.074c-.699 1.331.266 2.93 1.77 2.93h13.988c1.522 0 2.486-1.634 1.752-2.966L13.582 4.036ZM12.045 15.98a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm.001-9a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1Z"
924
+ />
925
+ </symbol>
926
+ <symbol viewBox="0 0 16 16" id="icon-attention-triangle-filled-16">
927
+ <path
928
+ d="M5.156 1.668c1.239-2.223 4.436-2.224 5.677-.003l4.75 8.503c1.21 2.166-.356 4.835-2.837 4.836h-9.49c-2.48 0-4.048-2.666-2.84-4.832l4.74-8.504ZM7.999 10a1 1 0 1 0 0 2.001 1 1 0 0 0 0-2.001Zm0-5a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0V6a1 1 0 0 0-1-1Z"
929
+ />
930
+ </symbol>
931
+ <symbol viewBox="0 0 24 24" id="icon-attention-triangle-filled-24">
932
+ <path
933
+ d="M8.289 3.141C9.77.319 13.797.278 15.335 3.07l7.163 13.003c1.468 2.665-.46 5.93-3.503 5.93H5.005c-3.008 0-4.94-3.195-3.541-5.858L8.289 3.14ZM12 16.003a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-9a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1Z"
934
+ />
935
+ </symbol>
901
936
  <symbol viewBox="0 0 16 16" id="icon-atv-16">
902
937
  <path d="M8 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
903
938
  <path
@@ -2113,6 +2148,15 @@
2113
2148
  d="M6.647 3.32a1 1 0 0 0-1.425-.044L3.129 5.277c-.112.107-.134.211-.128.268.266 2.877 2.541 6.609 5.689 9.76 3.147 3.15 6.875 5.428 9.75 5.695.058.005.162-.017.269-.128l2.013-2.1a1 1 0 0 0-.044-1.427l-3.28-3.024-2.929 1.555a1 1 0 0 1-1.176-.176l-4.999-4.998a1 1 0 0 1-.176-1.175l1.556-2.928L6.647 3.32ZM3.84 1.833a3 3 0 0 1 4.277.133l3.026 3.277c.577.625.695 1.544.297 2.294l-1.209 2.275 3.953 3.953 2.276-1.209a2 2 0 0 1 2.294.296l3.28 3.025a2.998 2.998 0 0 1 .132 4.279l-2.014 2.1c-.458.479-1.138.806-1.896.736-3.574-.332-7.719-3.008-10.981-6.274C4.012 13.451 1.34 9.302 1.009 5.73c-.07-.758.258-1.439.738-1.898l2.093-2Z"
2114
2149
  />
2115
2150
  </symbol>
2151
+ <symbol viewBox="0 0 12 12" id="icon-clock-12">
2152
+ <path
2153
+ d="M6.75 3.75v1.942l1.275 1.283a.75.75 0 0 1-1.058 1.058l-1.5-1.5A.75.75 0 0 1 5.25 6V3.75a.75.75 0 0 1 1.5 0Z"
2154
+ fill="#191919"
2155
+ />
2156
+ <path
2157
+ d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm0 10.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Z"
2158
+ />
2159
+ </symbol>
2116
2160
  <symbol viewBox="0 0 16 16" id="icon-clock-16">
2117
2161
  <path
2118
2162
  d="M9 5v2.59l1.7 1.71a1 1 0 0 1-1.41 1.41l-2-2A1 1 0 0 1 7 8V5a1 1 0 0 1 2 0Z"
@@ -2169,21 +2213,24 @@
2169
2213
  d="m13.41 12 7.3-7.29a1.004 1.004 0 0 0-1.42-1.42L12 10.59l-7.29-7.3a1.003 1.003 0 1 0-1.42 1.42l7.3 7.29-7.3 7.29a1.001 1.001 0 0 0 0 1.42 1.001 1.001 0 0 0 1.42 0l7.29-7.3 7.29 7.3a1.001 1.001 0 0 0 1.42 0 1.001 1.001 0 0 0 0-1.42L13.41 12Z"
2170
2214
  />
2171
2215
  </symbol>
2172
- <symbol viewBox="0 0 20 16" id="icon-closed-caption-16">
2216
+ <symbol viewBox="0 0 16 16" id="icon-closed-caption-16">
2173
2217
  <path
2174
- d="M6.54 6.34c-.84 0-1.29.69-1.29 1.68S5.7 9.7 6.54 9.7c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82S4.9 5.2 6.55 5.2c1.33 0 2.36.72 2.67 1.97H7.68c-.18-.59-.56-.83-1.14-.83Zm7.016 0c-.84 0-1.29.69-1.29 1.68s.45 1.68 1.29 1.68c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82s1.16-2.82 2.81-2.82c1.33 0 2.36.72 2.67 1.97h-1.54c-.18-.59-.56-.83-1.14-.83Z"
2218
+ d="M13.5 1A2.5 2.5 0 0 1 16 3.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-9A2.5 2.5 0 0 1 2.5 1h11Zm-11 2a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-11Zm3.003 2.817c1.018 0 1.827.558 2.07 1.534l.045.186H6.206l-.032-.106c-.058-.19-.142-.308-.245-.38-.104-.073-.244-.113-.433-.113a.67.67 0 0 0-.57.277c-.132.18-.21.448-.21.784s.078.604.21.783a.669.669 0 0 0 .57.277c.189 0 .329-.04.433-.113.102-.072.187-.19.245-.379l.032-.106h1.412l-.046.186c-.242.976-1.051 1.533-2.07 1.533-1.271 0-2.173-.926-2.173-2.181s.902-2.181 2.174-2.182Zm5.054 0c1.017 0 1.826.558 2.068 1.534l.046.186h-1.412l-.032-.106c-.058-.19-.143-.308-.246-.38-.104-.073-.243-.113-.432-.113a.67.67 0 0 0-.57.277c-.132.18-.208.448-.208.784s.076.604.208.783a.67.67 0 0 0 .57.277c.189 0 .329-.04.432-.113.103-.072.188-.19.246-.379l.032-.106h1.412l-.046.186c-.242.976-1.05 1.533-2.068 1.533-1.273 0-2.174-.926-2.174-2.181s.901-2.182 2.174-2.182Z"
2175
2219
  />
2220
+ </symbol>
2221
+ <symbol viewBox="0 0 24 24" id="icon-closed-caption-24">
2176
2222
  <path
2177
- fill-rule="evenodd"
2178
- clip-rule="evenodd"
2179
- d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3ZM2 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Z"
2223
+ d="M20 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h16ZM4 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4Zm4.148 3.84c1.49 0 2.644.808 2.992 2.208H9.414c-.202-.661-.628-.93-1.277-.93-.941 0-1.446.773-1.446 1.882s.505 1.883 1.446 1.883c.65 0 1.075-.27 1.277-.93h1.726c-.348 1.4-1.502 2.207-2.992 2.207C6.3 15.16 5 13.826 5 12s1.3-3.16 3.148-3.16Zm7.86 0c1.49 0 2.645.808 2.992 2.208h-1.726c-.201-.661-.627-.93-1.277-.93-.94 0-1.445.773-1.445 1.882 0 1.11.504 1.883 1.445 1.883.65 0 1.076-.27 1.277-.93H19c-.347 1.4-1.501 2.207-2.991 2.207-1.849 0-3.149-1.334-3.149-3.16s1.3-3.16 3.149-3.16Z"
2180
2224
  />
2181
2225
  </symbol>
2182
- <symbol viewBox="0 0 20 16" id="icon-closed-caption-filled-16">
2226
+ <symbol viewBox="0 0 16 16" id="icon-closed-caption-filled-16">
2183
2227
  <path
2184
- fill-rule="evenodd"
2185
- clip-rule="evenodd"
2186
- d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3Zm3.54 6.34c-.84 0-1.29.69-1.29 1.68S5.7 9.7 6.54 9.7c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82S4.9 5.2 6.55 5.2c1.33 0 2.36.72 2.67 1.97H7.68c-.18-.59-.56-.83-1.14-.83Zm7.016 0c-.84 0-1.29.69-1.29 1.68s.45 1.68 1.29 1.68c.58 0 .96-.24 1.14-.83h1.54c-.31 1.25-1.34 1.97-2.67 1.97-1.65 0-2.81-1.19-2.81-2.82s1.16-2.82 2.81-2.82c1.33 0 2.36.72 2.67 1.97h-1.54c-.18-.59-.56-.83-1.14-.83Z"
2228
+ d="M13.5 1A2.5 2.5 0 0 1 16 3.5v9a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5v-9A2.5 2.5 0 0 1 2.5 1h11ZM5.503 5.817c-1.272 0-2.174.927-2.174 2.182s.902 2.18 2.174 2.18c1.018 0 1.827-.556 2.07-1.532l.045-.186H6.206l-.032.106c-.058.19-.143.307-.245.38-.104.072-.244.112-.433.112a.669.669 0 0 1-.57-.277c-.132-.18-.21-.447-.21-.783s.078-.605.21-.784a.67.67 0 0 1 .57-.277c.189 0 .329.04.433.113.103.072.187.19.245.38l.032.106h1.412l-.046-.186c-.242-.976-1.051-1.534-2.07-1.534Zm5.054 0c-1.273 0-2.174.927-2.174 2.182s.901 2.18 2.174 2.18c1.017 0 1.826-.556 2.068-1.532l.046-.186h-1.412l-.032.106c-.058.19-.143.307-.246.38a.738.738 0 0 1-.432.112.67.67 0 0 1-.57-.277c-.132-.18-.208-.447-.208-.783s.076-.605.208-.784a.67.67 0 0 1 .57-.277c.189 0 .329.04.432.113.103.072.188.19.246.38l.032.106h1.412l-.046-.186c-.242-.976-1.05-1.534-2.068-1.534Z"
2229
+ />
2230
+ </symbol>
2231
+ <symbol viewBox="0 0 24 24" id="icon-closed-caption-filled-24">
2232
+ <path
2233
+ d="M20 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h16ZM8.148 8.84C6.3 8.84 5 10.175 5 12s1.3 3.16 3.148 3.16c1.49 0 2.644-.807 2.992-2.207H9.414c-.202.66-.628.93-1.277.93-.941 0-1.446-.774-1.446-1.883s.505-1.882 1.446-1.882c.65 0 1.075.269 1.277.93h1.726c-.348-1.4-1.502-2.207-2.992-2.207Zm7.86 0c-1.848 0-3.147 1.334-3.148 3.16 0 1.826 1.3 3.16 3.149 3.16 1.49 0 2.644-.807 2.991-2.207h-1.726c-.201.66-.627.93-1.277.93-.94 0-1.445-.774-1.445-1.883s.504-1.882 1.445-1.882c.65 0 1.076.269 1.277.93H19c-.347-1.4-1.501-2.207-2.991-2.207Z"
2187
2234
  />
2188
2235
  </symbol>
2189
2236
  <symbol viewBox="0 0 24 24" id="icon-coin-24">
@@ -4380,6 +4427,11 @@
4380
4427
  d="M3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm3 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm4 4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"
4381
4428
  />
4382
4429
  </symbol>
4430
+ <symbol viewBox="0 0 16 16" id="icon-fingerprint-16">
4431
+ <path
4432
+ d="M4.4 10.057a1 1 0 0 1 1.275.611c.495 1.405 1.226 2.7 2.077 3.673a1 1 0 0 1-1.505 1.318c-1.044-1.192-1.893-2.72-2.459-4.327a1 1 0 0 1 .611-1.275Zm2.517-4.053a1 1 0 0 1 1.08.913c.265 3.21 1.93 5.02 3.23 6.396a1 1 0 1 1-1.454 1.373c-1.345-1.423-3.443-3.667-3.77-7.603a1 1 0 0 1 .914-1.08ZM.398 4.667a1 1 0 0 1 1.886.666A4.992 4.992 0 0 0 2 7c0 2.556.495 4.075 1.19 5.581a1 1 0 1 1-1.815.838C.578 11.694 0 9.889 0 7a7 7 0 0 1 .398-2.333ZM7 3c1.068 0 2.016.37 2.733 1.056.71.678 1.135 1.609 1.284 2.647.286 2.008 1.58 3.593 2.996 4.439a1 1 0 0 1-1.026 1.716c-1.85-1.105-3.566-3.177-3.95-5.873-.098-.679-.357-1.17-.685-1.484C8.032 5.195 7.589 5 7 5c-1.13 0-1.996.799-1.996 2 0 .295.015.597.045.903a1 1 0 1 1-1.99.194A11.345 11.345 0 0 1 3.004 7c0-2.355 1.812-4 3.996-4Zm3.806-.745a1 1 0 0 1 1.412.078 6.98 6.98 0 0 1 1.706 3.633c.079.533.192.956.39 1.292.164.276.384.514.646.698l.615.433a1 1 0 1 1-1.15 1.635l-.615-.431a4.26 4.26 0 0 1-1.217-1.318c-.395-.668-.556-1.396-.648-2.016a4.978 4.978 0 0 0-1.218-2.592 1 1 0 0 1 .079-1.412ZM7 0a7 7 0 0 1 2.333.398 1 1 0 0 1-.666 1.886A4.992 4.992 0 0 0 7 2c-1.281 0-2.448.48-3.333 1.272a1 1 0 0 1-1.334-1.49A6.978 6.978 0 0 1 7 0Z"
4433
+ />
4434
+ </symbol>
4383
4435
  <symbol viewBox="0 0 24 24" id="icon-fingerprint-24">
4384
4436
  <path
4385
4437
  fill-rule="evenodd"
package/dist/textbox/textbox.css CHANGED
@@ -23,7 +23,6 @@
23
23
  gap: var(--spacing-100);
24
24
  overflow: hidden;
25
25
  position: relative;
26
- width: -moz-fit-content;
27
26
  width: fit-content;
28
27
  }
29
28
  .textbox button.icon-btn {
@@ -98,7 +97,6 @@ input.textbox__control:last-child:not([readonly]) {
98
97
  input.textbox__control,
99
98
  textarea.textbox__control {
100
99
  -webkit-appearance: none;
101
- -moz-appearance: none;
102
100
  appearance: none;
103
101
  flex-grow: 1;
104
102
  font-size: 1em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebay/skin",
3
- "version": "19.13.0",
3
+ "version": "19.14.1",
4
4
  "description": "Skin - CSS modules that represent the brand eBay",
5
5
  "keywords": [
6
6
  "eBay",
@@ -35,14 +35,15 @@
35
35
  ],
36
36
  "scripts": {
37
37
  "prebuild": "npm run clean",
38
- "build": "npm run build:css && npm run lint:js && npm run copy && node scripts gen-build",
39
- "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && node scripts/add-y-comments.js && prettier dist --write && npm run lint:css",
38
+ "build": "npm run build:css && npm run lint:js && npm run build:icons && npm run copy && tsx scripts gen-build",
39
+ "build:css": "npm run lint:sass && rimraf dist && npm run bundle && npm run postcss && tsx scripts/add-y-comments && prettier dist --write && npm run lint:css",
40
+ "build:icons": "tsx scripts genSVG && prettier src/components/data/icons.json --write",
40
41
  "build:snapshots": "npm run copy:assetsToStorybook && storybook build -o ./.storybook-percy",
41
42
  "build:storybook": "npm run copy:assetsToStorybook && storybook build -o ./_site/public/storybook",
42
43
  "bundle": "sass src/sass:dist --no-source-map",
43
44
  "clean": "rimraf _cdn _site .cache .tmp .jekyll npm-debug.log.* .DS_Store",
44
45
  "copy": "npm run copy:sassToDist && npm run copy:svgToDist && npm run copy:svgToDocs && npm run copy:tokensToDist && npm run copy:assetsToStorybook",
45
- "copy:assetsToStorybook": "node scripts storybook-copy",
46
+ "copy:assetsToStorybook": "tsx scripts storybook-copy",
46
47
  "copy:sassToDist": "mkdirp dist/variables && ncp src/sass/variables dist/variables && mkdirp dist/mixins && ncp src/sass/mixins/public dist/mixins && ncp src/sass/gh dist/gh",
47
48
  "copy:svgToDist": "mkdirp dist/svg && ncp src/svg dist/svg",
48
49
  "copy:svgToDocs": "ncp src/svg src/routes/static && ncp src/svg/icons.svg src/components/master-icons.marko",
@@ -56,9 +57,9 @@
56
57
  "lint:js": "eslint 'src/routes/main.js' > lint.log && eslint 'src/sass/**/stories/*.js' >> lint.log ",
57
58
  "lint:sass": "stylelint src/routes/**/*.scss src/sass --config .stylelintrc",
58
59
  "postcss": "postcss dist/**/*.css -r ",
59
- "prepublishOnly": "node scripts gen",
60
+ "prepublishOnly": "tsx scripts gen",
60
61
  "preview": "marko-run preview",
61
- "postpublish": "node scripts clean",
62
+ "postpublish": "tsx scripts clean",
62
63
  "release": "npm run build",
63
64
  "snapshots": "npm run build:snapshots && npx gulp runSnapshots --stories $STORIES",
64
65
  "snapshots:all": "npm run build:snapshots && percy storybook ./.storybook-percy --include '.*'",
@@ -69,7 +70,7 @@
69
70
  "start": "marko-run",
70
71
  "storybook": "npm run copy:assetsToStorybook && storybook dev -c .storybook --no-open",
71
72
  "test": "npm run build",
72
- "verify": "node scripts verify",
73
+ "verify": "tsx scripts verify",
73
74
  "version": "npm run build"
74
75
  },
75
76
  "commitlint": {