@react-ui-org/react-ui 0.61.0 → 0.62.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 (10) hide show
  1. package/.nvmrc +1 -1
  2. package/dist/react-ui.css +16 -16
  3. package/dist/react-ui.development.css +248 -178
  4. package/dist/react-ui.development.js +477 -477
  5. package/dist/react-ui.js +1 -1
  6. package/package.json +36 -39
  7. package/src/components/FormLayout/README.md +10 -10
  8. package/src/components/Radio/README.md +4 -4
  9. package/src/components/SelectField/README.md +5 -5
  10. package/src/components/Toggle/README.md +9 -9
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@react-ui-org/react-ui",
3
3
  "description": "React UI is a themeable UI library for React apps.",
4
- "version": "0.61.0",
4
+ "version": "0.62.0",
5
5
  "keywords": [
6
6
  "react",
7
7
  "ui",
@@ -29,12 +29,12 @@
29
29
  "url": "https://github.com/react-ui-org/react-ui"
30
30
  },
31
31
  "engines": {
32
- "node": ">=20"
32
+ "node": ">=22"
33
33
  },
34
34
  "devEngines": {
35
35
  "runtime": {
36
36
  "name": "node",
37
- "version": "22.x",
37
+ "version": "22.x || 24.x",
38
38
  "onFail": "error"
39
39
  },
40
40
  "packageManager": {
@@ -75,35 +75,35 @@
75
75
  "react-dom": "~18.2.0"
76
76
  },
77
77
  "devDependencies": {
78
- "@babel/cli": "^7.24.7",
79
- "@babel/core": "^7.24.7",
80
- "@babel/eslint-parser": "^7.24.7",
78
+ "@babel/cli": "^7.28.3",
79
+ "@babel/core": "^7.28.5",
80
+ "@babel/eslint-parser": "^7.28.5",
81
81
  "@babel/plugin-proposal-class-properties": "^7.18.6",
82
- "@babel/plugin-transform-spread": "^7.24.7",
83
- "@babel/preset-env": "^7.24.7",
84
- "@babel/preset-react": "^7.24.7",
85
- "@babel/register": "^7.24.6",
86
- "@happy-dom/jest-environment": "^16.6.0",
87
- "@playwright/experimental-ct-react": "^1.50.1",
82
+ "@babel/plugin-transform-spread": "^7.27.1",
83
+ "@babel/preset-env": "^7.28.5",
84
+ "@babel/preset-react": "^7.28.5",
85
+ "@babel/register": "^7.28.3",
86
+ "@happy-dom/jest-environment": "^20.0.11",
87
+ "@playwright/experimental-ct-react": "^1.57.0",
88
88
  "@stylistic/stylelint-config": "^1.0.1",
89
89
  "@svgr/webpack": "^8.1.0",
90
- "@testing-library/jest-dom": "^6.6.3",
91
- "@testing-library/react": "^16.1.0",
92
- "@testing-library/user-event": "^14.5.2",
93
- "@types/jest": "^29.5.14",
94
- "@types/node": "^22.13.5",
95
- "@types/react": "^19.0.10",
96
- "@types/react-dom": "^19.0.4",
90
+ "@testing-library/jest-dom": "^6.9.1",
91
+ "@testing-library/react": "^16.3.0",
92
+ "@testing-library/user-event": "^14.6.1",
93
+ "@types/jest": "^30.0.0",
94
+ "@types/node": "^22.19.1",
95
+ "@types/react": "^19.2.7",
96
+ "@types/react-dom": "^19.2.3",
97
97
  "@typescript-eslint/eslint-plugin": "^7.18.0",
98
98
  "@typescript-eslint/parser": "^7.18.0",
99
99
  "@visionappscz/eslint-config-visionapps": "^1.7.0",
100
100
  "@visionappscz/stylelint-config": "^4.0.0",
101
- "autoprefixer": "^10.4.19",
102
- "babel-jest": "^29.7.0",
103
- "babel-loader": "^9.1.3",
104
- "core-js": "^3.37.1",
101
+ "autoprefixer": "^10.4.22",
102
+ "babel-jest": "^30.2.0",
103
+ "babel-loader": "^10.0.0",
104
+ "core-js": "^3.47.0",
105
105
  "css-loader": "^7.1.2",
106
- "dotenv": "^16.4.7",
106
+ "dotenv": "^17.2.3",
107
107
  "eslint": "^8.57.0",
108
108
  "eslint-config-airbnb": "^19.0.4",
109
109
  "eslint-config-airbnb-typescript": "^18.0.0",
@@ -115,25 +115,22 @@
115
115
  "eslint-plugin-react-hooks": "^4.6.2",
116
116
  "eslint-plugin-typescript-sort-keys": "^3.3.0",
117
117
  "identity-obj-proxy": "^3.0.0",
118
- "jest": "^29.7.0",
119
- "markdownlint-cli2": "^0.13.0",
120
- "mini-css-extract-plugin": "^2.9.0",
121
- "postcss": "^8.4.39",
122
- "postcss-loader": "^8.1.1",
118
+ "jest": "^30.2.0",
119
+ "markdownlint-cli2": "^0.19.1",
120
+ "mini-css-extract-plugin": "^2.9.4",
121
+ "postcss": "^8.5.6",
122
+ "postcss-loader": "^8.2.0",
123
123
  "prop-types": "^15.8.1",
124
124
  "react": "~18.2.0",
125
125
  "react-dom": "~18.2.0",
126
- "sass": "^1.77.6",
127
- "sass-loader": "^14.2.1",
126
+ "sass": "^1.94.2",
127
+ "sass-loader": "^16.0.6",
128
128
  "stylelint": "^16.7.0",
129
129
  "stylelint-webpack-plugin": "^5.0.1",
130
- "terser-webpack-plugin": "^5.3.10",
131
- "ts-jest": "^29.2.6",
132
- "webpack": "^5.92.1",
133
- "webpack-cli": "^5.1.4",
134
- "webpack-visualizer-plugin2": "^1.1.0"
135
- },
136
- "resolutions": {
137
- "@babel/plugin-transform-spread": "7.24.7"
130
+ "terser-webpack-plugin": "^5.3.15",
131
+ "ts-jest": "^29.4.6",
132
+ "webpack": "^5.103.0",
133
+ "webpack-cli": "^6.0.1",
134
+ "webpack-visualizer-plugin2": "^2.0.0"
138
135
  }
139
136
  }
