@ebay/skin 19.33.0 → 19.35.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 (93) hide show
  1. package/dist/accordion/accordion.css +0 -2
  2. package/dist/alert-dialog/alert-dialog.css +16 -6
  3. package/dist/avatar/avatar.css +23 -5
  4. package/dist/breadcrumbs/breadcrumbs.css +13 -0
  5. package/dist/button/button.css +65 -11
  6. package/dist/calendar/calendar.css +67 -12
  7. package/dist/carousel/carousel.css +24 -12
  8. package/dist/ccd/ccd.css +4 -0
  9. package/dist/checkbox/checkbox.css +16 -2
  10. package/dist/chip/chip.css +7 -3
  11. package/dist/chips-combobox/chips-combobox.css +18 -1
  12. package/dist/combobox/combobox.css +37 -15
  13. package/dist/confirm-dialog/confirm-dialog.css +16 -6
  14. package/dist/cta-button/cta-button.css +20 -10
  15. package/dist/date-textbox/date-textbox.css +6 -1
  16. package/dist/details/details.css +4 -0
  17. package/dist/dialog/dialog.css +19 -0
  18. package/dist/donut-chart/donut-chart.css +8 -0
  19. package/dist/drawer-dialog/drawer-dialog.css +16 -6
  20. package/dist/education-notice/education-notice.css +12 -0
  21. package/dist/eek/eek.css +28 -0
  22. package/dist/field/field.css +23 -0
  23. package/dist/file-input/file-input.css +12 -1
  24. package/dist/file-preview-card/file-preview-card.css +3 -9
  25. package/dist/file-preview-card-group/file-preview-card-group.css +3 -0
  26. package/dist/filter-button/filter-button.css +8 -1
  27. package/dist/filter-chip/filter-chip.css +13 -28
  28. package/dist/filter-menu/filter-menu.css +24 -4
  29. package/dist/filter-menu-button/filter-menu-button.css +26 -4
  30. package/dist/flag/flag.css +252 -0
  31. package/dist/floating-label/floating-label.css +20 -2
  32. package/dist/fullscreen-dialog/fullscreen-dialog.css +12 -2
  33. package/dist/global/global.css +4 -0
  34. package/dist/icon-button/icon-button.css +24 -0
  35. package/dist/infotip/infotip.css +35 -11
  36. package/dist/inline-notice/inline-notice.css +5 -0
  37. package/dist/item-tile/item-tile.css +0 -1
  38. package/dist/layout-grid/layout-grid.css +7 -0
  39. package/dist/lightbox-dialog/lightbox-dialog.css +29 -7
  40. package/dist/link/link.css +6 -4
  41. package/dist/list/list.css +15 -3
  42. package/dist/listbox/listbox.css +22 -10
  43. package/dist/listbox-button/listbox-button.css +34 -8
  44. package/dist/menu/menu.css +5 -21
  45. package/dist/menu-button/menu-button.css +35 -10
  46. package/dist/number-input/number-input.css +17 -1
  47. package/dist/page-grid/page-grid.css +4 -3
  48. package/dist/page-notice/page-notice.css +21 -1
  49. package/dist/pagination/pagination.css +22 -6
  50. package/dist/panel-dialog/panel-dialog.css +20 -6
  51. package/dist/phone-input/phone-input.css +20 -0
  52. package/dist/progress-bar/progress-bar.css +6 -1
  53. package/dist/progress-bar-expressive/progress-bar-expressive.css +85 -61
  54. package/dist/progress-spinner/progress-spinner.css +2 -0
  55. package/dist/progress-stepper/progress-stepper.css +24 -0
  56. package/dist/radio/radio.css +16 -2
  57. package/dist/section-notice/section-notice.css +16 -0
  58. package/dist/section-title/section-title.css +14 -2
  59. package/dist/segmented-buttons/segmented-buttons.css +13 -3
  60. package/dist/select/select.css +17 -5
  61. package/dist/selection-chip/selection-chip.css +9 -20
  62. package/dist/skeleton/skeleton.css +23 -0
  63. package/dist/snackbar-dialog/snackbar-dialog.css +15 -4
  64. package/dist/star-rating/star-rating.css +2 -0
  65. package/dist/star-rating-select/star-rating-select.css +8 -1
  66. package/dist/svg/icon/icon-affirm-black-12-colored.svg +16 -0
  67. package/dist/svg/icon/icon-affirm-black-18-colored.svg +16 -0
  68. package/dist/svg/icon/icon-affirm-black-24-colored.svg +16 -0
  69. package/dist/svg/icon/icon-affirm-black-32-colored.svg +16 -0
  70. package/dist/svg/icon/icon-affirm-white-12-colored.svg +24 -0
  71. package/dist/svg/icon/icon-affirm-white-18-colored.svg +24 -0
  72. package/dist/svg/icon/icon-affirm-white-24-colored.svg +24 -0
  73. package/dist/svg/icon/icon-affirm-white-32-colored.svg +24 -0
  74. package/dist/svg/icon/icon-live-bag-16.svg +1 -1
  75. package/dist/svg/icon/icon-live-bag-20.svg +1 -1
  76. package/dist/svg/icon/icon-live-bag-24.svg +1 -1
  77. package/dist/svg/icon/icon-live-bag-filled-24.svg +1 -1
  78. package/dist/svg/icon/icon-live-bag-thin-16.svg +1 -1
  79. package/dist/svg/icons.svg +165 -5
  80. package/dist/switch/switch.css +8 -21
  81. package/dist/table/table.css +47 -0
  82. package/dist/tabs/tabs.css +0 -5
  83. package/dist/textbox/textbox.css +9 -20
  84. package/dist/toast-dialog/toast-dialog.css +9 -1
  85. package/dist/toggle-button/toggle-button.css +32 -0
  86. package/dist/toggle-button-group/toggle-button-group.css +16 -0
  87. package/dist/tooltip/tooltip.css +37 -14
  88. package/dist/tourtip/tourtip.css +43 -16
  89. package/dist/typography/typography.css +20 -0
  90. package/dist/utility/utility.css +7 -0
  91. package/dist/video/video.css +23 -1
  92. package/eslint.config.mjs +7 -5
  93. package/package.json +6 -3
@@ -50,6 +50,166 @@
50
50
  d="M7.905 1a1 1 0 1 1 0 1.999H5a2.001 2.001 0 0 0-2.001 2L3 11.162a1 1 0 0 0 .299.713l8.993 8.84a1.001 1.001 0 0 0 1.41-.006l7.003-7.015a1 1 0 0 0 .007-1.406l-1.519-1.546a1 1 0 1 1 1.427-1.4l1.52 1.546a2.997 2.997 0 0 1-.019 4.218l-7.003 7.015a3.003 3.003 0 0 1-4.23.02L1.897 13.3A3 3 0 0 1 1 11.162V5a4 4 0 0 1 4.001-4h2.904Zm4.389 1.313a1 1 0 0 1 1.414 0l3.5 3.5a1 1 0 1 1-1.414 1.414L14 5.434v9.649a1 1 0 0 1-2 0v-9.65l-1.793 1.794a1 1 0 1 1-1.414-1.415l3.5-3.5Z"
51
51
  />
52
52
  </symbol>
