@moneyforward/mfui-components 3.28.0 → 3.29.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 (69) hide show
  1. package/dist/src/Accordion/Accordion.js +1 -1
  2. package/dist/src/Button/Button.js +1 -1
  3. package/dist/src/CheckboxGroup/CheckboxGroup.js +1 -1
  4. package/dist/src/DataTable/DataTableCell/DataTableCell.js +3 -3
  5. package/dist/src/DataTable/DataTableCell/DataTableCell.types.d.ts +8 -0
  6. package/dist/src/DataTable/DataTableRow/DataTableRow.js +7 -1
  7. package/dist/src/DateTimeSelection/FilterDatePicker/CalendarPopover/CalendarPopover.d.ts +1 -1
  8. package/dist/src/DateTimeSelection/FilterDatePicker/CalendarPopover/CalendarPopover.js +2 -2
  9. package/dist/src/DateTimeSelection/FilterDatePicker/CalendarPopover/CalendarPopover.types.d.ts +1 -0
  10. package/dist/src/DateTimeSelection/FilterDatePicker/FilterDatePicker.d.ts +1 -1
  11. package/dist/src/DateTimeSelection/FilterDatePicker/FilterDatePicker.js +2 -2
  12. package/dist/src/DateTimeSelection/FilterDatePicker/FilterDatePicker.types.d.ts +7 -1
  13. package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.d.ts +1 -1
  14. package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.js +2 -2
  15. package/dist/src/DateTimeSelection/FilterDateRangePicker/DateRangePickerContent/DateRangePickerContent.types.d.ts +1 -0
  16. package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.d.ts +1 -1
  17. package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.js +2 -2
  18. package/dist/src/DateTimeSelection/FilterDateRangePicker/FilterDateRangePicker.types.d.ts +7 -1
  19. package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.d.ts +1 -1
  20. package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.js +2 -2
  21. package/dist/src/DateTimeSelection/FilterMonthPicker/FilterMonthPicker.types.d.ts +7 -1
  22. package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.d.ts +1 -1
  23. package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.js +2 -2
  24. package/dist/src/DateTimeSelection/FilterMonthPicker/MonthPickerPopover/MonthPickerPopover.types.d.ts +1 -0
  25. package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.d.ts +1 -1
  26. package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.js +2 -2
  27. package/dist/src/DateTimeSelection/FilterMonthRangePicker/FilterMonthRangePicker.types.d.ts +7 -1
  28. package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.d.ts +1 -1
  29. package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.js +2 -2
  30. package/dist/src/DateTimeSelection/FilterMonthRangePicker/MonthRangePickerPopover/MonthRangePickerPopover.types.d.ts +1 -0
  31. package/dist/src/DateTimeSelection/MonthRangePicker/MonthRangePickerMonthCell/MonthRangePickerMonthCell.js +1 -1
  32. package/dist/src/DateTimeSelection/TimePicker/TimePicker.d.ts +2 -0
  33. package/dist/src/DateTimeSelection/TimePicker/TimePicker.js +2 -2
  34. package/dist/src/DateTimeSelection/TimePicker/TimePicker.types.d.ts +6 -0
  35. package/dist/src/DateTimeSelection/shared/BaseRangePicker/BaseRangePickerPopover/BaseRangePickerCalendar/BaseRangePickerDateCell.js +1 -1
  36. package/dist/src/DateTimeSelection/shared/DayCell/DayCell.js +2 -2
  37. package/dist/src/DateTimeSelection/shared/accessibility/getDateAriaAttributes.d.ts +0 -1
  38. package/dist/src/DateTimeSelection/shared/accessibility/getDateAriaAttributes.js +0 -1
  39. package/dist/src/Dialog/Dialog.d.ts +3 -1
  40. package/dist/src/Dialog/Dialog.js +8 -4
  41. package/dist/src/Dialog/hooks/useDialogStateController.d.ts +5 -1
  42. package/dist/src/Dialog/hooks/useDialogStateController.js +7 -4
  43. package/dist/src/Disclosure/Disclosure.js +1 -1
  44. package/dist/src/FilterTrigger/FilterTrigger.js +1 -1
  45. package/dist/src/IconButton/IconButton.types.d.ts +6 -2
  46. package/dist/src/MainNavigation/BaseMainNavigation.js +4 -4
  47. package/dist/src/MainNavigation/NarrowViewportMainNavigation.js +2 -2
  48. package/dist/src/MultipleSelectBox/MultipleSelectBox.js +5 -4
  49. package/dist/src/MultipleSelectBox/MultipleSelectBox.types.d.ts +13 -2
  50. package/dist/src/MultipleSelectBox/MultipleSelectBoxTrigger/MultipleSelectBoxTrigger.js +1 -1
  51. package/dist/src/Pagination/PagePicker/PagePicker.js +2 -2
  52. package/dist/src/SearchBox/SearchBox.d.ts +3 -0
  53. package/dist/src/SearchBox/SearchBox.js +4 -1
  54. package/dist/src/SelectBox/SelectBox.js +9 -6
  55. package/dist/src/SelectBox/SelectBox.types.d.ts +13 -2
  56. package/dist/src/Sidebar/Sidebar.d.ts +1 -1
  57. package/dist/src/Sidebar/Sidebar.js +3 -3
  58. package/dist/src/Sidebar/Sidebar.types.d.ts +2 -2
  59. package/dist/src/Sidebar/SidebarServiceMenu.d.ts +3 -4
  60. package/dist/src/Sidebar/SidebarServiceMenu.js +5 -12
  61. package/dist/src/SubNavigation/SubNavigation.js +2 -2
  62. package/dist/styled-system/recipes/day-cell-slot-recipe.d.ts +1 -1
  63. package/dist/styled-system/recipes/day-cell-slot-recipe.js +4 -0
  64. package/dist/styled-system/tokens/index.js +60 -0
  65. package/dist/styled-system/tokens/tokens.d.ts +2 -2
  66. package/dist/styled-system/types/prop-type.d.ts +1 -1
  67. package/dist/styles.css +31 -54
  68. package/dist/theme-orange.css +18 -3
  69. package/package.json +3 -3
