@moneyforward/mfui-components 3.36.1 → 3.37.1

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 (39) hide show
  1. package/dist/src/DataTable/DataTable.d.ts +4 -0
  2. package/dist/src/DataTable/DataTable.js +4 -0
  3. package/dist/src/DataTable/DataTableCell/DataTableCell.js +11 -3
  4. package/dist/src/DataTable/DataTableCell/DataTableCell.types.d.ts +32 -0
  5. package/dist/src/DataTable/DataTableHeaderCell/DataTableHeaderCell.js +5 -1
  6. package/dist/src/DataTable/DataTableRow/DataTableRow.types.d.ts +7 -0
  7. package/dist/src/MainNavigation/BaseMainNavigation.d.ts +1 -1
  8. package/dist/src/MainNavigation/BaseMainNavigation.js +23 -12
  9. package/dist/src/MainNavigation/MainNavigation.js +2 -2
  10. package/dist/src/MainNavigation/MainNavigation.types.d.ts +17 -1
  11. package/dist/src/MultipleSelectBox/MultipleSelectBox.js +54 -38
  12. package/dist/src/MultipleSelectBox/hooks/useVirtualizedMultipleSelectBoxOptions.d.ts +7 -6
  13. package/dist/src/MultipleSelectBox/hooks/useVirtualizedMultipleSelectBoxOptions.js +3 -3
  14. package/dist/src/SelectBox/SelectBox.js +67 -28
  15. package/dist/src/SelectBox/SelectBoxOption.d.ts +5 -0
  16. package/dist/src/SelectBox/SelectBoxOption.js +2 -2
  17. package/dist/src/SelectBox/SelectBoxOptionGroup.d.ts +9 -0
  18. package/dist/src/SelectBox/SelectBoxOptionGroup.js +6 -3
  19. package/dist/src/SelectBox/hooks/useVirtualizedOptions.d.ts +7 -6
  20. package/dist/src/SelectBox/hooks/useVirtualizedOptions.js +3 -3
  21. package/dist/src/Tooltip/Tooltip.js +3 -0
  22. package/dist/src/shared/OptionGroupLabelDescriptions/OptionGroupLabelDescriptions.d.ts +37 -0
  23. package/dist/src/shared/OptionGroupLabelDescriptions/OptionGroupLabelDescriptions.js +32 -0
  24. package/dist/src/shared/OptionGroupLabelDescriptions/index.d.ts +1 -0
  25. package/dist/src/shared/OptionGroupLabelDescriptions/index.js +1 -0
  26. package/dist/src/utilities/dom/getGroupLabelId.d.ts +15 -0
  27. package/dist/src/utilities/dom/getGroupLabelId.js +15 -0
  28. package/dist/styled-system/recipes/base-main-navigation-slot-recipe.d.ts +1 -1
  29. package/dist/styled-system/recipes/base-main-navigation-slot-recipe.js +8 -0
  30. package/dist/styled-system/recipes/data-table-cell-slot-recipe.d.ts +1 -0
  31. package/dist/styled-system/recipes/data-table-cell-slot-recipe.js +28 -0
  32. package/dist/styled-system/recipes/data-table-row-slot-recipe.js +2 -2
  33. package/dist/styled-system/tokens/index.js +34 -34
  34. package/dist/styled-system/tokens/tokens.d.ts +2 -2
  35. package/dist/styled-system/types/prop-type.d.ts +1 -1
  36. package/dist/styles.css +86 -27
  37. package/dist/theme-orange.css +20 -20
  38. package/dist/tsconfig.build.tsbuildinfo +1 -1
  39. package/package.json +15 -15
package/dist/styled-system/tokens/index.js CHANGED
@@ -5684,7 +5684,7 @@ const tokens = {
5684
5684
  "variable": "var(--mfui-sizes-breakpoint-lg)"
5685
5685
  },
5686
5686
  "colors.mfui.color.accent.content.none": {
5687
- "value": "#b75b02ff",
5687
+ "value": "#b35800ff",
5688
5688
  "variable": "var(--mfui-colors-mfui\\.color\\.accent\\.content\\.none)"
5689
5689
  },