53
+ <symbol fill="none" viewBox="0 0 19 12" id="icon-affirm-black-12-colored">
54
+ <rect width="18.75" height="12" fill="#191919" rx="2" stroke-width="1" />
55
+ <path
56
+ fill="#fff"
57
+ fill-rule="evenodd"
58
+ d="M2.86 8.323c-.186 0-.28-.089-.28-.235 0-.272.311-.364.88-.423 0 .363-.252.658-.603.658zm.244-2.042a2.05 2.05 0 0 0-1.129.383l.232.477c.204-.181.533-.337.83-.337.283 0 .439.092.439.278 0 .124-.103.187-.299.212-.73.092-1.302.288-1.302.836 0 .434.317.696.813.696.355 0 .67-.191.82-.442v.374h.66v-1.57c0-.647-.462-.909-1.064-.909zm6.626.07v2.404h.705V7.597c0-.55.343-.712.581-.712a.56.56 0 0 1 .302.087l.13-.636a.8.8 0 0 0-.316-.055c-.363 0-.59.156-.741.474v-.404zm4.99-.071a.99.99 0 0 0-.798.423c-.134-.268-.42-.422-.763-.422a.82.82 0 0 0-.75.434V6.35h-.682v2.404h.707V7.518c0-.443.24-.658.462-.658.202 0 .388.127.388.456v1.44h.705V7.517c0-.45.233-.658.467-.658.187 0 .385.133.385.45v1.445h.705V7.093c0-.54-.373-.812-.824-.812m-6.712.07h-.64v-.244c0-.318.187-.409.348-.409q.167.003.315.077l.217-.485s-.22-.14-.622-.14c-.45 0-.964.247-.964 1.025v.176h-1.07v-.244c0-.318.187-.409.348-.409.11 0 .218.027.315.077l.217-.485a1.3 1.3 0 0 0-.622-.14c-.45 0-.964.247-.964 1.025v.176h-.409v.53h.41v1.874h.705V6.881h1.071v1.874h.706V6.881h.64z"
59
+ clip-rule="evenodd"
60
+ />
61
+ <path fill="#fff" d="M9.137 6.351h-.705v2.403h.705z" />
62
+ <path
63
+ fill="#fff"
64
+ fill-rule="evenodd"
65
+ d="M8.458 5.943h.69c.403-1.233 1.77-2.317 3.395-2.317 1.977 0 3.685 1.465 3.685 3.746.006.468-.06.934-.196 1.383h.67l.007-.022a5.4 5.4 0 0 0 .166-1.36C16.875 4.83 14.97 3 12.545 3 10.638 3 8.94 4.288 8.458 5.944z"
66
+ clip-rule="evenodd"
67
+ />
68
+ </symbol>
69
+ <symbol fill="none" viewBox="0 0 29 18" id="icon-affirm-black-18-colored">
70
+ <rect width="28.125" height="18" fill="#191919" rx="2" stroke-width="1" />
71
+ <path
72
+ fill="#fff"
73
+ fill-rule="evenodd"
74
+ d="M4.289 12.485c-.278 0-.42-.133-.42-.353 0-.409.468-.546 1.322-.634 0 .544-.378.987-.905.987zm.367-3.064c-.61 0-1.312.28-1.693.576l.348.715c.305-.272.8-.505 1.245-.505.424 0 .658.138.658.416 0 .186-.155.28-.448.318-1.095.138-1.953.432-1.953 1.254 0 .65.476 1.045 1.22 1.045.53 0 1.003-.288 1.228-.665v.563h.99v-2.356c0-.97-.692-1.363-1.594-1.363zm9.938.106v3.606h1.059v-1.738c0-.825.513-1.068.871-1.068a.83.83 0 0 1 .453.13l.194-.953a1.2 1.2 0 0 0-.473-.083c-.544 0-.886.235-1.112.712v-.606zm7.486-.106c-.56 0-.979.322-1.196.633-.203-.401-.63-.633-1.145-.633-.56 0-.948.303-1.126.651v-.545H17.59v3.606h1.06v-1.857c0-.664.359-.985.693-.985.303 0 .581.19.581.682v2.16h1.059v-1.857c0-.674.35-.985.7-.985.28 0 .577.198.577.675v2.167h1.058V10.64c0-.81-.56-1.219-1.236-1.219m-10.066.106h-.96v-.366c0-.478.28-.614.52-.614.165.002.327.042.473.115l.327-.727s-.332-.21-.934-.21c-.676 0-1.447.371-1.447 1.537v.265H8.392v-.366c0-.478.279-.614.52-.614.165 0 .328.04.473.115l.326-.727c-.194-.11-.508-.21-.932-.21-.677 0-1.447.371-1.447 1.537v.265h-.613v.795h.614v2.81h1.059v-2.81h1.606v2.81h1.058v-2.81h.96z"
75
+ clip-rule="evenodd"
76
+ />
77
+ <path fill="#fff" d="M13.705 9.527h-1.057v3.604h1.057z" />
78
+ <path
79
+ fill="#fff"
80
+ fill-rule="evenodd"
81
+ d="M12.687 8.914h1.035c.605-1.85 2.655-3.475 5.093-3.475 2.965 0 5.527 2.198 5.527 5.618a6.9 6.9 0 0 1-.294 2.076h1.006l.01-.034a8 8 0 0 0 .248-2.038c0-3.815-2.855-6.561-6.495-6.561-2.86 0-5.408 1.932-6.13 4.415"
82
+ clip-rule="evenodd"
83
+ />
84
+ </symbol>
85
+ <symbol fill="none" viewBox="0 0 38 24" id="icon-affirm-black-24-colored">
86
+ <rect width="37.5" height="24" fill="#191919" rx="2" stroke-width="1" />
87
+ <path
88
+ fill="#fff"
89
+ fill-rule="evenodd"
90
+ d="M5.718 16.647c-.37 0-.56-.178-.56-.47 0-.546.625-.729 1.764-.847 0 .726-.505 1.316-1.207 1.316zm.49-4.085c-.814 0-1.75.372-2.258.767l.464.954c.408-.363 1.066-.674 1.66-.674.565 0 .878.184.878.555 0 .248-.207.374-.597.424-1.46.184-2.605.577-2.605 1.672 0 .868.635 1.393 1.627 1.393.708 0 1.338-.383 1.638-.886v.75h1.32v-3.14c0-1.295-.923-1.818-2.126-1.818zm13.25.141v4.807h1.413v-2.316c0-1.1.684-1.424 1.161-1.424.215-.002.425.059.604.173l.258-1.27a1.6 1.6 0 0 0-.63-.111c-.726 0-1.182.312-1.483.949v-.808zm9.982-.141c-.746 0-1.305.429-1.595.843-.27-.535-.84-.843-1.526-.843-.746 0-1.264.403-1.502.868v-.727h-1.363v4.808h1.414v-2.476c0-.886.479-1.314.924-1.314.404 0 .775.254.775.91v2.88h1.411v-2.476c0-.899.467-1.314.934-1.314.373 0 .77.264.77.9v2.89h1.41v-3.324c0-1.08-.746-1.625-1.648-1.625m-13.424.141h-1.279v-.489c0-.636.373-.818.695-.818.219.003.435.056.63.154l.435-.97s-.442-.28-1.245-.28c-.902 0-1.929.495-1.929 2.049v.354H11.19v-.489c0-.636.372-.818.694-.818.22 0 .436.053.63.154l.436-.97c-.26-.148-.678-.28-1.244-.28-.902 0-1.93.495-1.93 2.049v.354h-.817v1.06h.82v3.747h1.41v-3.747h2.142v3.747h1.411v-3.747h1.28z"
91
+ clip-rule="evenodd"
92
+ />
93
+ <path fill="#fff" d="M18.273 12.703h-1.41v4.806h1.41z" />
94
+ <path
95
+ fill="#fff"
96
+ fill-rule="evenodd"
97
+ d="M16.915 11.886h1.381c.806-2.466 3.54-4.634 6.79-4.634 3.954 0 7.37 2.93 7.37 7.491a9.2 9.2 0 0 1-.392 2.767h1.34l.014-.045a10.8 10.8 0 0 0 .332-2.718C33.75 9.661 29.942 6 25.089 6c-3.812 0-7.21 2.576-8.173 5.887z"
98
+ clip-rule="evenodd"
99
+ />
100
+ </symbol>
101
+ <symbol fill="none" viewBox="0 0 50 32" id="icon-affirm-black-32-colored">
102
+ <rect width="50" height="32" fill="#191919" rx="2" stroke-width="1" />
103
+ <path
104
+ fill="#fff"
105
+ fill-rule="evenodd"
106
+ d="M7.624 22.195c-.494 0-.746-.237-.746-.626 0-.727.832-.972 2.35-1.129 0 .969-.672 1.755-1.608 1.755zm.654-5.446c-1.086 0-2.334.497-3.011 1.023l.619 1.272c.543-.484 1.421-.899 2.213-.899.754 0 1.17.246 1.17.74 0 .331-.275.5-.796.566C6.526 19.696 5 20.219 5 21.679c0 1.158.846 1.858 2.169 1.858.944 0 1.784-.51 2.184-1.18v.999h1.76v-4.188c0-1.726-1.231-2.423-2.834-2.423zm17.666.188v6.41h1.884v-3.089c0-1.467.912-1.898 1.548-1.898.286-.003.566.078.805.231l.345-1.694a2.2 2.2 0 0 0-.84-.148c-.968 0-1.576.417-1.978 1.265v-1.077zm13.31-.188c-.996 0-1.74.572-2.128 1.125-.36-.713-1.12-1.125-2.034-1.125-.995 0-1.685.538-2.003 1.157v-.969h-1.816v6.41h1.885v-3.3c0-1.181.637-1.753 1.232-1.753.538 0 1.033.34 1.033 1.214v3.84h1.882v-3.301c0-1.198.621-1.753 1.244-1.753.498 0 1.026.353 1.026 1.201v3.852h1.882v-4.431c0-1.44-.996-2.167-2.199-2.167m-17.897.188h-1.706v-.652c0-.848.497-1.09.926-1.09.292.004.58.074.84.205l.58-1.293s-.589-.374-1.66-.374c-1.202 0-2.571.66-2.571 2.732v.472h-2.851v-.652c0-.848.496-1.09.925-1.09.293 0 .582.07.84.205l.58-1.293c-.345-.197-.903-.374-1.658-.374-1.203 0-2.572.66-2.572 2.732v.472h-1.09v1.413h1.093v4.997h1.881V18.35h2.855v4.997h1.882V18.35h1.706z"
107
+ clip-rule="evenodd"
108
+ />
109
+ <path fill="#fff" d="M24.364 16.937h-1.88v6.408h1.88z" />
110
+ <path
111
+ fill="#fff"
112
+ fill-rule="evenodd"
113
+ d="M22.554 15.848h1.841c1.075-3.288 4.719-6.178 9.053-6.178 5.272 0 9.827 3.906 9.827 9.988a12.2 12.2 0 0 1-.523 3.69h1.787l.018-.06A14.4 14.4 0 0 0 45 19.663C45 12.881 39.923 8 33.452 8c-5.083 0-9.613 3.434-10.897 7.85z"
114
+ clip-rule="evenodd"
115
+ />
116
+ </symbol>
117
+ <symbol fill="none" viewBox="0 0 19 12" id="icon-affirm-white-12-colored">
118
+ <rect
119
+ width="17.75"
120
+ height="11"
121
+ x=".5"
122
+ y=".5"
123
+ fill="#fff"
124
+ stroke="#191919"
125
+ rx="1.5"
126
+ />
127
+ <path
128
+ fill="#13131F"
129
+ fill-rule="evenodd"
130
+ d="M3.32 8.152c-.172 0-.26-.082-.26-.218 0-.253.29-.339.82-.393 0 .337-.235.611-.56.611m.228-1.897c-.378 0-.813.173-1.049.356l.216.443c.19-.169.495-.313.771-.313.263 0 .408.086.408.258 0 .115-.096.174-.278.197-.678.085-1.21.268-1.21.776 0 .404.295.648.756.648.33 0 .622-.178.761-.412v.348h.613V7.097c0-.601-.429-.844-.987-.844zm6.156.065v2.234h.656V7.477c0-.511.318-.661.54-.661a.5.5 0 0 1 .28.08l.12-.59a.8.8 0 0 0-.292-.052c-.337 0-.55.146-.69.441V6.32zm4.638-.065a.92.92 0 0 0-.742.391c-.125-.248-.39-.391-.709-.391a.76.76 0 0 0-.697.403V6.32h-.633v2.234h.656v-1.15c0-.412.223-.611.43-.611.187 0 .36.118.36.423v1.338h.655v-1.15c0-.418.217-.611.434-.611.174 0 .358.123.358.418v1.343h.655V7.01c0-.502-.347-.755-.766-.755m-6.236.065h-.594v-.227c0-.296.173-.38.322-.38a.7.7 0 0 1 .293.071l.202-.45s-.205-.13-.578-.13c-.42 0-.896.23-.896.952v.164h-.994v-.227c0-.296.173-.38.323-.38q.155.001.293.071l.202-.45a1.2 1.2 0 0 0-.578-.13c-.42 0-.896.23-.896.952v.164h-.38v.493h.38v1.74h.656v-1.74h.995v1.74h.656v-1.74h.594z"
131
+ clip-rule="evenodd"
132
+ />
133
+ <path fill="#13131F" d="M9.154 6.32h-.655v2.233h.655z" />
134
+ <path
135
+ fill="#4A4AF4"
136
+ fill-rule="evenodd"
137
+ d="M8.523 5.94h.641c.375-1.145 1.645-2.152 3.155-2.152 1.836 0 3.424 1.361 3.424 3.48.005.435-.056.868-.182 1.286h.622l.006-.021c.105-.413.157-.838.155-1.263 0-2.363-1.77-4.064-4.024-4.064-1.771 0-3.35 1.197-3.797 2.735"
138
+ clip-rule="evenodd"
139
+ />
140
+ </symbol>
141
+ <symbol fill="none" viewBox="0 0 29 18" id="icon-affirm-white-18-colored">
142
+ <rect
143
+ width="27.125"
144
+ height="17"
145
+ x=".5"
146
+ y=".5"
147
+ fill="#fff"
148
+ stroke="#191919"
149
+ rx="1.5"
150
+ />
151
+ <path
152
+ fill="#13131F"
153
+ fill-rule="evenodd"
154
+ d="M4.531 12.39c-.27 0-.409-.13-.409-.344 0-.398.456-.532 1.288-.618 0 .53-.369.961-.882.961zm.358-2.983c-.595 0-1.278.272-1.65.56l.34.696c.297-.265.778-.492 1.212-.492.413 0 .64.135.64.405 0 .182-.15.274-.435.31-1.067.135-1.902.421-1.902 1.22 0 .635.463 1.018 1.188 1.018.517 0 .977-.28 1.196-.647v.548h.964v-2.293c0-.946-.675-1.327-1.553-1.327zm9.675.103v3.51h1.031v-1.69c0-.804.5-1.04.848-1.04a.8.8 0 0 1 .441.127l.19-.928a1.2 1.2 0 0 0-.46-.081c-.53 0-.864.228-1.084.693v-.59zm7.289-.103c-.545 0-.953.313-1.165.616-.197-.39-.613-.616-1.114-.616-.545 0-.923.294-1.097.633v-.53h-.995v3.51h1.033v-1.807c0-.647.349-.96.674-.96.295 0 .566.186.566.665v2.102h1.03v-1.807c0-.656.341-.96.682-.96.273 0 .562.193.562.658v2.11h1.03v-2.428c0-.788-.545-1.186-1.204-1.186m-9.801.103h-.934v-.357c0-.465.272-.597.507-.597.16.002.317.04.46.112l.318-.708s-.323-.205-.91-.205c-.658 0-1.408.361-1.408 1.496v.259H8.526v-.357c0-.465.272-.597.507-.597.16 0 .318.038.46.112l.318-.708c-.19-.108-.495-.205-.909-.205-.658 0-1.408.361-1.408 1.496v.259h-.597v.774h.598v2.736h1.03v-2.736h1.564v2.736h1.03v-2.736h.935z"
155
+ clip-rule="evenodd"
156
+ />
157
+ <path fill="#13131F" d="M13.699 9.51h-1.03v3.509h1.03z" />
158
+ <path
159
+ fill="#4A4AF4"
160
+ fill-rule="evenodd"
161
+ d="M12.707 8.913h1.009c.588-1.8 2.584-3.383 4.958-3.383 2.887 0 5.381 2.14 5.381 5.47a6.7 6.7 0 0 1-.286 2.02h.979l.01-.033A8 8 0 0 0 25 11.003c0-3.714-2.78-6.388-6.324-6.388-2.784 0-5.265 1.88-5.968 4.299z"
162
+ clip-rule="evenodd"
163
+ />
164
+ </symbol>
165
+ <symbol fill="none" viewBox="0 0 38 24" id="icon-affirm-white-24-colored">
166
+ <rect
167
+ width="36.5"
168
+ height="23"
169
+ x=".5"
170
+ y=".5"
171
+ fill="#fff"
172
+ stroke="#191919"
173
+ rx="1.5"
174
+ />
175
+ <path
176
+ fill="#13131F"
177
+ fill-rule="evenodd"
178
+ d="M5.72 16.647c-.372 0-.56-.178-.56-.47 0-.546.624-.729 1.763-.847 0 .726-.505 1.316-1.207 1.316zm.49-4.085c-.815 0-1.75.372-2.259.767l.464.954c.408-.363 1.066-.674 1.66-.674.565 0 .878.184.878.555 0 .248-.207.374-.597.424-1.46.184-2.605.577-2.605 1.672 0 .868.635 1.393 1.627 1.393.708 0 1.338-.383 1.638-.886v.75h1.32v-3.14c0-1.295-.924-1.818-2.126-1.818zm13.25.141v4.807h1.412v-2.316c0-1.1.684-1.424 1.161-1.424.215-.002.425.059.604.173l.258-1.27a1.6 1.6 0 0 0-.63-.111c-.726 0-1.182.312-1.483.949v-.808zm9.982-.141c-.747 0-1.306.429-1.596.843-.27-.535-.84-.843-1.526-.843-.746 0-1.264.403-1.502.868v-.727h-1.363v4.808h1.414v-2.476c0-.886.479-1.314.924-1.314.404 0 .775.254.775.91v2.88h1.411v-2.476c0-.899.467-1.314.934-1.314.373 0 .77.264.77.9v2.89h1.41v-3.324c0-1.08-.746-1.625-1.648-1.625m-13.423.141h-1.28v-.489c0-.636.373-.818.695-.818.219.003.435.056.63.154l.435-.97s-.442-.28-1.245-.28c-.902 0-1.929.495-1.929 2.049v.354H11.19v-.489c0-.636.372-.818.694-.818.22 0 .436.053.63.154l.436-.97c-.26-.148-.678-.28-1.244-.28-.902 0-1.93.495-1.93 2.049v.354H8.96v1.06h.82v3.747h1.41v-3.747h2.142v3.747h1.411v-3.747h1.28z"
179
+ clip-rule="evenodd"
180
+ />
181
+ <path fill="#13131F" d="M18.274 12.703h-1.41v4.806h1.41z" />
182
+ <path
183
+ fill="#4A4AF4"
184
+ fill-rule="evenodd"
185
+ d="M16.916 11.886h1.381c.806-2.466 3.54-4.634 6.79-4.634 3.954 0 7.37 2.93 7.37 7.491a9.2 9.2 0 0 1-.392 2.767h1.34l.014-.045a10.8 10.8 0 0 0 .332-2.718C33.75 9.661 29.943 6 25.09 6c-3.812 0-7.21 2.576-8.173 5.887z"
186
+ clip-rule="evenodd"
187
+ />
188
+ </symbol>
189
+ <symbol fill="none" viewBox="0 0 50 32" id="icon-affirm-white-32-colored">
190
+ <rect
191
+ width="49"
192
+ height="31"
193
+ x=".5"
194
+ y=".5"
195
+ fill="#fff"
196
+ stroke="#191919"
197
+ rx="1.5"
198
+ />
199
+ <path
200
+ fill="#13131F"
201
+ fill-rule="evenodd"
202
+ d="M7.625 22.177c-.494 0-.746-.237-.746-.627 0-.727.832-.971 2.35-1.128 0 .968-.672 1.755-1.608 1.755zm.654-5.447c-1.086 0-2.334.497-3.011 1.023l.619 1.272c.543-.484 1.421-.898 2.213-.898.754 0 1.17.245 1.17.74 0 .33-.275.499-.796.565C6.527 19.677 5 20.201 5 21.661c0 1.157.846 1.858 2.169 1.858.944 0 1.784-.511 2.184-1.181v.999h1.76V19.15c0-1.726-1.231-2.423-2.834-2.423zm17.666.188v6.41h1.884V20.24c0-1.467.912-1.9 1.548-1.9.286-.001.566.08.805.233l.345-1.695a2.2 2.2 0 0 0-.84-.148c-.968 0-1.577.417-1.978 1.266v-1.078zm13.31-.188c-.996 0-1.74.573-2.128 1.125-.36-.713-1.12-1.125-2.034-1.125-.995 0-1.685.538-2.003 1.158v-.97h-1.816v6.41h1.885v-3.3c0-1.18.637-1.752 1.232-1.752.538 0 1.033.339 1.033 1.214v3.839h1.882v-3.3c0-1.199.621-1.753 1.244-1.753.498 0 1.027.352 1.027 1.2v3.853h1.88v-4.432c0-1.44-.995-2.166-2.198-2.166m-17.897.187h-1.706v-.651c0-.849.497-1.09.926-1.09.292.003.58.074.84.204l.58-1.293s-.589-.374-1.66-.374c-1.202 0-2.571.66-2.571 2.733v.471h-2.852v-.651c0-.849.497-1.09.926-1.09.293 0 .582.07.84.204l.58-1.293c-.345-.197-.903-.374-1.658-.374-1.203 0-2.572.66-2.572 2.733v.471h-1.09v1.414h1.093v4.997h1.881v-4.997h2.855v4.997h1.882v-4.997h1.706z"
203
+ clip-rule="evenodd"
204
+ />
205
+ <path fill="#13131F" d="M24.365 16.919h-1.88v6.407h1.88z" />
206
+ <path
207
+ fill="#4A4AF4"
208
+ fill-rule="evenodd"
209
+ d="M22.555 15.829h1.841c1.075-3.288 4.719-6.178 9.053-6.178 5.272 0 9.827 3.907 9.827 9.988a12.2 12.2 0 0 1-.523 3.69h1.788l.017-.06c.301-1.186.45-2.403.443-3.624C45 12.863 39.924 7.98 33.453 7.98c-5.083 0-9.613 3.435-10.897 7.85z"
210
+ clip-rule="evenodd"
211
+ />
212
+ </symbol>
53
213
  <symbol viewBox="0 0 20 12" id="icon-afterpay-12-colored">
