@yamada-ui/react 0.5.27 → 0.6.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.
package/dist/index.d.mts CHANGED
@@ -1,9 +1,7 @@
1
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken } from './extend-theme.mjs';
2
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant } from './with-default.mjs';
3
- export { extendConfig } from './extend-config.mjs';
4
1
  export * from '@yamada-ui/core';
5
2
  export * from '@yamada-ui/utils';
6
3
  export * from '@yamada-ui/theme';
4
+ export * from '@yamada-ui/theme-tools';
7
5
  export * from '@yamada-ui/providers';
8
6
  export * from '@yamada-ui/accordion';
9
7
  export * from '@yamada-ui/alert';
package/dist/index.d.ts CHANGED
@@ -1,9 +1,7 @@
1
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken } from './extend-theme.js';
2
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant } from './with-default.js';
3
- export { extendConfig } from './extend-config.js';
4
1
  export * from '@yamada-ui/core';
5
2
  export * from '@yamada-ui/utils';
6
3
  export * from '@yamada-ui/theme';
4
+ export * from '@yamada-ui/theme-tools';
7
5
  export * from '@yamada-ui/providers';
8
6
  export * from '@yamada-ui/accordion';
9
7
  export * from '@yamada-ui/alert';
package/dist/index.js CHANGED
@@ -3,10 +3,6 @@ var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
6
  var __copyProps = (to, from, except, desc) => {
11
7
  if (from && typeof from === "object" || typeof from === "function") {
12
8
  for (let key of __getOwnPropNames(from))
@@ -20,150 +16,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
16
 
21
17
  // src/index.ts
22
18
  var src_exports = {};
23
- __export(src_exports, {
24
- extendComponent: () => extendComponent,
25
- extendComponentDefaultProps: () => extendComponentDefaultProps,
26
- extendComponentSize: () => extendComponentSize,
27
- extendComponentVariant: () => extendComponentVariant,
28
- extendConfig: () => extendConfig,
29
- extendStyle: () => extendStyle,
30
- extendTheme: () => extendTheme,
31
- extendToken: () => extendToken,
32
- withDefaultColorScheme: () => withDefaultColorScheme,
33
- withDefaultProps: () => withDefaultProps,
34
- withDefaultSize: () => withDefaultSize,
35
- withDefaultVariant: () => withDefaultVariant
36
- });
37
19
  module.exports = __toCommonJS(src_exports);
38
-
39
- // src/extend-theme.ts
40
- var import_theme = require("@yamada-ui/theme");
41
- var import_utils = require("@yamada-ui/utils");
42
- var extendTheme = (...extensions) => ({ merge: merge3 = true, pick = [], omit = [] } = {}) => {
43
- let overrides = [...extensions];
44
- let theme = extensions[extensions.length - 1];
45
- let computedTheme = import_theme.defaultTheme;
46
- if (omit.length)
47
- computedTheme = (0, import_utils.omitObject)(computedTheme, omit);
48
- if (pick.length)
49
- computedTheme = (0, import_utils.pickObject)(computedTheme, pick);
50
- if (!(0, import_utils.isFunction)(theme) && overrides.length > 1) {
51
- overrides = overrides.slice(0, overrides.length - 1);
52
- if (merge3)
53
- theme = (0, import_utils.merge)(computedTheme, theme);
54
- } else {
55
- theme = merge3 ? computedTheme : {};
56
- }
57
- return overrides.reduce(
58
- (prev, extension) => (0, import_utils.merge)(prev, (0, import_utils.runIfFunc)(extension, prev)),
59
- theme
60
- );
61
- };
62
- var extendToken = (token, tokens) => (0, import_utils.merge)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, token, {}), tokens != null ? tokens : {});
63
- var extendStyle = (name, style) => {
64
- var _a;
65
- const props = {
66
- theme: {
67
- __config: {},
68
- __cssMap: {},
69
- __cssVars: {},
70
- __breakpoints: void 0
71
- }
72
- };
73
- return (0, import_utils.merge)(
74
- (0, import_utils.runIfFunc)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `styles.${name}`, {}), props),
75
- (_a = (0, import_utils.runIfFunc)(style, props)) != null ? _a : {}
76
- );
77
- };
78
- var extendComponent = (name, componentStyle) => (0, import_utils.merge)(
79
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}`, {}),
80
- componentStyle != null ? componentStyle : {}
81
- );
82
- var extendComponentSize = (name, componentSizes) => (0, import_utils.merge)(
83
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.sizes`, {}),
84
- componentSizes != null ? componentSizes : {}
85
- );
86
- var extendComponentVariant = (name, componentVariants) => (0, import_utils.merge)(
87
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.variants`, {}),
88
- componentVariants != null ? componentVariants : {}
89
- );
90
- var extendComponentDefaultProps = (name, componentDefaultProps) => (0, import_utils.merge)(
91
- (0, import_utils.getMemoizedObject)(
92
- import_theme.defaultTheme,
93
- `components.${name}.defaultProps`,
94
- {}
95
- ),
96
- componentDefaultProps != null ? componentDefaultProps : {}
97
- );
98
-
99
- // src/with-default.ts
100
- var import_utils2 = require("@yamada-ui/utils");
101
- var withDefaultSize = ({
102
- size,
103
- components
104
- }) => (theme) => {
105
- var _a;
106
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
107
- if ((0, import_utils2.isArray)(components))
108
- keys = components;
109
- return (0, import_utils2.merge)(theme, {
110
- components: Object.fromEntries(
111
- keys.map((key) => [key, { defaultProps: { size } }])
112
- )
113
- });
114
- };
115
- var withDefaultVariant = ({
116
- variant,
117
- components
118
- }) => (theme) => {
119
- var _a;
120
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
121
- if ((0, import_utils2.isArray)(components))
122
- keys = components;
123
- return (0, import_utils2.merge)(theme, {
124
- components: Object.fromEntries(
125
- keys.map((key) => [key, { defaultProps: { variant } }])
126
- )
127
- });
128
- };
129
- var withDefaultColorScheme = ({
130
- colorScheme,
131
- components
132
- }) => (theme) => {
133
- var _a;
134
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
135
- if ((0, import_utils2.isArray)(components))
136
- keys = components;
137
- return (0, import_utils2.merge)(theme, {
138
- components: Object.fromEntries(
139
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
140
- )
141
- });
142
- };
143
- var withDefaultProps = ({
144
- defaultProps,
145
- components
146
- }) => (theme) => {
147
- var _a;
148
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
149
- if ((0, import_utils2.isArray)(components))
150
- keys = components;
151
- return (0, import_utils2.merge)(theme, {
152
- components: Object.fromEntries(
153
- keys.map((key) => [key, { defaultProps }])
154
- )
155
- });
156
- };
157
-
158
- // src/extend-config.ts
159
- var import_theme2 = require("@yamada-ui/theme");
160
- var import_utils3 = require("@yamada-ui/utils");
161
- var extendConfig = (theme) => (0, import_utils3.merge)(import_theme2.defaultConfig, theme);
162
-
163
- // src/index.ts
164
20
  __reExport(src_exports, require("@yamada-ui/core"), module.exports);
165
21
  __reExport(src_exports, require("@yamada-ui/utils"), module.exports);
166
22
  __reExport(src_exports, require("@yamada-ui/theme"), module.exports);
23
+ __reExport(src_exports, require("@yamada-ui/theme-tools"), module.exports);
167
24
  __reExport(src_exports, require("@yamada-ui/providers"), module.exports);
168
25
  __reExport(src_exports, require("@yamada-ui/accordion"), module.exports);
169
26
  __reExport(src_exports, require("@yamada-ui/alert"), module.exports);
@@ -248,21 +105,10 @@ __reExport(src_exports, require("@yamada-ui/use-media-query"), module.exports);
248
105
  __reExport(src_exports, require("@yamada-ui/use-clipboard"), module.exports);
249
106
  // Annotate the CommonJS export names for ESM import in node:
250
107
  0 && (module.exports = {
251
- extendComponent,
252
- extendComponentDefaultProps,
253
- extendComponentSize,
254
- extendComponentVariant,
255
- extendConfig,
256
- extendStyle,
257
- extendTheme,
258
- extendToken,
259
- withDefaultColorScheme,
260
- withDefaultProps,
261
- withDefaultSize,
262
- withDefaultVariant,
263
108
  ...require("@yamada-ui/core"),
264
109
  ...require("@yamada-ui/utils"),
265
110
  ...require("@yamada-ui/theme"),
111
+ ...require("@yamada-ui/theme-tools"),
266
112
  ...require("@yamada-ui/providers"),
267
113
  ...require("@yamada-ui/accordion"),
268
114
  ...require("@yamada-ui/alert"),
package/dist/index.mjs CHANGED
@@ -1,26 +1,8 @@
1
- import {
2
- extendConfig
3
- } from "./chunk-5DHJHEGQ.mjs";
4
- import {
5
- extendComponent,
6
- extendComponentDefaultProps,
7
- extendComponentSize,
8
- extendComponentVariant,
9
- extendStyle,
10
- extendTheme,
11
- extendToken
12
- } from "./chunk-ITYVEL25.mjs";
13
- import {
14
- withDefaultColorScheme,
15
- withDefaultProps,
16
- withDefaultSize,
17
- withDefaultVariant
18
- } from "./chunk-2WAOE43L.mjs";
19
-
20
1
  // src/index.ts
21
2
  export * from "@yamada-ui/core";
22
3
  export * from "@yamada-ui/utils";
23
4
  export * from "@yamada-ui/theme";
5
+ export * from "@yamada-ui/theme-tools";
24
6
  export * from "@yamada-ui/providers";
25
7
  export * from "@yamada-ui/accordion";
26
8
  export * from "@yamada-ui/alert";
@@ -103,17 +85,3 @@ export * from "@yamada-ui/use-local-storage";
103
85
  export * from "@yamada-ui/use-window-event";
104
86
  export * from "@yamada-ui/use-media-query";
105
87
  export * from "@yamada-ui/use-clipboard";
106
- export {
107
- extendComponent,
108
- extendComponentDefaultProps,
109
- extendComponentSize,
110
- extendComponentVariant,
111
- extendConfig,
112
- extendStyle,
113
- extendTheme,
114
- extendToken,
115
- withDefaultColorScheme,
116
- withDefaultProps,
117
- withDefaultSize,
118
- withDefaultVariant
119
- };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
- "version": "0.5.27",
3
+ "version": "0.6.1",
4
4
  "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,91 +35,92 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/accordion": "0.2.15",
39
- "@yamada-ui/alert": "0.3.13",
40
- "@yamada-ui/autocomplete": "0.2.19",
41
- "@yamada-ui/avatar": "0.2.14",
42
- "@yamada-ui/badge": "0.2.13",
43
- "@yamada-ui/breadcrumb": "0.2.13",
44
- "@yamada-ui/button": "0.2.13",
45
- "@yamada-ui/card": "0.2.13",
46
- "@yamada-ui/checkbox": "0.2.14",
47
- "@yamada-ui/close-button": "0.2.13",
48
- "@yamada-ui/core": "0.6.3",
49
- "@yamada-ui/editable": "0.2.13",
50
- "@yamada-ui/file-button": "0.2.13",
51
- "@yamada-ui/file-input": "0.2.13",
52
- "@yamada-ui/focus-lock": "0.2.4",
53
- "@yamada-ui/form-control": "0.2.13",
54
- "@yamada-ui/highlight": "0.2.13",
55
- "@yamada-ui/icon": "0.2.13",
56
- "@yamada-ui/image": "0.2.13",
57
- "@yamada-ui/indicator": "0.2.13",
58
- "@yamada-ui/input": "0.2.13",
59
- "@yamada-ui/kbd": "0.2.13",
60
- "@yamada-ui/layouts": "0.2.13",
61
- "@yamada-ui/link": "0.2.13",
62
- "@yamada-ui/list": "0.2.14",
63
- "@yamada-ui/loading": "0.3.13",
64
- "@yamada-ui/menu": "0.2.19",
65
- "@yamada-ui/modal": "0.3.5",
66
- "@yamada-ui/motion": "0.3.11",
67
- "@yamada-ui/native-select": "0.2.13",
68
- "@yamada-ui/native-table": "0.2.13",
69
- "@yamada-ui/notice": "0.3.13",
70
- "@yamada-ui/number-input": "0.2.13",
71
- "@yamada-ui/pagination": "0.2.13",
72
- "@yamada-ui/pin-input": "0.2.14",
73
- "@yamada-ui/popover": "0.2.17",
74
- "@yamada-ui/portal": "0.2.4",
75
- "@yamada-ui/progress": "0.3.13",
76
- "@yamada-ui/providers": "0.6.13",
77
- "@yamada-ui/radio": "0.2.13",
78
- "@yamada-ui/reorder": "0.2.14",
79
- "@yamada-ui/scroll-area": "0.2.13",
80
- "@yamada-ui/segmented-control": "0.2.14",
81
- "@yamada-ui/select": "0.2.19",
82
- "@yamada-ui/skeleton": "0.2.13",
83
- "@yamada-ui/slider": "0.2.13",
84
- "@yamada-ui/stepper": "0.2.14",
85
- "@yamada-ui/switch": "0.2.14",
86
- "@yamada-ui/tabs": "0.2.18",
87
- "@yamada-ui/tag": "0.2.14",
88
- "@yamada-ui/textarea": "0.2.13",
89
- "@yamada-ui/theme": "0.5.5",
90
- "@yamada-ui/tooltip": "0.2.17",
91
- "@yamada-ui/transitions": "0.2.14",
92
- "@yamada-ui/typography": "0.2.13",
93
- "@yamada-ui/use-animation": "0.1.25",
38
+ "@yamada-ui/accordion": "0.2.17",
39
+ "@yamada-ui/alert": "0.3.15",
40
+ "@yamada-ui/autocomplete": "0.2.21",
41
+ "@yamada-ui/avatar": "0.2.16",
42
+ "@yamada-ui/badge": "0.2.15",
43
+ "@yamada-ui/breadcrumb": "0.2.15",
44
+ "@yamada-ui/button": "0.2.15",
45
+ "@yamada-ui/card": "0.2.15",
46
+ "@yamada-ui/checkbox": "0.2.16",
47
+ "@yamada-ui/close-button": "0.2.15",
48
+ "@yamada-ui/core": "0.6.5",
49
+ "@yamada-ui/editable": "0.2.15",
50
+ "@yamada-ui/file-button": "0.2.15",
51
+ "@yamada-ui/file-input": "0.2.15",
52
+ "@yamada-ui/focus-lock": "0.2.5",
53
+ "@yamada-ui/form-control": "0.2.15",
54
+ "@yamada-ui/highlight": "0.2.15",
55
+ "@yamada-ui/icon": "0.2.15",
56
+ "@yamada-ui/image": "0.2.15",
57
+ "@yamada-ui/indicator": "0.2.15",
58
+ "@yamada-ui/input": "0.2.15",
59
+ "@yamada-ui/kbd": "0.2.15",
60
+ "@yamada-ui/layouts": "0.2.15",
61
+ "@yamada-ui/link": "0.2.15",
62
+ "@yamada-ui/list": "0.2.16",
63
+ "@yamada-ui/loading": "0.3.15",
64
+ "@yamada-ui/menu": "0.2.21",
65
+ "@yamada-ui/modal": "0.3.7",
66
+ "@yamada-ui/motion": "0.3.13",
67
+ "@yamada-ui/native-select": "0.2.15",
68
+ "@yamada-ui/native-table": "0.2.15",
69
+ "@yamada-ui/notice": "0.3.15",
70
+ "@yamada-ui/number-input": "0.2.15",
71
+ "@yamada-ui/pagination": "0.2.15",
72
+ "@yamada-ui/pin-input": "0.2.16",
73
+ "@yamada-ui/popover": "0.2.19",
74
+ "@yamada-ui/portal": "0.2.5",
75
+ "@yamada-ui/progress": "0.3.15",
76
+ "@yamada-ui/providers": "0.7.0",
77
+ "@yamada-ui/radio": "0.2.15",
78
+ "@yamada-ui/reorder": "0.2.16",
79
+ "@yamada-ui/scroll-area": "0.2.15",
80
+ "@yamada-ui/segmented-control": "0.2.16",
81
+ "@yamada-ui/select": "0.2.21",
82
+ "@yamada-ui/skeleton": "0.2.15",
83
+ "@yamada-ui/slider": "0.2.15",
84
+ "@yamada-ui/stepper": "0.2.16",
85
+ "@yamada-ui/switch": "0.2.16",
86
+ "@yamada-ui/tabs": "0.2.20",
87
+ "@yamada-ui/tag": "0.2.16",
88
+ "@yamada-ui/textarea": "0.2.15",
89
+ "@yamada-ui/theme": "0.6.2",
90
+ "@yamada-ui/theme-tools": "0.1.2",
91
+ "@yamada-ui/tooltip": "0.2.19",
92
+ "@yamada-ui/transitions": "0.2.16",
93
+ "@yamada-ui/typography": "0.2.15",
94
+ "@yamada-ui/use-animation": "0.1.27",
94
95
  "@yamada-ui/use-boolean": "0.1.0",
95
- "@yamada-ui/use-breakpoint": "0.1.25",
96
- "@yamada-ui/use-clickable": "0.2.5",
97
- "@yamada-ui/use-clipboard": "0.1.5",
98
- "@yamada-ui/use-controllable-state": "0.1.6",
99
- "@yamada-ui/use-counter": "0.2.4",
100
- "@yamada-ui/use-descendant": "0.1.6",
101
- "@yamada-ui/use-disclosure": "0.2.6",
102
- "@yamada-ui/use-event-listener": "0.1.5",
103
- "@yamada-ui/use-focus": "0.1.5",
104
- "@yamada-ui/use-focus-visible": "0.1.5",
105
- "@yamada-ui/use-hover": "0.1.5",
106
- "@yamada-ui/use-idle": "0.1.5",
107
- "@yamada-ui/use-interval": "0.1.6",
96
+ "@yamada-ui/use-breakpoint": "0.1.27",
97
+ "@yamada-ui/use-clickable": "0.2.6",
98
+ "@yamada-ui/use-clipboard": "0.1.6",
99
+ "@yamada-ui/use-controllable-state": "0.1.7",
100
+ "@yamada-ui/use-counter": "0.2.5",
101
+ "@yamada-ui/use-descendant": "0.1.7",
102
+ "@yamada-ui/use-disclosure": "0.2.7",
103
+ "@yamada-ui/use-event-listener": "0.1.6",
104
+ "@yamada-ui/use-focus": "0.1.6",
105
+ "@yamada-ui/use-focus-visible": "0.1.6",
106
+ "@yamada-ui/use-hover": "0.1.6",
107
+ "@yamada-ui/use-idle": "0.1.6",
108
+ "@yamada-ui/use-interval": "0.1.7",
108
109
  "@yamada-ui/use-latest-ref": "0.1.0",
109
- "@yamada-ui/use-local-storage": "0.1.7",
110
- "@yamada-ui/use-media-query": "0.1.30",
111
- "@yamada-ui/use-os": "0.1.5",
112
- "@yamada-ui/use-outside-click": "0.1.5",
113
- "@yamada-ui/use-pan-event": "0.1.6",
114
- "@yamada-ui/use-popper": "0.3.3",
115
- "@yamada-ui/use-previous": "0.1.5",
116
- "@yamada-ui/use-resize-observer": "0.1.5",
117
- "@yamada-ui/use-size": "0.1.5",
118
- "@yamada-ui/use-timeout": "0.1.6",
119
- "@yamada-ui/use-token": "0.1.25",
120
- "@yamada-ui/use-value": "0.1.25",
121
- "@yamada-ui/use-window-event": "0.1.5",
122
- "@yamada-ui/utils": "0.1.5"
110
+ "@yamada-ui/use-local-storage": "0.1.8",
111
+ "@yamada-ui/use-media-query": "0.1.33",
112
+ "@yamada-ui/use-os": "0.1.6",
113
+ "@yamada-ui/use-outside-click": "0.1.6",
114
+ "@yamada-ui/use-pan-event": "0.1.7",
115
+ "@yamada-ui/use-popper": "0.3.5",
116
+ "@yamada-ui/use-previous": "0.1.6",
117
+ "@yamada-ui/use-resize-observer": "0.1.6",
118
+ "@yamada-ui/use-size": "0.1.6",
119
+ "@yamada-ui/use-timeout": "0.1.7",
120
+ "@yamada-ui/use-token": "0.1.27",
121
+ "@yamada-ui/use-value": "0.1.27",
122
+ "@yamada-ui/use-window-event": "0.1.6",
123
+ "@yamada-ui/utils": "0.2.0"
123
124
  },
124
125
  "devDependencies": {
125
126
  "clean-package": "2.2.0",
@@ -1,65 +0,0 @@
1
- // src/with-default.ts
2
- import { isArray, merge } from "@yamada-ui/utils";
3
- var withDefaultSize = ({
4
- size,
5
- components
6
- }) => (theme) => {
7
- var _a;
8
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
9
- if (isArray(components))
10
- keys = components;
11
- return merge(theme, {
12
- components: Object.fromEntries(
13
- keys.map((key) => [key, { defaultProps: { size } }])
14
- )
15
- });
16
- };
17
- var withDefaultVariant = ({
18
- variant,
19
- components
20
- }) => (theme) => {
21
- var _a;
22
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
23
- if (isArray(components))
24
- keys = components;
25
- return merge(theme, {
26
- components: Object.fromEntries(
27
- keys.map((key) => [key, { defaultProps: { variant } }])
28
- )
29
- });
30
- };
31
- var withDefaultColorScheme = ({
32
- colorScheme,
33
- components
34
- }) => (theme) => {
35
- var _a;
36
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
37
- if (isArray(components))
38
- keys = components;
39
- return merge(theme, {
40
- components: Object.fromEntries(
41
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
42
- )
43
- });
44
- };
45
- var withDefaultProps = ({
46
- defaultProps,
47
- components
48
- }) => (theme) => {
49
- var _a;
50
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
51
- if (isArray(components))
52
- keys = components;
53
- return merge(theme, {
54
- components: Object.fromEntries(
55
- keys.map((key) => [key, { defaultProps }])
56
- )
57
- });
58
- };
59
-
60
- export {
61
- withDefaultSize,
62
- withDefaultVariant,
63
- withDefaultColorScheme,
64
- withDefaultProps
65
- };
@@ -1,8 +0,0 @@
1
- // src/extend-config.ts
2
- import { defaultConfig } from "@yamada-ui/theme";
3
- import { merge } from "@yamada-ui/utils";
4
- var extendConfig = (theme) => merge(defaultConfig, theme);
5
-
6
- export {
7
- extendConfig
8
- };
@@ -1,76 +0,0 @@
1
- // src/extend-theme.ts
2
- import { defaultTheme } from "@yamada-ui/theme";
3
- import {
4
- merge as mergeObject,
5
- getMemoizedObject as get,
6
- runIfFunc,
7
- omitObject,
8
- pickObject,
9
- isFunction
10
- } from "@yamada-ui/utils";
11
- var extendTheme = (...extensions) => ({ merge = true, pick = [], omit = [] } = {}) => {
12
- let overrides = [...extensions];
13
- let theme = extensions[extensions.length - 1];
14
- let computedTheme = defaultTheme;
15
- if (omit.length)
16
- computedTheme = omitObject(computedTheme, omit);
17
- if (pick.length)
18
- computedTheme = pickObject(computedTheme, pick);
19
- if (!isFunction(theme) && overrides.length > 1) {
20
- overrides = overrides.slice(0, overrides.length - 1);
21
- if (merge)
22
- theme = mergeObject(computedTheme, theme);
23
- } else {
24
- theme = merge ? computedTheme : {};
25
- }
26
- return overrides.reduce(
27
- (prev, extension) => mergeObject(prev, runIfFunc(extension, prev)),
28
- theme
29
- );
30
- };
31
- var extendToken = (token, tokens) => mergeObject(get(defaultTheme, token, {}), tokens != null ? tokens : {});
32
- var extendStyle = (name, style) => {
33
- var _a;
34
- const props = {
35
- theme: {
36
- __config: {},
37
- __cssMap: {},
38
- __cssVars: {},
39
- __breakpoints: void 0
40
- }
41
- };
42
- return mergeObject(
43
- runIfFunc(get(defaultTheme, `styles.${name}`, {}), props),
44
- (_a = runIfFunc(style, props)) != null ? _a : {}
45
- );
46
- };
47
- var extendComponent = (name, componentStyle) => mergeObject(
48
- get(defaultTheme, `components.${name}`, {}),
49
- componentStyle != null ? componentStyle : {}
50
- );
51
- var extendComponentSize = (name, componentSizes) => mergeObject(
52
- get(defaultTheme, `components.${name}.sizes`, {}),
53
- componentSizes != null ? componentSizes : {}
54
- );
55
- var extendComponentVariant = (name, componentVariants) => mergeObject(
56
- get(defaultTheme, `components.${name}.variants`, {}),
57
- componentVariants != null ? componentVariants : {}
58
- );
59
- var extendComponentDefaultProps = (name, componentDefaultProps) => mergeObject(
60
- get(
61
- defaultTheme,
62
- `components.${name}.defaultProps`,
63
- {}
64
- ),
65
- componentDefaultProps != null ? componentDefaultProps : {}
66
- );
67
-
68
- export {
69
- extendTheme,
70
- extendToken,
71
- extendStyle,
72
- extendComponent,
73
- extendComponentSize,
74
- extendComponentVariant,
75
- extendComponentDefaultProps
76
- };
@@ -1,5 +0,0 @@
1
- import { ThemeConfig } from '@yamada-ui/core';
2
-
3
- declare const extendConfig: (theme: ThemeConfig) => ThemeConfig;
4
-
5
- export { extendConfig };
@@ -1,5 +0,0 @@
1
- import { ThemeConfig } from '@yamada-ui/core';
2
-
3
- declare const extendConfig: (theme: ThemeConfig) => ThemeConfig;
4
-
5
- export { extendConfig };
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/extend-config.ts
21
- var extend_config_exports = {};
22
- __export(extend_config_exports, {
23
- extendConfig: () => extendConfig
24
- });
25
- module.exports = __toCommonJS(extend_config_exports);
26
- var import_theme = require("@yamada-ui/theme");
27
- var import_utils = require("@yamada-ui/utils");
28
- var extendConfig = (theme) => (0, import_utils.merge)(import_theme.defaultConfig, theme);
29
- // Annotate the CommonJS export names for ESM import in node:
30
- 0 && (module.exports = {
31
- extendConfig
32
- });
@@ -1,6 +0,0 @@
1
- import {
2
- extendConfig
3
- } from "./chunk-5DHJHEGQ.mjs";
4
- export {
5
- extendConfig
6
- };
@@ -1,18 +0,0 @@
1
- import { UsageTheme, ThemeToken, ThemeTokens, UIStyle, ComponentStyle, ComponentSizes, ComponentVariants, ComponentDefaultProps } from '@yamada-ui/core';
2
- import { defaultTheme } from '@yamada-ui/theme';
3
- import { Dict } from '@yamada-ui/utils';
4
-
5
- type Options = {
6
- merge?: boolean;
7
- omit?: (keyof typeof defaultTheme)[];
8
- pick?: (keyof typeof defaultTheme)[];
9
- };
10
- declare const extendTheme: (...extensions: (UsageTheme | ((theme: UsageTheme) => UsageTheme))[]) => ({ merge, pick, omit }?: Options) => Dict;
11
- declare const extendToken: (token: ThemeToken, tokens?: ThemeTokens) => ThemeTokens;
12
- declare const extendStyle: (name: 'globalStyle' | 'resetStyle', style: UIStyle) => UIStyle;
13
- declare const extendComponent: (name: keyof (typeof defaultTheme)['components'], componentStyle?: ComponentStyle) => ComponentStyle;
14
- declare const extendComponentSize: (name: keyof (typeof defaultTheme)['components'], componentSizes?: ComponentSizes) => ComponentSizes;
15
- declare const extendComponentVariant: (name: keyof (typeof defaultTheme)['components'], componentVariants?: ComponentVariants) => ComponentVariants;
16
- declare const extendComponentDefaultProps: (name: keyof (typeof defaultTheme)['components'], componentDefaultProps?: ComponentDefaultProps) => ComponentDefaultProps;
17
-
18
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken };
@@ -1,18 +0,0 @@
1
- import { UsageTheme, ThemeToken, ThemeTokens, UIStyle, ComponentStyle, ComponentSizes, ComponentVariants, ComponentDefaultProps } from '@yamada-ui/core';
2
- import { defaultTheme } from '@yamada-ui/theme';
3
- import { Dict } from '@yamada-ui/utils';
4
-
5
- type Options = {
6
- merge?: boolean;
7
- omit?: (keyof typeof defaultTheme)[];
8
- pick?: (keyof typeof defaultTheme)[];
9
- };
10
- declare const extendTheme: (...extensions: (UsageTheme | ((theme: UsageTheme) => UsageTheme))[]) => ({ merge, pick, omit }?: Options) => Dict;
11
- declare const extendToken: (token: ThemeToken, tokens?: ThemeTokens) => ThemeTokens;
12
- declare const extendStyle: (name: 'globalStyle' | 'resetStyle', style: UIStyle) => UIStyle;
13
- declare const extendComponent: (name: keyof (typeof defaultTheme)['components'], componentStyle?: ComponentStyle) => ComponentStyle;
14
- declare const extendComponentSize: (name: keyof (typeof defaultTheme)['components'], componentSizes?: ComponentSizes) => ComponentSizes;
15
- declare const extendComponentVariant: (name: keyof (typeof defaultTheme)['components'], componentVariants?: ComponentVariants) => ComponentVariants;
16
- declare const extendComponentDefaultProps: (name: keyof (typeof defaultTheme)['components'], componentDefaultProps?: ComponentDefaultProps) => ComponentDefaultProps;
17
-
18
- export { extendComponent, extendComponentDefaultProps, extendComponentSize, extendComponentVariant, extendStyle, extendTheme, extendToken };
@@ -1,99 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/extend-theme.ts
21
- var extend_theme_exports = {};
22
- __export(extend_theme_exports, {
23
- extendComponent: () => extendComponent,
24
- extendComponentDefaultProps: () => extendComponentDefaultProps,
25
- extendComponentSize: () => extendComponentSize,
26
- extendComponentVariant: () => extendComponentVariant,
27
- extendStyle: () => extendStyle,
28
- extendTheme: () => extendTheme,
29
- extendToken: () => extendToken
30
- });
31
- module.exports = __toCommonJS(extend_theme_exports);
32
- var import_theme = require("@yamada-ui/theme");
33
- var import_utils = require("@yamada-ui/utils");
34
- var extendTheme = (...extensions) => ({ merge = true, pick = [], omit = [] } = {}) => {
35
- let overrides = [...extensions];
36
- let theme = extensions[extensions.length - 1];
37
- let computedTheme = import_theme.defaultTheme;
38
- if (omit.length)
39
- computedTheme = (0, import_utils.omitObject)(computedTheme, omit);
40
- if (pick.length)
41
- computedTheme = (0, import_utils.pickObject)(computedTheme, pick);
42
- if (!(0, import_utils.isFunction)(theme) && overrides.length > 1) {
43
- overrides = overrides.slice(0, overrides.length - 1);
44
- if (merge)
45
- theme = (0, import_utils.merge)(computedTheme, theme);
46
- } else {
47
- theme = merge ? computedTheme : {};
48
- }
49
- return overrides.reduce(
50
- (prev, extension) => (0, import_utils.merge)(prev, (0, import_utils.runIfFunc)(extension, prev)),
51
- theme
52
- );
53
- };
54
- var extendToken = (token, tokens) => (0, import_utils.merge)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, token, {}), tokens != null ? tokens : {});
55
- var extendStyle = (name, style) => {
56
- var _a;
57
- const props = {
58
- theme: {
59
- __config: {},
60
- __cssMap: {},
61
- __cssVars: {},
62
- __breakpoints: void 0
63
- }
64
- };
65
- return (0, import_utils.merge)(
66
- (0, import_utils.runIfFunc)((0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `styles.${name}`, {}), props),
67
- (_a = (0, import_utils.runIfFunc)(style, props)) != null ? _a : {}
68
- );
69
- };
70
- var extendComponent = (name, componentStyle) => (0, import_utils.merge)(
71
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}`, {}),
72
- componentStyle != null ? componentStyle : {}
73
- );
74
- var extendComponentSize = (name, componentSizes) => (0, import_utils.merge)(
75
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.sizes`, {}),
76
- componentSizes != null ? componentSizes : {}
77
- );
78
- var extendComponentVariant = (name, componentVariants) => (0, import_utils.merge)(
79
- (0, import_utils.getMemoizedObject)(import_theme.defaultTheme, `components.${name}.variants`, {}),
80
- componentVariants != null ? componentVariants : {}
81
- );
82
- var extendComponentDefaultProps = (name, componentDefaultProps) => (0, import_utils.merge)(
83
- (0, import_utils.getMemoizedObject)(
84
- import_theme.defaultTheme,
85
- `components.${name}.defaultProps`,
86
- {}
87
- ),
88
- componentDefaultProps != null ? componentDefaultProps : {}
89
- );
90
- // Annotate the CommonJS export names for ESM import in node:
91
- 0 && (module.exports = {
92
- extendComponent,
93
- extendComponentDefaultProps,
94
- extendComponentSize,
95
- extendComponentVariant,
96
- extendStyle,
97
- extendTheme,
98
- extendToken
99
- });
@@ -1,18 +0,0 @@
1
- import {
2
- extendComponent,
3
- extendComponentDefaultProps,
4
- extendComponentSize,
5
- extendComponentVariant,
6
- extendStyle,
7
- extendTheme,
8
- extendToken
9
- } from "./chunk-ITYVEL25.mjs";
10
- export {
11
- extendComponent,
12
- extendComponentDefaultProps,
13
- extendComponentSize,
14
- extendComponentVariant,
15
- extendStyle,
16
- extendTheme,
17
- extendToken
18
- };
@@ -1,21 +0,0 @@
1
- import { ComponentDefaultProps, UsageTheme } from '@yamada-ui/core';
2
- import { Union } from '@yamada-ui/utils';
3
-
4
- declare const withDefaultSize: ({ size, components, }: {
5
- size: ComponentDefaultProps['size'];
6
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
7
- }) => (theme: UsageTheme) => UsageTheme;
8
- declare const withDefaultVariant: ({ variant, components, }: {
9
- variant: ComponentDefaultProps['variant'];
10
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
11
- }) => (theme: UsageTheme) => UsageTheme;
12
- declare const withDefaultColorScheme: ({ colorScheme, components, }: {
13
- colorScheme: ComponentDefaultProps['colorScheme'];
14
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
15
- }) => (theme: UsageTheme) => UsageTheme;
16
- declare const withDefaultProps: ({ defaultProps, components, }: {
17
- defaultProps: ComponentDefaultProps;
18
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
19
- }) => UsageTheme;
20
-
21
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant };
@@ -1,21 +0,0 @@
1
- import { ComponentDefaultProps, UsageTheme } from '@yamada-ui/core';
2
- import { Union } from '@yamada-ui/utils';
3
-
4
- declare const withDefaultSize: ({ size, components, }: {
5
- size: ComponentDefaultProps['size'];
6
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
7
- }) => (theme: UsageTheme) => UsageTheme;
8
- declare const withDefaultVariant: ({ variant, components, }: {
9
- variant: ComponentDefaultProps['variant'];
10
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
11
- }) => (theme: UsageTheme) => UsageTheme;
12
- declare const withDefaultColorScheme: ({ colorScheme, components, }: {
13
- colorScheme: ComponentDefaultProps['colorScheme'];
14
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
15
- }) => (theme: UsageTheme) => UsageTheme;
16
- declare const withDefaultProps: ({ defaultProps, components, }: {
17
- defaultProps: ComponentDefaultProps;
18
- components?: Union<"Indicator" | "Accordion" | "Alert" | "Avatar" | "Badge" | "Button" | "Calendar" | "Card" | "Carousel" | "Checkbox" | "CloseButton" | "DatePicker" | "Dialog" | "Divider" | "Drawer" | "Dropzone" | "Heading" | "Input" | "Mark" | "Modal" | "NumberInput" | "Pagination" | "PinInput" | "Progress" | "Radio" | "Reorder" | "SegmentedControl" | "Select" | "Slider" | "Stepper" | "Switch" | "Table" | "Tabs" | "Tag" | "Textarea">[] | undefined;
19
- }) => UsageTheme;
20
-
21
- export { withDefaultColorScheme, withDefaultProps, withDefaultSize, withDefaultVariant };
@@ -1,92 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/with-default.ts
21
- var with_default_exports = {};
22
- __export(with_default_exports, {
23
- withDefaultColorScheme: () => withDefaultColorScheme,
24
- withDefaultProps: () => withDefaultProps,
25
- withDefaultSize: () => withDefaultSize,
26
- withDefaultVariant: () => withDefaultVariant
27
- });
28
- module.exports = __toCommonJS(with_default_exports);
29
- var import_utils = require("@yamada-ui/utils");
30
- var withDefaultSize = ({
31
- size,
32
- components
33
- }) => (theme) => {
34
- var _a;
35
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
36
- if ((0, import_utils.isArray)(components))
37
- keys = components;
38
- return (0, import_utils.merge)(theme, {
39
- components: Object.fromEntries(
40
- keys.map((key) => [key, { defaultProps: { size } }])
41
- )
42
- });
43
- };
44
- var withDefaultVariant = ({
45
- variant,
46
- components
47
- }) => (theme) => {
48
- var _a;
49
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
50
- if ((0, import_utils.isArray)(components))
51
- keys = components;
52
- return (0, import_utils.merge)(theme, {
53
- components: Object.fromEntries(
54
- keys.map((key) => [key, { defaultProps: { variant } }])
55
- )
56
- });
57
- };
58
- var withDefaultColorScheme = ({
59
- colorScheme,
60
- components
61
- }) => (theme) => {
62
- var _a;
63
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
64
- if ((0, import_utils.isArray)(components))
65
- keys = components;
66
- return (0, import_utils.merge)(theme, {
67
- components: Object.fromEntries(
68
- keys.map((key) => [key, { defaultProps: { colorScheme } }])
69
- )
70
- });
71
- };
72
- var withDefaultProps = ({
73
- defaultProps,
74
- components
75
- }) => (theme) => {
76
- var _a;
77
- let keys = Object.keys((_a = theme.components) != null ? _a : {});
78
- if ((0, import_utils.isArray)(components))
79
- keys = components;
80
- return (0, import_utils.merge)(theme, {
81
- components: Object.fromEntries(
82
- keys.map((key) => [key, { defaultProps }])
83
- )
84
- });
85
- };
86
- // Annotate the CommonJS export names for ESM import in node:
87
- 0 && (module.exports = {
88
- withDefaultColorScheme,
89
- withDefaultProps,
90
- withDefaultSize,
91
- withDefaultVariant
92
- });
@@ -1,12 +0,0 @@
1
- import {
2
- withDefaultColorScheme,
3
- withDefaultProps,
4
- withDefaultSize,
5
- withDefaultVariant
6
- } from "./chunk-2WAOE43L.mjs";
7
- export {
8
- withDefaultColorScheme,
9
- withDefaultProps,
10
- withDefaultSize,
11
- withDefaultVariant
12
- };