@@ -6083,6 +6083,18 @@ const tokens = {
6083
6083
  "value": "#bad4f7ff",
6084
6084
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.sub-background\\.pressed)"
6085
6085
  },
6086
+ "colors.mfui.color.primary.text-on-sub-background.none": {
6087
+ "value": "#165cb7ff",
6088
+ "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.text-on-sub-background\\.none)"
6089
+ },
6090
+ "colors.mfui.color.primary.text-on-sub-background.hovered": {
6091
+ "value": "#004396ff",
6092
+ "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.text-on-sub-background\\.hovered)"
6093
+ },
6094
+ "colors.mfui.color.primary.text-on-sub-background.pressed": {
6095
+ "value": "#072977ff",
6096
+ "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.text-on-sub-background\\.pressed)"
6097
+ },
6086
6098
  "colors.mfui.color.readonly.content": {
6087
6099
  "value": "#262626ff",
6088
6100
  "variable": "var(--mfui-colors-mfui\\.color\\.readonly\\.content)"
@@ -6179,6 +6191,18 @@ const tokens = {
6179
6191
  "value": "#003e90ff",
6180
6192
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.border\\.pressed)"
6181
6193
  },
6194
+ "colors.mfui.color.selected.text-on-background.none": {
6195
+ "value": "#165cb7ff",
6196
+ "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.text-on-background\\.none)"
6197
+ },
6198
+ "colors.mfui.color.selected.text-on-background.hovered": {
6199
+ "value": "#004396ff",
6200
+ "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.text-on-background\\.hovered)"
6201
+ },
6202
+ "colors.mfui.color.selected.text-on-background.pressed": {
6203
+ "value": "#072977ff",
6204
+ "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.text-on-background\\.pressed)"
6205
+ },
6182
6206
  "colors.mfui.color.shadow.elevation-plus-1-shadow-1.none": {
6183
6207
  "value": "#00000033",
6184
6208
  "variable": "var(--mfui-colors-mfui\\.color\\.shadow\\.elevation-plus-1-shadow-1\\.none)"
@@ -6243,6 +6267,18 @@ const tokens = {
6243
6267
  "value": "#9ee1afff",
6244
6268
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.sub-background\\.pressed)"
6245
6269
  },
6270
+ "colors.mfui.color.signal-green.text-on-sub-background.none": {
6271
+ "value": "#006d36ff",
6272
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.text-on-sub-background\\.none)"
6273
+ },
6274
+ "colors.mfui.color.signal-green.text-on-sub-background.hovered": {
6275
+ "value": "#005227ff",
6276
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.text-on-sub-background\\.hovered)"
6277
+ },
6278
+ "colors.mfui.color.signal-green.text-on-sub-background.pressed": {
6279
+ "value": "#003919ff",
6280
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.text-on-sub-background\\.pressed)"
6281
+ },
6246
6282
  "colors.mfui.color.signal-neutral.sub-background.none": {
6247
6283
  "value": "#f3f3f3ff",
6248
6284
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-neutral\\.sub-background\\.none)"
@@ -6303,6 +6339,18 @@ const tokens = {
6303
6339
  "value": "#ffc3baff",
6304
6340
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.sub-background\\.pressed)"
6305
6341
  },
6342
+ "colors.mfui.color.signal-red.text-on-sub-background.none": {
6343
+ "value": "#ba1828ff",
6344
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.text-on-sub-background\\.none)"
6345
+ },
6346
+ "colors.mfui.color.signal-red.text-on-sub-background.hovered": {
6347
+ "value": "#93001aff",
6348
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.text-on-sub-background\\.hovered)"
6349
+ },
6350
+ "colors.mfui.color.signal-red.text-on-sub-background.pressed": {
6351
+ "value": "#68000fff",
6352
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.text-on-sub-background\\.pressed)"
6353
+ },
6306
6354
  "colors.mfui.color.signal-yellow.content.none": {
6307
6355
  "value": "#8b7200ff",
6308
6356
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.content\\.none)"
@@ -6351,6 +6399,18 @@ const tokens = {
6351
6399
  "value": "#eecf79ff",
6352
6400
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.sub-background\\.pressed)"
6353
6401
  },
6402
+ "colors.mfui.color.signal-yellow.text-on-sub-background.none": {
6403
+ "value": "#775a01ff",
6404
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.text-on-sub-background\\.none)"
6405
+ },
6406
+ "colors.mfui.color.signal-yellow.text-on-sub-background.hovered": {
6407
+ "value": "#604100ff",
6408
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.text-on-sub-background\\.hovered)"
6409
+ },
6410
+ "colors.mfui.color.signal-yellow.text-on-sub-background.pressed": {
6411
+ "value": "#462a00ff",
6412
+ "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.text-on-sub-background\\.pressed)"
6413
+ },
6354
6414
  "shadows.mfui.elevation.plus-1.shadow-1": {
6355
6415
  "value": "0px 1px 1px 1px #00000033",
6356
6416
  "variable": "var(--mfui-shadows-mfui\\.elevation\\.plus-1\\.shadow-1)"