54
214
  <rect
55
215
  x=".5"
@@ -7541,22 +7701,22 @@
7541
7701
  </symbol>
7542
7702
  <symbol viewBox="0 0 16 16" id="icon-live-bag-16">
7543
7703
  <path
7544
- d="M8 0c1.243 0 2.326.849 2.623 2.056L11.103 4h2.83C14.524 4 15 4.478 15 5.066v5.601A4.333 4.333 0 0 1 10.667 15H5.333A4.333 4.333 0 0 1 1 10.667v-5.6C1 4.476 1.478 4 2.066 4h2.831l.479-1.944.065-.222A2.702 2.702 0 0 1 8 0ZM3 10.667A2.333 2.333 0 0 0 5.333 13h5.334A2.333 2.333 0 0 0 13 10.667V6h-1.405l.126.51.02.101a1 1 0 0 1-1.932.476l-.03-.098L9.535 6h-3.07l-.244.99a1 1 0 1 1-1.942-.48L4.405 6H3v4.667ZM6.7 8.11c0-.413.423-.679.787-.522l.072.037 2.303 1.39.065.045c.28.224.28.656 0 .88l-.065.045-2.303 1.39a.567.567 0 0 1-.86-.485V8.11ZM8 2a.702.702 0 0 0-.644.42l-.038.114L6.957 4h2.085l-.361-1.466A.702.702 0 0 0 8 2Z"
7704
+ d="M3.437 1.428A1 1 0 0 1 4.579 3.07 5.993 5.993 0 0 0 2 8a5.992 5.992 0 0 0 2.58 4.93 1 1 0 0 1-1.143 1.641A7.992 7.992 0 0 1 0 8a7.994 7.994 0 0 1 3.437-6.572Zm7.735.25a1 1 0 0 1 1.391-.25A7.994 7.994 0 0 1 16 8a7.992 7.992 0 0 1-3.438 6.571 1 1 0 1 1-1.141-1.641A5.993 5.993 0 0 0 14 8a5.993 5.993 0 0 0-2.58-4.93 1 1 0 0 1-.248-1.392Zm-6.353 2.9a1.001 1.001 0 0 1 1.363 1.464 2.661 2.661 0 0 0-.853 1.956c0 .772.327 1.466.852 1.955a1 1 0 1 1-1.363 1.464A4.66 4.66 0 0 1 3.33 7.998c0-1.35.575-2.57 1.49-3.42Zm4.947.05a1.001 1.001 0 0 1 1.414-.05 4.661 4.661 0 0 1 1.49 3.42 4.66 4.66 0 0 1-1.49 3.419 1 1 0 0 1-1.362-1.464 2.66 2.66 0 0 0 .852-1.955 2.66 2.66 0 0 0-.853-1.956 1 1 0 0 1-.051-1.413ZM7.999 6.666a1.333 1.333 0 1 1 0 2.666 1.333 1.333 0 0 1 0-2.666Z"
7545
7705
  />