5690
5690
  "colors.mfui.color.accent.content.hovered": {
@@ -5696,7 +5696,7 @@ const tokens = {
5696
5696
  "variable": "var(--mfui-colors-mfui\\.color\\.accent\\.content\\.pressed)"
5697
5697
  },
5698
5698
  "colors.mfui.color.accent.border.none": {
5699
- "value": "#b75b02ff",
5699
+ "value": "#b35800ff",
5700
5700
  "variable": "var(--mfui-colors-mfui\\.color\\.accent\\.border\\.none)"
5701
5701
  },
5702
5702
  "colors.mfui.color.accent.border.hovered": {
@@ -5708,7 +5708,7 @@ const tokens = {
5708
5708
  "variable": "var(--mfui-colors-mfui\\.color\\.accent\\.border\\.pressed)"
5709
5709
  },
5710
5710
  "colors.mfui.color.accent.background.none": {
5711
- "value": "#b75b02ff",
5711
+ "value": "#b35800ff",
5712
5712
  "variable": "var(--mfui-colors-mfui\\.color\\.accent\\.background\\.none)"
5713
5713
  },
5714
5714
  "colors.mfui.color.accent.background.hovered": {
@@ -5891,18 +5891,6 @@ const tokens = {
5891
5891
  "value": "#a08400ff",
5892
5892
  "variable": "var(--mfui-colors-mfui\\.color\\.categorical\\.8\\.base\\.pressed)"
5893
5893
  },
5894
- "colors.mfui.color.dark-accent.background.none": {
5895
- "value": "#252a32ff",
5896
- "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.none)"
5897
- },
5898
- "colors.mfui.color.dark-accent.background.hovered": {
5899
- "value": "#11161dff",
5900
- "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.hovered)"
5901
- },
5902
- "colors.mfui.color.dark-accent.background.pressed": {
5903
- "value": "#000000ff",
5904
- "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.pressed)"
5905
- },
5906
5894
  "colors.mfui.color.dark-accent.border.none": {
5907
5895
  "value": "#42474fff",
5908
5896
  "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.border\\.none)"
@@ -5915,6 +5903,18 @@ const tokens = {
5915
5903
  "value": "#73777fff",
5916
5904
  "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.border\\.pressed)"
5917
5905
  },
5906
+ "colors.mfui.color.dark-accent.background.none": {
5907
+ "value": "#252a32ff",
5908
+ "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.none)"
5909
+ },
5910
+ "colors.mfui.color.dark-accent.background.hovered": {
5911
+ "value": "#11161dff",
5912
+ "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.hovered)"
5913
+ },
5914
+ "colors.mfui.color.dark-accent.background.pressed": {
5915
+ "value": "#000000ff",
5916
+ "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.background\\.pressed)"
5917
+ },
5918
5918
  "colors.mfui.color.dark-accent.content.none": {
5919
5919
  "value": "#bad4f7ff",
5920
5920
  "variable": "var(--mfui-colors-mfui\\.color\\.dark-accent\\.content\\.none)"
@@ -5952,7 +5952,7 @@ const tokens = {
5952
5952
  "variable": "var(--mfui-colors-mfui\\.color\\.link\\.content\\.pressed)"
5953
5953
  },
5954
5954
  "colors.mfui.color.neutral.content.none": {
5955
- "value": "#747474ff",
5955
+ "value": "#727272ff",
5956
5956
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.content\\.none)"
5957
5957
  },
5958
5958
  "colors.mfui.color.neutral.content.hovered": {
@@ -5964,7 +5964,7 @@ const tokens = {
5964
5964
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.content\\.pressed)"
5965
5965
  },
5966
5966
  "colors.mfui.color.neutral.background.none": {
5967
- "value": "#747474ff",
5967
+ "value": "#727272ff",
5968
5968
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.background\\.none)"
5969
5969
  },
5970
5970
  "colors.mfui.color.neutral.background.hovered": {
@@ -5976,7 +5976,7 @@ const tokens = {
5976
5976
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.background\\.pressed)"
5977
5977
  },
5978
5978
  "colors.mfui.color.neutral.border.none": {
5979
- "value": "#747474ff",
5979
+ "value": "#727272ff",
5980
5980
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.border\\.none)"
5981
5981
  },
5982
5982
  "colors.mfui.color.neutral.border.hovered": {
@@ -6036,7 +6036,7 @@ const tokens = {
6036
6036
  "variable": "var(--mfui-colors-mfui\\.color\\.neutral\\.thin-border\\.pressed)"
6037
6037
  },
6038
6038
  "colors.mfui.color.primary.content.none": {
6039
- "value": "#2e72d8ff",
6039
+ "value": "#2b70d4ff",
6040
6040
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.content\\.none)"
6041
6041
  },
6042
6042
  "colors.mfui.color.primary.content.hovered": {
@@ -6048,7 +6048,7 @@ const tokens = {
6048
6048
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.content\\.pressed)"
6049
6049
  },
6050
6050
  "colors.mfui.color.primary.border.none": {
6051
- "value": "#2e72d8ff",
6051
+ "value": "#2b70d4ff",
6052
6052
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.border\\.none)"
6053
6053
  },
6054
6054
  "colors.mfui.color.primary.border.hovered": {
@@ -6060,7 +6060,7 @@ const tokens = {
6060
6060
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.border\\.pressed)"
6061
6061
  },
6062
6062
  "colors.mfui.color.primary.background.none": {
6063
- "value": "#2e72d8ff",
6063
+ "value": "#2b70d4ff",
6064
6064
  "variable": "var(--mfui-colors-mfui\\.color\\.primary\\.background\\.none)"
6065
6065
  },
6066
6066
  "colors.mfui.color.primary.background.hovered": {
@@ -6108,7 +6108,7 @@ const tokens = {
6108
6108
  "variable": "var(--mfui-colors-mfui\\.color\\.readonly\\.background)"
6109
6109
  },
6110
6110
  "colors.mfui.color.selected-range-edge.background.none": {
6111
- "value": "#2e72d8ff",
6111
+ "value": "#2b70d4ff",
6112
6112
  "variable": "var(--mfui-colors-mfui\\.color\\.selected-range-edge\\.background\\.none)"
6113
6113
  },
6114
6114
  "colors.mfui.color.selected-range-edge.background.hovered": {
@@ -6144,7 +6144,7 @@ const tokens = {
6144
6144
  "variable": "var(--mfui-colors-mfui\\.color\\.selected-range-middle\\.background\\.pressed)"
6145
6145
  },
6146
6146
  "colors.mfui.color.selected.sign.none": {
6147
- "value": "#2e72d8ff",
6147
+ "value": "#2b70d4ff",
6148
6148
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.sign\\.none)"
6149
6149
  },
6150
6150
  "colors.mfui.color.selected.sign.hovered": {
@@ -6168,7 +6168,7 @@ const tokens = {
6168
6168
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.background\\.pressed)"
6169
6169
  },
6170
6170
  "colors.mfui.color.selected.content.none": {
6171
- "value": "#2e72d8ff",
6171
+ "value": "#2b70d4ff",
6172
6172
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.content\\.none)"
6173
6173
  },
6174
6174
  "colors.mfui.color.selected.content.hovered": {
@@ -6180,7 +6180,7 @@ const tokens = {
6180
6180
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.content\\.pressed)"
6181
6181
  },
6182
6182
  "colors.mfui.color.selected.border.none": {
6183
- "value": "#2e72d8ff",
6183
+ "value": "#2b70d4ff",
6184
6184
  "variable": "var(--mfui-colors-mfui\\.color\\.selected\\.border\\.none)"
6185
6185
  },
6186
6186
  "colors.mfui.color.selected.border.hovered": {
@@ -6220,7 +6220,7 @@ const tokens = {
6220
6220
  "variable": "var(--mfui-colors-mfui\\.color\\.shadow\\.elevation-plus-2-shadow-2\\.none)"
6221
6221
  },
6222
6222
  "colors.mfui.color.signal-green.content.none": {
6223
- "value": "#008644ff",
6223
+ "value": "#008442ff",
6224
6224
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.content\\.none)"
6225
6225
  },
6226
6226
  "colors.mfui.color.signal-green.content.hovered": {
@@ -6232,7 +6232,7 @@ const tokens = {
6232
6232
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.content\\.pressed)"
6233
6233
  },
6234
6234
  "colors.mfui.color.signal-green.border.none": {
6235
- "value": "#008644ff",
6235
+ "value": "#008442ff",
6236
6236
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.border\\.none)"
6237
6237
  },
