smarthr-ui 41.2.0 → 41.3.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/esm/components/AppNavi/AppNaviAnchor.js +8 -2
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/Balloon/Balloon.js +1 -2
- package/esm/components/Balloon/Balloon.js.map +1 -1
- package/esm/components/Button/Button.js +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonWrapper.js +1 -2
- package/esm/components/Button/ButtonWrapper.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +1 -1
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/Calendar/CalendarTable.js +1 -1
- package/esm/components/Calendar/CalendarTable.js.map +1 -1
- package/esm/components/Calendar/YearPicker.js +1 -1
- package/esm/components/Calendar/YearPicker.js.map +1 -1
- package/esm/components/CheckBox/CheckBox.js +1 -1
- package/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/esm/components/Chip/Chip.js +1 -6
- package/esm/components/Chip/Chip.js.map +1 -1
- package/esm/components/DatePicker/DatePicker.js +1 -1
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.js +1 -1
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -40
- package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +2 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +7 -1
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
- package/esm/components/Input/Input.js +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +1 -1
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.d.ts +237 -9
- package/esm/components/NotificationBar/NotificationBar.js +133 -134
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/RadioButton/RadioButton.js +1 -1
- package/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
- package/esm/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.d.ts +4 -0
- package/esm/components/RightFixedNote/RightFixedNote.js +13 -9
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
- package/esm/components/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/Select/Select.js +1 -1
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/StatusLabel/StatusLabel.js +1 -2
- package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
- package/esm/components/TabBar/TabBar.js +1 -6
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/Table/Table.js +3 -3
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Td.js +1 -6
- package/esm/components/Table/Td.js.map +1 -1
- package/esm/components/Table/TdCheckbox.js +18 -22
- package/esm/components/Table/TdCheckbox.js.map +1 -1
- package/esm/components/Table/ThCheckbox.js +18 -22
- package/esm/components/Table/ThCheckbox.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +1 -1
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/hooks/useTailwindTheme.d.ts +12 -0
- package/esm/smarthr-ui-preset.d.ts +13 -1
- package/esm/smarthr-ui-preset.js +41 -17
- package/esm/smarthr-ui-preset.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +31 -2
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/Balloon/Balloon.js +1 -2
- package/lib/components/Balloon/Balloon.js.map +1 -1
- package/lib/components/Button/Button.js +1 -1
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/ButtonWrapper.js +1 -2
- package/lib/components/Button/ButtonWrapper.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +1 -1
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/CalendarTable.js +1 -1
- package/lib/components/Calendar/CalendarTable.js.map +1 -1
- package/lib/components/Calendar/YearPicker.js +1 -1
- package/lib/components/Calendar/YearPicker.js.map +1 -1
- package/lib/components/CheckBox/CheckBox.js +1 -1
- package/lib/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/components/Chip/Chip.js +1 -6
- package/lib/components/Chip/Chip.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +1 -1
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.js +1 -1
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialog.js +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -43
- package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +2 -2
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +7 -1
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
- package/lib/components/Input/Input.js +1 -1
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +1 -1
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.d.ts +237 -9
- package/lib/components/NotificationBar/NotificationBar.js +134 -135
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/RadioButton/RadioButton.js +1 -1
- package/lib/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
- package/lib/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.d.ts +4 -0
- package/lib/components/RightFixedNote/RightFixedNote.js +13 -9
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/Select/Select.js +1 -1
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/StatusLabel/StatusLabel.js +1 -2
- package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
- package/lib/components/TabBar/TabBar.js +1 -6
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/Table/Table.js +3 -3
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Td.js +1 -6
- package/lib/components/Table/Td.js.map +1 -1
- package/lib/components/Table/TdCheckbox.js +16 -20
- package/lib/components/Table/TdCheckbox.js.map +1 -1
- package/lib/components/Table/ThCheckbox.js +16 -20
- package/lib/components/Table/ThCheckbox.js.map +1 -1
- package/lib/components/Textarea/Textarea.js +1 -1
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/hooks/useTailwindTheme.d.ts +12 -0
- package/lib/smarthr-ui-preset.d.ts +13 -1
- package/lib/smarthr-ui-preset.js +41 -17
- package/lib/smarthr-ui-preset.js.map +1 -1
- package/package.json +19 -19
- package/smarthr-ui.css +243 -89
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -12
- package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
- package/esm/components/NotificationBar/useClassNames.d.ts +0 -7
- package/esm/components/NotificationBar/useClassNames.js +0 -14
- package/esm/components/NotificationBar/useClassNames.js.map +0 -1
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -16
- package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
- package/lib/components/NotificationBar/useClassNames.d.ts +0 -7
- package/lib/components/NotificationBar/useClassNames.js +0 -18
- package/lib/components/NotificationBar/useClassNames.js.map +0 -1
package/smarthr-ui.css
CHANGED
|
@@ -98,6 +98,30 @@
|
|
|
98
98
|
--tw-backdrop-sepia:
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
.shr-border-shorthand {
|
|
102
|
+
border-width: 1px;
|
|
103
|
+
border-style: solid;
|
|
104
|
+
border-color: #d6d3d0
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.shr-border-t-shorthand {
|
|
108
|
+
border-top-width: 1px;
|
|
109
|
+
border-top-style: solid;
|
|
110
|
+
border-top-color: #d6d3d0
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.shr-border-b-shorthand {
|
|
114
|
+
border-bottom-width: 1px;
|
|
115
|
+
border-bottom-style: solid;
|
|
116
|
+
border-bottom-color: #d6d3d0
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.shr-border-l-shorthand {
|
|
120
|
+
border-left-width: 1px;
|
|
121
|
+
border-left-style: solid;
|
|
122
|
+
border-left-color: #d6d3d0
|
|
123
|
+
}
|
|
124
|
+
|
|
101
125
|
.shr-pointer-events-none {
|
|
102
126
|
pointer-events: none
|
|
103
127
|
}
|
|
@@ -229,11 +253,45 @@
|
|
|
229
253
|
margin-right: auto
|
|
230
254
|
}
|
|
231
255
|
|
|
256
|
+
.shr-my-0 {
|
|
257
|
+
margin-top: 0;
|
|
258
|
+
margin-bottom: 0
|
|
259
|
+
}
|
|
260
|
+
|
|
232
261
|
.shr-my-1 {
|
|
233
262
|
margin-top: 16px;
|
|
234
263
|
margin-bottom: 16px
|
|
235
264
|
}
|
|
236
265
|
|
|
266
|
+
.shr-my-\[unset\] {
|
|
267
|
+
margin-top: unset;
|
|
268
|
+
margin-bottom: unset
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.-shr-mb-0 {
|
|
272
|
+
margin-bottom: 0
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.-shr-mb-0\.5 {
|
|
276
|
+
margin-bottom: -8px
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.-shr-mr-0 {
|
|
280
|
+
margin-right: 0
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.-shr-mr-0\.5 {
|
|
284
|
+
margin-right: -8px
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.-shr-mt-0 {
|
|
288
|
+
margin-top: 0
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.-shr-mt-0\.5 {
|
|
292
|
+
margin-top: -8px
|
|
293
|
+
}
|
|
294
|
+
|
|
237
295
|
.-shr-mt-em {
|
|
238
296
|
margin-top: -1em
|
|
239
297
|
}
|
|
@@ -482,10 +540,18 @@
|
|
|
482
540
|
flex: 1 1 auto
|
|
483
541
|
}
|
|
484
542
|
|
|
543
|
+
.shr-flex-shrink-0 {
|
|
544
|
+
flex-shrink: 0
|
|
545
|
+
}
|
|
546
|
+
|
|
485
547
|
.shr-shrink-0 {
|
|
486
548
|
flex-shrink: 0
|
|
487
549
|
}
|
|
488
550
|
|
|
551
|
+
.shr-flex-grow {
|
|
552
|
+
flex-grow: 1
|
|
553
|
+
}
|
|
554
|
+
|
|
489
555
|
.shr-grow {
|
|
490
556
|
flex-grow: 1
|
|
491
557
|
}
|
|
@@ -806,6 +872,22 @@
|
|
|
806
872
|
animation: shr-loader-right-spin 1.2s ease-in-out infinite both
|
|
807
873
|
}
|
|
808
874
|
|
|
875
|
+
@keyframes shr-notifiction-bar-slide-in {
|
|
876
|
+
from {
|
|
877
|
+
opacity: 0;
|
|
878
|
+
transform: translateY(calc(-1 * calc(1rem * 1.25 + 24px)))
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
to {
|
|
882
|
+
opacity: 1;
|
|
883
|
+
transform: translateY(0)
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
|
|
887
|
+
.shr-animate-\[notifiction-bar-slide-in_0\.2s_ease-out\] {
|
|
888
|
+
animation: shr-notifiction-bar-slide-in 0.2s ease-out
|
|
889
|
+
}
|
|
890
|
+
|
|
809
891
|
@keyframes shr-spin {
|
|
810
892
|
to {
|
|
811
893
|
transform: rotate(360deg)
|
|
@@ -1457,10 +1539,6 @@
|
|
|
1457
1539
|
border-top-right-radius: 0.25rem
|
|
1458
1540
|
}
|
|
1459
1541
|
|
|
1460
|
-
.shr-border {
|
|
1461
|
-
border-width: 1px
|
|
1462
|
-
}
|
|
1463
|
-
|
|
1464
1542
|
.shr-border-0 {
|
|
1465
1543
|
border-width: 0px
|
|
1466
1544
|
}
|
|
@@ -1473,27 +1551,10 @@
|
|
|
1473
1551
|
border-width: 4px
|
|
1474
1552
|
}
|
|
1475
1553
|
|
|
1476
|
-
.shr-border-y-0 {
|
|
1477
|
-
border-top-width: 0px;
|
|
1478
|
-
border-bottom-width: 0px
|
|
1479
|
-
}
|
|
1480
|
-
|
|
1481
|
-
.shr-border-b {
|
|
1482
|
-
border-bottom-width: 1px
|
|
1483
|
-
}
|
|
1484
|
-
|
|
1485
|
-
.shr-border-b-0 {
|
|
1486
|
-
border-bottom-width: 0px
|
|
1487
|
-
}
|
|
1488
|
-
|
|
1489
1554
|
.shr-border-b-\[3px\] {
|
|
1490
1555
|
border-bottom-width: 3px
|
|
1491
1556
|
}
|
|
1492
1557
|
|
|
1493
|
-
.shr-border-l {
|
|
1494
|
-
border-left-width: 1px
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
1558
|
.shr-border-l-0 {
|
|
1498
1559
|
border-left-width: 0px
|
|
1499
1560
|
}
|
|
@@ -1502,10 +1563,6 @@
|
|
|
1502
1563
|
border-right-width: 0px
|
|
1503
1564
|
}
|
|
1504
1565
|
|
|
1505
|
-
.shr-border-t {
|
|
1506
|
-
border-top-width: 1px
|
|
1507
|
-
}
|
|
1508
|
-
|
|
1509
1566
|
.shr-border-t-0 {
|
|
1510
1567
|
border-top-width: 0px
|
|
1511
1568
|
}
|
|
@@ -1582,11 +1639,6 @@
|
|
|
1582
1639
|
border-bottom-color: transparent
|
|
1583
1640
|
}
|
|
1584
1641
|
|
|
1585
|
-
.shr-border-l-default {
|
|
1586
|
-
--tw-border-opacity: 1;
|
|
1587
|
-
border-left-color: rgb(214 211 208 / var(--tw-border-opacity))
|
|
1588
|
-
}
|
|
1589
|
-
|
|
1590
1642
|
.shr-border-l-transparent {
|
|
1591
1643
|
border-left-color: transparent
|
|
1592
1644
|
}
|
|
@@ -2178,6 +2230,13 @@
|
|
|
2178
2230
|
inset-inline-end: 0
|
|
2179
2231
|
}
|
|
2180
2232
|
|
|
2233
|
+
.before\:shr-border-b-shorthand::before {
|
|
2234
|
+
content: var(--tw-content);
|
|
2235
|
+
border-bottom-width: 1px;
|
|
2236
|
+
border-bottom-style: solid;
|
|
2237
|
+
border-bottom-color: #d6d3d0
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2181
2240
|
.focus-within\:shr-focus-indicator:focus-within {
|
|
2182
2241
|
outline: none;
|
|
2183
2242
|
isolation: isolate;
|
|
@@ -2202,6 +2261,14 @@
|
|
|
2202
2261
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0077c7
|
|
2203
2262
|
}
|
|
2204
2263
|
|
|
2264
|
+
@media (prefers-contrast: more) {
|
|
2265
|
+
.contrast-more\:shr-border-shorthand {
|
|
2266
|
+
border-width: 1px;
|
|
2267
|
+
border-style: solid;
|
|
2268
|
+
border-color: #d6d3d0
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2205
2272
|
.\[\&\:has\(\:focus-visible\)\]\:shr-focus-indicator:has(:focus-visible) {
|
|
2206
2273
|
outline: none;
|
|
2207
2274
|
isolation: isolate;
|
|
@@ -2214,6 +2281,20 @@
|
|
|
2214
2281
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0077c7
|
|
2215
2282
|
}
|
|
2216
2283
|
|
|
2284
|
+
@media (prefers-contrast: more) {
|
|
2285
|
+
.\[\&_td\]\:contrast-more\:shr-border-shorthand td {
|
|
2286
|
+
border-width: 1px;
|
|
2287
|
+
border-style: solid;
|
|
2288
|
+
border-color: #d6d3d0
|
|
2289
|
+
}
|
|
2290
|
+
|
|
2291
|
+
.\[\&_th\]\:contrast-more\:shr-border-shorthand th {
|
|
2292
|
+
border-width: 1px;
|
|
2293
|
+
border-style: solid;
|
|
2294
|
+
border-color: #d6d3d0
|
|
2295
|
+
}
|
|
2296
|
+
}
|
|
2297
|
+
|
|
2217
2298
|
.file\:shr-h-full::file-selector-button {
|
|
2218
2299
|
height: 100%
|
|
2219
2300
|
}
|
|
@@ -2334,37 +2415,6 @@
|
|
|
2334
2415
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
2335
2416
|
}
|
|
2336
2417
|
|
|
2337
|
-
.before\:shr-border-b::before {
|
|
2338
|
-
content: var(--tw-content);
|
|
2339
|
-
border-bottom-width: 1px
|
|
2340
|
-
}
|
|
2341
|
-
|
|
2342
|
-
.before\:shr-border-l-0::before {
|
|
2343
|
-
content: var(--tw-content);
|
|
2344
|
-
border-left-width: 0px
|
|
2345
|
-
}
|
|
2346
|
-
|
|
2347
|
-
.before\:shr-border-r-0::before {
|
|
2348
|
-
content: var(--tw-content);
|
|
2349
|
-
border-right-width: 0px
|
|
2350
|
-
}
|
|
2351
|
-
|
|
2352
|
-
.before\:shr-border-t-0::before {
|
|
2353
|
-
content: var(--tw-content);
|
|
2354
|
-
border-top-width: 0px
|
|
2355
|
-
}
|
|
2356
|
-
|
|
2357
|
-
.before\:shr-border-solid::before {
|
|
2358
|
-
content: var(--tw-content);
|
|
2359
|
-
border-style: solid
|
|
2360
|
-
}
|
|
2361
|
-
|
|
2362
|
-
.before\:shr-border-default::before {
|
|
2363
|
-
content: var(--tw-content);
|
|
2364
|
-
--tw-border-opacity: 1;
|
|
2365
|
-
border-color: rgb(214 211 208 / var(--tw-border-opacity))
|
|
2366
|
-
}
|
|
2367
|
-
|
|
2368
2418
|
.before\:shr-content-\[\"\"\]::before {
|
|
2369
2419
|
--tw-content: "";
|
|
2370
2420
|
content: var(--tw-content)
|
|
@@ -3106,14 +3156,6 @@
|
|
|
3106
3156
|
}
|
|
3107
3157
|
|
|
3108
3158
|
@media (prefers-contrast: more) {
|
|
3109
|
-
.contrast-more\:shr-border {
|
|
3110
|
-
border-width: 1px
|
|
3111
|
-
}
|
|
3112
|
-
|
|
3113
|
-
.contrast-more\:shr-border-solid {
|
|
3114
|
-
border-style: solid
|
|
3115
|
-
}
|
|
3116
|
-
|
|
3117
3159
|
.contrast-more\:shr-border-high-contrast {
|
|
3118
3160
|
--tw-border-opacity: 1;
|
|
3119
3161
|
border-color: rgb(35 34 30 / var(--tw-border-opacity))
|
|
@@ -3192,6 +3234,10 @@
|
|
|
3192
3234
|
cursor: pointer
|
|
3193
3235
|
}
|
|
3194
3236
|
|
|
3237
|
+
.\[\&\&\&\]\:shr-overflow-y-visible.\[\&\&\&\]\:shr-overflow-y-visible.\[\&\&\&\]\:shr-overflow-y-visible {
|
|
3238
|
+
overflow-y: visible
|
|
3239
|
+
}
|
|
3240
|
+
|
|
3195
3241
|
.\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal {
|
|
3196
3242
|
white-space: normal
|
|
3197
3243
|
}
|
|
@@ -3280,10 +3326,6 @@
|
|
|
3280
3326
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
3281
3327
|
}
|
|
3282
3328
|
|
|
3283
|
-
.\[\&\&\&\]\:shr-overflow-y-unset.\[\&\&\&\]\:shr-overflow-y-unset.\[\&\&\&\]\:shr-overflow-y-unset {
|
|
3284
|
-
overflow-y: unset
|
|
3285
|
-
}
|
|
3286
|
-
|
|
3287
3329
|
.\[\&\&\&_\.smarthr-ui-Loader-line\]\:shr-border-disabled.\[\&\&\&_\.smarthr-ui-Loader-line\]\:shr-border-disabled.\[\&\&\&_\.smarthr-ui-Loader-line\]\:shr-border-disabled .smarthr-ui-Loader-line {
|
|
3288
3330
|
border-color: rgb(214 211 208 / 50%)
|
|
3289
3331
|
}
|
|
@@ -3378,6 +3420,10 @@
|
|
|
3378
3420
|
gap: 0
|
|
3379
3421
|
}
|
|
3380
3422
|
|
|
3423
|
+
.\[\&\:not\(\:has\(\[disabled\]\)\)\]\:shr-cursor-pointer:not(:has([disabled])) {
|
|
3424
|
+
cursor: pointer
|
|
3425
|
+
}
|
|
3426
|
+
|
|
3381
3427
|
.\[\&\:not\(\[href\]\)\]\:shr-cursor-not-allowed:not([href]) {
|
|
3382
3428
|
cursor: not-allowed
|
|
3383
3429
|
}
|
|
@@ -3446,7 +3492,14 @@
|
|
|
3446
3492
|
.\[\&\:not\(\[href\]\)_\.smarthr-ui-Icon\]\:forced-colors\:shr-fill-\[CanvasText\]:not([href]) .smarthr-ui-Icon {
|
|
3447
3493
|
fill: CanvasText
|
|
3448
3494
|
}
|
|
3495
|
+
}
|
|
3449
3496
|
|
|
3497
|
+
.\[\&\[aria-expanded\=\"true\"\]_\.smarthr-ui-Icon\:last-child\]\:shr-rotate-180[aria-expanded="true"] .smarthr-ui-Icon:last-child {
|
|
3498
|
+
--tw-rotate: 180deg;
|
|
3499
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
|
3500
|
+
}
|
|
3501
|
+
|
|
3502
|
+
@media (forced-colors: active) {
|
|
3450
3503
|
.\[\&\[aria-sort\=ascending\]_\.smarthr-ui-Icon\:first-of-type\]\:forced-colors\:shr-fill-\[CanvasText\][aria-sort=ascending] .smarthr-ui-Icon:first-of-type {
|
|
3451
3504
|
fill: CanvasText
|
|
3452
3505
|
}
|
|
@@ -3477,6 +3530,108 @@
|
|
|
3477
3530
|
border-color: rgb(224 30 90 / var(--tw-border-opacity))
|
|
3478
3531
|
}
|
|
3479
3532
|
|
|
3533
|
+
.\[\&\]\:shr-p-0\.75 {
|
|
3534
|
+
padding: 12px
|
|
3535
|
+
}
|
|
3536
|
+
|
|
3537
|
+
.\[\&\]\:shr-px-0\.75 {
|
|
3538
|
+
padding-left: 12px;
|
|
3539
|
+
padding-right: 12px
|
|
3540
|
+
}
|
|
3541
|
+
|
|
3542
|
+
.\[\&\]\:hover\:shr-bg-danger-darken:hover {
|
|
3543
|
+
--tw-bg-opacity: 1;
|
|
3544
|
+
background-color: rgb(202 27 81 / var(--tw-bg-opacity))
|
|
3545
|
+
}
|
|
3546
|
+
|
|
3547
|
+
.\[\&\]\:hover\:shr-bg-main-darken:hover {
|
|
3548
|
+
--tw-bg-opacity: 1;
|
|
3549
|
+
background-color: rgb(0 104 174 / var(--tw-bg-opacity))
|
|
3550
|
+
}
|
|
3551
|
+
|
|
3552
|
+
.\[\&\]\:hover\:shr-bg-warning-yellow-darken:hover {
|
|
3553
|
+
--tw-bg-opacity: 1;
|
|
3554
|
+
background-color: rgb(252 197 0 / var(--tw-bg-opacity))
|
|
3555
|
+
}
|
|
3556
|
+
|
|
3557
|
+
.\[\&\]\:focus-visible\:shr-bg-danger-darken:focus-visible {
|
|
3558
|
+
--tw-bg-opacity: 1;
|
|
3559
|
+
background-color: rgb(202 27 81 / var(--tw-bg-opacity))
|
|
3560
|
+
}
|
|
3561
|
+
|
|
3562
|
+
.\[\&\]\:focus-visible\:shr-bg-main-darken:focus-visible {
|
|
3563
|
+
--tw-bg-opacity: 1;
|
|
3564
|
+
background-color: rgb(0 104 174 / var(--tw-bg-opacity))
|
|
3565
|
+
}
|
|
3566
|
+
|
|
3567
|
+
.\[\&\]\:focus-visible\:shr-bg-warning-yellow-darken:focus-visible {
|
|
3568
|
+
--tw-bg-opacity: 1;
|
|
3569
|
+
background-color: rgb(252 197 0 / var(--tw-bg-opacity))
|
|
3570
|
+
}
|
|
3571
|
+
|
|
3572
|
+
.\[\&_\.smarthr-ui-AnchorButton\]\:shr-w-full .smarthr-ui-AnchorButton {
|
|
3573
|
+
width: 100%
|
|
3574
|
+
}
|
|
3575
|
+
|
|
3576
|
+
.\[\&_\.smarthr-ui-AnchorButton\]\:shr-justify-start .smarthr-ui-AnchorButton {
|
|
3577
|
+
justify-content: flex-start
|
|
3578
|
+
}
|
|
3579
|
+
|
|
3580
|
+
.\[\&_\.smarthr-ui-AnchorButton\]\:shr-border-none .smarthr-ui-AnchorButton {
|
|
3581
|
+
border-style: none
|
|
3582
|
+
}
|
|
3583
|
+
|
|
3584
|
+
.\[\&_\.smarthr-ui-AnchorButton\]\:shr-py-0\.5 .smarthr-ui-AnchorButton {
|
|
3585
|
+
padding-top: 8px;
|
|
3586
|
+
padding-bottom: 8px
|
|
3587
|
+
}
|
|
3588
|
+
|
|
3589
|
+
.\[\&_\.smarthr-ui-AnchorButton\]\:shr-font-normal .smarthr-ui-AnchorButton {
|
|
3590
|
+
font-weight: 400
|
|
3591
|
+
}
|
|
3592
|
+
|
|
3593
|
+
.\[\&_\.smarthr-ui-Button-disabledWrapper\]\:shr-gap-x-0\.5 .smarthr-ui-Button-disabledWrapper {
|
|
3594
|
+
-moz-column-gap: 8px;
|
|
3595
|
+
column-gap: 8px
|
|
3596
|
+
}
|
|
3597
|
+
|
|
3598
|
+
.\[\&_\.smarthr-ui-Button-disabledWrapper\]\:shr-pe-1 .smarthr-ui-Button-disabledWrapper {
|
|
3599
|
+
padding-inline-end: 16px
|
|
3600
|
+
}
|
|
3601
|
+
|
|
3602
|
+
.\[\&_\.smarthr-ui-Button-disabledWrapper_\>_\.smarthr-ui-Button\]\:shr-w-\[unset\] .smarthr-ui-Button-disabledWrapper > .smarthr-ui-Button {
|
|
3603
|
+
width: unset
|
|
3604
|
+
}
|
|
3605
|
+
|
|
3606
|
+
.\[\&_\.smarthr-ui-Button-disabledWrapper_\>_\.smarthr-ui-Button\]\:shr-pe-\[unset\] .smarthr-ui-Button-disabledWrapper > .smarthr-ui-Button {
|
|
3607
|
+
padding-inline-end: unset
|
|
3608
|
+
}
|
|
3609
|
+
|
|
3610
|
+
.\[\&_\.smarthr-ui-Button\]\:shr-w-full .smarthr-ui-Button {
|
|
3611
|
+
width: 100%
|
|
3612
|
+
}
|
|
3613
|
+
|
|
3614
|
+
.\[\&_\.smarthr-ui-Button\]\:shr-justify-start .smarthr-ui-Button {
|
|
3615
|
+
justify-content: flex-start
|
|
3616
|
+
}
|
|
3617
|
+
|
|
3618
|
+
.\[\&_\.smarthr-ui-Button\]\:shr-border-none .smarthr-ui-Button {
|
|
3619
|
+
border-style: none
|
|
3620
|
+
}
|
|
3621
|
+
|
|
3622
|
+
.\[\&_\.smarthr-ui-Button\]\:shr-py-0\.5 .smarthr-ui-Button {
|
|
3623
|
+
padding-top: 8px;
|
|
3624
|
+
padding-bottom: 8px
|
|
3625
|
+
}
|
|
3626
|
+
|
|
3627
|
+
.\[\&_\.smarthr-ui-Button\]\:shr-font-normal .smarthr-ui-Button {
|
|
3628
|
+
font-weight: 400
|
|
3629
|
+
}
|
|
3630
|
+
|
|
3631
|
+
.\[\&_\.smarthr-ui-Icon-withText\]\:shr-leading-tight .smarthr-ui-Icon-withText {
|
|
3632
|
+
line-height: 1.25
|
|
3633
|
+
}
|
|
3634
|
+
|
|
3480
3635
|
.\[\&_\.smarthr-ui-Icon\]\:-shr-m-0\.25 .smarthr-ui-Icon {
|
|
3481
3636
|
margin: -4px
|
|
3482
3637
|
}
|
|
@@ -3543,6 +3698,21 @@
|
|
|
3543
3698
|
margin-bottom: auto
|
|
3544
3699
|
}
|
|
3545
3700
|
|
|
3701
|
+
.\[\&_li\:hover\]\:-shr-mx-0\.25 li:hover {
|
|
3702
|
+
margin-left: -4px;
|
|
3703
|
+
margin-right: -4px
|
|
3704
|
+
}
|
|
3705
|
+
|
|
3706
|
+
.\[\&_li\:hover\]\:shr-bg-white-darken li:hover {
|
|
3707
|
+
--tw-bg-opacity: 1;
|
|
3708
|
+
background-color: rgb(242 242 242 / var(--tw-bg-opacity))
|
|
3709
|
+
}
|
|
3710
|
+
|
|
3711
|
+
.\[\&_li\:hover\]\:shr-px-0\.25 li:hover {
|
|
3712
|
+
padding-left: 4px;
|
|
3713
|
+
padding-right: 4px
|
|
3714
|
+
}
|
|
3715
|
+
|
|
3546
3716
|
.\[\&_svg\]\:shr-block svg {
|
|
3547
3717
|
display: block
|
|
3548
3718
|
}
|
|
@@ -3553,14 +3723,6 @@
|
|
|
3553
3723
|
}
|
|
3554
3724
|
|
|
3555
3725
|
@media (prefers-contrast: more) {
|
|
3556
|
-
.\[\&_td\]\:contrast-more\:shr-border td {
|
|
3557
|
-
border-width: 1px
|
|
3558
|
-
}
|
|
3559
|
-
|
|
3560
|
-
.\[\&_td\]\:contrast-more\:shr-border-solid td {
|
|
3561
|
-
border-style: solid
|
|
3562
|
-
}
|
|
3563
|
-
|
|
3564
3726
|
.\[\&_td\]\:contrast-more\:shr-border-high-contrast td {
|
|
3565
3727
|
--tw-border-opacity: 1;
|
|
3566
3728
|
border-color: rgb(35 34 30 / var(--tw-border-opacity))
|
|
@@ -3573,14 +3735,6 @@
|
|
|
3573
3735
|
}
|
|
3574
3736
|
|
|
3575
3737
|
@media (prefers-contrast: more) {
|
|
3576
|
-
.\[\&_th\]\:contrast-more\:shr-border th {
|
|
3577
|
-
border-width: 1px
|
|
3578
|
-
}
|
|
3579
|
-
|
|
3580
|
-
.\[\&_th\]\:contrast-more\:shr-border-solid th {
|
|
3581
|
-
border-style: solid
|
|
3582
|
-
}
|
|
3583
|
-
|
|
3584
3738
|
.\[\&_th\]\:contrast-more\:shr-border-high-contrast th {
|
|
3585
3739
|
--tw-border-opacity: 1;
|
|
3586
3740
|
border-color: rgb(35 34 30 / var(--tw-border-opacity))
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { useClassNameGenerator } from '../../../hooks/useClassNameGenerator';
|
|
3
|
-
import { DropdownMenuButton } from './DropdownMenuButton';
|
|
4
|
-
export function useClassNames() {
|
|
5
|
-
const generate = useClassNameGenerator(DropdownMenuButton.displayName || 'DropdownMenuButton');
|
|
6
|
-
return useMemo(() => ({
|
|
7
|
-
wrapper: generate(),
|
|
8
|
-
trigger: generate('trigger'),
|
|
9
|
-
panel: generate('panel'),
|
|
10
|
-
}), [generate]);
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,UAAU,aAAa;IAC3B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAA;IAC9F,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;KACzB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { useMemo } from 'react';
|
|
2
|
-
import { useClassNameGenerator } from '../../hooks/useClassNameGenerator';
|
|
3
|
-
import { NotificationBar } from './NotificationBar';
|
|
4
|
-
export const useClassNames = () => {
|
|
5
|
-
const generate = useClassNameGenerator(NotificationBar.displayName || 'NotificationBar');
|
|
6
|
-
return useMemo(() => ({
|
|
7
|
-
wrapper: generate(),
|
|
8
|
-
actions: generate('actions'),
|
|
9
|
-
closeButton: generate('closeButton'),
|
|
10
|
-
messageArea: generate('messageArea'),
|
|
11
|
-
actionArea: generate('actionArea'),
|
|
12
|
-
}), [generate]);
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,eAAe,CAAC,WAAW,IAAI,iBAAiB,CAAC,CAAA;IAExF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC;QACpC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC;QACpC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;KACnC,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useClassNames = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const useClassNameGenerator_1 = require("../../../hooks/useClassNameGenerator");
|
|
6
|
-
const DropdownMenuButton_1 = require("./DropdownMenuButton");
|
|
7
|
-
function useClassNames() {
|
|
8
|
-
const generate = (0, useClassNameGenerator_1.useClassNameGenerator)(DropdownMenuButton_1.DropdownMenuButton.displayName || 'DropdownMenuButton');
|
|
9
|
-
return (0, react_1.useMemo)(() => ({
|
|
10
|
-
wrapper: generate(),
|
|
11
|
-
trigger: generate('trigger'),
|
|
12
|
-
panel: generate('panel'),
|
|
13
|
-
}), [generate]);
|
|
14
|
-
}
|
|
15
|
-
exports.useClassNames = useClassNames;
|
|
16
|
-
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/useClassNames.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAE/B,gFAA4E;AAE5E,6DAAyD;AAEzD,SAAgB,aAAa;IAC3B,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC,uCAAkB,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAA;IAC9F,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;KACzB,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC;AAVD,sCAUC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useClassNames = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const useClassNameGenerator_1 = require("../../hooks/useClassNameGenerator");
|
|
6
|
-
const NotificationBar_1 = require("./NotificationBar");
|
|
7
|
-
const useClassNames = () => {
|
|
8
|
-
const generate = (0, useClassNameGenerator_1.useClassNameGenerator)(NotificationBar_1.NotificationBar.displayName || 'NotificationBar');
|
|
9
|
-
return (0, react_1.useMemo)(() => ({
|
|
10
|
-
wrapper: generate(),
|
|
11
|
-
actions: generate('actions'),
|
|
12
|
-
closeButton: generate('closeButton'),
|
|
13
|
-
messageArea: generate('messageArea'),
|
|
14
|
-
actionArea: generate('actionArea'),
|
|
15
|
-
}), [generate]);
|
|
16
|
-
};
|
|
17
|
-
exports.useClassNames = useClassNames;
|
|
18
|
-
//# sourceMappingURL=useClassNames.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/NotificationBar/useClassNames.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAE/B,6EAAyE;AAEzE,uDAAmD;AAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,QAAQ,GAAG,IAAA,6CAAqB,EAAC,iCAAe,CAAC,WAAW,IAAI,iBAAiB,CAAC,CAAA;IAExF,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,QAAQ,EAAE;QACnB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC5B,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC;QACpC,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC;QACpC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;KACnC,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,aAAa,iBAazB"}
|