7546
7706
  </symbol>
7547
7707
  <symbol viewBox="0 0 20 20" id="icon-live-bag-20">
7548
7708
  <path
7549
- d="M10 0a3.11 3.11 0 0 1 3.025 2.39L13.648 5h3.769c.598 0 1.083.485 1.083 1.083v7.25a5.167 5.167 0 0 1-5.167 5.167H6.667A5.167 5.167 0 0 1 1.5 13.333v-7.25C1.5 5.485 1.985 5 2.583 5h3.77l.622-2.61A3.11 3.11 0 0 1 10 0ZM3.5 13.333A3.167 3.167 0 0 0 6.667 16.5h6.666a3.167 3.167 0 0 0 3.167-3.167V7h-2.376l.183.769.018.1a1 1 0 0 1-1.935.461l-.029-.099L12.068 7H7.933L7.64 8.231a1 1 0 1 1-1.946-.462L5.877 7H3.5v6.333Zm4.715-3.447a.76.76 0 0 1 1.056-.7l.096.05 3.09 1.864.085.06a.76.76 0 0 1 0 1.18l-.086.06-3.089 1.865a.76.76 0 0 1-1.152-.652V9.886ZM10 2c-.514 0-.96.353-1.08.853L8.41 5h3.182l-.512-2.147A1.11 1.11 0 0 0 10 2Z"
7709
+ d="M4.158 1.883a1 1 0 0 1 1.17 1.623l-.037.026A7.988 7.988 0 0 0 2 10a7.99 7.99 0 0 0 3.327 6.495 1 1 0 1 1-1.169 1.622A9.99 9.99 0 0 1 0 10a9.988 9.988 0 0 1 4.112-8.083l.046-.034Zm10.288.226a1 1 0 0 1 1.396-.226l.046.034A9.988 9.988 0 0 1 20 10a9.99 9.99 0 0 1-4.158 8.117 1 1 0 0 1-1.17-1.622A7.99 7.99 0 0 0 18 10a7.989 7.989 0 0 0-3.291-6.468l-.037-.026a1 1 0 0 1-.226-1.397ZM6.098 5.442a1 1 0 0 1 1.301 1.52A3.99 3.99 0 0 0 6 10a3.99 3.99 0 0 0 1.396 3.036 1 1 0 0 1-1.303 1.518A5.99 5.99 0 0 1 4 10a5.99 5.99 0 0 1 2.098-4.559Zm6.394.11a1 1 0 0 1 1.41-.11A5.991 5.991 0 0 1 16 10.001a5.99 5.99 0 0 1-2.093 4.554 1 1 0 0 1-1.303-1.518A3.99 3.99 0 0 0 14 10.001a3.99 3.99 0 0 0-1.4-3.04 1 1 0 0 1-.108-1.41ZM10 8.335a1.667 1.667 0 1 1-.001 3.333A1.667 1.667 0 0 1 10 8.335Z"
7550
7710
  />
