@mindlogic-ai/logician-ui 5.0.0-alpha.28 → 5.0.0-alpha.29
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/MIGRATION-5.0.md +38 -0
- package/USAGE.md +20 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts +12 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts.map +1 -0
- package/dist/components/DatePicker/RangeDatePicker.d.ts +2 -1
- package/dist/components/DatePicker/RangeDatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.js +4 -2
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +4 -2
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.d.ts +2 -1
- package/dist/components/DatePicker/SingleDatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +4 -2
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +4 -2
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.js +3 -2
- package/dist/components/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.mjs +3 -2
- package/dist/components/MonthPicker/MonthPicker.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.types.d.ts +7 -1
- package/dist/components/MonthPicker/MonthPicker.types.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +7 -18
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +8 -19
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts +18 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.js +24 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs +23 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +14 -2
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.mjs +15 -3
- package/dist/components/Tag/Tag.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts +20 -2
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +81 -0
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +81 -1
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.types.d.ts +15 -2
- package/dist/components/Tag/Tag.types.d.ts.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/controlSizes.d.ts +91 -0
- package/dist/theme/controlSizes.d.ts.map +1 -0
- package/dist/theme/controlSizes.js +143 -0
- package/dist/theme/controlSizes.js.map +1 -0
- package/dist/theme/controlSizes.mjs +135 -0
- package/dist/theme/controlSizes.mjs.map +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +12 -43
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +12 -43
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/recipes/controls.d.ts +94 -0
- package/dist/theme/recipes/controls.d.ts.map +1 -0
- package/dist/theme/recipes/controls.js +154 -0
- package/dist/theme/recipes/controls.js.map +1 -0
- package/dist/theme/recipes/controls.mjs +144 -0
- package/dist/theme/recipes/controls.mjs.map +1 -0
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.types.ts +12 -0
- package/src/components/DatePicker/RangeDatePicker.tsx +7 -1
- package/src/components/DatePicker/SingleDatePicker.tsx +7 -1
- package/src/components/DatePicker/index.ts +1 -0
- package/src/components/MonthPicker/MonthPicker.tsx +7 -1
- package/src/components/MonthPicker/MonthPicker.types.ts +8 -1
- package/src/components/SegmentedControl/SegmentedControl.styles.ts +31 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +15 -22
- package/src/components/SegmentedControl/SegmentedControl.usage.mdx +15 -8
- package/src/components/Tag/Tag.styles.ts +117 -2
- package/src/components/Tag/Tag.test.tsx +87 -1
- package/src/components/Tag/Tag.tsx +22 -1
- package/src/components/Tag/Tag.types.ts +16 -2
- package/src/components/Tag/index.ts +2 -0
- package/src/components/claude.md +23 -0
- package/src/index.ts +12 -0
- package/src/theme/ControlSizes.stories.tsx +586 -0
- package/src/theme/claude.md +8 -0
- package/src/theme/controlSizes.test.ts +148 -0
- package/src/theme/controlSizes.ts +162 -0
- package/src/theme/index.ts +21 -46
- package/src/theme/recipes/controls.ts +171 -0
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["defineTextStyles","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["defineTextStyles","defineConfig","globalCss","animationStyles","keyframes","colors","durations","easings","createSemanticColors","buttonRecipe","inputRecipe","textareaRecipe","accordionSlotRecipe","avatarSlotRecipe","tableSlotRecipe","selectSlotRecipe","comboboxSlotRecipe","tabsSlotRecipe","checkboxSlotRecipe","radioGroupSlotRecipe","switchSlotRecipe","createSystem","defaultConfig"],"mappings":"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"}
|
package/dist/theme/index.mjs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { defineTextStyles,
|
|
2
|
+
import { defineTextStyles, createSystem, defaultConfig, defineConfig } from '@chakra-ui/react';
|
|
3
3
|
import { createSemanticColors, colors } from './colors.mjs';
|
|
4
4
|
import { globalCss } from './global.mjs';
|
|
5
5
|
import { easings, durations, keyframes, animationStyles } from './motion.mjs';
|
|
6
6
|
import { accordionSlotRecipe } from './recipes/accordion.mjs';
|
|
7
7
|
import { avatarSlotRecipe } from './recipes/avatar.mjs';
|
|
8
|
+
import { switchSlotRecipe, radioGroupSlotRecipe, checkboxSlotRecipe, tabsSlotRecipe, comboboxSlotRecipe, selectSlotRecipe, textareaRecipe, inputRecipe, buttonRecipe } from './recipes/controls.mjs';
|
|
8
9
|
import { tableSlotRecipe } from './recipes/table.mjs';
|
|
9
10
|
|
|
10
11
|
/**
|
|
@@ -197,46 +198,6 @@ const textStyles = defineTextStyles({
|
|
|
197
198
|
value: SHARED_TEXT_STYLE_VALUES.overline,
|
|
198
199
|
},
|
|
199
200
|
});
|
|
200
|
-
/**
|
|
201
|
-
* `lg`/`xl` form-control font size.
|
|
202
|
-
*
|
|
203
|
-
* Chakra's input, textarea and select recipes put `sm`/`md` on the `sm`
|
|
204
|
-
* textStyle and `lg`/`xl` on `md`. This theme maps both textStyles to
|
|
205
|
-
* `subtitleAndP`, so every size rendered at the same 14px and only the height
|
|
206
|
-
* changed. `lg`/`xl` get their own step here (desktop 16px, phone 14px);
|
|
207
|
-
* `xs`/`sm`/`md` keep their current size on purpose, so call sites that do not
|
|
208
|
-
* pass `size` render exactly as before.
|
|
209
|
-
*
|
|
210
|
-
* Spacing tokens are em-based, so Chakra's `lg` `px: 4` grows with the font to
|
|
211
|
-
* 16px. `lg` drops to `px: 3` (12px) to stay close to `md`'s 10.5px.
|
|
212
|
-
*/
|
|
213
|
-
const FORM_CONTROL_LG_FONT_SIZE = { base: '1em', md: '1.143em' };
|
|
214
|
-
const formControlLgOverride = {
|
|
215
|
-
variants: {
|
|
216
|
-
size: {
|
|
217
|
-
lg: { fontSize: FORM_CONTROL_LG_FONT_SIZE, px: '3' },
|
|
218
|
-
xl: { fontSize: FORM_CONTROL_LG_FONT_SIZE },
|
|
219
|
-
},
|
|
220
|
-
},
|
|
221
|
-
};
|
|
222
|
-
// Same `lg` step as Input, and the same height as Input `lg` (Chakra puts the
|
|
223
|
-
// select trigger one token taller). Chakra's `py: 3` is em-based, so at 16px it
|
|
224
|
-
// alone pushes the trigger past the min height; let the height token win.
|
|
225
|
-
const selectSlotRecipe = defineSlotRecipe({
|
|
226
|
-
slots: ['root', 'trigger', 'content'],
|
|
227
|
-
variants: {
|
|
228
|
-
size: {
|
|
229
|
-
lg: {
|
|
230
|
-
root: {
|
|
231
|
-
'--select-trigger-height': 'sizes.11',
|
|
232
|
-
'--select-trigger-padding-x': 'spacing.3',
|
|
233
|
-
},
|
|
234
|
-
trigger: { fontSize: FORM_CONTROL_LG_FONT_SIZE, py: '1.5' },
|
|
235
|
-
content: { fontSize: FORM_CONTROL_LG_FONT_SIZE },
|
|
236
|
-
},
|
|
237
|
-
},
|
|
238
|
-
},
|
|
239
|
-
});
|
|
240
201
|
const normalizeNode = (node) => {
|
|
241
202
|
const out = {};
|
|
242
203
|
for (const [key, child] of Object.entries(node)) {
|
|
@@ -373,15 +334,23 @@ function createLogicianTheme(options = {}) {
|
|
|
373
334
|
colors: createSemanticColors(options),
|
|
374
335
|
},
|
|
375
336
|
textStyles,
|
|
337
|
+
// Every control's `size` variant reads the shared scale in
|
|
338
|
+
// ./controlSizes — see ./recipes/controls.
|
|
376
339
|
recipes: {
|
|
377
|
-
|
|
378
|
-
|
|
340
|
+
button: buttonRecipe,
|
|
341
|
+
input: inputRecipe,
|
|
342
|
+
textarea: textareaRecipe,
|
|
379
343
|
},
|
|
380
344
|
slotRecipes: {
|
|
381
345
|
accordion: accordionSlotRecipe,
|
|
382
346
|
avatar: avatarSlotRecipe,
|
|
383
347
|
table: tableSlotRecipe,
|
|
384
348
|
select: selectSlotRecipe,
|
|
349
|
+
combobox: comboboxSlotRecipe,
|
|
350
|
+
tabs: tabsSlotRecipe,
|
|
351
|
+
checkbox: checkboxSlotRecipe,
|
|
352
|
+
radioGroup: radioGroupSlotRecipe,
|
|
353
|
+
switch: switchSlotRecipe,
|
|
385
354
|
},
|
|
386
355
|
},
|
|
387
356
|
});
|
package/dist/theme/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Button (and IconButton, which uses the same recipe). These are Chakra's own
|
|
3
|
+
* values — Button is the reference — restated from the scale so the scale is
|
|
4
|
+
* the single source and the test can prove nothing else drifted from it.
|
|
5
|
+
*/
|
|
6
|
+
export declare const buttonRecipe: import("@chakra-ui/react").RecipeDefinition<{
|
|
7
|
+
size: Record<string, {
|
|
8
|
+
h: string;
|
|
9
|
+
minW: string;
|
|
10
|
+
textStyle: "sm" | "md" | "xs";
|
|
11
|
+
px: string;
|
|
12
|
+
gap: string;
|
|
13
|
+
_icon: {
|
|
14
|
+
width: string;
|
|
15
|
+
height: string;
|
|
16
|
+
};
|
|
17
|
+
}>;
|
|
18
|
+
}>;
|
|
19
|
+
export declare const inputRecipe: import("@chakra-ui/react").RecipeDefinition<{
|
|
20
|
+
size: Record<string, {
|
|
21
|
+
textStyle: "sm" | "md" | "xs";
|
|
22
|
+
px: string;
|
|
23
|
+
'--input-height': string;
|
|
24
|
+
}>;
|
|
25
|
+
}>;
|
|
26
|
+
/** Textarea: same type and inline padding as Input; its height is its rows. */
|
|
27
|
+
export declare const textareaRecipe: import("@chakra-ui/react").RecipeDefinition<{
|
|
28
|
+
size: Record<string, {
|
|
29
|
+
textStyle: "sm" | "md" | "xs";
|
|
30
|
+
px: string;
|
|
31
|
+
}>;
|
|
32
|
+
}>;
|
|
33
|
+
export declare const selectSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "control" | "positioner" | "trigger" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "clearTrigger" | "indicatorGroup", {
|
|
34
|
+
size: Record<string, {
|
|
35
|
+
root: {
|
|
36
|
+
'--select-trigger-height': string;
|
|
37
|
+
'--select-trigger-padding-x': `spacing.${string}`;
|
|
38
|
+
};
|
|
39
|
+
trigger: {
|
|
40
|
+
py: "1.5";
|
|
41
|
+
textStyle: "sm" | "md" | "xs";
|
|
42
|
+
};
|
|
43
|
+
content: {
|
|
44
|
+
textStyle: "sm" | "md" | "xs";
|
|
45
|
+
};
|
|
46
|
+
}>;
|
|
47
|
+
}>;
|
|
48
|
+
export declare const comboboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "control" | "positioner" | "trigger" | "itemGroup" | "itemGroupLabel" | "itemText" | "clearTrigger" | "indicatorGroup" | "empty", {
|
|
49
|
+
size: Record<string, {
|
|
50
|
+
root: {
|
|
51
|
+
'--combobox-input-height': string;
|
|
52
|
+
'--combobox-input-padding-x': `spacing.${string}`;
|
|
53
|
+
};
|
|
54
|
+
input: {
|
|
55
|
+
textStyle: "sm" | "md" | "xs";
|
|
56
|
+
};
|
|
57
|
+
content: {
|
|
58
|
+
textStyle: "sm" | "md" | "xs";
|
|
59
|
+
};
|
|
60
|
+
}>;
|
|
61
|
+
}>;
|
|
62
|
+
export declare const tabsSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
|
|
63
|
+
size: Record<string, {
|
|
64
|
+
root: {
|
|
65
|
+
'--tabs-height': string;
|
|
66
|
+
};
|
|
67
|
+
trigger: {
|
|
68
|
+
textStyle: "sm" | "md" | "xs";
|
|
69
|
+
};
|
|
70
|
+
}>;
|
|
71
|
+
}>;
|
|
72
|
+
/** Checkbox / Radio / Switch: the label takes the control type per size. */
|
|
73
|
+
export declare const checkboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "group" | "root" | "control" | "indicator", {
|
|
74
|
+
size: Record<string, {
|
|
75
|
+
label: {
|
|
76
|
+
textStyle: "sm" | "md" | "xs";
|
|
77
|
+
};
|
|
78
|
+
}>;
|
|
79
|
+
}>;
|
|
80
|
+
export declare const radioGroupSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
|
|
81
|
+
size: Record<string, {
|
|
82
|
+
item: {
|
|
83
|
+
textStyle: "sm" | "md" | "xs";
|
|
84
|
+
};
|
|
85
|
+
}>;
|
|
86
|
+
}>;
|
|
87
|
+
export declare const switchSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "indicator" | "thumb", {
|
|
88
|
+
size: Record<string, {
|
|
89
|
+
label: {
|
|
90
|
+
textStyle: "sm" | "md" | "xs";
|
|
91
|
+
};
|
|
92
|
+
}>;
|
|
93
|
+
}>;
|
|
94
|
+
//# sourceMappingURL=controls.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/theme/recipes/controls.ts"],"names":[],"mappings":"AA0CA;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;EAcvB,CAAC;AASH,eAAO,MAAM,WAAW;;;;;;EAStB,CAAC;AAEH,+EAA+E;AAC/E,eAAO,MAAM,cAAc;;;;;EAQzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;EAkB3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;EAa7B,CAAC;AASH,eAAO,MAAM,cAAc;;;;;;;;;EAQzB,CAAC;AAEH,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB;;;;;;EAO7B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;EAO/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;EAO3B,CAAC"}
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var react = require('@chakra-ui/react');
|
|
5
|
+
var anatomy = require('@chakra-ui/react/anatomy');
|
|
6
|
+
var controlSizes = require('../controlSizes.js');
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Chakra recipe overrides that put every control's `size` variant on the
|
|
10
|
+
* shared scale in `../controlSizes`. Chakra deep-merges these into its own
|
|
11
|
+
* recipes, so only the keys written here change.
|
|
12
|
+
*
|
|
13
|
+
* Nothing here holds a literal: every height, textStyle, padding and icon size
|
|
14
|
+
* comes from `controlSizes`, so a change to the scale lands everywhere at once
|
|
15
|
+
* and `controlSizes.test.ts` can check the resolved recipes against it.
|
|
16
|
+
*
|
|
17
|
+
* **Slot recipes pass Chakra's full anatomy, never a partial `slots` list.**
|
|
18
|
+
* Chakra merges configs array-by-index, so `slots: ['label']` does not add
|
|
19
|
+
* to the default list — it overwrites its first entry. For Checkbox that
|
|
20
|
+
* dropped the `root` slot (the label lost its line box); the old
|
|
21
|
+
* `['root', 'trigger', 'content']` Select override had been overwriting
|
|
22
|
+
* Select's `label` and `positioner` slots the same way.
|
|
23
|
+
*/
|
|
24
|
+
const bySize = (sizes, build) => Object.fromEntries(sizes.map((size) => [size, build(size)]));
|
|
25
|
+
/**
|
|
26
|
+
* Button (and IconButton, which uses the same recipe). These are Chakra's own
|
|
27
|
+
* values — Button is the reference — restated from the scale so the scale is
|
|
28
|
+
* the single source and the test can prove nothing else drifted from it.
|
|
29
|
+
*/
|
|
30
|
+
const buttonRecipe = react.defineRecipe({
|
|
31
|
+
variants: {
|
|
32
|
+
size: bySize(controlSizes.CONTROL_SIZES, (size) => {
|
|
33
|
+
const s = controlSizes.controlSizes[size];
|
|
34
|
+
return {
|
|
35
|
+
h: s.height,
|
|
36
|
+
minW: s.height,
|
|
37
|
+
textStyle: s.textStyle,
|
|
38
|
+
px: s.actionPaddingX,
|
|
39
|
+
gap: s.gap,
|
|
40
|
+
_icon: { width: s.iconSize, height: s.iconSize },
|
|
41
|
+
};
|
|
42
|
+
}),
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
/**
|
|
46
|
+
* Field sizes, xs–xl. `2xs` is left on Chakra's own value (a 24.5px field):
|
|
47
|
+
* no field ships a 2xs today and shrinking it to Button's 21px would put a text
|
|
48
|
+
* box under the 24px target.
|
|
49
|
+
*/
|
|
50
|
+
const FIELD_SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
51
|
+
const inputRecipe = react.defineRecipe({
|
|
52
|
+
base: { borderRadius: controlSizes.CONTROL_RADIUS },
|
|
53
|
+
variants: {
|
|
54
|
+
size: bySize(FIELD_SIZES, (size) => ({
|
|
55
|
+
textStyle: controlSizes.controlSizes[size].textStyle,
|
|
56
|
+
px: controlSizes.controlSizes[size].fieldPaddingX,
|
|
57
|
+
'--input-height': controlSizes.controlHeightToken(size),
|
|
58
|
+
})),
|
|
59
|
+
},
|
|
60
|
+
});
|
|
61
|
+
/** Textarea: same type and inline padding as Input; its height is its rows. */
|
|
62
|
+
const textareaRecipe = react.defineRecipe({
|
|
63
|
+
base: { borderRadius: controlSizes.CONTROL_RADIUS },
|
|
64
|
+
variants: {
|
|
65
|
+
size: bySize(FIELD_SIZES, (size) => ({
|
|
66
|
+
textStyle: controlSizes.controlSizes[size].textStyle,
|
|
67
|
+
px: controlSizes.controlSizes[size].fieldPaddingX,
|
|
68
|
+
})),
|
|
69
|
+
},
|
|
70
|
+
});
|
|
71
|
+
const selectSlotRecipe = react.defineSlotRecipe({
|
|
72
|
+
slots: anatomy.selectAnatomy.keys(),
|
|
73
|
+
base: { trigger: { borderRadius: controlSizes.CONTROL_RADIUS } },
|
|
74
|
+
variants: {
|
|
75
|
+
size: bySize(controlSizes.CORE_CONTROL_SIZES, (size) => ({
|
|
76
|
+
root: {
|
|
77
|
+
'--select-trigger-height': controlSizes.controlHeightToken(size),
|
|
78
|
+
'--select-trigger-padding-x': `spacing.${controlSizes.controlSizes[size].fieldPaddingX}`,
|
|
79
|
+
},
|
|
80
|
+
trigger: {
|
|
81
|
+
textStyle: controlSizes.controlSizes[size].textStyle,
|
|
82
|
+
// Chakra's lg `py: 3` is em-based and alone pushes the trigger past
|
|
83
|
+
// the height token; let the token decide (637d0fe).
|
|
84
|
+
...(size === 'lg' && { py: '1.5' }),
|
|
85
|
+
},
|
|
86
|
+
content: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
87
|
+
})),
|
|
88
|
+
},
|
|
89
|
+
});
|
|
90
|
+
const comboboxSlotRecipe = react.defineSlotRecipe({
|
|
91
|
+
slots: anatomy.comboboxAnatomy.keys(),
|
|
92
|
+
base: { input: { borderRadius: controlSizes.CONTROL_RADIUS } },
|
|
93
|
+
variants: {
|
|
94
|
+
size: bySize(controlSizes.CORE_CONTROL_SIZES, (size) => ({
|
|
95
|
+
root: {
|
|
96
|
+
'--combobox-input-height': controlSizes.controlHeightToken(size),
|
|
97
|
+
'--combobox-input-padding-x': `spacing.${controlSizes.controlSizes[size].fieldPaddingX}`,
|
|
98
|
+
},
|
|
99
|
+
input: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
100
|
+
content: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
101
|
+
})),
|
|
102
|
+
},
|
|
103
|
+
});
|
|
104
|
+
/**
|
|
105
|
+
* Tabs: the trigger height is the tab list's `--tabs-height`, set by the
|
|
106
|
+
* `Tabs` root's `size` (sm / md / lg — Chakra's tabs have no xs). A `size` on
|
|
107
|
+
* a single `Tab` does not reach it.
|
|
108
|
+
*/
|
|
109
|
+
const TAB_SIZES = ['sm', 'md', 'lg'];
|
|
110
|
+
const tabsSlotRecipe = react.defineSlotRecipe({
|
|
111
|
+
slots: anatomy.tabsAnatomy.keys(),
|
|
112
|
+
variants: {
|
|
113
|
+
size: bySize(TAB_SIZES, (size) => ({
|
|
114
|
+
root: { '--tabs-height': controlSizes.controlHeightToken(size) },
|
|
115
|
+
trigger: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
116
|
+
})),
|
|
117
|
+
},
|
|
118
|
+
});
|
|
119
|
+
/** Checkbox / Radio / Switch: the label takes the control type per size. */
|
|
120
|
+
const checkboxSlotRecipe = react.defineSlotRecipe({
|
|
121
|
+
slots: anatomy.checkboxAnatomy.keys(),
|
|
122
|
+
variants: {
|
|
123
|
+
size: bySize(controlSizes.CORE_CONTROL_SIZES, (size) => ({
|
|
124
|
+
label: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
125
|
+
})),
|
|
126
|
+
},
|
|
127
|
+
});
|
|
128
|
+
const radioGroupSlotRecipe = react.defineSlotRecipe({
|
|
129
|
+
slots: anatomy.radioGroupAnatomy.keys(),
|
|
130
|
+
variants: {
|
|
131
|
+
size: bySize(controlSizes.CORE_CONTROL_SIZES, (size) => ({
|
|
132
|
+
item: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
133
|
+
})),
|
|
134
|
+
},
|
|
135
|
+
});
|
|
136
|
+
const switchSlotRecipe = react.defineSlotRecipe({
|
|
137
|
+
slots: anatomy.switchAnatomy.keys(),
|
|
138
|
+
variants: {
|
|
139
|
+
size: bySize(controlSizes.CORE_CONTROL_SIZES, (size) => ({
|
|
140
|
+
label: { textStyle: controlSizes.controlSizes[size].textStyle },
|
|
141
|
+
})),
|
|
142
|
+
},
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
exports.buttonRecipe = buttonRecipe;
|
|
146
|
+
exports.checkboxSlotRecipe = checkboxSlotRecipe;
|
|
147
|
+
exports.comboboxSlotRecipe = comboboxSlotRecipe;
|
|
148
|
+
exports.inputRecipe = inputRecipe;
|
|
149
|
+
exports.radioGroupSlotRecipe = radioGroupSlotRecipe;
|
|
150
|
+
exports.selectSlotRecipe = selectSlotRecipe;
|
|
151
|
+
exports.switchSlotRecipe = switchSlotRecipe;
|
|
152
|
+
exports.tabsSlotRecipe = tabsSlotRecipe;
|
|
153
|
+
exports.textareaRecipe = textareaRecipe;
|
|
154
|
+
//# sourceMappingURL=controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controls.js","sources":["../../../src/theme/recipes/controls.ts"],"sourcesContent":[null],"names":["defineRecipe","CONTROL_SIZES","controlSizes","CONTROL_RADIUS","controlHeightToken","defineSlotRecipe","selectAnatomy","CORE_CONTROL_SIZES","comboboxAnatomy","tabsAnatomy","checkboxAnatomy","radioGroupAnatomy","switchAnatomy"],"mappings":";;;;;;;AAmBA;;;;;;;;;;;;;;;AAeG;AAEH,MAAM,MAAM,GAAG,CACb,KAA6B,EAC7B,KAA+B,KAE/B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAE9D;;;;AAIG;AACI,MAAM,YAAY,GAAGA,kBAAY,CAAC;AACvC,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACC,0BAAa,EAAE,CAAC,IAAI,KAAI;AACnC,YAAA,MAAM,CAAC,GAAGC,yBAAY,CAAC,IAAI,CAAC;YAC5B,OAAO;gBACL,CAAC,EAAE,CAAC,CAAC,MAAM;gBACX,IAAI,EAAE,CAAC,CAAC,MAAM;gBACd,SAAS,EAAE,CAAC,CAAC,SAAS;gBACtB,EAAE,EAAE,CAAC,CAAC,cAAc;gBACpB,GAAG,EAAE,CAAC,CAAC,GAAG;AACV,gBAAA,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE;aACjD;AACH,QAAA,CAAC,CAAC;AACH,KAAA;AACF,CAAA;AAED;;;;AAIG;AACH,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU;AAEpD,MAAM,WAAW,GAAGF,kBAAY,CAAC;AACtC,IAAA,IAAI,EAAE,EAAE,YAAY,EAAEG,2BAAc,EAAE;AACtC,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM;AACnC,YAAA,SAAS,EAAED,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS;AACvC,YAAA,EAAE,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,aAAa;AACpC,YAAA,gBAAgB,EAAEE,+BAAkB,CAAC,IAAI,CAAC;AAC3C,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAED;AACO,MAAM,cAAc,GAAGJ,kBAAY,CAAC;AACzC,IAAA,IAAI,EAAE,EAAE,YAAY,EAAEG,2BAAc,EAAE;AACtC,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM;AACnC,YAAA,SAAS,EAAED,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS;AACvC,YAAA,EAAE,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,aAAa;AACrC,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAEM,MAAM,gBAAgB,GAAGG,sBAAgB,CAAC;AAC/C,IAAA,KAAK,EAAEC,qBAAa,CAAC,IAAI,EAAE;IAC3B,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,YAAY,EAAEH,2BAAc,EAAE,EAAE;AACnD,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACI,+BAAkB,EAAE,CAAC,IAAI,MAAM;AAC1C,YAAA,IAAI,EAAE;AACJ,gBAAA,yBAAyB,EAAEH,+BAAkB,CAAC,IAAI,CAAC;gBACnD,4BAA4B,EAAE,WAAWF,yBAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAA,CAAE;AAC5E,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS;;;gBAGvC,IAAI,IAAI,KAAK,IAAI,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AACpC,aAAA;YACD,OAAO,EAAE,EAAE,SAAS,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AACrD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAEM,MAAM,kBAAkB,GAAGG,sBAAgB,CAAC;AACjD,IAAA,KAAK,EAAEG,uBAAe,CAAC,IAAI,EAAE;IAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,EAAEL,2BAAc,EAAE,EAAE;AACjD,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACI,+BAAkB,EAAE,CAAC,IAAI,MAAM;AAC1C,YAAA,IAAI,EAAE;AACJ,gBAAA,yBAAyB,EAAEH,+BAAkB,CAAC,IAAI,CAAC;gBACnD,4BAA4B,EAAE,WAAWF,yBAAY,CAAC,IAAI,CAAC,CAAC,aAAa,CAAA,CAAE;AAC5E,aAAA;YACD,KAAK,EAAE,EAAE,SAAS,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;YAClD,OAAO,EAAE,EAAE,SAAS,EAAEA,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AACrD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAED;;;;AAIG;AACH,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU;AAEtC,MAAM,cAAc,GAAGG,sBAAgB,CAAC;AAC7C,IAAA,KAAK,EAAEI,mBAAW,CAAC,IAAI,EAAE;AACzB,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,IAAI,MAAM;YACjC,IAAI,EAAE,EAAE,eAAe,EAAEL,+BAAkB,CAAC,IAAI,CAAC,EAAE;YACnD,OAAO,EAAE,EAAE,SAAS,EAAEF,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AACrD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAED;AACO,MAAM,kBAAkB,GAAGG,sBAAgB,CAAC;AACjD,IAAA,KAAK,EAAEK,uBAAe,CAAC,IAAI,EAAE;AAC7B,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACH,+BAAkB,EAAE,CAAC,IAAI,MAAM;YAC1C,KAAK,EAAE,EAAE,SAAS,EAAEL,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AACnD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAEM,MAAM,oBAAoB,GAAGG,sBAAgB,CAAC;AACnD,IAAA,KAAK,EAAEM,yBAAiB,CAAC,IAAI,EAAE;AAC/B,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACJ,+BAAkB,EAAE,CAAC,IAAI,MAAM;YAC1C,IAAI,EAAE,EAAE,SAAS,EAAEL,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AAClD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;AAEM,MAAM,gBAAgB,GAAGG,sBAAgB,CAAC;AAC/C,IAAA,KAAK,EAAEO,qBAAa,CAAC,IAAI,EAAE;AAC3B,IAAA,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAACL,+BAAkB,EAAE,CAAC,IAAI,MAAM;YAC1C,KAAK,EAAE,EAAE,SAAS,EAAEL,yBAAY,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;AACnD,SAAA,CAAC,CAAC;AACJ,KAAA;AACF,CAAA;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { defineRecipe, defineSlotRecipe } from '@chakra-ui/react';
|
|
3
|
+
import { selectAnatomy, comboboxAnatomy, tabsAnatomy, checkboxAnatomy, radioGroupAnatomy, switchAnatomy } from '@chakra-ui/react/anatomy';
|
|
4
|
+
import { CONTROL_RADIUS, controlSizes, CORE_CONTROL_SIZES, controlHeightToken, CONTROL_SIZES } from '../controlSizes.mjs';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Chakra recipe overrides that put every control's `size` variant on the
|
|
8
|
+
* shared scale in `../controlSizes`. Chakra deep-merges these into its own
|
|
9
|
+
* recipes, so only the keys written here change.
|
|
10
|
+
*
|
|
11
|
+
* Nothing here holds a literal: every height, textStyle, padding and icon size
|
|
12
|
+
* comes from `controlSizes`, so a change to the scale lands everywhere at once
|
|
13
|
+
* and `controlSizes.test.ts` can check the resolved recipes against it.
|
|
14
|
+
*
|
|
15
|
+
* **Slot recipes pass Chakra's full anatomy, never a partial `slots` list.**
|
|
16
|
+
* Chakra merges configs array-by-index, so `slots: ['label']` does not add
|
|
17
|
+
* to the default list — it overwrites its first entry. For Checkbox that
|
|
18
|
+
* dropped the `root` slot (the label lost its line box); the old
|
|
19
|
+
* `['root', 'trigger', 'content']` Select override had been overwriting
|
|
20
|
+
* Select's `label` and `positioner` slots the same way.
|
|
21
|
+
*/
|
|
22
|
+
const bySize = (sizes, build) => Object.fromEntries(sizes.map((size) => [size, build(size)]));
|
|
23
|
+
/**
|
|
24
|
+
* Button (and IconButton, which uses the same recipe). These are Chakra's own
|
|
25
|
+
* values — Button is the reference — restated from the scale so the scale is
|
|
26
|
+
* the single source and the test can prove nothing else drifted from it.
|
|
27
|
+
*/
|
|
28
|
+
const buttonRecipe = defineRecipe({
|
|
29
|
+
variants: {
|
|
30
|
+
size: bySize(CONTROL_SIZES, (size) => {
|
|
31
|
+
const s = controlSizes[size];
|
|
32
|
+
return {
|
|
33
|
+
h: s.height,
|
|
34
|
+
minW: s.height,
|
|
35
|
+
textStyle: s.textStyle,
|
|
36
|
+
px: s.actionPaddingX,
|
|
37
|
+
gap: s.gap,
|
|
38
|
+
_icon: { width: s.iconSize, height: s.iconSize },
|
|
39
|
+
};
|
|
40
|
+
}),
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
/**
|
|
44
|
+
* Field sizes, xs–xl. `2xs` is left on Chakra's own value (a 24.5px field):
|
|
45
|
+
* no field ships a 2xs today and shrinking it to Button's 21px would put a text
|
|
46
|
+
* box under the 24px target.
|
|
47
|
+
*/
|
|
48
|
+
const FIELD_SIZES = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
49
|
+
const inputRecipe = defineRecipe({
|
|
50
|
+
base: { borderRadius: CONTROL_RADIUS },
|
|
51
|
+
variants: {
|
|
52
|
+
size: bySize(FIELD_SIZES, (size) => ({
|
|
53
|
+
textStyle: controlSizes[size].textStyle,
|
|
54
|
+
px: controlSizes[size].fieldPaddingX,
|
|
55
|
+
'--input-height': controlHeightToken(size),
|
|
56
|
+
})),
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
/** Textarea: same type and inline padding as Input; its height is its rows. */
|
|
60
|
+
const textareaRecipe = defineRecipe({
|
|
61
|
+
base: { borderRadius: CONTROL_RADIUS },
|
|
62
|
+
variants: {
|
|
63
|
+
size: bySize(FIELD_SIZES, (size) => ({
|
|
64
|
+
textStyle: controlSizes[size].textStyle,
|
|
65
|
+
px: controlSizes[size].fieldPaddingX,
|
|
66
|
+
})),
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
const selectSlotRecipe = defineSlotRecipe({
|
|
70
|
+
slots: selectAnatomy.keys(),
|
|
71
|
+
base: { trigger: { borderRadius: CONTROL_RADIUS } },
|
|
72
|
+
variants: {
|
|
73
|
+
size: bySize(CORE_CONTROL_SIZES, (size) => ({
|
|
74
|
+
root: {
|
|
75
|
+
'--select-trigger-height': controlHeightToken(size),
|
|
76
|
+
'--select-trigger-padding-x': `spacing.${controlSizes[size].fieldPaddingX}`,
|
|
77
|
+
},
|
|
78
|
+
trigger: {
|
|
79
|
+
textStyle: controlSizes[size].textStyle,
|
|
80
|
+
// Chakra's lg `py: 3` is em-based and alone pushes the trigger past
|
|
81
|
+
// the height token; let the token decide (637d0fe).
|
|
82
|
+
...(size === 'lg' && { py: '1.5' }),
|
|
83
|
+
},
|
|
84
|
+
content: { textStyle: controlSizes[size].textStyle },
|
|
85
|
+
})),
|
|
86
|
+
},
|
|
87
|
+
});
|
|
88
|
+
const comboboxSlotRecipe = defineSlotRecipe({
|
|
89
|
+
slots: comboboxAnatomy.keys(),
|
|
90
|
+
base: { input: { borderRadius: CONTROL_RADIUS } },
|
|
91
|
+
variants: {
|
|
92
|
+
size: bySize(CORE_CONTROL_SIZES, (size) => ({
|
|
93
|
+
root: {
|
|
94
|
+
'--combobox-input-height': controlHeightToken(size),
|
|
95
|
+
'--combobox-input-padding-x': `spacing.${controlSizes[size].fieldPaddingX}`,
|
|
96
|
+
},
|
|
97
|
+
input: { textStyle: controlSizes[size].textStyle },
|
|
98
|
+
content: { textStyle: controlSizes[size].textStyle },
|
|
99
|
+
})),
|
|
100
|
+
},
|
|
101
|
+
});
|
|
102
|
+
/**
|
|
103
|
+
* Tabs: the trigger height is the tab list's `--tabs-height`, set by the
|
|
104
|
+
* `Tabs` root's `size` (sm / md / lg — Chakra's tabs have no xs). A `size` on
|
|
105
|
+
* a single `Tab` does not reach it.
|
|
106
|
+
*/
|
|
107
|
+
const TAB_SIZES = ['sm', 'md', 'lg'];
|
|
108
|
+
const tabsSlotRecipe = defineSlotRecipe({
|
|
109
|
+
slots: tabsAnatomy.keys(),
|
|
110
|
+
variants: {
|
|
111
|
+
size: bySize(TAB_SIZES, (size) => ({
|
|
112
|
+
root: { '--tabs-height': controlHeightToken(size) },
|
|
113
|
+
trigger: { textStyle: controlSizes[size].textStyle },
|
|
114
|
+
})),
|
|
115
|
+
},
|
|
116
|
+
});
|
|
117
|
+
/** Checkbox / Radio / Switch: the label takes the control type per size. */
|
|
118
|
+
const checkboxSlotRecipe = defineSlotRecipe({
|
|
119
|
+
slots: checkboxAnatomy.keys(),
|
|
120
|
+
variants: {
|
|
121
|
+
size: bySize(CORE_CONTROL_SIZES, (size) => ({
|
|
122
|
+
label: { textStyle: controlSizes[size].textStyle },
|
|
123
|
+
})),
|
|
124
|
+
},
|
|
125
|
+
});
|
|
126
|
+
const radioGroupSlotRecipe = defineSlotRecipe({
|
|
127
|
+
slots: radioGroupAnatomy.keys(),
|
|
128
|
+
variants: {
|
|
129
|
+
size: bySize(CORE_CONTROL_SIZES, (size) => ({
|
|
130
|
+
item: { textStyle: controlSizes[size].textStyle },
|
|
131
|
+
})),
|
|
132
|
+
},
|
|
133
|
+
});
|
|
134
|
+
const switchSlotRecipe = defineSlotRecipe({
|
|
135
|
+
slots: switchAnatomy.keys(),
|
|
136
|
+
variants: {
|
|
137
|
+
size: bySize(CORE_CONTROL_SIZES, (size) => ({
|
|
138
|
+
label: { textStyle: controlSizes[size].textStyle },
|
|
139
|
+
})),
|
|
140
|
+
},
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
export { buttonRecipe, checkboxSlotRecipe, comboboxSlotRecipe, inputRecipe, radioGroupSlotRecipe, selectSlotRecipe, switchSlotRecipe, tabsSlotRecipe, textareaRecipe };
|
|
144
|
+
//# sourceMappingURL=controls.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"controls.mjs","sources":["../../../src/theme/recipes/controls.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ButtonProps } from '../Button';
|
|
2
|
+
|
|
3
|
+
export interface DatePickerSizeProps {
|
|
4
|
+
/**
|
|
5
|
+
* Size of the trigger, on the shared control scale (`controlSizes`): the
|
|
6
|
+
* same height, type and icon size as a `Button` / `Input` of that size, so
|
|
7
|
+
* a date filter lines up in a row of controls. A `size` in
|
|
8
|
+
* `propsConfigs.triggerBtnProps` still wins.
|
|
9
|
+
* @default 'md'
|
|
10
|
+
*/
|
|
11
|
+
size?: ButtonProps['size'];
|
|
12
|
+
}
|
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
import { format } from 'date-fns';
|
|
7
7
|
|
|
8
8
|
import useLanguage from '@/hooks/useLanguage';
|
|
9
|
+
import { getControlSize } from '@/theme/controlSizes';
|
|
9
10
|
|
|
10
11
|
import { Button, ButtonProps } from '../Button';
|
|
11
12
|
import { MdOutlineCalendarToday } from '../Icon';
|
|
@@ -15,13 +16,16 @@ import {
|
|
|
15
16
|
getDefaultFullDateFormat,
|
|
16
17
|
getMonthNames,
|
|
17
18
|
} from '../MonthPicker/constants';
|
|
19
|
+
import type { DatePickerSizeProps } from './DatePicker.types';
|
|
18
20
|
|
|
19
21
|
export const RangeDatePicker = ({
|
|
20
22
|
propsConfigs,
|
|
21
23
|
configs,
|
|
22
24
|
usePortal = true,
|
|
25
|
+
size,
|
|
23
26
|
...rest
|
|
24
|
-
}: RangeDatepickerProps) => {
|
|
27
|
+
}: RangeDatepickerProps & DatePickerSizeProps) => {
|
|
28
|
+
const control = getControlSize(size);
|
|
25
29
|
const { language } = useLanguage();
|
|
26
30
|
const dateFormat = configs?.dateFormat ?? getDefaultFullDateFormat(language);
|
|
27
31
|
const dateFnsLocale = getDateFnsLocale(language);
|
|
@@ -163,9 +167,11 @@ export const RangeDatePicker = ({
|
|
|
163
167
|
<Button
|
|
164
168
|
pl={2}
|
|
165
169
|
variant="secondary"
|
|
170
|
+
size={size}
|
|
166
171
|
{...(propsConfigs?.triggerBtnProps as ButtonProps)}
|
|
167
172
|
>
|
|
168
173
|
<MdOutlineCalendarToday
|
|
174
|
+
boxSize={control.iconBoxSize}
|
|
169
175
|
color="fg.subtle"
|
|
170
176
|
style={{ marginInlineEnd: 3 }}
|
|
171
177
|
/>
|