@react-ui-org/react-ui 0.59.3 → 0.61.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 (59) hide show
  1. package/.env.playwright +9 -0
  2. package/.env.playwright.dist +9 -0
  3. package/.eslintrc-ts +40 -0
  4. package/README.md +18 -1
  5. package/dist/react-ui.css +4 -4
  6. package/dist/react-ui.development.css +8 -0
  7. package/dist/react-ui.development.js +57 -47
  8. package/dist/react-ui.js +1 -1
  9. package/jest.config-ts.js +34 -0
  10. package/package.json +25 -6
  11. package/playwright-ct.config.ts +68 -0
  12. package/src/components/Alert/Alert.jsx +2 -2
  13. package/src/components/Button/Button.jsx +5 -5
  14. package/src/components/Button/README.md +1 -1
  15. package/src/components/ButtonGroup/ButtonGroup.jsx +2 -2
  16. package/src/components/Card/Card.module.scss +1 -0
  17. package/src/components/Card/CardFooter.jsx +2 -2
  18. package/src/components/Card/README.md +2 -0
  19. package/src/components/Card/_theme.scss +2 -0
  20. package/src/components/CheckboxField/CheckboxField.jsx +3 -3
  21. package/src/components/FileInputField/FileInputField.jsx +21 -8
  22. package/src/components/FileInputField/FileInputField.module.scss +4 -0
  23. package/src/components/FormLayout/FormLayout.jsx +2 -2
  24. package/src/components/FormLayout/FormLayoutCustomField.jsx +5 -5
  25. package/src/components/Grid/Grid.jsx +2 -2
  26. package/src/components/Grid/GridSpan.jsx +2 -2
  27. package/src/components/InputGroup/InputGroup.jsx +25 -5
  28. package/src/components/InputGroup/InputGroup.module.scss +2 -1
  29. package/src/components/InputGroup/README.md +69 -14
  30. package/src/components/Modal/Modal.jsx +26 -8
  31. package/src/components/Modal/ModalBody.jsx +2 -2
  32. package/src/components/Modal/ModalContent.jsx +2 -2
  33. package/src/components/Modal/_helpers/dialogOnClickHandler.js +6 -0
  34. package/src/components/Popover/Popover.jsx +5 -5
  35. package/src/components/Radio/Radio.jsx +3 -3
  36. package/src/components/ScrollView/ScrollView.jsx +42 -12
  37. package/src/components/ScrollView/_hooks/useScrollPositionHook.js +4 -4
  38. package/src/components/SelectField/SelectField.jsx +9 -6
  39. package/src/components/Table/Table.jsx +1 -1
  40. package/src/components/Table/_components/TableBodyCell/TableBodyCell.jsx +1 -1
  41. package/src/components/Table/_components/TableHeaderCell/TableHeaderCell.jsx +1 -1
  42. package/src/components/Tabs/TabsItem.jsx +3 -3
  43. package/src/components/Text/Text.jsx +2 -2
  44. package/src/components/TextArea/TextArea.jsx +3 -3
  45. package/src/components/TextField/TextField.jsx +11 -8
  46. package/src/components/Toggle/Toggle.jsx +3 -3
  47. package/src/components/Toolbar/Toolbar.jsx +2 -2
  48. package/src/components/Toolbar/ToolbarGroup.jsx +2 -2
  49. package/src/components/Toolbar/ToolbarItem.jsx +2 -2
  50. package/src/helpers/isChildrenEmpty/README.md +57 -0
  51. package/src/helpers/isChildrenEmpty/index.js +1 -0
  52. package/src/index.js +1 -0
  53. package/src/providers/globalProps/GlobalPropsProvider.jsx +1 -1
  54. package/src/providers/translations/TranslationsProvider.jsx +1 -1
  55. package/src/styles/settings/_breakpoints.scss +2 -0
  56. package/src/theme.scss +2 -0
  57. package/src/translations/en.js +1 -0
  58. package/tsconfig.json +27 -0
  59. /package/src/{components/_helpers → helpers/isChildrenEmpty}/isChildrenEmpty.js +0 -0
@@ -552,6 +552,8 @@
552
552
  --rui-Card--raised__box-shadow: var(--rui-shadow-layer-1);
553
553
  --rui-Card--disabled__background-color: var(--rui-color-background-disabled);
554
554
  --rui-Card--disabled__opacity: var(--rui-ratio-disabled-opacity);
555
+ --rui-Card--disabled__border-width: var(--rui-dimension-border-width-1);
556
+ --rui-Card--disabled__border-color: var(--rui-color-border-primary);
555
557
  --rui-Card--success__color: var(--rui-color-text-primary);
556
558
  --rui-Card--success__border-color: var(--rui-color-feedback-success);
557
559
  --rui-Card--success__background-color: var(--rui-color-background-layer-1);
@@ -6400,6 +6402,7 @@
6400
6402
  box-shadow: var(--rui-Card--raised__box-shadow);
6401
6403
  }
6402
6404
  .Card-module__isRootDisabled__Wm_9A4kS {
6405
+ border: var(--rui-Card--disabled__border-width) solid var(--rui-local-border-color, var(--rui-Card--disabled__border-color));
6403
6406
  background-color: var(--rui-Card--disabled__background-color);
6404
6407
  opacity: var(--rui-Card--disabled__opacity);
6405
6408
  }
@@ -7444,6 +7447,7 @@
7444
7447
  display: flex;
7445
7448
  gap: var(--rui-InputGroup__gap);
7446
7449
  }
7450
+ .InputGroup-module__helpText__EEl3Ozjn,
7447
7451
  .InputGroup-module__validationText__HNOu0L2V {
7448
7452
  padding-left: 0;
7449
7453
  list-style: none;
@@ -7452,6 +7456,7 @@
7452
7456
  line-height: 1.2rem;
7453
7457
  color: var(--rui-local-surrounding-text-color, var(--rui-FormField__help-text__color));
7454
7458
  }
7459
+ .InputGroup-module__helpText__EEl3Ozjn:not(:last-child),
7455
7460
  .InputGroup-module__validationText__HNOu0L2V:not(:last-child) {
7456
7461
  margin-bottom: 0;
7457
7462
  }
@@ -7849,6 +7854,9 @@
7849
7854
  .FileInputField-module__root__ghhDu2qq:not(.FileInputField-module__isRootDisabled__krkT4J9v, .FileInputField-module__isRootDragging__SkQKcE5G) .FileInputField-module__dropZone__UC34Vhg7:active {
7850
7855
  --rui-local-border-color: var(--rui-color-border-primary-active);
7851
7856
  }
7857
+ .FileInputField-module__dropFileHereText__ZoVph3L_ {
7858
+ color: var(--rui-local-link-color, var(--rui-color-text-link));
7859
+ }
7852
7860
  .FileInputField-module__dropZoneLink__KtfYIuIN {
7853
7861
  -webkit-text-decoration: var(--rui-text-decoration-link);
7854
7862
  text-decoration: var(--rui-text-decoration-link);