7551
7711
  </symbol>
7552
7712
  <symbol viewBox="0 0 24 24" id="icon-live-bag-24">
7553
7713
  <path
7554
- d="M12 0a3.517 3.517 0 0 1 3.426 2.723L16.186 6H20.9A1.1 1.1 0 0 1 22 7.1V16a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6V7.1A1.1 1.1 0 0 1 3.1 6h4.713l.761-3.277.081-.294A3.517 3.517 0 0 1 12 0ZM4 16a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8h-3.35l.325 1.4.017.1a1 1 0 0 1-1.938.45l-.029-.1L14.597 8H9.403l-.428 1.85a1.001 1.001 0 0 1-1.95-.45L7.35 8H4v8Zm5.858-4.237a.912.912 0 0 1 1.267-.84l.116.06 3.706 2.236.104.072a.913.913 0 0 1 0 1.417l-.104.072-3.706 2.238a.912.912 0 0 1-1.383-.782v-4.473ZM12 2c-.706 0-1.318.487-1.477 1.174L9.867 6h4.266l-.655-2.826A1.517 1.517 0 0 0 12 2Z"
7714
+ d="M4.854 2.359a1 1 0 0 1 1.193 1.605A9.986 9.986 0 0 0 2 12.001a9.985 9.985 0 0 0 4.046 8.035 1 1 0 1 1-1.192 1.605A11.984 11.984 0 0 1 0 12.001c0-3.952 1.91-7.457 4.854-9.642Zm12.893.207a1 1 0 0 1 1.398-.207A11.985 11.985 0 0 1 24 12c0 3.95-1.911 7.455-4.855 9.64a1 1 0 0 1-1.19-1.605A9.985 9.985 0 0 0 22 12a9.987 9.987 0 0 0-4.047-8.036 1 1 0 0 1-.206-1.398ZM7.4 6.726a1 1 0 0 1 1.315 1.508A4.986 4.986 0 0 0 7 12.002c0 1.504.663 2.852 1.715 3.77A1 1 0 0 1 7.4 17.279 6.987 6.987 0 0 1 5 12.002c0-2.105.93-3.994 2.4-5.276Zm7.791.097a1 1 0 0 1 1.41-.097 6.989 6.989 0 0 1 2.4 5.276 6.987 6.987 0 0 1-2.4 5.277 1 1 0 0 1-1.315-1.507A4.988 4.988 0 0 0 17 12.002c0-1.503-.662-2.85-1.714-3.768a1 1 0 0 1-.096-1.411ZM12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z"
7555
7715
  />
