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.
Files changed (168) hide show
  1. package/esm/components/AppNavi/AppNaviAnchor.js +8 -2
  2. package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
  3. package/esm/components/Balloon/Balloon.js +1 -2
  4. package/esm/components/Balloon/Balloon.js.map +1 -1
  5. package/esm/components/Button/Button.js +1 -1
  6. package/esm/components/Button/Button.js.map +1 -1
  7. package/esm/components/Button/ButtonWrapper.js +1 -2
  8. package/esm/components/Button/ButtonWrapper.js.map +1 -1
  9. package/esm/components/Calendar/Calendar.js +1 -1
  10. package/esm/components/Calendar/Calendar.js.map +1 -1
  11. package/esm/components/Calendar/CalendarTable.js +1 -1
  12. package/esm/components/Calendar/CalendarTable.js.map +1 -1
  13. package/esm/components/Calendar/YearPicker.js +1 -1
  14. package/esm/components/Calendar/YearPicker.js.map +1 -1
  15. package/esm/components/CheckBox/CheckBox.js +1 -1
  16. package/esm/components/CheckBox/CheckBox.js.map +1 -1
  17. package/esm/components/Chip/Chip.js +1 -6
  18. package/esm/components/Chip/Chip.js.map +1 -1
  19. package/esm/components/DatePicker/DatePicker.js +1 -1
  20. package/esm/components/DatePicker/DatePicker.js.map +1 -1
  21. package/esm/components/Dialog/DialogContentInner.js +1 -1
  22. package/esm/components/Dialog/DialogContentInner.js.map +1 -1
  23. package/esm/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
  24. package/esm/components/Dialog/MessageDialog/MessageDialog.js +1 -1
  25. package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  26. package/esm/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
  27. package/esm/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
  28. package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
  29. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -40
  30. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  31. package/esm/components/Dialog/ModelessDialog.js +2 -2
  32. package/esm/components/Dialog/ModelessDialog.js.map +1 -1
  33. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
  34. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
  35. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  36. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
  37. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  38. package/esm/components/FormGroup/FormGroup.js +7 -1
  39. package/esm/components/FormGroup/FormGroup.js.map +1 -1
  40. package/esm/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
  41. package/esm/components/Input/Input.js +1 -1
  42. package/esm/components/Input/Input.js.map +1 -1
  43. package/esm/components/InputFile/InputFile.js +1 -1
  44. package/esm/components/InputFile/InputFile.js.map +1 -1
  45. package/esm/components/NotificationBar/NotificationBar.d.ts +237 -9
  46. package/esm/components/NotificationBar/NotificationBar.js +133 -134
  47. package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
  48. package/esm/components/RadioButton/RadioButton.js +1 -1
  49. package/esm/components/RadioButton/RadioButton.js.map +1 -1
  50. package/esm/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
  51. package/esm/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
  52. package/esm/components/RightFixedNote/RightFixedNote.d.ts +4 -0
  53. package/esm/components/RightFixedNote/RightFixedNote.js +13 -9
  54. package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
  55. package/esm/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
  56. package/esm/components/RightFixedNote/RightFixedNoteItem.js +2 -2
  57. package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  58. package/esm/components/Select/Select.js +1 -1
  59. package/esm/components/Select/Select.js.map +1 -1
  60. package/esm/components/StatusLabel/StatusLabel.js +1 -2
  61. package/esm/components/StatusLabel/StatusLabel.js.map +1 -1
  62. package/esm/components/TabBar/TabBar.js +1 -6
  63. package/esm/components/TabBar/TabBar.js.map +1 -1
  64. package/esm/components/Table/Table.js +3 -3
  65. package/esm/components/Table/Table.js.map +1 -1
  66. package/esm/components/Table/Td.js +1 -6
  67. package/esm/components/Table/Td.js.map +1 -1
  68. package/esm/components/Table/TdCheckbox.js +18 -22
  69. package/esm/components/Table/TdCheckbox.js.map +1 -1
  70. package/esm/components/Table/ThCheckbox.js +18 -22
  71. package/esm/components/Table/ThCheckbox.js.map +1 -1
  72. package/esm/components/Textarea/Textarea.js +1 -1
  73. package/esm/components/Textarea/Textarea.js.map +1 -1
  74. package/esm/hooks/useTailwindTheme.d.ts +12 -0
  75. package/esm/smarthr-ui-preset.d.ts +13 -1
  76. package/esm/smarthr-ui-preset.js +41 -17
  77. package/esm/smarthr-ui-preset.js.map +1 -1
  78. package/lib/components/AppNavi/AppNaviAnchor.js +31 -2
  79. package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
  80. package/lib/components/Balloon/Balloon.js +1 -2
  81. package/lib/components/Balloon/Balloon.js.map +1 -1
  82. package/lib/components/Button/Button.js +1 -1
  83. package/lib/components/Button/Button.js.map +1 -1
  84. package/lib/components/Button/ButtonWrapper.js +1 -2
  85. package/lib/components/Button/ButtonWrapper.js.map +1 -1
  86. package/lib/components/Calendar/Calendar.js +1 -1
  87. package/lib/components/Calendar/Calendar.js.map +1 -1
  88. package/lib/components/Calendar/CalendarTable.js +1 -1
  89. package/lib/components/Calendar/CalendarTable.js.map +1 -1
  90. package/lib/components/Calendar/YearPicker.js +1 -1
  91. package/lib/components/Calendar/YearPicker.js.map +1 -1
  92. package/lib/components/CheckBox/CheckBox.js +1 -1
  93. package/lib/components/CheckBox/CheckBox.js.map +1 -1
  94. package/lib/components/Chip/Chip.js +1 -6
  95. package/lib/components/Chip/Chip.js.map +1 -1
  96. package/lib/components/DatePicker/DatePicker.js +1 -1
  97. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  98. package/lib/components/Dialog/DialogContentInner.js +1 -1
  99. package/lib/components/Dialog/DialogContentInner.js.map +1 -1
  100. package/lib/components/Dialog/MessageDialog/MessageDialog.d.ts +2 -2
  101. package/lib/components/Dialog/MessageDialog/MessageDialog.js +1 -1
  102. package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -1
  103. package/lib/components/Dialog/MessageDialog/MessageDialogContent.d.ts +2 -2
  104. package/lib/components/Dialog/MessageDialog/MessageDialogContent.js +1 -1
  105. package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -1
  106. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js +28 -43
  107. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -1
  108. package/lib/components/Dialog/ModelessDialog.js +2 -2
  109. package/lib/components/Dialog/ModelessDialog.js.map +1 -1
  110. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +2 -2
  111. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +33 -43
  112. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  113. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
  114. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  115. package/lib/components/FormGroup/FormGroup.js +7 -1
  116. package/lib/components/FormGroup/FormGroup.js.map +1 -1
  117. package/lib/components/Header/HeaderDropdownMenuButton.d.ts +2 -0
  118. package/lib/components/Input/Input.js +1 -1
  119. package/lib/components/Input/Input.js.map +1 -1
  120. package/lib/components/InputFile/InputFile.js +1 -1
  121. package/lib/components/InputFile/InputFile.js.map +1 -1
  122. package/lib/components/NotificationBar/NotificationBar.d.ts +237 -9
  123. package/lib/components/NotificationBar/NotificationBar.js +134 -135
  124. package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
  125. package/lib/components/RadioButton/RadioButton.js +1 -1
  126. package/lib/components/RadioButton/RadioButton.js.map +1 -1
  127. package/lib/components/RadioButtonPanel/RadioButtonPanel.js +1 -1
  128. package/lib/components/RadioButtonPanel/RadioButtonPanel.js.map +1 -1
  129. package/lib/components/RightFixedNote/RightFixedNote.d.ts +4 -0
  130. package/lib/components/RightFixedNote/RightFixedNote.js +13 -9
  131. package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
  132. package/lib/components/RightFixedNote/RightFixedNoteItem.d.ts +2 -0
  133. package/lib/components/RightFixedNote/RightFixedNoteItem.js +2 -2
  134. package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  135. package/lib/components/Select/Select.js +1 -1
  136. package/lib/components/Select/Select.js.map +1 -1
  137. package/lib/components/StatusLabel/StatusLabel.js +1 -2
  138. package/lib/components/StatusLabel/StatusLabel.js.map +1 -1
  139. package/lib/components/TabBar/TabBar.js +1 -6
  140. package/lib/components/TabBar/TabBar.js.map +1 -1
  141. package/lib/components/Table/Table.js +3 -3
  142. package/lib/components/Table/Table.js.map +1 -1
  143. package/lib/components/Table/Td.js +1 -6
  144. package/lib/components/Table/Td.js.map +1 -1
  145. package/lib/components/Table/TdCheckbox.js +16 -20
  146. package/lib/components/Table/TdCheckbox.js.map +1 -1
  147. package/lib/components/Table/ThCheckbox.js +16 -20
  148. package/lib/components/Table/ThCheckbox.js.map +1 -1
  149. package/lib/components/Textarea/Textarea.js +1 -1
  150. package/lib/components/Textarea/Textarea.js.map +1 -1
  151. package/lib/hooks/useTailwindTheme.d.ts +12 -0
  152. package/lib/smarthr-ui-preset.d.ts +13 -1
  153. package/lib/smarthr-ui-preset.js +41 -17
  154. package/lib/smarthr-ui-preset.js.map +1 -1
  155. package/package.json +19 -19
  156. package/smarthr-ui.css +243 -89
  157. package/esm/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
  158. package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -12
  159. package/esm/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
  160. package/esm/components/NotificationBar/useClassNames.d.ts +0 -7
  161. package/esm/components/NotificationBar/useClassNames.js +0 -14
  162. package/esm/components/NotificationBar/useClassNames.js.map +0 -1
  163. package/lib/components/Dropdown/DropdownMenuButton/useClassNames.d.ts +0 -5
  164. package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js +0 -16
  165. package/lib/components/Dropdown/DropdownMenuButton/useClassNames.js.map +0 -1
  166. package/lib/components/NotificationBar/useClassNames.d.ts +0 -7
  167. package/lib/components/NotificationBar/useClassNames.js +0 -18
  168. 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,5 +0,0 @@
1
- export declare function useClassNames(): {
2
- wrapper: string;
3
- trigger: string;
4
- panel: string;
5
- };
@@ -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,7 +0,0 @@
1
- export declare const useClassNames: () => {
2
- wrapper: string;
3
- actions: string;
4
- closeButton: string;
5
- messageArea: string;
6
- actionArea: string;
7
- };
@@ -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,5 +0,0 @@
1
- export declare function useClassNames(): {
2
- wrapper: string;
3
- trigger: string;
4
- panel: string;
5
- };
@@ -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,7 +0,0 @@
1
- export declare const useClassNames: () => {
2
- wrapper: string;
3
- actions: string;
4
- closeButton: string;
5
- messageArea: string;
6
- actionArea: string;
7
- };
@@ -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"}