package/src/components/FormLayout/README.md CHANGED
@@ -441,22 +441,22 @@ A place for custom content inside FormLayout.
441
441
 
442
442
  ## Theming
443
443
 
444
- | Custom Property | Description |
445
- |------------------------------------------------------|--------------------------------------------------------------|
446
- | `--rui-FormLayout__row-gap` | Gap between individual rows |
447
- | `--rui-FormLayout--horizontal__label__width` | Default label width |
448
- | `--rui-FormLayout--horizontal__label__width--auto` | Label width in automatic layout |
449
- | `--rui-FormLayout--horizontal__label__width--limited` | Label width in limited-width layout |
444
+ | Custom Property | Description |
445
+ |--------------------------------------------------------|-------------------------------------|
446
+ | `--rui-FormLayout__row-gap` | Gap between individual rows |
447
+ | `--rui-FormLayout--horizontal__label__width` | Default label width |
448
+ | `--rui-FormLayout--horizontal__label__width--auto` | Label width in automatic layout |
449
+ | `--rui-FormLayout--horizontal__label__width--limited` | Label width in limited-width layout |
450
450
 
451
451
  ### FormLayoutCustomField Theming
452
452
 
453
453
  FormLayoutCustomField can be styled using a small subset of
454
454
  [other form fields theming options](/docs/customize/theming/forms).
455
455
 
456
- | Custom Property | Description |
457
- |------------------------------------------------------|--------------------------------------------------------------|
458
- | `--rui-FormField--custom--default__surrounding-text-color` | Custom field label color in default state |
459
- | `--rui-FormField--custom--disabled__surrounding-text-color` | Custom field label color in disabled-like state |
456
+ | Custom Property | Description |
457
+ |-------------------------------------------------------------|--------------------------------------------------|
458
+ | `--rui-FormField--custom--default__surrounding-text-color` | Custom field label color in default state |
459
+ | `--rui-FormField--custom--disabled__surrounding-text-color` | Custom field label color in disabled-like state |
460
460
 
461
461
  [div-attributes]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div#attributes
462
462
  [fragments]: https://reactjs.org/docs/fragments.html
package/src/components/Radio/README.md CHANGED
@@ -405,10 +405,10 @@ to improve its accessibility.
405
405
  Head to [Forms Theming](/docs/customize/theming/forms) to see shared form theming
