@mui/system 5.14.17 → 5.14.19

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 (34) hide show
  1. package/Box/Box.js +6 -1
  2. package/Box/boxClasses.d.ts +7 -0
  3. package/Box/boxClasses.js +9 -0
  4. package/Box/index.d.ts +3 -0
  5. package/Box/index.js +24 -1
  6. package/CHANGELOG.md +154 -6
  7. package/Unstable_Grid/Grid.d.ts +1 -0
  8. package/Unstable_Grid/Grid.js +1 -0
  9. package/borders.js +21 -47
  10. package/esm/Box/Box.js +6 -1
  11. package/esm/Box/boxClasses.js +3 -0
  12. package/esm/Box/index.js +3 -1
  13. package/esm/Unstable_Grid/Grid.js +1 -0
  14. package/esm/borders.js +20 -46
  15. package/esm/styleFunctionSx/defaultSxConfig.js +7 -0
  16. package/index.js +1 -1
  17. package/legacy/Box/Box.js +6 -1
  18. package/legacy/Box/boxClasses.js +3 -0
  19. package/legacy/Box/index.js +3 -1
  20. package/legacy/Unstable_Grid/Grid.js +1 -0
  21. package/legacy/borders.js +20 -46
  22. package/legacy/getThemeValue.js +1 -2
  23. package/legacy/index.js +1 -1
  24. package/legacy/styleFunctionSx/defaultSxConfig.js +7 -0
  25. package/legacy/styleFunctionSx/styleFunctionSx.js +1 -2
  26. package/modern/Box/Box.js +6 -1
  27. package/modern/Box/boxClasses.js +3 -0
  28. package/modern/Box/index.js +3 -1
  29. package/modern/Unstable_Grid/Grid.js +1 -0
  30. package/modern/borders.js +20 -46
  31. package/modern/index.js +1 -1
  32. package/modern/styleFunctionSx/defaultSxConfig.js +7 -0
  33. package/package.json +7 -7
  34. package/styleFunctionSx/defaultSxConfig.js +7 -0
package/Box/Box.js CHANGED
@@ -7,8 +7,13 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
+ var _utils = require("@mui/utils");
10
11
  var _createBox = _interopRequireDefault(require("../createBox"));
11
- const Box = (0, _createBox.default)();
12
+ var _boxClasses = _interopRequireDefault(require("./boxClasses"));
13
+ const Box = (0, _createBox.default)({
14
+ defaultClassName: _boxClasses.default.root,
15
+ generateClassName: _utils.unstable_ClassNameGenerator.generate
16
+ });
12
17
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
13
18
  // ----------------------------- Warning --------------------------------
14
19
  // | These PropTypes are generated from the TypeScript type definitions |
package/Box/boxClasses.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export interface BoxClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type BoxClassKey = keyof BoxClasses;
6
+ declare const boxClasses: BoxClasses;
7
+ export default boxClasses;
package/Box/boxClasses.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _utils = require("@mui/utils");
8
+ const boxClasses = (0, _utils.unstable_generateUtilityClasses)('MuiBox', ['root']);
9
+ var _default = exports.default = boxClasses;
package/Box/index.d.ts CHANGED
@@ -1,2 +1,5 @@
1
1
  export { default } from './Box';
2
2
  export * from './Box';
3
+
4
+ export { default as boxClasses } from './boxClasses';
5
+ export * from './boxClasses';
package/Box/index.js CHANGED
@@ -5,10 +5,33 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
+ var _exportNames = {
9
+ boxClasses: true
10
+ };
11
+ Object.defineProperty(exports, "boxClasses", {
12
+ enumerable: true,
13
+ get: function () {
14
+ return _boxClasses.default;
15
+ }
16
+ });
8
17
  Object.defineProperty(exports, "default", {
9
18
  enumerable: true,
10
19
  get: function () {
11
20
  return _Box.default;
12
21
  }
13
22
  });