6238
6238
  "colors.mfui.color.signal-green.border.hovered": {
@@ -6244,7 +6244,7 @@ const tokens = {
6244
6244
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.border\\.pressed)"
6245
6245
  },
6246
6246
  "colors.mfui.color.signal-green.background.none": {
6247
- "value": "#008644ff",
6247
+ "value": "#008442ff",
6248
6248
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-green\\.background\\.none)"
6249
6249
  },
6250
6250
  "colors.mfui.color.signal-green.background.hovered": {
@@ -6292,7 +6292,7 @@ const tokens = {
6292
6292
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-neutral\\.sub-background\\.pressed)"
6293
6293
  },
6294
6294
  "colors.mfui.color.signal-red.content.none": {
6295
- "value": "#d7383cff",
6295
+ "value": "#d4353aff",
6296
6296
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.content\\.none)"
6297
6297
  },
6298
6298
  "colors.mfui.color.signal-red.content.hovered": {
@@ -6304,7 +6304,7 @@ const tokens = {
6304
6304
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.content\\.pressed)"
6305
6305
  },
6306
6306
  "colors.mfui.color.signal-red.border.none": {
6307
- "value": "#d7383cff",
6307
+ "value": "#d4353aff",
6308
6308
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.border\\.none)"
6309
6309
  },