406
406
  options. On top of that, the following options are available for Radio.
407
407
 
408
- | Custom Property | Description |
409
- |--------------------------------------------------------------------|------------------------------------------------|
410
- | `--rui-FormField--check__input--radio__border-radius` | Input corner radius |
411
- | `--rui-FormField--check__input--radio--checked__background-image` | Checked input background image (inline, URL, …) |
408
+ | Custom Property | Description |
409
+ |--------------------------------------------------------------------|--------------------------------------------------|
410
+ | `--rui-FormField--check__input--radio__border-radius` | Input corner radius |
411
+ | `--rui-FormField--check__input--radio--checked__background-image` | Checked input background image (inline, URL, …) |
412
412
 
413
413
  [accessibility]: https://www.w3.org/WAI/tutorials/forms/grouping/
414
414
  [fieldset]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
package/src/components/SelectField/README.md CHANGED
@@ -779,11 +779,11 @@ If you provide [ref], it is forwarded to the native HTML `<select>` element.
779
779
  Head to [Forms Theming](/docs/customize/theming/forms) to see shared form theming
780
780
  options. On top of that, the following options are available for SelectField.
781
781
 
782
- | Custom Property | Description |
783
- |------------------------------------------------------|--------------------------------------------------------------|
784
- | `--rui-FormField--box--select__caret__border-style` | SelectField arrow border style (e.g. `solid`) |
785
- | `--rui-FormField--box--select__caret__background` | SelectField arrow background (including `url()` or gradient) |
786
- | `--rui-FormField--box--select__option--disabled__color` | Text color of disabled SelectField options |
782
+ | Custom Property | Description |
783
+ |---------------------------------------------------------|--------------------------------------------------------------|
784
+ | `--rui-FormField--box--select__caret__border-style` | SelectField arrow border style (e.g. `solid`) |
785
+ | `--rui-FormField--box--select__caret__background` | SelectField arrow background (including `url()` or gradient) |
786
+ | `--rui-FormField--box--select__option--disabled__color` | Text color of disabled SelectField options |
787
787
 
788
788
  [React common props]: https://react.dev/reference/react-dom/components/common#common-props
789
789
  [ref]: https://reactjs.org/docs/refs-and-the-dom.html
package/src/components/Toggle/README.md CHANGED
@@ -277,15 +277,15 @@ If you provide [ref], it is forwarded to the native HTML `<input>` element.
277
277
  Head to [Forms Theming](/docs/customize/theming/forms) to see shared form theming
278
278
  options. On top of that, the following options are available for Toggle.
279
279
 
280
- | Custom Property | Description |
281
- |--------------------------------------------------------------------|------------------------------------------------|
282
- | `--rui-FormField--check__input--toggle__width` | Input width (height is shared with other check fields) |
283
- | `--rui-FormField--check__input--toggle__border-radius` | Input corner radius |
284
- | `--rui-FormField--check__input--toggle__background-size` | Input background size |
285
- | `--rui-FormField--check__input--toggle--default__background-image` | Background image of unchecked input |
286
- | `--rui-FormField--check__input--toggle--default__background-position` | Background position of unchecked input |
287
- | `--rui-FormField--check__input--toggle--checked__background-image` | Background image of checked input |
288
- | `--rui-FormField--check__input--toggle--checked__background-position` | Background position of checked input |
280
+ | Custom Property | Description |
281
+ |-----------------------------------------------------------------------|--------------------------------------------------------|
282
+ | `--rui-FormField--check__input--toggle__width` | Input width (height is shared with other check fields) |
283
+ | `--rui-FormField--check__input--toggle__border-radius` | Input corner radius |
284
+ | `--rui-FormField--check__input--toggle__background-size` | Input background size |
285
+ | `--rui-FormField--check__input--toggle--default__background-image` | Background image of unchecked input |
286
+ | `--rui-FormField--check__input--toggle--default__background-position` | Background position of unchecked input |
287
+ | `--rui-FormField--check__input--toggle--checked__background-image` | Background image of checked input |
288
+ | `--rui-FormField--check__input--toggle--checked__background-position` | Background position of checked input |
289
289
 
290
290
  [checkbox-attributes]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#additional_attributes
291
291
  [React common props]: https://react.dev/reference/react-dom/components/common#common-props