14
- var _Box = _interopRequireDefault(require("./Box"));
23
+ var _Box = _interopRequireDefault(require("./Box"));
24
+ var _boxClasses = _interopRequireWildcard(require("./boxClasses"));
25
+ Object.keys(_boxClasses).forEach(function (key) {
26
+ if (key === "default" || key === "__esModule") return;
27
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
28
+ if (key in exports && exports[key] === _boxClasses[key]) return;
29
+ Object.defineProperty(exports, key, {
30
+ enumerable: true,
31
+ get: function () {
32
+ return _boxClasses[key];
33
+ }
34
+ });
35
+ });
36
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
37
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
package/CHANGELOG.md CHANGED
@@ -1,5 +1,153 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.14.19
4
+
5
+ <!-- generated comparing v5.14.18..master -->
6
+
7
+ _Nov 29, 2023_
8
+
9
+ A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🐛 Fix Material UI Autocomplete behavior when there are duplicate labels (#36426) @islandryu
12
+ - 🚀 Added Material You Linear Progress to `material-next` package (#39807) @lhilgert9
13
+
14
+ ### `@mui/material@5.14.19`
15
+
16
+ - &#8203;<!-- 44 -->[Autocomplete] Fix behavior when there are duplicate labels (#36426) @islandryu
17
+ - &#8203;<!-- 37 -->[Box] Added boxClasses (#39889) @sadik-malik
18
+ - &#8203;<!-- 18 -->[FilledInput] Fix slot props deepmerge order (#38922) @dhaub-exelixis
19
+ - &#8203;<!-- 12 -->[Select] Add id to hidden input element (#39414) @DarhkVoyd
20
+ - &#8203;<!-- 11 -->[Select] Remove unnecessary picking of `onChange` type from SelectInputProps (#39891) @ZeeshanTamboli
21
+
22
+ ### `@mui/base@5.0.0-beta.25`
23
+
24
+ - &#8203;<!-- 46 -->[Menu] Fix navigation of items when 1st item is disabled (#39828) @sai6855
25
+ - &#8203;<!-- 42 -->[Modal] Refine demos (#39824) @zanivan
26
+ - &#8203;<!-- 41 -->[NumberInput] Implement `numberInputReducer` (#38723) @mj12albert
27
+ - &#8203;<!-- 40 -->[useNumberInput] Fix change handlers passed through slotProps (#39407) @mj12albert
28
+
29
+ ### `@mui/joy@5.0.0-beta.16`
30
+
31
+ - &#8203;<!-- 38 -->[Box] Added boxClasses (#39895) @sadik-malik
32
+
33
+ ### `@mui/system@5.14.19`
34
+
35
+ - &#8203;<!-- 36 -->[Box] Added boxClasses (#39896) @sadik-malik
36
+ - &#8203;<!-- 09 -->Add outlineColor to defaultSxConfig (#39962) @brijeshb42
37
+
38
+ ### `@mui/types@7.2.10`
39
+
40
+ - &#8203;<!-- 08 -->Add `PartiallyRequired` type (#39939) @lhilgert9
41
+
42
+ ### `@mui/material-next@6.0.0-alpha.111`
43
+
44
+ - &#8203;<!-- 47 -->[ProgressIndicator] Apply MD3 style to `LinearProgress` (#39807) @lhilgert9
45
+ - &#8203;<!-- 17 -->[FormHelperText] Add FormHelperText component (#39503) @mj12albert
46
+ - &#8203;<!-- 16 -->[IconButton] Copy IconButton to material-next (#39945) @mj12albert
47
+ - &#8203;<!-- 13 -->[Switch] Copy `Switch` to material next (#39887) @lhilgert9
48
+
49
+ ### Docs
50
+
51
+ - &#8203;<!-- 19 -->[material-ui] Fix theme prop in v5 migration guide (#39976) @sai6855
52
+ - &#8203;<!-- 43 -->[base-ui] Improve Next.js Link docs (#39838) @oliviertassinari
53
+ - &#8203;<!-- 39 -->[base-ui] Export Base UI theme in stylesheet (#39694) @mnajdova
54
+ - &#8203;<!-- 52 -->[joy-ui] Fix the date min & max slot props values on the Input demo (#40018) @avikalpg
55
+ - &#8203;<!-- 35 -->[joy-ui][ButtonGroup] Fix orientation prop description (#39876) @sai6855
56
+ - &#8203;<!-- 25 -->[joy-ui] Update gif from the Dark Mode Optimization page (#39726) @danilo-leal
57
+ - &#8203;<!-- 24 -->[joy-ui] Fix h1 template (#40017) @oliviertassinari
58
+ - &#8203;<!-- 23 -->[joy-ui] Fix wrong product id @oliviertassinari
59
+ - &#8203;<!-- 22 -->[joy-ui] Fixes in theme scoping documentation (#39899) @ZeeshanTamboli
60
+ - &#8203;<!-- 21 -->[joy-ui] Refine the Email, Teams and Files templates (#39579) @zanivan
61
+ - &#8203;<!-- 15 -->[joy-ui][templates] Fix layout shift on Profile template (#40022) @zanivan
62
+ - &#8203;<!-- 14 -->[joy-ui][Templates] Update thumbnails (#39938) @zanivan
63
+ - &#8203;<!-- 20 -->[material-next] Add contributing guide (#39944) @mj12albert
64
+ - &#8203;<!-- 51 -->End v6 blogpost notification (#39879) @joserodolfofreitas
65
+ - &#8203;<!-- 31 -->Fix nested CSS warning (#39932) @mnajdova
66
+ - &#8203;<!-- 30 -->Make integration searchable (#39967) @oliviertassinari
67
+ - &#8203;<!-- 29 -->Fix use of quote in markdown (#39953) @oliviertassinari
68
+ - &#8203;<!-- 28 -->Show design links on Joy UI (#39955) @oliviertassinari
69
+ - &#8203;<!-- 27 -->Restore Algolia results when searching for "Figma" (#39956) @oliviertassinari
70
+ - &#8203;<!-- 26 -->Fix two tone icon dark mode color (#39868) @mnajdova
71
+
72
+ ### Core
73
+
74
+ - &#8203;<!-- 45 -->Improve lerna's renovate package rules (#40029) @DiegoAndai
75
+ - &#8203;<!-- 34 -->Downgrade lerna to 7.2.0 (#40026) @DiegoAndai
76
+ - &#8203;<!-- 32 -->Rename OpenCollective @oliviertassinari
77
+ - &#8203;<!-- 48 -->[docs-infra] Env variables should be string (#39991) @oliviertassinari
78
+ - &#8203;<!-- 10 -->[Portal] Improve docs for container prop (#39180) @oliviertassinari
79
+ - &#8203;<!-- 50 -->[website] Update pricing table (#40023) @cherniavskii
80
+ - &#8203;<!-- 49 -->[website][docs] Update the product identifier menu and X page (#39832) @danilo-leal
81
+ - &#8203;<!-- 07 -->[website] Mark TreeView and Charts as stable (#39975) @flaviendelangle
82
+ - &#8203;<!-- 06 -->[website] Update career page (#40015) @oliviertassinari
83
+ - &#8203;<!-- 05 -->[website] Sync about dataset @oliviertassinari
84
+ - &#8203;<!-- 04 -->[website] Fix 301 redirection to X tree-view @oliviertassinari
85
+ - &#8203;<!-- 03 -->[website] Change redirection prefixes @oliviertassinari
86
+ - &#8203;<!-- 02 -->[website] Fix 301 link @oliviertassinari
87
+ - &#8203;<!-- 01 -->[website] Fix modal not being closed with the escape key on the Base UI page (#39880) @ZeeshanTamboli
88
+
89
+ All contributors of this release in alphabetical order: @avikalpg, @brijeshb42, @cherniavskii, @danilo-leal, @DarhkVoyd, @dhaub-exelixis, @DiegoAndai, @flaviendelangle, @islandryu, @joserodolfofreitas, @lhilgert9, @mj12albert, @mnajdova, @oliviertassinari, @sadik-malik, @sai6855, @zanivan, @ZeeshanTamboli
90
+
91
+ ## 5.14.18
92
+
93
+ <!-- generated comparing v5.14.17..master -->
94
+
95
+ _Nov 14, 2023_
96
+
97
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
98
+
99
+ - 💫 Introduced new [Stepper](https://mui.com/joy-ui/react-stepper/) component in Joy UI (#39688) @siriwatknp
100
+ - other 🐛 bug fixes and 📚 documentation improvements
101
+
102
+ ### `@mui/material@5.14.18`
103
+
104
+ - &#8203;<!-- 32 -->[Autocomplete] Add `defaultMuiPrevented` to onKeyDown type (#39820) @sai6855
105
+ - &#8203;<!-- 31 -->[Autocomplete] Fix React key warning in Next.js (#39795) @mj12albert
106
+ - &#8203;<!-- 24 -->[Checkbox] Asterisk placement aligned correctly (#39721) @axelbostrom
107
+ - &#8203;<!-- 04 -->[Rating] Fix the hover highlighting for spaced icons (#39775) @ZeeshanTamboli
108
+ - &#8203;<!-- 03 -->[TablePagination] Implement `slotProps` pattern for the actions and the select slots (#39353) @anle9650
109
+ - &#8203;<!-- 02 -->[TextField] Fix padding on small filled multiline TextField (#39769) @mj12albert
110
+
111
+ ### `@mui/joy@5.0.0-beta.15`
112
+
113
+ - &#8203;<!-- 11 -->[Stepper] Add new `Stepper` component (#39688) @siriwatknp
114
+ - &#8203;<!-- 12 -->[Select] Fix displaying placeholder when multiple is true (#39806) @sai6855
115
+
116
+ ### `@mui/material-next@6.0.0-alpha.110`
117
+
118
+ - &#8203;<!-- 26 -->[ButtonGroup] Copy `ButtonGroup` to material next (#39739) @lhilgert9
119
+ - &#8203;<!-- 09 -->[ProgressIndicator] Change `CircularProgress` files to ts (#39791) @lhilgert9
120
+ - &#8203;<!-- 08 -->[ProgressIndicator] Change `LinearProgress` files to ts (#39793) @lhilgert9
121
+ - &#8203;<!-- 07 -->[ProgressIndicator] Copy `LinearProgress` to material next (#39779) @lhilgert9
122
+ - &#8203;<!-- 06 -->[ProgressIndicator] Copy `CircularProgress` to material next (#39780) @lhilgert9
123
+ - &#8203;<!-- 05 -->[TextField] Add FormLabel and InputLabel components (#39483) @mj12albert
124
+
125
+ ## Docs
126
+
127
+ - &#8203;<!-- 30 -->[base-ui][NumberInput] Fix inconsistent demo component names (#39786) @mnajdova
128
+ - &#8203;<!-- 29 -->[base-ui][Menu] Refine demos (#39823) @zanivan
129
+ - &#8203;<!-- 28 -->[base-ui][Switch] Refine demos (#39822) @zanivan
130
+ - &#8203;<!-- 16 -->[joy-ui] Fix API generation for Grid (#39861) @oliviertassinari
131
+ - &#8203;<!-- 15 -->[joy-ui] Fix menu in color inversion header demo (#39785) @sai6855
132
+ - &#8203;<!-- 14 -->[joy-ui] Change the design kit link on the Overview page (#39725) @danilo-leal
133
+ - &#8203;<!-- 13 -->[joy-ui] Add `CssBaseline` to integration with Material UI page (#39790) @swillianc
134
+ - &#8203;<!-- 10 -->[joy-ui][Tabs] Add wordBreak style to demo (#39821) @sai6855
135
+
136
+ ## Core
137
+
138
+ - &#8203;<!-- 27 -->[blog] MUI X late v6 blog post (#39700) @joserodolfofreitas
139
+ - &#8203;<!-- 25 -->[CHANGELOG] Correct the Joy UI version in the changelog (#39788) @michaldudak
140
+ - &#8203;<!-- 23 -->[core] Remove legacy docs files (#39860) @oliviertassinari
141
+ - &#8203;<!-- 22 -->[core] Fix GitHub title tag consistency @oliviertassinari
142
+ - &#8203;<!-- 21 -->[core] Make the API docs builder configurable per project (#39772) @michaldudak
143
+ - &#8203;<!-- 20 -->[docs] Fix the default theme viewer font family (#39782) @danilo-leal
144
+ - &#8203;<!-- 19 -->[docs-infra] Fix hydration api (#39706) @oliviertassinari
145
+ - &#8203;<!-- 18 -->[docs-infra] Adjust the website & docs footer (#39810) @danilo-leal
146
+ - &#8203;<!-- 17 -->[docs-infra] Fix bug on API prop copy experience (#39707) @oliviertassinari
147
+ - &#8203;<!-- 01 -->[website] Change roadmap link destination (#39639) @danilo-leal
148
+
149
+ All contributors of this release in alphabetical order: @anle9650, @axelbostrom, @danilo-leal, @joserodolfofreitas, @lhilgert9, @michaldudak, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @siriwatknp, @swillianc, @zanivan, @ZeeshanTamboli
150
+
3
151
  ## 5.14.17
4
152
 
5
153
  <!-- generated comparing v5.14.16..master -->
@@ -14,7 +162,7 @@ This release was mostly about 🐛 bug fixes and 📚 documentation improvements
14
162
  - [Dialog] Should not close until the IME is cancelled (#39713) @megos
15
163
  - [InputBase] Add `sx` type to `input` and `root` slot (#39569) @sai6855
16
164
 
17
- ### `@mui/joy@5.0.0-beta.13`
165
+ ### `@mui/joy@5.0.0-beta.14`
18
166
 
19
167
  - [ModalDialog] Remove redundant code (#39719) @sai6855
20
168
  - [ToggleButtonGroup] Fix toggling button state when `Button` is not immediate children (#39571) @sai6855
@@ -876,7 +1024,7 @@ A big thanks to the 21 contributors who made this release possible. Here are som
876
1024
 
877
1025
  ### Core
878
1026
 
879
- - [CHANGELOG] Fix issues in highlight @oliviertassinari
1027
+ - [changelog] Fix issues in highlight @oliviertassinari
880
1028
  - [core] Remove redundant `@material-ui/` aliases from regression test webpack config (#38574) @ZeeshanTamboli
881
1029
  - [core] Fix CI error @oliviertassinari
882
1030
  - [core] Remove unnecessary Box (#38461) @oliviertassinari
@@ -1535,7 +1683,7 @@ A big thanks to the 25 contributors who made this release possible. Here are som
1535
1683
  - &#8203;<!-- 20 -->[docs-infra] Fix demos border radius (#37658) @oliviertassinari
1536
1684
  - &#8203;<!-- 19 -->[docs-infra] Add analyticsTags to Algolia (#37600) @Janpot
1537
1685
  - &#8203;<!-- 18 -->[docs-infra] Simplify product id handling (#37593) @oliviertassinari
1538
- - &#8203;<!-- 35 -->[CHANGELOG] Add missing release date for v5.13.5 @oliviertassinari
1686
+ - &#8203;<!-- 35 -->[changelog] Add missing release date for v5.13.5 @oliviertassinari
1539
1687
  - &#8203;<!-- 16 -->[examples] Shell command fix in the readme file of material-next-ts example (#37675) @bablukpik
1540
1688
  - &#8203;<!-- 15 -->[examples] Next.js v13 app router with Material UI (#37315) @smo043
1541
1689
 
@@ -6878,7 +7026,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
6878
7026
 
6879
7027
  - [blog] MUI X v5 blog post (#29590) @DanailH
6880
7028
  - [blog] Polish the Benny Joo joins MUI post (#29697) @oliviertassinari
6881
- - [CHANGELOG] Explain why we do breaking changes @oliviertassinari
7029
+ - [changelog] Explain why we do breaking changes @oliviertassinari
6882
7030
  - [core] Update latest issue template for codesandbox CI (#29783) @eps1lon
6883
7031
  - [core] Ensure `@mui/core` is an alias for `@mui/base` (#29762) @eps1lon
6884
7032
  - [docs] Fix broken Next and Previous links (#29711) @scallaway
@@ -10121,7 +10269,7 @@ The prop didn't solve any important problem better than any of its alternatives
10121
10269
 
10122
10270
  ### Core
10123
10271
 
10124
- - &#8203;<!-- 01 -->[CHANGELOG] Better document breaking changes @oliviertassinari
10272
+ - &#8203;<!-- 01 -->[changelog] Better document breaking changes @oliviertassinari
10125
10273
  - &#8203;<!-- 05 -->[core] Modernize icons `builder:src` (#25137) @eps1lon
10126
10274
  - &#8203;<!-- 04 -->[core] Properly use BABEL_ENV test and development (#25139) @eps1lon
10127
10275
  - &#8203;<!-- 15 -->[test] Add (manual) visual regression test for icons (#25160) @eps1lon
@@ -10144,7 +10292,7 @@ A big thanks to the 26 contributors who made this release possible. Here are som
10144
10292
  This is a follow-up effort after we have merged `material-ui-pickers`. The components are written in TypeScript which required us to upgrade our infra.
10145
10293
  - 👌 Improve the Slider thumb and track animation (#24968) @remyoudemans.
10146
10294
  The thumb is now moving with a light transition between different values unless it's dragged.
10147
- <img src="https://user-images.githubusercontent.com/3165635/109394906-b7405a00-7929-11eb-829a-3b5246c30c08.gif" width="412" height="110" />
10295
+ <img src="https://user-images.githubusercontent.com/3165635/109394906-b7405a00-7929-11eb-829a-3b5246c30c08.gif" width="412" height="110" alt="thumb-animation" />
10148
10296
  - 💅 Convert 5 components with custom colors support (#25099, #25088) @mngu.
10149
10297
  This change makes it easier to leverage custom palettes
10150
10298
  - And many more 🐛 bug fixes and 📚 improvements.
package/Unstable_Grid/Grid.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  *
3
3
  * Demos:
4
4
  *
5
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
5
6
  * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
6
7
  *
7
8
  * API:
package/Unstable_Grid/Grid.js CHANGED
@@ -12,6 +12,7 @@ var _createGrid = _interopRequireDefault(require("./createGrid"));
12
12
  *
13
13
  * Demos:
14
14
  *
15
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
15
16
  * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
16
17
  *
17
18
  * API:
package/borders.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.borderTopColor = exports.borderTop = exports.borderRightColor = exports.borderRight = exports.borderRadius = exports.borderLeftColor = exports.borderLeft = exports.borderColor = exports.borderBottomColor = exports.borderBottom = exports.border = void 0;
8
8
  exports.borderTransform = borderTransform;
9
- exports.default = void 0;
9
+ exports.outlineColor = exports.outline = exports.default = void 0;
10
10
  var _responsivePropType = _interopRequireDefault(require("./responsivePropType"));
11
11
  var _style = _interopRequireDefault(require("./style"));
12
12
  var _compose = _interopRequireDefault(require("./compose"));
@@ -18,51 +18,25 @@ function borderTransform(value) {
18
18
  }
19
19
  return `${value}px solid`;
20
20
  }
21
- const border = exports.border = (0, _style.default)({
22
- prop: 'border',
23
- themeKey: 'borders',
24
- transform: borderTransform
25
- });
26
- const borderTop = exports.borderTop = (0, _style.default)({
27
- prop: 'borderTop',
28
- themeKey: 'borders',
29
- transform: borderTransform
30
- });
31
- const borderRight = exports.borderRight = (0, _style.default)({
32
- prop: 'borderRight',
33
- themeKey: 'borders',
34
- transform: borderTransform
35
- });
36
- const borderBottom = exports.borderBottom = (0, _style.default)({
37
- prop: 'borderBottom',
38
- themeKey: 'borders',
39
- transform: borderTransform
40
- });
41
- const borderLeft = exports.borderLeft = (0, _style.default)({
42
- prop: 'borderLeft',
43
- themeKey: 'borders',
44
- transform: borderTransform
45
- });
46
- const borderColor = exports.borderColor = (0, _style.default)({
47
- prop: 'borderColor',
48
- themeKey: 'palette'
49
- });
50
- const borderTopColor = exports.borderTopColor = (0, _style.default)({
51
- prop: 'borderTopColor',
52
- themeKey: 'palette'
53
- });
54
- const borderRightColor = exports.borderRightColor = (0, _style.default)({
55
- prop: 'borderRightColor',
56
- themeKey: 'palette'
57
- });
58
- const borderBottomColor = exports.borderBottomColor = (0, _style.default)({
59
- prop: 'borderBottomColor',
60
- themeKey: 'palette'
61
- });
62
- const borderLeftColor = exports.borderLeftColor = (0, _style.default)({
63
- prop: 'borderLeftColor',
64
- themeKey: 'palette'
65
- });
21
+ function createBorderStyle(prop, transform) {
22
+ return (0, _style.default)({
23
+ prop,
24
+ themeKey: 'borders',
25
+ transform
26
+ });
27
+ }
28
+ const border = exports.border = createBorderStyle('border', borderTransform);
29
+ const borderTop = exports.borderTop = createBorderStyle('borderTop', borderTransform);
30
+ const borderRight = exports.borderRight = createBorderStyle('borderRight', borderTransform);
31
+ const borderBottom = exports.borderBottom = createBorderStyle('borderBottom', borderTransform);
32
+ const borderLeft = exports.borderLeft = createBorderStyle('borderLeft', borderTransform);
33
+ const borderColor = exports.borderColor = createBorderStyle('borderColor');
34
+ const borderTopColor = exports.borderTopColor = createBorderStyle('borderTopColor');
35
+ const borderRightColor = exports.borderRightColor = createBorderStyle('borderRightColor');
36
+ const borderBottomColor = exports.borderBottomColor = createBorderStyle('borderBottomColor');
37
+ const borderLeftColor = exports.borderLeftColor = createBorderStyle('borderLeftColor');
38
+ const outline = exports.outline = createBorderStyle('outline', borderTransform);
39
+ const outlineColor = exports.outlineColor = createBorderStyle('outlineColor');
66
40
 
67
41
  // false positive
68
42
  // eslint-disable-next-line react/function-component-definition
@@ -81,5 +55,5 @@ borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
81
55
  borderRadius: _responsivePropType.default
82
56
  } : {};
83
57
  borderRadius.filterProps = ['borderRadius'];
84
- const borders = (0, _compose.default)(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
58
+ const borders = (0, _compose.default)(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
85
59
  var _default = exports.default = borders;
package/esm/Box/Box.js CHANGED
@@ -1,8 +1,13 @@
1
1
  'use client';
2
2
 
3
3
  import PropTypes from 'prop-types';
4
+ import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
4
5
  import createBox from '../createBox';
5
- const Box = createBox();
6
+ import boxClasses from './boxClasses';
7
+ const Box = createBox({
8
+ defaultClassName: boxClasses.root,
9
+ generateClassName: ClassNameGenerator.generate
10
+ });
6
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
7
12
  // ----------------------------- Warning --------------------------------
8
13
  // | These PropTypes are generated from the TypeScript type definitions |
package/esm/Box/boxClasses.js ADDED
@@ -0,0 +1,3 @@
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ const boxClasses = generateUtilityClasses('MuiBox', ['root']);
3
+ export default boxClasses;
package/esm/Box/index.js CHANGED
@@ -1,3 +1,5 @@
1
1
  'use client';
2
2
 
3
- export { default } from './Box';
3
+ export { default } from './Box';
4
+ export { default as boxClasses } from './boxClasses';
5
+ export * from './boxClasses';
package/esm/Unstable_Grid/Grid.js CHANGED
@@ -6,6 +6,7 @@ import createGrid from './createGrid';
6
6
  *
7
7
  * Demos:
8
8
  *
9
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
9
10
  * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
10
11
  *
11
12
  * API:
package/esm/borders.js CHANGED
@@ -9,51 +9,25 @@ export function borderTransform(value) {
9
9
  }
10
10
  return `${value}px solid`;
11
11
  }
12
- export const border = style({
13
- prop: 'border',
14
- themeKey: 'borders',
15
- transform: borderTransform
16
- });
17
- export const borderTop = style({
18
- prop: 'borderTop',
19
- themeKey: 'borders',
20
- transform: borderTransform
21
- });
22
- export const borderRight = style({
23
- prop: 'borderRight',
24
- themeKey: 'borders',
25
- transform: borderTransform
26
- });
27
- export const borderBottom = style({
28
- prop: 'borderBottom',
29
- themeKey: 'borders',
30
- transform: borderTransform
31
- });
32
- export const borderLeft = style({
33
- prop: 'borderLeft',
34
- themeKey: 'borders',
35
- transform: borderTransform
36
- });
37
- export const borderColor = style({
38
- prop: 'borderColor',
39
- themeKey: 'palette'
40
- });
41
- export const borderTopColor = style({
42
- prop: 'borderTopColor',
43
- themeKey: 'palette'
44
- });
45
- export const borderRightColor = style({
46
- prop: 'borderRightColor',
47
- themeKey: 'palette'
48
- });
49
- export const borderBottomColor = style({
50
- prop: 'borderBottomColor',
51
- themeKey: 'palette'
52
- });
53
- export const borderLeftColor = style({
54
- prop: 'borderLeftColor',
55
- themeKey: 'palette'
56
- });
12
+ function createBorderStyle(prop, transform) {
13
+ return style({
14
+ prop,
15
+ themeKey: 'borders',
16
+ transform
17
+ });
18
+ }
19
+ export const border = createBorderStyle('border', borderTransform);
20
+ export const borderTop = createBorderStyle('borderTop', borderTransform);
21
+ export const borderRight = createBorderStyle('borderRight', borderTransform);
22
+ export const borderBottom = createBorderStyle('borderBottom', borderTransform);
23
+ export const borderLeft = createBorderStyle('borderLeft', borderTransform);
24
+ export const borderColor = createBorderStyle('borderColor');
25
+ export const borderTopColor = createBorderStyle('borderTopColor');
26
+ export const borderRightColor = createBorderStyle('borderRightColor');
27
+ export const borderBottomColor = createBorderStyle('borderBottomColor');
28
+ export const borderLeftColor = createBorderStyle('borderLeftColor');
29
+ export const outline = createBorderStyle('outline', borderTransform);
30
+ export const outlineColor = createBorderStyle('outlineColor');
57
31
 
58
32
  // false positive
59
33
  // eslint-disable-next-line react/function-component-definition
@@ -71,5 +45,5 @@ borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
71
45
  borderRadius: responsivePropType
72
46
  } : {};
73
47
  borderRadius.filterProps = ['borderRadius'];
74
- const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
48
+ const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
75
49
  export default borders;
package/esm/styleFunctionSx/defaultSxConfig.js CHANGED
@@ -40,6 +40,13 @@ const defaultSxConfig = {
40
40
  borderLeftColor: {
41
41
  themeKey: 'palette'
42
42
  },
43
+ outline: {
44
+ themeKey: 'borders',
45
+ transform: borderTransform
46
+ },
47
+ outlineColor: {
48
+ themeKey: 'palette'
49
+ },
43
50
  borderRadius: {
44
51
  themeKey: 'shape.borderRadius',
45
52
  style: borderRadius
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.17
2
+ * @mui/system v5.14.19
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/Box/Box.js CHANGED
@@ -1,8 +1,13 @@
1
1
  'use client';
2
2
 
3
3
  import PropTypes from 'prop-types';
4
+ import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
4
5
  import createBox from '../createBox';
5
- var Box = createBox();
6
+ import boxClasses from './boxClasses';
7
+ var Box = createBox({
8
+ defaultClassName: boxClasses.root,
9
+ generateClassName: ClassNameGenerator.generate
10
+ });
6
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
7
12
  // ----------------------------- Warning --------------------------------
8
13
  // | These PropTypes are generated from the TypeScript type definitions |
package/legacy/Box/boxClasses.js ADDED
@@ -0,0 +1,3 @@
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ var boxClasses = generateUtilityClasses('MuiBox', ['root']);
3
+ export default boxClasses;
package/legacy/Box/index.js CHANGED
@@ -1,3 +1,5 @@
1
1
  'use client';
2
2
 
3
- export { default } from './Box';
3
+ export { default } from './Box';
4
+ export { default as boxClasses } from './boxClasses';
5
+ export * from './boxClasses';
package/legacy/Unstable_Grid/Grid.js CHANGED
@@ -6,6 +6,7 @@ import createGrid from './createGrid';
6
6
  *
7
7
  * Demos:
8
8
  *
9
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
9
10
  * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
10
11
  *
11
12
  * API:
package/legacy/borders.js CHANGED
@@ -9,51 +9,25 @@ export function borderTransform(value) {
9
9
  }
10
10
  return "".concat(value, "px solid");
11
11
  }
12
- export var border = style({
13
- prop: 'border',
14
- themeKey: 'borders',
15
- transform: borderTransform
16
- });
17
- export var borderTop = style({
18
- prop: 'borderTop',
19
- themeKey: 'borders',
20
- transform: borderTransform
21
- });
22
- export var borderRight = style({
23
- prop: 'borderRight',
24
- themeKey: 'borders',
25
- transform: borderTransform
26
- });
27
- export var borderBottom = style({
28
- prop: 'borderBottom',
29
- themeKey: 'borders',
30
- transform: borderTransform
31
- });
32
- export var borderLeft = style({
33
- prop: 'borderLeft',
34
- themeKey: 'borders',
35
- transform: borderTransform
36
- });
37
- export var borderColor = style({
38
- prop: 'borderColor',
39
- themeKey: 'palette'
40
- });
41
- export var borderTopColor = style({
42
- prop: 'borderTopColor',
43
- themeKey: 'palette'
44
- });
45
- export var borderRightColor = style({
46
- prop: 'borderRightColor',
47
- themeKey: 'palette'
48
- });
49
- export var borderBottomColor = style({
50
- prop: 'borderBottomColor',
51
- themeKey: 'palette'
52
- });
53
- export var borderLeftColor = style({
54
- prop: 'borderLeftColor',
55
- themeKey: 'palette'
56
- });
12
+ function createBorderStyle(prop, transform) {
13
+ return style({
14
+ prop: prop,
15
+ themeKey: 'borders',
16
+ transform: transform
17
+ });
18
+ }
19
+ export var border = createBorderStyle('border', borderTransform);
20
+ export var borderTop = createBorderStyle('borderTop', borderTransform);
21
+ export var borderRight = createBorderStyle('borderRight', borderTransform);
22
+ export var borderBottom = createBorderStyle('borderBottom', borderTransform);
23
+ export var borderLeft = createBorderStyle('borderLeft', borderTransform);
24
+ export var borderColor = createBorderStyle('borderColor');
25
+ export var borderTopColor = createBorderStyle('borderTopColor');
26
+ export var borderRightColor = createBorderStyle('borderRightColor');
27
+ export var borderBottomColor = createBorderStyle('borderBottomColor');
28
+ export var borderLeftColor = createBorderStyle('borderLeftColor');
29
+ export var outline = createBorderStyle('outline', borderTransform);
30
+ export var outlineColor = createBorderStyle('outlineColor');
57
31
 
58
32
  // false positive
59
33
  // eslint-disable-next-line react/function-component-definition
@@ -73,5 +47,5 @@ borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
73
47
  borderRadius: responsivePropType
74
48
  } : {};
75
49
  borderRadius.filterProps = ['borderRadius'];
76
- var borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
50
+ var borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
77
51
  export default borders;
package/legacy/getThemeValue.js CHANGED
@@ -40,8 +40,7 @@ export var propToStyleFunction = Object.keys(filterPropsMapping).reduce(function
40
40
  return acc;
41
41
  }, {});
42
42
  function getThemeValue(prop, value, theme) {
43
- var _inputProps;
44
- var inputProps = (_inputProps = {}, _defineProperty(_inputProps, prop, value), _defineProperty(_inputProps, "theme", theme), _inputProps);
43
+ var inputProps = _defineProperty(_defineProperty({}, prop, value), "theme", theme);
45
44
  var styleFunction = propToStyleFunction[prop];
46
45
  return styleFunction ? styleFunction(inputProps) : _defineProperty({}, prop, value);
47
46
  }
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.17
2
+ * @mui/system v5.14.19
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/styleFunctionSx/defaultSxConfig.js CHANGED
@@ -40,6 +40,13 @@ var defaultSxConfig = {
40
40
  borderLeftColor: {
41
41
  themeKey: 'palette'
42
42
  },
43
+ outline: {
44
+ themeKey: 'borders',
45
+ transform: borderTransform
46
+ },
47
+ outlineColor: {
48
+ themeKey: 'palette'
49
+ },
43
50
  borderRadius: {
44
51
  themeKey: 'shape.borderRadius',
45
52
  style: borderRadius
package/legacy/styleFunctionSx/styleFunctionSx.js CHANGED
@@ -24,8 +24,7 @@ function callIfFn(maybeFn, arg) {
24
24
  // eslint-disable-next-line @typescript-eslint/naming-convention
25
25
  export function unstable_createStyleFunctionSx() {
26
26
  function getThemeValue(prop, val, theme, config) {
27
- var _props;
28
- var props = (_props = {}, _defineProperty(_props, prop, val), _defineProperty(_props, "theme", theme), _props);
27
+ var props = _defineProperty(_defineProperty({}, prop, val), "theme", theme);
29
28
  var options = config[prop];
30
29
  if (!options) {
31
30
  return _defineProperty({}, prop, val);
package/modern/Box/Box.js CHANGED
@@ -1,8 +1,13 @@
1
1
  'use client';
2
2
 
3
3
  import PropTypes from 'prop-types';
4
+ import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/utils';
4
5
  import createBox from '../createBox';
5
- const Box = createBox();
6
+ import boxClasses from './boxClasses';
7
+ const Box = createBox({
8
+ defaultClassName: boxClasses.root,
9
+ generateClassName: ClassNameGenerator.generate
10
+ });
6
11
  process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
7
12
  // ----------------------------- Warning --------------------------------
8
13
  // | These PropTypes are generated from the TypeScript type definitions |
package/modern/Box/boxClasses.js ADDED
@@ -0,0 +1,3 @@
1
+ import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ const boxClasses = generateUtilityClasses('MuiBox', ['root']);
3
+ export default boxClasses;
package/modern/Box/index.js CHANGED
@@ -1,3 +1,5 @@
1
1
  'use client';
2
2
 
3
- export { default } from './Box';
3
+ export { default } from './Box';
4
+ export { default as boxClasses } from './boxClasses';
5
+ export * from './boxClasses';
package/modern/Unstable_Grid/Grid.js CHANGED
@@ -6,6 +6,7 @@ import createGrid from './createGrid';
6
6
  *
7
7
  * Demos:
8
8
  *
9
+ * - [Grid (Joy UI)](https://mui.com/joy-ui/react-grid/)
9
10
  * - [Grid (Material UI)](https://mui.com/material-ui/react-grid/)
10
11
  *
11
12
  * API:
package/modern/borders.js CHANGED
@@ -9,51 +9,25 @@ export function borderTransform(value) {
9
9
  }
10
10
  return `${value}px solid`;
11
11
  }
12
- export const border = style({
13
- prop: 'border',
14
- themeKey: 'borders',
15
- transform: borderTransform
16
- });
17
- export const borderTop = style({
18
- prop: 'borderTop',
19
- themeKey: 'borders',
20
- transform: borderTransform
21
- });
22
- export const borderRight = style({
23
- prop: 'borderRight',
24
- themeKey: 'borders',
25
- transform: borderTransform
26
- });
27
- export const borderBottom = style({
28
- prop: 'borderBottom',
29
- themeKey: 'borders',
30
- transform: borderTransform
31
- });
32
- export const borderLeft = style({
33
- prop: 'borderLeft',
34
- themeKey: 'borders',
35
- transform: borderTransform
36
- });
37
- export const borderColor = style({
38
- prop: 'borderColor',
39
- themeKey: 'palette'
40
- });
41
- export const borderTopColor = style({
42
- prop: 'borderTopColor',
43
- themeKey: 'palette'
44
- });
45
- export const borderRightColor = style({
46
- prop: 'borderRightColor',
47
- themeKey: 'palette'
48
- });
49
- export const borderBottomColor = style({
50
- prop: 'borderBottomColor',
51
- themeKey: 'palette'
52
- });
53
- export const borderLeftColor = style({
54
- prop: 'borderLeftColor',
55
- themeKey: 'palette'
56
- });
12
+ function createBorderStyle(prop, transform) {
13
+ return style({
14
+ prop,
15
+ themeKey: 'borders',
16
+ transform
17
+ });
18
+ }
19
+ export const border = createBorderStyle('border', borderTransform);
20
+ export const borderTop = createBorderStyle('borderTop', borderTransform);
21
+ export const borderRight = createBorderStyle('borderRight', borderTransform);
22
+ export const borderBottom = createBorderStyle('borderBottom', borderTransform);
23
+ export const borderLeft = createBorderStyle('borderLeft', borderTransform);
24
+ export const borderColor = createBorderStyle('borderColor');
25
+ export const borderTopColor = createBorderStyle('borderTopColor');
26
+ export const borderRightColor = createBorderStyle('borderRightColor');
27
+ export const borderBottomColor = createBorderStyle('borderBottomColor');
28
+ export const borderLeftColor = createBorderStyle('borderLeftColor');
29
+ export const outline = createBorderStyle('outline', borderTransform);
30
+ export const outlineColor = createBorderStyle('outlineColor');
57
31
 
58
32
  // false positive
59
33
  // eslint-disable-next-line react/function-component-definition
@@ -71,5 +45,5 @@ borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
71
45
  borderRadius: responsivePropType
72
46
  } : {};
73
47
  borderRadius.filterProps = ['borderRadius'];
74
- const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
48
+ const borders = compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
75
49
  export default borders;
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/system v5.14.17
2
+ * @mui/system v5.14.19
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/styleFunctionSx/defaultSxConfig.js CHANGED
@@ -40,6 +40,13 @@ const defaultSxConfig = {
40
40
  borderLeftColor: {
41
41
  themeKey: 'palette'
42
42
  },
43
+ outline: {
44
+ themeKey: 'borders',
45
+ transform: borderTransform
46
+ },
47
+ outlineColor: {
48
+ themeKey: 'palette'
49
+ },
43
50
  borderRadius: {
44
51
  themeKey: 'shape.borderRadius',
45
52
  style: borderRadius
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/system",
3
- "version": "5.14.17",
3
+ "version": "5.14.19",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "CSS utilities for rapidly laying out custom designs.",
@@ -23,14 +23,14 @@
23
23
  "homepage": "https://mui.com/system/getting-started/",
24
24
  "funding": {
25
25
  "type": "opencollective",
26
- "url": "https://opencollective.com/mui"
26
+ "url": "https://opencollective.com/mui-org"
27
27
  },
28
28
  "dependencies": {
29
- "@babel/runtime": "^7.23.2",
30
- "@mui/private-theming": "^5.14.17",
31
- "@mui/styled-engine": "^5.14.17",
32
- "@mui/types": "^7.2.8",
33
- "@mui/utils": "^5.14.17",
29
+ "@babel/runtime": "^7.23.4",
30
+ "@mui/private-theming": "^5.14.19",
31
+ "@mui/styled-engine": "^5.14.19",
32
+ "@mui/types": "^7.2.10",
33
+ "@mui/utils": "^5.14.19",
34
34
  "clsx": "^2.0.0",
35
35
  "csstype": "^3.1.2",
36
36
  "prop-types": "^15.8.1"
package/styleFunctionSx/defaultSxConfig.js CHANGED
@@ -46,6 +46,13 @@ const defaultSxConfig = {
46
46
  borderLeftColor: {
47
47
  themeKey: 'palette'
48
48
  },
49
+ outline: {
50
+ themeKey: 'borders',
51
+ transform: _borders.borderTransform
52
+ },
53
+ outlineColor: {
54
+ themeKey: 'palette'
55
+ },
49
56
  borderRadius: {
50
57
  themeKey: 'shape.borderRadius',
51
58
  style: _borders.borderRadius