@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.
- package/dist/accordion/accordion.css +0 -2
- package/dist/alert-dialog/alert-dialog.css +16 -6
- package/dist/avatar/avatar.css +23 -5
- package/dist/breadcrumbs/breadcrumbs.css +13 -0
- package/dist/button/button.css +65 -11
- package/dist/calendar/calendar.css +67 -12
- package/dist/carousel/carousel.css +24 -12
- package/dist/ccd/ccd.css +4 -0
- package/dist/checkbox/checkbox.css +16 -2
- package/dist/chip/chip.css +7 -3
- package/dist/chips-combobox/chips-combobox.css +18 -1
- package/dist/combobox/combobox.css +37 -15
- package/dist/confirm-dialog/confirm-dialog.css +16 -6
- package/dist/cta-button/cta-button.css +20 -10
- package/dist/date-textbox/date-textbox.css +6 -1
- package/dist/details/details.css +4 -0
- package/dist/dialog/dialog.css +19 -0
- package/dist/donut-chart/donut-chart.css +8 -0
- package/dist/drawer-dialog/drawer-dialog.css +16 -6
- package/dist/education-notice/education-notice.css +12 -0
- package/dist/eek/eek.css +28 -0
- package/dist/field/field.css +23 -0
- package/dist/file-input/file-input.css +12 -1
- package/dist/file-preview-card/file-preview-card.css +3 -9
- package/dist/file-preview-card-group/file-preview-card-group.css +3 -0
- package/dist/filter-button/filter-button.css +8 -1
- package/dist/filter-chip/filter-chip.css +13 -28
- package/dist/filter-menu/filter-menu.css +24 -4
- package/dist/filter-menu-button/filter-menu-button.css +26 -4
- package/dist/flag/flag.css +252 -0
- package/dist/floating-label/floating-label.css +20 -2
- package/dist/fullscreen-dialog/fullscreen-dialog.css +12 -2
- package/dist/global/global.css +4 -0
- package/dist/icon-button/icon-button.css +24 -0
- package/dist/infotip/infotip.css +35 -11
- package/dist/inline-notice/inline-notice.css +5 -0
- package/dist/item-tile/item-tile.css +0 -1
- package/dist/layout-grid/layout-grid.css +7 -0
- package/dist/lightbox-dialog/lightbox-dialog.css +29 -7
- package/dist/link/link.css +6 -4
- package/dist/list/list.css +15 -3
- package/dist/listbox/listbox.css +22 -10
- package/dist/listbox-button/listbox-button.css +34 -8
- package/dist/menu/menu.css +5 -21
- package/dist/menu-button/menu-button.css +35 -10
- package/dist/number-input/number-input.css +17 -1
- package/dist/page-grid/page-grid.css +4 -3
- package/dist/page-notice/page-notice.css +21 -1
- package/dist/pagination/pagination.css +22 -6
- package/dist/panel-dialog/panel-dialog.css +20 -6
- package/dist/phone-input/phone-input.css +20 -0
- package/dist/progress-bar/progress-bar.css +6 -1
- package/dist/progress-bar-expressive/progress-bar-expressive.css +85 -61
- package/dist/progress-spinner/progress-spinner.css +2 -0
- package/dist/progress-stepper/progress-stepper.css +24 -0
- package/dist/radio/radio.css +16 -2
- package/dist/section-notice/section-notice.css +16 -0
- package/dist/section-title/section-title.css +14 -2
- package/dist/segmented-buttons/segmented-buttons.css +13 -3
- package/dist/select/select.css +17 -5
- package/dist/selection-chip/selection-chip.css +9 -20
- package/dist/skeleton/skeleton.css +23 -0
- package/dist/snackbar-dialog/snackbar-dialog.css +15 -4
- package/dist/star-rating/star-rating.css +2 -0
- package/dist/star-rating-select/star-rating-select.css +8 -1
- package/dist/svg/icon/icon-affirm-black-12-colored.svg +16 -0
- package/dist/svg/icon/icon-affirm-black-18-colored.svg +16 -0
- package/dist/svg/icon/icon-affirm-black-24-colored.svg +16 -0
- package/dist/svg/icon/icon-affirm-black-32-colored.svg +16 -0
- package/dist/svg/icon/icon-affirm-white-12-colored.svg +24 -0
- package/dist/svg/icon/icon-affirm-white-18-colored.svg +24 -0
- package/dist/svg/icon/icon-affirm-white-24-colored.svg +24 -0
- package/dist/svg/icon/icon-affirm-white-32-colored.svg +24 -0
- package/dist/svg/icon/icon-live-bag-16.svg +1 -1
- package/dist/svg/icon/icon-live-bag-20.svg +1 -1
- package/dist/svg/icon/icon-live-bag-24.svg +1 -1
- package/dist/svg/icon/icon-live-bag-filled-24.svg +1 -1
- package/dist/svg/icon/icon-live-bag-thin-16.svg +1 -1
- package/dist/svg/icons.svg +165 -5
- package/dist/switch/switch.css +8 -21
- package/dist/table/table.css +47 -0
- package/dist/tabs/tabs.css +0 -5
- package/dist/textbox/textbox.css +9 -20
- package/dist/toast-dialog/toast-dialog.css +9 -1
- package/dist/toggle-button/toggle-button.css +32 -0
- package/dist/toggle-button-group/toggle-button-group.css +16 -0
- package/dist/tooltip/tooltip.css +37 -14
- package/dist/tourtip/tourtip.css +43 -16
- package/dist/typography/typography.css +20 -0
- package/dist/utility/utility.css +7 -0
- package/dist/video/video.css +23 -1
- package/eslint.config.mjs +7 -5
- package/package.json +6 -3
package/dist/svg/icons.svg
CHANGED
|
@@ -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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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">
|
package/dist/switch/switch.css
CHANGED
|
@@ -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
|
}
|
package/dist/table/table.css
CHANGED
|
@@ -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
|
}
|
package/dist/tabs/tabs.css
CHANGED
|
@@ -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,
|