7556
7716
  </symbol>
7557
7717
  <symbol viewBox="0 0 24 24" id="icon-live-bag-filled-24">
7558
7718
  <path
7559
- d="M12 0a3.517 3.517 0 0 1 3.426 2.723L16.186 6H20.9A1.1 1.1 0 0 1 22 7.1V16a6 6 0 0 1-6 6H8a6 6 0 0 1-6-6V7.1A1.1 1.1 0 0 1 3.1 6h4.713l.761-3.277A3.517 3.517 0 0 1 12 0Zm-.875 10.923a.912.912 0 0 0-1.267.84v4.473a.912.912 0 0 0 1.383.782l3.706-2.238a.912.912 0 0 0 0-1.561l-3.706-2.237-.116-.06ZM12 2c-.706 0-1.318.487-1.477 1.174L9.867 6h4.266l-.655-2.826A1.517 1.517 0 0 0 12 2Z"
7719
+ d="M5.147 2.145A1.375 1.375 0 0 1 6.72 4.4a9.243 9.243 0 0 0-3.97 7.598 9.242 9.242 0 0 0 3.97 7.6 1.376 1.376 0 0 1-1.572 2.256A11.993 11.993 0 0 1 0 11.999c0-4.082 2.039-7.687 5.147-9.854Zm11.792.342a1.375 1.375 0 0 1 1.913-.342A11.993 11.993 0 0 1 24 11.999c0 4.083-2.04 7.69-5.148 9.856a1.375 1.375 0 0 1-1.573-2.257A9.243 9.243 0 0 0 21.25 12a9.243 9.243 0 0 0-3.97-7.598 1.375 1.375 0 0 1-.341-1.914ZM7.316 6.71a1.375 1.375 0 1 1 1.825 2.057 4.303 4.303 0 0 0-1.454 3.23c0 1.285.56 2.437 1.453 3.23a1.376 1.376 0 0 1-1.826 2.057 7.053 7.053 0 0 1-2.377-5.287 7.05 7.05 0 0 1 2.38-5.287Zm7.427.117a1.374 1.374 0 0 1 1.94-.117 7.053 7.053 0 0 1 2.38 5.287 7.053 7.053 0 0 1-2.377 5.287 1.375 1.375 0 1 1-1.826-2.057 4.303 4.303 0 0 0 1.453-3.23c0-1.284-.56-2.437-1.454-3.23a1.374 1.374 0 0 1-.116-1.94Zm-2.74 3.046a2.125 2.125 0 1 1 0 4.25 2.125 2.125 0 0 1 0-4.25Z"
7560
7720
  />
7561
7721
  </symbol>
7562
7722
  <symbol viewBox="0 0 16 16" id="icon-live-bag-play-filled-16-colored">
@@ -7582,7 +7742,7 @@
7582
7742
  </symbol>
7583
7743
  <symbol viewBox="0 0 16 16" id="icon-live-bag-thin-16">
7584
7744
  <path
7585
- d="M8.001 0a2.46 2.46 0 0 1 2.385 1.861L10.922 4h3.262c.45 0 .816.366.816.816v6.101A4.083 4.083 0 0 1 10.917 15H5.083A4.083 4.083 0 0 1 1 10.917v-6.1C1 4.365 1.366 4 1.816 4H5.08l.536-2.14A2.46 2.46 0 0 1 8.001 0ZM2.5 10.917A2.583 2.583 0 0 0 5.083 13.5h5.834a2.583 2.583 0 0 0 2.583-2.583V5.5h-2.202l.18.718.014.075a.75.75 0 0 1-1.447.363l-.022-.074L9.75 5.5H6.249l-.271 1.082-.023.074a.75.75 0 0 1-1.433-.438l.18-.718H2.5v5.417Zm4.072-2.908c0-.444.454-.728.845-.56l.077.04 2.47 1.49.07.048c.3.241.3.705 0 .946l-.07.047-2.47 1.492a.608.608 0 0 1-.922-.52V8.008ZM8.001 1.5a.96.96 0 0 0-.93.726L6.624 4h2.75L8.93 2.226A.96.96 0 0 0 8 1.5Z"
7745
+ d="M3.281 1.54a.75.75 0 0 1 .886 1.21A6.49 6.49 0 0 0 1.5 8a6.49 6.49 0 0 0 2.666 5.25.75.75 0 0 1-.886 1.21A7.99 7.99 0 0 1 0 8a7.99 7.99 0 0 1 3.281-6.46Zm8.39.163a.75.75 0 0 1 1.048-.163A7.99 7.99 0 0 1 16 8a7.99 7.99 0 0 1-3.28 6.46.75.75 0 1 1-.886-1.21A6.49 6.49 0 0 0 14.5 8a6.49 6.49 0 0 0-2.667-5.25.75.75 0 0 1-.162-1.047ZM4.895 4.52a.751.751 0 0 1 1 1.12A3.154 3.154 0 0 0 4.837 8c0 .939.408 1.782 1.06 2.363a.75.75 0 0 1-.999 1.119A4.654 4.654 0 0 1 3.337 8c0-1.383.603-2.626 1.558-3.479Zm5.15.06a.751.751 0 0 1 1.06-.06A4.655 4.655 0 0 1 12.663 8a4.654 4.654 0 0 1-1.561 3.482.75.75 0 0 1-.998-1.12A3.156 3.156 0 0 0 11.164 8a3.157 3.157 0 0 0-1.059-2.36.751.751 0 0 1-.06-1.06ZM8.002 6.666a1.333 1.333 0 1 1 0 2.667 1.333 1.333 0 0 1 0-2.667Z"
7586
7746
  />