6310
6310
  "colors.mfui.color.signal-red.border.hovered": {
@@ -6316,7 +6316,7 @@ const tokens = {
6316
6316
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.border\\.pressed)"
6317
6317
  },
6318
6318
  "colors.mfui.color.signal-red.background.none": {
6319
- "value": "#d7383cff",
6319
+ "value": "#d4353aff",
6320
6320
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.background\\.none)"
6321
6321
  },
6322
6322
  "colors.mfui.color.signal-red.background.hovered": {
@@ -6352,7 +6352,7 @@ const tokens = {
6352
6352
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-red\\.text-on-sub-background\\.pressed)"
6353
6353
  },
6354
6354
  "colors.mfui.color.signal-yellow.content.none": {
6355
- "value": "#8b7200ff",
6355
+ "value": "#896f00ff",
6356
6356
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.content\\.none)"
6357
6357
  },
6358
6358
  "colors.mfui.color.signal-yellow.content.hovered": {
@@ -6364,7 +6364,7 @@ const tokens = {
6364
6364
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.content\\.pressed)"
6365
6365
  },
6366
6366
  "colors.mfui.color.signal-yellow.border.none": {
6367
- "value": "#8b7200ff",
6367
+ "value": "#896f00ff",
6368
6368
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.border\\.none)"
6369
6369
  },
6370
6370
  "colors.mfui.color.signal-yellow.border.hovered": {
@@ -6376,7 +6376,7 @@ const tokens = {
6376
6376
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.border\\.pressed)"
6377
6377
  },
6378
6378
  "colors.mfui.color.signal-yellow.background.none": {
6379
- "value": "#8b7200ff",
6379
+ "value": "#896f00ff",
6380
6380
  "variable": "var(--mfui-colors-mfui\\.color\\.signal-yellow\\.background\\.none)"
6381
6381
  },
6382
6382
  "colors.mfui.color.signal-yellow.background.hovered": {