@stokelp/styled-system 2.93.0 → 2.94.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/conditions.mjs +1 -1
- package/css/css.mjs +1 -1
- package/css/sva.mjs +9 -4
- package/helpers.mjs +12 -20
- package/jsx/create-style-context.d.ts +54 -0
- package/jsx/create-style-context.mjs +98 -0
- package/jsx/factory.mjs +14 -5
- package/jsx/index.d.ts +1 -0
- package/jsx/index.mjs +1 -0
- package/jsx/is-valid-prop.mjs +1 -1
- package/package.json +1 -1
- package/panda.buildinfo.json +11 -10
- package/patterns/aspect-ratio.d.ts +0 -1
- package/patterns/bleed.d.ts +0 -1
- package/patterns/box.d.ts +0 -1
- package/patterns/center.d.ts +0 -1
- package/patterns/circle.d.ts +0 -1
- package/patterns/container.d.ts +0 -1
- package/patterns/cq.d.ts +0 -1
- package/patterns/divider.d.ts +0 -1
- package/patterns/flex.d.ts +0 -1
- package/patterns/float.d.ts +0 -1
- package/patterns/grid-item.d.ts +0 -1
- package/patterns/grid.d.ts +0 -1
- package/patterns/grid.mjs +1 -1
- package/patterns/hstack.d.ts +0 -1
- package/patterns/hstack.mjs +1 -1
- package/patterns/link-overlay.d.ts +0 -1
- package/patterns/spacer.d.ts +0 -1
- package/patterns/square.d.ts +0 -1
- package/patterns/stack.d.ts +0 -1
- package/patterns/stack.mjs +1 -1
- package/patterns/visually-hidden.d.ts +0 -1
- package/patterns/vstack.d.ts +0 -1
- package/patterns/vstack.mjs +1 -1
- package/patterns/wrap.d.ts +0 -1
- package/patterns/wrap.mjs +1 -1
- package/recipes/accordion.d.ts +4 -1
- package/recipes/accordion.mjs +1 -0
- package/recipes/action-card.d.ts +4 -3
- package/recipes/action-card.mjs +1 -0
- package/recipes/alert.d.ts +4 -3
- package/recipes/alert.mjs +1 -0
- package/recipes/app-navigation-language-select.d.ts +4 -1
- package/recipes/app-navigation-language-select.mjs +1 -0
- package/recipes/app-navigation.d.ts +4 -3
- package/recipes/app-navigation.mjs +1 -0
- package/recipes/avatar-group.d.ts +3 -0
- package/recipes/avatar.d.ts +4 -1
- package/recipes/avatar.mjs +1 -0
- package/recipes/breadcrumb.d.ts +4 -1
- package/recipes/breadcrumb.mjs +1 -0
- package/recipes/button-filter.d.ts +3 -2
- package/recipes/button.d.ts +3 -2
- package/recipes/chat-document-message.d.ts +3 -2
- package/recipes/chat-message.d.ts +3 -2
- package/recipes/chat-profile-avatar.d.ts +3 -2
- package/recipes/chat-text-input.d.ts +3 -2
- package/recipes/chat.d.ts +4 -3
- package/recipes/chat.mjs +1 -0
- package/recipes/checkbox-card.d.ts +4 -1
- package/recipes/checkbox-card.mjs +1 -0
- package/recipes/checkbox-group.d.ts +3 -0
- package/recipes/checkbox.d.ts +4 -1
- package/recipes/checkbox.mjs +1 -0
- package/recipes/chip.d.ts +4 -3
- package/recipes/chip.mjs +1 -0
- package/recipes/collapsible.d.ts +4 -1
- package/recipes/collapsible.mjs +1 -0
- package/recipes/combobox.d.ts +4 -1
- package/recipes/combobox.mjs +1 -0
- package/recipes/datepicker.d.ts +4 -1
- package/recipes/datepicker.mjs +1 -0
- package/recipes/dialog.d.ts +4 -1
- package/recipes/dialog.mjs +1 -0
- package/recipes/drawer.d.ts +4 -1
- package/recipes/drawer.mjs +1 -0
- package/recipes/flag.d.ts +3 -0
- package/recipes/form-control.d.ts +3 -2
- package/recipes/form-helper-text.d.ts +3 -2
- package/recipes/form-label.d.ts +4 -3
- package/recipes/form-label.mjs +1 -0
- package/recipes/heading.d.ts +3 -0
- package/recipes/icon-button.d.ts +3 -2
- package/recipes/icon.d.ts +3 -0
- package/recipes/illustration.d.ts +3 -2
- package/recipes/input-addon.d.ts +3 -2
- package/recipes/input-group.d.ts +3 -2
- package/recipes/input.d.ts +3 -2
- package/recipes/menu.d.ts +4 -1
- package/recipes/menu.mjs +1 -0
- package/recipes/pagination.d.ts +4 -3
- package/recipes/pagination.mjs +1 -0
- package/recipes/phone-number-input.d.ts +3 -2
- package/recipes/popover.d.ts +4 -1
- package/recipes/popover.mjs +1 -0
- package/recipes/price-tag.d.ts +4 -1
- package/recipes/price-tag.mjs +1 -0
- package/recipes/product-card-catalog.d.ts +4 -3
- package/recipes/product-card-catalog.mjs +1 -0
- package/recipes/radio-button-group.d.ts +4 -1
- package/recipes/radio-button-group.mjs +1 -0
- package/recipes/radio-card-group.d.ts +4 -1
- package/recipes/radio-card-group.mjs +1 -0
- package/recipes/radio-group.d.ts +4 -1
- package/recipes/radio-group.mjs +1 -0
- package/recipes/select-language.d.ts +4 -1
- package/recipes/select-language.mjs +1 -0
- package/recipes/select.d.ts +4 -1
- package/recipes/select.mjs +1 -0
- package/recipes/status-tag-select.d.ts +4 -1
- package/recipes/status-tag-select.mjs +1 -0
- package/recipes/switch-card.d.ts +4 -1
- package/recipes/switch-card.mjs +1 -0
- package/recipes/switch-recipe.d.ts +4 -1
- package/recipes/switch-recipe.mjs +1 -0
- package/recipes/table-container.d.ts +3 -0
- package/recipes/table-empty-row.d.ts +3 -0
- package/recipes/table-group-title.d.ts +3 -0
- package/recipes/table.d.ts +4 -1
- package/recipes/table.mjs +1 -0
- package/recipes/tabs-chip.d.ts +3 -2
- package/recipes/tabs.d.ts +4 -1
- package/recipes/tabs.mjs +1 -0
- package/recipes/tag.d.ts +4 -3
- package/recipes/tag.mjs +1 -0
- package/recipes/text.d.ts +3 -0
- package/recipes/textarea.d.ts +3 -0
- package/recipes/tooltip.d.ts +4 -1
- package/recipes/tooltip.mjs +1 -0
- package/tokens/tokens.d.ts +1 -1
- package/types/composition.d.ts +83 -23
- package/types/conditions.d.ts +11 -7
- package/types/jsx.d.ts +25 -10
- package/types/prop-type.d.ts +10 -2
- package/types/style-props.d.ts +15 -4
- package/types/system-types.d.ts +76 -0
package/recipes/chip.mjs
CHANGED
package/recipes/collapsible.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type CollapsibleVariantMap = {
|
|
|
10
10
|
[key in keyof CollapsibleVariant]: Array<CollapsibleVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type CollapsibleSlot = "root" | "trigger" | "content" | "indicator"
|
|
14
|
+
|
|
13
15
|
export type CollapsibleVariantProps = {
|
|
14
16
|
[key in keyof CollapsibleVariant]?: ConditionalValue<CollapsibleVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface CollapsibleRecipe {
|
|
20
|
+
__slot: CollapsibleSlot
|
|
18
21
|
__type: CollapsibleVariantProps
|
|
19
|
-
(props?: CollapsibleVariantProps): Pretty<Record<
|
|
22
|
+
(props?: CollapsibleVariantProps): Pretty<Record<CollapsibleSlot, string>>
|
|
20
23
|
raw: (props?: CollapsibleVariantProps) => CollapsibleVariantProps
|
|
21
24
|
variantMap: CollapsibleVariantMap
|
|
22
25
|
variantKeys: Array<keyof CollapsibleVariant>
|
package/recipes/collapsible.mjs
CHANGED
package/recipes/combobox.d.ts
CHANGED
|
@@ -14,13 +14,16 @@ type ComboboxVariantMap = {
|
|
|
14
14
|
[key in keyof ComboboxVariant]: Array<ComboboxVariant[key]>
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
type ComboboxSlot = "root" | "clearTrigger" | "content" | "control" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "label" | "list" | "positioner" | "trigger" | "empty"
|
|
18
|
+
|
|
17
19
|
export type ComboboxVariantProps = {
|
|
18
20
|
[key in keyof ComboboxVariant]?: ConditionalValue<ComboboxVariant[key]> | undefined
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
export interface ComboboxRecipe {
|
|
24
|
+
__slot: ComboboxSlot
|
|
22
25
|
__type: ComboboxVariantProps
|
|
23
|
-
(props?: ComboboxVariantProps): Pretty<Record<
|
|
26
|
+
(props?: ComboboxVariantProps): Pretty<Record<ComboboxSlot, string>>
|
|
24
27
|
raw: (props?: ComboboxVariantProps) => ComboboxVariantProps
|
|
25
28
|
variantMap: ComboboxVariantMap
|
|
26
29
|
variantKeys: Array<keyof ComboboxVariant>
|
package/recipes/combobox.mjs
CHANGED
package/recipes/datepicker.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type DatepickerVariantMap = {
|
|
|
10
10
|
[key in keyof DatepickerVariant]: Array<DatepickerVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type DatepickerSlot = "clearTrigger" | "content" | "control" | "input" | "label" | "monthSelect" | "nextTrigger" | "positioner" | "presetTrigger" | "prevTrigger" | "rangeText" | "root" | "table" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "trigger" | "view" | "viewControl" | "viewTrigger" | "yearSelect" | "view"
|
|
14
|
+
|
|
13
15
|
export type DatepickerVariantProps = {
|
|
14
16
|
[key in keyof DatepickerVariant]?: ConditionalValue<DatepickerVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface DatepickerRecipe {
|
|
20
|
+
__slot: DatepickerSlot
|
|
18
21
|
__type: DatepickerVariantProps
|
|
19
|
-
(props?: DatepickerVariantProps): Pretty<Record<
|
|
22
|
+
(props?: DatepickerVariantProps): Pretty<Record<DatepickerSlot, string>>
|
|
20
23
|
raw: (props?: DatepickerVariantProps) => DatepickerVariantProps
|
|
21
24
|
variantMap: DatepickerVariantMap
|
|
22
25
|
variantKeys: Array<keyof DatepickerVariant>
|
package/recipes/datepicker.mjs
CHANGED
|
@@ -119,6 +119,7 @@ export const datepicker = /* @__PURE__ */ Object.assign(datepickerFn, {
|
|
|
119
119
|
__recipe__: false,
|
|
120
120
|
__name__: 'datepicker',
|
|
121
121
|
raw: (props) => props,
|
|
122
|
+
classNameMap: {},
|
|
122
123
|
variantKeys: datepickerVariantKeys,
|
|
123
124
|
variantMap: {},
|
|
124
125
|
splitVariantProps(props) {
|
package/recipes/dialog.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type DialogVariantMap = {
|
|
|
10
10
|
[key in keyof DialogVariant]: Array<DialogVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type DialogSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
|
|
14
|
+
|
|
13
15
|
export type DialogVariantProps = {
|
|
14
16
|
[key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface DialogRecipe {
|
|
20
|
+
__slot: DialogSlot
|
|
18
21
|
__type: DialogVariantProps
|
|
19
|
-
(props?: DialogVariantProps): Pretty<Record<
|
|
22
|
+
(props?: DialogVariantProps): Pretty<Record<DialogSlot, string>>
|
|
20
23
|
raw: (props?: DialogVariantProps) => DialogVariantProps
|
|
21
24
|
variantMap: DialogVariantMap
|
|
22
25
|
variantKeys: Array<keyof DialogVariant>
|
package/recipes/dialog.mjs
CHANGED
package/recipes/drawer.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type DrawerVariantMap = {
|
|
|
13
13
|
[key in keyof DrawerVariant]: Array<DrawerVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type DrawerSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
|
|
17
|
+
|
|
16
18
|
export type DrawerVariantProps = {
|
|
17
19
|
[key in keyof DrawerVariant]?: ConditionalValue<DrawerVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface DrawerRecipe {
|
|
23
|
+
__slot: DrawerSlot
|
|
21
24
|
__type: DrawerVariantProps
|
|
22
|
-
(props?: DrawerVariantProps): Pretty<Record<
|
|
25
|
+
(props?: DrawerVariantProps): Pretty<Record<DrawerSlot, string>>
|
|
23
26
|
raw: (props?: DrawerVariantProps) => DrawerVariantProps
|
|
24
27
|
variantMap: DrawerVariantMap
|
|
25
28
|
variantKeys: Array<keyof DrawerVariant>
|
package/recipes/drawer.mjs
CHANGED
package/recipes/flag.d.ts
CHANGED
|
@@ -13,11 +13,14 @@ type FlagVariantMap = {
|
|
|
13
13
|
[key in keyof FlagVariant]: Array<FlagVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type FlagVariantProps = {
|
|
17
19
|
[key in keyof FlagVariant]?: ConditionalValue<FlagVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface FlagRecipe {
|
|
23
|
+
|
|
21
24
|
__type: FlagVariantProps
|
|
22
25
|
(props?: FlagVariantProps): string
|
|
23
26
|
raw: (props?: FlagVariantProps) => FlagVariantProps
|
|
@@ -10,11 +10,14 @@ type FormControlVariantMap = {
|
|
|
10
10
|
[key in keyof FormControlVariant]: Array<FormControlVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type FormControlVariantProps = {
|
|
14
16
|
[key in keyof FormControlVariant]?: ConditionalValue<FormControlVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface FormControlRecipe {
|
|
20
|
+
|
|
18
21
|
__type: FormControlVariantProps
|
|
19
22
|
(props?: FormControlVariantProps): string
|
|
20
23
|
raw: (props?: FormControlVariantProps) => FormControlVariantProps
|
|
@@ -26,7 +29,5 @@ export interface FormControlRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the FormControl component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const formControl: FormControlRecipe
|
|
@@ -10,11 +10,14 @@ type FormHelperTextVariantMap = {
|
|
|
10
10
|
[key in keyof FormHelperTextVariant]: Array<FormHelperTextVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type FormHelperTextVariantProps = {
|
|
14
16
|
[key in keyof FormHelperTextVariant]?: ConditionalValue<FormHelperTextVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface FormHelperTextRecipe {
|
|
20
|
+
|
|
18
21
|
__type: FormHelperTextVariantProps
|
|
19
22
|
(props?: FormHelperTextVariantProps): string
|
|
20
23
|
raw: (props?: FormHelperTextVariantProps) => FormHelperTextVariantProps
|
|
@@ -26,7 +29,5 @@ export interface FormHelperTextRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the FormHelperText component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const formHelperText: FormHelperTextRecipe
|
package/recipes/form-label.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type FormLabelVariantMap = {
|
|
|
13
13
|
[key in keyof FormLabelVariant]: Array<FormLabelVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type FormLabelSlot = "root" | "addon" | "icon"
|
|
17
|
+
|
|
16
18
|
export type FormLabelVariantProps = {
|
|
17
19
|
[key in keyof FormLabelVariant]?: ConditionalValue<FormLabelVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface FormLabelRecipe {
|
|
23
|
+
__slot: FormLabelSlot
|
|
21
24
|
__type: FormLabelVariantProps
|
|
22
|
-
(props?: FormLabelVariantProps): Pretty<Record<
|
|
25
|
+
(props?: FormLabelVariantProps): Pretty<Record<FormLabelSlot, string>>
|
|
23
26
|
raw: (props?: FormLabelVariantProps) => FormLabelVariantProps
|
|
24
27
|
variantMap: FormLabelVariantMap
|
|
25
28
|
variantKeys: Array<keyof FormLabelVariant>
|
|
@@ -29,7 +32,5 @@ export interface FormLabelRecipe {
|
|
|
29
32
|
|
|
30
33
|
/**
|
|
31
34
|
* The styles for the FormLabel component
|
|
32
|
-
|
|
33
|
-
|
|
34
35
|
*/
|
|
35
36
|
export declare const formLabel: FormLabelRecipe
|
package/recipes/form-label.mjs
CHANGED
package/recipes/heading.d.ts
CHANGED
|
@@ -15,11 +15,14 @@ type HeadingVariantMap = {
|
|
|
15
15
|
[key in keyof HeadingVariant]: Array<HeadingVariant[key]>
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
|
|
19
|
+
|
|
18
20
|
export type HeadingVariantProps = {
|
|
19
21
|
[key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
export interface HeadingRecipe {
|
|
25
|
+
|
|
23
26
|
__type: HeadingVariantProps
|
|
24
27
|
(props?: HeadingVariantProps): string
|
|
25
28
|
raw: (props?: HeadingVariantProps) => HeadingVariantProps
|
package/recipes/icon-button.d.ts
CHANGED
|
@@ -21,11 +21,14 @@ type IconButtonVariantMap = {
|
|
|
21
21
|
[key in keyof IconButtonVariant]: Array<IconButtonVariant[key]>
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
|
|
25
|
+
|
|
24
26
|
export type IconButtonVariantProps = {
|
|
25
27
|
[key in keyof IconButtonVariant]?: IconButtonVariant[key] | undefined
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
export interface IconButtonRecipe {
|
|
31
|
+
|
|
29
32
|
__type: IconButtonVariantProps
|
|
30
33
|
(props?: IconButtonVariantProps): string
|
|
31
34
|
raw: (props?: IconButtonVariantProps) => IconButtonVariantProps
|
|
@@ -37,7 +40,5 @@ export interface IconButtonRecipe {
|
|
|
37
40
|
|
|
38
41
|
/**
|
|
39
42
|
* The styles for the IconButton component
|
|
40
|
-
|
|
41
|
-
|
|
42
43
|
*/
|
|
43
44
|
export declare const iconButton: IconButtonRecipe
|
package/recipes/icon.d.ts
CHANGED
|
@@ -13,11 +13,14 @@ type IconVariantMap = {
|
|
|
13
13
|
[key in keyof IconVariant]: Array<IconVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type IconVariantProps = {
|
|
17
19
|
[key in keyof IconVariant]?: ConditionalValue<IconVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface IconRecipe {
|
|
23
|
+
|
|
21
24
|
__type: IconVariantProps
|
|
22
25
|
(props?: IconVariantProps): string
|
|
23
26
|
raw: (props?: IconVariantProps) => IconVariantProps
|
|
@@ -13,11 +13,14 @@ type IllustrationVariantMap = {
|
|
|
13
13
|
[key in keyof IllustrationVariant]: Array<IllustrationVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type IllustrationVariantProps = {
|
|
17
19
|
[key in keyof IllustrationVariant]?: ConditionalValue<IllustrationVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface IllustrationRecipe {
|
|
23
|
+
|
|
21
24
|
__type: IllustrationVariantProps
|
|
22
25
|
(props?: IllustrationVariantProps): string
|
|
23
26
|
raw: (props?: IllustrationVariantProps) => IllustrationVariantProps
|
|
@@ -29,7 +32,5 @@ export interface IllustrationRecipe {
|
|
|
29
32
|
|
|
30
33
|
/**
|
|
31
34
|
* The styles for the Illustration component
|
|
32
|
-
|
|
33
|
-
|
|
34
35
|
*/
|
|
35
36
|
export declare const illustration: IllustrationRecipe
|
package/recipes/input-addon.d.ts
CHANGED
|
@@ -10,11 +10,14 @@ type InputAddonVariantMap = {
|
|
|
10
10
|
[key in keyof InputAddonVariant]: Array<InputAddonVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type InputAddonVariantProps = {
|
|
14
16
|
[key in keyof InputAddonVariant]?: ConditionalValue<InputAddonVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface InputAddonRecipe {
|
|
20
|
+
|
|
18
21
|
__type: InputAddonVariantProps
|
|
19
22
|
(props?: InputAddonVariantProps): string
|
|
20
23
|
raw: (props?: InputAddonVariantProps) => InputAddonVariantProps
|
|
@@ -26,7 +29,5 @@ export interface InputAddonRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the InputAddon component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const inputAddon: InputAddonRecipe
|
package/recipes/input-group.d.ts
CHANGED
|
@@ -10,11 +10,14 @@ type InputGroupVariantMap = {
|
|
|
10
10
|
[key in keyof InputGroupVariant]: Array<InputGroupVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type InputGroupVariantProps = {
|
|
14
16
|
[key in keyof InputGroupVariant]?: ConditionalValue<InputGroupVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface InputGroupRecipe {
|
|
20
|
+
|
|
18
21
|
__type: InputGroupVariantProps
|
|
19
22
|
(props?: InputGroupVariantProps): string
|
|
20
23
|
raw: (props?: InputGroupVariantProps) => InputGroupVariantProps
|
|
@@ -26,7 +29,5 @@ export interface InputGroupRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the InputGroup component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const inputGroup: InputGroupRecipe
|
package/recipes/input.d.ts
CHANGED
|
@@ -13,11 +13,14 @@ type InputVariantMap = {
|
|
|
13
13
|
[key in keyof InputVariant]: Array<InputVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type InputVariantProps = {
|
|
17
19
|
[key in keyof InputVariant]?: ConditionalValue<InputVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface InputRecipe {
|
|
23
|
+
|
|
21
24
|
__type: InputVariantProps
|
|
22
25
|
(props?: InputVariantProps): string
|
|
23
26
|
raw: (props?: InputVariantProps) => InputVariantProps
|
|
@@ -29,7 +32,5 @@ export interface InputRecipe {
|
|
|
29
32
|
|
|
30
33
|
/**
|
|
31
34
|
* The styles for the Input component
|
|
32
|
-
|
|
33
|
-
|
|
34
35
|
*/
|
|
35
36
|
export declare const input: InputRecipe
|
package/recipes/menu.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type MenuVariantMap = {
|
|
|
13
13
|
[key in keyof MenuVariant]: Array<MenuVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type MenuSlot = "arrow" | "arrowTip" | "content" | "contextTrigger" | "indicator" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "separator" | "trigger" | "triggerItem"
|
|
17
|
+
|
|
16
18
|
export type MenuVariantProps = {
|
|
17
19
|
[key in keyof MenuVariant]?: ConditionalValue<MenuVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface MenuRecipe {
|
|
23
|
+
__slot: MenuSlot
|
|
21
24
|
__type: MenuVariantProps
|
|
22
|
-
(props?: MenuVariantProps): Pretty<Record<
|
|
25
|
+
(props?: MenuVariantProps): Pretty<Record<MenuSlot, string>>
|
|
23
26
|
raw: (props?: MenuVariantProps) => MenuVariantProps
|
|
24
27
|
variantMap: MenuVariantMap
|
|
25
28
|
variantKeys: Array<keyof MenuVariant>
|
package/recipes/menu.mjs
CHANGED
package/recipes/pagination.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type PaginationVariantMap = {
|
|
|
10
10
|
[key in keyof PaginationVariant]: Array<PaginationVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type PaginationSlot = "root" | "item" | "dots"
|
|
14
|
+
|
|
13
15
|
export type PaginationVariantProps = {
|
|
14
16
|
[key in keyof PaginationVariant]?: ConditionalValue<PaginationVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface PaginationRecipe {
|
|
20
|
+
__slot: PaginationSlot
|
|
18
21
|
__type: PaginationVariantProps
|
|
19
|
-
(props?: PaginationVariantProps): Pretty<Record<
|
|
22
|
+
(props?: PaginationVariantProps): Pretty<Record<PaginationSlot, string>>
|
|
20
23
|
raw: (props?: PaginationVariantProps) => PaginationVariantProps
|
|
21
24
|
variantMap: PaginationVariantMap
|
|
22
25
|
variantKeys: Array<keyof PaginationVariant>
|
|
@@ -26,7 +29,5 @@ export interface PaginationRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the pagination component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const pagination: PaginationRecipe
|
package/recipes/pagination.mjs
CHANGED
|
@@ -13,11 +13,14 @@ type PhoneNumberInputVariantMap = {
|
|
|
13
13
|
[key in keyof PhoneNumberInputVariant]: Array<PhoneNumberInputVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type PhoneNumberInputVariantProps = {
|
|
17
19
|
[key in keyof PhoneNumberInputVariant]?: ConditionalValue<PhoneNumberInputVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface PhoneNumberInputRecipe {
|
|
23
|
+
|
|
21
24
|
__type: PhoneNumberInputVariantProps
|
|
22
25
|
(props?: PhoneNumberInputVariantProps): string
|
|
23
26
|
raw: (props?: PhoneNumberInputVariantProps) => PhoneNumberInputVariantProps
|
|
@@ -29,7 +32,5 @@ export interface PhoneNumberInputRecipe {
|
|
|
29
32
|
|
|
30
33
|
/**
|
|
31
34
|
* The styles for the PhoneNumberInput component
|
|
32
|
-
|
|
33
|
-
|
|
34
35
|
*/
|
|
35
36
|
export declare const phoneNumberInput: PhoneNumberInputRecipe
|
package/recipes/popover.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type PopoverVariantMap = {
|
|
|
10
10
|
[key in keyof PopoverVariant]: Array<PopoverVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type PopoverSlot = "arrow" | "arrowTip" | "anchor" | "trigger" | "indicator" | "positioner" | "content" | "title" | "description" | "closeTrigger"
|
|
14
|
+
|
|
13
15
|
export type PopoverVariantProps = {
|
|
14
16
|
[key in keyof PopoverVariant]?: ConditionalValue<PopoverVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface PopoverRecipe {
|
|
20
|
+
__slot: PopoverSlot
|
|
18
21
|
__type: PopoverVariantProps
|
|
19
|
-
(props?: PopoverVariantProps): Pretty<Record<
|
|
22
|
+
(props?: PopoverVariantProps): Pretty<Record<PopoverSlot, string>>
|
|
20
23
|
raw: (props?: PopoverVariantProps) => PopoverVariantProps
|
|
21
24
|
variantMap: PopoverVariantMap
|
|
22
25
|
variantKeys: Array<keyof PopoverVariant>
|
package/recipes/popover.mjs
CHANGED
package/recipes/price-tag.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type PriceTagVariantMap = {
|
|
|
13
13
|
[key in keyof PriceTagVariant]: Array<PriceTagVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type PriceTagSlot = "root" | "price" | "unit"
|
|
17
|
+
|
|
16
18
|
export type PriceTagVariantProps = {
|
|
17
19
|
[key in keyof PriceTagVariant]?: ConditionalValue<PriceTagVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface PriceTagRecipe {
|
|
23
|
+
__slot: PriceTagSlot
|
|
21
24
|
__type: PriceTagVariantProps
|
|
22
|
-
(props?: PriceTagVariantProps): Pretty<Record<
|
|
25
|
+
(props?: PriceTagVariantProps): Pretty<Record<PriceTagSlot, string>>
|
|
23
26
|
raw: (props?: PriceTagVariantProps) => PriceTagVariantProps
|
|
24
27
|
variantMap: PriceTagVariantMap
|
|
25
28
|
variantKeys: Array<keyof PriceTagVariant>
|
package/recipes/price-tag.mjs
CHANGED
|
@@ -10,13 +10,16 @@ type ProductCardCatalogVariantMap = {
|
|
|
10
10
|
[key in keyof ProductCardCatalogVariant]: Array<ProductCardCatalogVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type ProductCardCatalogSlot = "root" | "title" | "image" | "imageContainer" | "content" | "description" | "highlight" | "tag" | "badgeList" | "badge" | "shortLivedTag"
|
|
14
|
+
|
|
13
15
|
export type ProductCardCatalogVariantProps = {
|
|
14
16
|
[key in keyof ProductCardCatalogVariant]?: ConditionalValue<ProductCardCatalogVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface ProductCardCatalogRecipe {
|
|
20
|
+
__slot: ProductCardCatalogSlot
|
|
18
21
|
__type: ProductCardCatalogVariantProps
|
|
19
|
-
(props?: ProductCardCatalogVariantProps): Pretty<Record<
|
|
22
|
+
(props?: ProductCardCatalogVariantProps): Pretty<Record<ProductCardCatalogSlot, string>>
|
|
20
23
|
raw: (props?: ProductCardCatalogVariantProps) => ProductCardCatalogVariantProps
|
|
21
24
|
variantMap: ProductCardCatalogVariantMap
|
|
22
25
|
variantKeys: Array<keyof ProductCardCatalogVariant>
|
|
@@ -26,7 +29,5 @@ export interface ProductCardCatalogRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the ProductCardCatalog component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const productCardCatalog: ProductCardCatalogRecipe
|
|
@@ -63,6 +63,7 @@ export const productCardCatalog = /* @__PURE__ */ Object.assign(productCardCatal
|
|
|
63
63
|
__recipe__: false,
|
|
64
64
|
__name__: 'productCardCatalog',
|
|
65
65
|
raw: (props) => props,
|
|
66
|
+
classNameMap: {},
|
|
66
67
|
variantKeys: productCardCatalogVariantKeys,
|
|
67
68
|
variantMap: {},
|
|
68
69
|
splitVariantProps(props) {
|
|
@@ -13,13 +13,16 @@ type RadioButtonGroupVariantMap = {
|
|
|
13
13
|
[key in keyof RadioButtonGroupVariant]: Array<RadioButtonGroupVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type RadioButtonGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
|
|
17
|
+
|
|
16
18
|
export type RadioButtonGroupVariantProps = {
|
|
17
19
|
[key in keyof RadioButtonGroupVariant]?: ConditionalValue<RadioButtonGroupVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface RadioButtonGroupRecipe {
|
|
23
|
+
__slot: RadioButtonGroupSlot
|
|
21
24
|
__type: RadioButtonGroupVariantProps
|
|
22
|
-
(props?: RadioButtonGroupVariantProps): Pretty<Record<
|
|
25
|
+
(props?: RadioButtonGroupVariantProps): Pretty<Record<RadioButtonGroupSlot, string>>
|
|
23
26
|
raw: (props?: RadioButtonGroupVariantProps) => RadioButtonGroupVariantProps
|
|
24
27
|
variantMap: RadioButtonGroupVariantMap
|
|
25
28
|
variantKeys: Array<keyof RadioButtonGroupVariant>
|
|
@@ -13,13 +13,16 @@ type RadioCardGroupVariantMap = {
|
|
|
13
13
|
[key in keyof RadioCardGroupVariant]: Array<RadioCardGroupVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type RadioCardGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator" | "itemImage" | "itemContent" | "itemTitle" | "itemDescription"
|
|
17
|
+
|
|
16
18
|
export type RadioCardGroupVariantProps = {
|
|
17
19
|
[key in keyof RadioCardGroupVariant]?: ConditionalValue<RadioCardGroupVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface RadioCardGroupRecipe {
|
|
23
|
+
__slot: RadioCardGroupSlot
|
|
21
24
|
__type: RadioCardGroupVariantProps
|
|
22
|
-
(props?: RadioCardGroupVariantProps): Pretty<Record<
|
|
25
|
+
(props?: RadioCardGroupVariantProps): Pretty<Record<RadioCardGroupSlot, string>>
|
|
23
26
|
raw: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
|
|
24
27
|
variantMap: RadioCardGroupVariantMap
|
|
25
28
|
variantKeys: Array<keyof RadioCardGroupVariant>
|