7587
7747
  </symbol>
7588
7748
  <symbol viewBox="0 0 16 16" id="icon-live-broadcast-16">
@@ -20,27 +20,25 @@ span.switch {
20
20
 
21
21
  span.switch__button {
22
22
  align-self: center;
23
- background-color: var(
24
- --switch-unchecked-background-color,
25
- var(--color-background-secondary)
26
- );
27
- border-color: var(--switch-border-color, var(--color-border-strong));
28
23
  border-radius: 400px;
29
- border-style: solid;
30
- border-width: 1px;
31
24
  color: transparent;
32
25
  display: inline-block;
33
26
  position: relative;
34
27
  text-indent: 100%;
35
28
  width: 40px;
29
+ background-color: var(
30
+ --switch-unchecked-background-color,
31
+ var(--color-background-secondary)
32
+ );
33
+ border-color: var(--switch-border-color, var(--color-border-strong));
36
34
  }
37
-
38
35
  span.switch__button,
39
36
  span.switch__button:after {
37
+ border-style: solid;
38
+ border-width: 1px;
40
39
  height: 24px;
41
40
  transition: left 0.15s ease-out 0s;
42
41
  }
43
-
44
42
  span.switch__button:after {
45
43
  background-color: var(
46
44
  --switch-foreground-color,
@@ -51,8 +49,6 @@ span.switch__button:after {
51
49
  var(--color-border-strong)
52
50
  );
53
51
  border-radius: 50%;
54
- border-style: solid;
55
- border-width: 1px;
56
52
  content: "";
57
53
  display: block;
58
54
  left: -1px;
@@ -74,7 +70,6 @@ span.switch__control {
74
70
  width: 40px;
75
71
  z-index: 1;
76
72
  }
77
-
78
73
  input.switch__control[disabled] + span.switch__button,
79
74
  span.switch__control[aria-disabled="true"] + span.switch__button {
80
75
  border-color: var(--switch-border-color, var(--color-border-disabled));
@@ -83,16 +78,13 @@ span.switch__control[aria-disabled="true"] + span.switch__button {
83
78
  input.switch__control {
84
79
  opacity: 0;
85
80
  }
86
-
87
81
  input.switch__control:focus + span.switch__button {
88
82
  outline: 1px auto
89
83
  var(--switch-custom-outline-color, var(--color-foreground-secondary));
90
84
  }
91
-
92
85
  input.switch__control:focus:not(:focus-visible) + span.switch__button {
93
86
  outline: none;
94
87
  }
95
-
96
88
  input.switch__control[disabled] + span.switch__button:after,
97
89
  span.switch__control[aria-disabled="true"] + span.switch__button:after {
98
90
  border-color: var(--switch-border-color, var(--color-background-disabled));
@@ -105,7 +97,6 @@ span.switch__control:not([aria-disabled="true"]):hover + span.switch__button {
105
97
  overflow: hidden;
106
98
  position: relative;
107
99
  }
108
-
109
100
  input.switch__control:not([disabled]):focus + span.switch__button:before,
110
101
  input.switch__control:not([disabled]):hover + span.switch__button:before,
111
102
  span.switch__control:not([aria-disabled="true"]):focus
@@ -113,13 +104,12 @@ span.switch__control:not([aria-disabled="true"]):focus
113
104
  span.switch__control:not([aria-disabled="true"]):hover
114
105
  + span.switch__button:before {
115
106
  background-color: var(--color-state-layer-neutral);
116
- background-color: var(--color-state-layer-hover);
117
107
  content: "";
118
108
  inset: 0;
119
109
  pointer-events: none;
120
110
  position: absolute;
111
+ background-color: var(--color-state-layer-hover);
121
112
  }
122
-
123
113
  input.switch__control:not([disabled]):checked + span.switch__button,
124
114
  span.switch__control:not([aria-disabled="true"])[aria-checked="true"]
125
115
  + span.switch__button {
@@ -128,7 +118,6 @@ span.switch__control:not([aria-disabled="true"])[aria-checked="true"]
128
118
  var(--color-background-accent)
129
119
  );
130
120
  }
131
-
132
121
  input.switch__control[disabled]:checked + span.switch__button,
133
122
  span.switch__control[aria-disabled="true"][aria-checked="true"]
134
123
  + span.switch__button {
@@ -146,12 +135,10 @@ span.switch__control:not([aria-disabled="true"]):focus-visible
146
135
  0 0 0 2px var(--color-background-primary),
147
136
  0 0 0 4px var(--color-background-accent);
148
137
  }
149
-
150
138
  input.switch__control:checked + span.switch__button:after,
151
139
  span.switch__control[aria-checked="true"] + span.switch__button:after {
152
140
  left: 15px;
153
141
  }
154
-
155
142
  span.switch__control:focus:not(:focus-visible) {
156
143
  outline: 0;
157
144
  }
@@ -5,16 +5,20 @@
5
5
  scroll-snap-type: proximity;
6
6
  scroll-snap-type: x proximity;
7
7
  }
8
+
8
9
  .table::-webkit-scrollbar {
9
10
  background-color: var(--color-state-layer-focus);
10
11
  border-radius: 12px;
11
12
  }
13
+
12
14
  .table::-webkit-scrollbar:vertical {
13
15
  width: 6px;
14
16
  }
17
+
15
18
  .table::-webkit-scrollbar:horizontal {
16
19
  height: 6px;
17
20
  }
21
+
18
22
  .table::-webkit-scrollbar-thumb {
19
23
  background-color: var(--color-foreground-secondary);
20
24
  border-color: transparent;
@@ -22,11 +26,13 @@
22
26
  border-right-style: inset;
23
27
  box-shadow: none;
24
28
  }
29
+
25
30
  .table table {
26
31
  border-collapse: initial;
27
32
  border-spacing: 0;
28
33
  width: 100%;
29
34
  }
35
+
30
36
  .table td,
31
37
  .table th {
32
38
  background-color: var(--color-background-primary);
@@ -38,29 +44,35 @@
38
44
  min-width: 124px;
39
45
  padding: 12px;
40
46
  }
47
+
41
48
  .table th {
42
49
  white-space: nowrap;
43
50
  }
51
+
44
52
  .table--density-compact td,
45
53
  .table--density-compact th {
46
54
  height: 64px;
47
55
  max-height: 64px;
48
56
  padding: 12px;
49
57
  }
58
+
50
59
  .table--density-relaxed td,
51
60
  .table--density-relaxed th {
52
61
  height: 112px;
53
62
  max-height: 112px;
54
63
  padding: 16px;
55
64
  }
65
+
56
66
  .table--frozen-header {
57
67
  max-height: 90vh;
58
68
  }
69
+
59
70
  .table--frozen-header thead {
60
71
  position: sticky;
61
72
  top: 0;
62
73
  z-index: 3;
63
74
  }
75
+
64
76
  .table--freeze-column-1 tr td:nth-child(-n + 1),
65
77
  .table--freeze-column-1 tr th:nth-child(-n + 1),
66
78
  .table--freeze-column-2 tr td:nth-child(-n + 2),
@@ -71,12 +83,15 @@
71
83
  max-width: 124px;
72
84
  position: sticky;
73
85
  }
86
+
74
87
  .table--full-height {
75
88
  max-height: unset;
76
89
  }
90
+
77
91
  .table--constrained-height {
78
92
  max-height: 90vh;
79
93
  }
94
+
80
95
  .table th a,
81
96
  .table th button {
82
97
  align-items: center;
@@ -84,64 +99,80 @@
84
99
  font-weight: 700;
85
100
  text-decoration: none;
86
101
  }
102
+
87
103
  .table tbody tr:last-child td,
88
104
  .table tbody tr:last-child th {
89
105
  border-bottom: none;
90
106
  }
107
+
91
108
  .table-cell {
92
109
  text-align: left;
93
110
  }
111
+
94
112
  .table-cell--numeric,
95
113
  .table__cell--numeric {
96
114
  text-align: right;
97
115
  }
116
+
98
117
  .table-cell--icon-action {
99
118
  text-align: center;
100
119
  width: 64px;
101
120
  }
121
+
102
122
  .table [data-type="numeric"] {
103
123
  text-align: right;
104
124
  }
125
+
105
126
  .table-cell img {
106
127
  max-height: 56px;
107
128
  max-width: 56px;
108
129
  }
130
+
109
131
  .table--density-compact .table-cell img {
110
132
  max-height: 40px;
111
133
  max-width: 40px;
112
134
  }
135
+
113
136
  .table--density-relaxed .table-cell img {
114
137
  max-height: 72px;
115
138
  max-width: 72px;
116
139
  }
140
+
117
141
  .table th[scope="row"] {
118
142
  text-align: left;
119
143
  }
144
+
120
145
  .table td:last-child,
121
146
  .table th:last-child {
122
147
  padding-inline-end: 0;
123
148
  }
149
+
124
150
  .table--loading-state {
125
151
  overflow: hidden;
126
152
  }
153
+
127
154
  .table--loading-state table {
128
155
  opacity: 0.15;
129
156
  -webkit-user-select: none;
130
157
  user-select: none;
131
158
  }
159
+
132
160
  .table--loading-state .signal,
133
161
  .table--loading-state img {
134
162
  filter: var(--color-media-disabled-filter);
135
163
  }
164
+
136
165
  .table--loading-state a {
137
166
  cursor: default;
138
167
  pointer-events: none;
139
168
  text-decoration: none;
140
169
  }
170
+
141
171
  .table--loading-state .progress-bar-expressive {
142
172
  inset: auto 0 50%;
143
173
  position: absolute;
144
174
  }
175
+
145
176
  .table--mode-selection td:first-child,
146
177
  .table--mode-selection th:first-child {
147
178
  min-width: 48px;
@@ -151,9 +182,11 @@
151
182
  .table--mode-selection tr:has(input:checked) :where(td, th) {
152
183
  background-color: var(--color-background-secondary);
153
184
  }
185
+
154
186
  .table tbody th {
155
187
  font-weight: 400;
156
188
  }
189
+
157
190
  .table thead button {
158
191
  background-color: initial;
159
192
  border: 1px solid transparent;
@@ -173,16 +206,19 @@
173
206
  vertical-align: initial;
174
207
  white-space: nowrap;
175
208
  }
209
+
176
210
  .table-cell__data {
177
211
  line-height: var(--spacing-250);
178
212
  max-width: 400px;
179
213
  min-width: 124px;
180
214
  }
215
+
181
216
  .table-cell__data--secondary {
182
217
  color: var(--color-foreground-secondary);
183
218
  font-size: var(--font-size-small);
184
219
  line-height: var(--spacing-200);
185
220
  }
221
+
186
222
  .table-cell__thumbnail {
187
223
  align-items: center;
188
224
  background-color: var(--color-background-tertiary);
@@ -195,50 +231,61 @@
195
231
  text-align: center;
196
232
  width: 56px;
197
233
  }
234
+
198
235
  .table--density-compact .table-cell__thumbnail {
199
236
  border-radius: 4px;
200
237
  height: 40px;
201
238
  width: 40px;
202
239
  }
240
+
203
241
  .table--density-relaxed .table-cell__thumbnail {
204
242
  border-radius: 8px;
205
243
  height: 72px;
206
244
  width: 72px;
207
245
  }
246
+
208
247
  .table-cell__layout {
209
248
  align-items: center;
210
249
  display: flex;
211
250
  gap: var(--spacing-200);
212
251
  width: max-content;
213
252
  }
253
+
214
254
  .table-cell__layout > * {
215
255
  flex-shrink: 0;
216
256
  }
257
+
217
258
  .table-cell__multiline {
218
259
  max-height: 80px;
219
260
  max-width: 304px;
220
261
  }
262
+
221
263
  .table--density-compact .table-cell__multiline {
222
264
  max-height: 64px;
223
265
  max-width: 320px;
224
266
  }
267
+
225
268
  .table--density-relaxed .table-cell__multiline {
226
269
  max-height: 112px;
227
270
  max-width: 272px;
228
271
  }
272
+
229
273
  .table-cell__layout .table-cell__multiline .table-cell__data {
230
274
  margin-block-end: var(--spacing-50);
231
275
  overflow: hidden;
232
276
  text-overflow: ellipsis;
233
277
  white-space: nowrap;
234
278
  }
279
+
235
280
  .table-cell .textbox,
236
281
  .table-cell .textbox__control {
237
282
  width: 100%;
238
283
  }
284
+
239
285
  .table-cell--numeric .textbox__control {
240
286
  text-align: right;
241
287
  }
288
+
242
289
  .table-cell .signal {
243
290
  white-space: nowrap;
244
291
  }
@@ -45,7 +45,6 @@ li.fake-tabs__item > a {
45
45
  display: inline-block;
46
46
  padding: var(--spacing-150) var(--spacing-200);
47
47
  }
48
-
49
48
  div.tabs__item[role="tab"]:after,
50
49
  li.fake-tabs__item > a:after {
51
50
  background-color: initial;
@@ -64,12 +63,10 @@ li.fake-tabs__item > a[aria-current] {
64
63
  var(--color-foreground-primary)
65
64
  );
66
65
  }
67
-
68
66
  div.tabs__item[role="tab"][aria-selected="true"]:after,
69
67
  li.fake-tabs__item > a[aria-current]:after {
70
68
  background-color: currentColor;
71
69
  }
72
-
73
70
  div.tabs__item[role="tab"]:focus:not(:focus-visible),
74
71
  li.fake-tabs__item a:focus:not(:focus-visible) {
75
72
  outline: none;
@@ -87,7 +84,6 @@ li.fake-tabs__item > a:not([aria-current]):not([href]):focus,
87
84
  li.fake-tabs__item > a:not([aria-current]):not([href]):hover {
88
85
  color: var(--color-foreground-disabled);
89
86
  }
90
-
91
87
  div.tabs__item[role="tab"]:not(
92
88
  [aria-selected="true"]
93
89
  )[aria-disabled="true"]:after,
@@ -109,7 +105,6 @@ li.fake-tabs__item > a:not([aria-current]):focus,
109
105
  li.fake-tabs__item > a:not([aria-current]):hover {
110
106
  color: var(--color-foreground-secondary);
111
107
  }
112
-
113
108
  div.tabs__item[role="tab"]:not([aria-selected="true"]):focus:after,
114
109
  div.tabs__item[role="tab"]:not([aria-selected="true"]):hover:after,
115
110
  li.fake-tabs__item > a:not([aria-current]):focus:after,