@stokelp/styled-system 2.92.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 +2 -2
- package/panda.buildinfo.json +18 -17
- package/patterns/aspect-ratio.d.ts +0 -1
- package/patterns/aspect-ratio.mjs +2 -2
- package/patterns/bleed.d.ts +0 -1
- package/patterns/bleed.mjs +3 -3
- package/patterns/box.d.ts +0 -1
- package/patterns/box.mjs +2 -2
- package/patterns/center.d.ts +0 -1
- package/patterns/center.mjs +3 -3
- package/patterns/circle.d.ts +0 -1
- package/patterns/circle.mjs +4 -4
- package/patterns/container.d.ts +0 -1
- package/patterns/container.mjs +2 -2
- package/patterns/cq.d.ts +0 -1
- package/patterns/cq.mjs +2 -2
- package/patterns/divider.d.ts +0 -1
- package/patterns/divider.mjs +2 -2
- package/patterns/flex.d.ts +0 -1
- package/patterns/flex.mjs +2 -2
- package/patterns/float.d.ts +0 -1
- package/patterns/float.mjs +5 -5
- package/patterns/grid-item.d.ts +0 -1
- package/patterns/grid-item.mjs +2 -2
- package/patterns/grid.d.ts +0 -1
- package/patterns/grid.mjs +4 -4
- package/patterns/hstack.d.ts +0 -1
- package/patterns/hstack.mjs +3 -3
- package/patterns/link-overlay.d.ts +0 -1
- package/patterns/link-overlay.mjs +3 -3
- package/patterns/spacer.d.ts +0 -1
- package/patterns/spacer.mjs +3 -3
- package/patterns/square.d.ts +0 -1
- package/patterns/square.mjs +4 -4
- package/patterns/stack.d.ts +0 -1
- package/patterns/stack.mjs +3 -3
- package/patterns/visually-hidden.d.ts +0 -1
- package/patterns/visually-hidden.mjs +2 -2
- package/patterns/vstack.d.ts +0 -1
- package/patterns/vstack.mjs +3 -3
- package/patterns/wrap.d.ts +0 -1
- package/patterns/wrap.mjs +2 -2
- 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 +5 -0
- package/recipes/combobox.d.ts +4 -1
- package/recipes/combobox.mjs +5 -0
- package/recipes/datepicker.d.ts +4 -1
- package/recipes/datepicker.mjs +19 -14
- 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/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>
|
package/recipes/radio-group.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type RadioGroupVariantMap = {
|
|
|
13
13
|
[key in keyof RadioGroupVariant]: Array<RadioGroupVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type RadioGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
|
|
17
|
+
|
|
16
18
|
export type RadioGroupVariantProps = {
|
|
17
19
|
[key in keyof RadioGroupVariant]?: ConditionalValue<RadioGroupVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface RadioGroupRecipe {
|
|
23
|
+
__slot: RadioGroupSlot
|
|
21
24
|
__type: RadioGroupVariantProps
|
|
22
|
-
(props?: RadioGroupVariantProps): Pretty<Record<
|
|
25
|
+
(props?: RadioGroupVariantProps): Pretty<Record<RadioGroupSlot, string>>
|
|
23
26
|
raw: (props?: RadioGroupVariantProps) => RadioGroupVariantProps
|
|
24
27
|
variantMap: RadioGroupVariantMap
|
|
25
28
|
variantKeys: Array<keyof RadioGroupVariant>
|
package/recipes/radio-group.mjs
CHANGED
|
@@ -13,13 +13,16 @@ type SelectLanguageVariantMap = {
|
|
|
13
13
|
[key in keyof SelectLanguageVariant]: Array<SelectLanguageVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type SelectLanguageSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
|
|
17
|
+
|
|
16
18
|
export type SelectLanguageVariantProps = {
|
|
17
19
|
[key in keyof SelectLanguageVariant]?: ConditionalValue<SelectLanguageVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface SelectLanguageRecipe {
|
|
23
|
+
__slot: SelectLanguageSlot
|
|
21
24
|
__type: SelectLanguageVariantProps
|
|
22
|
-
(props?: SelectLanguageVariantProps): Pretty<Record<
|
|
25
|
+
(props?: SelectLanguageVariantProps): Pretty<Record<SelectLanguageSlot, string>>
|
|
23
26
|
raw: (props?: SelectLanguageVariantProps) => SelectLanguageVariantProps
|
|
24
27
|
variantMap: SelectLanguageVariantMap
|
|
25
28
|
variantKeys: Array<keyof SelectLanguageVariant>
|
package/recipes/select.d.ts
CHANGED
|
@@ -14,13 +14,16 @@ type SelectVariantMap = {
|
|
|
14
14
|
[key in keyof SelectVariant]: Array<SelectVariant[key]>
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
+
type SelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
|
|
18
|
+
|
|
17
19
|
export type SelectVariantProps = {
|
|
18
20
|
[key in keyof SelectVariant]?: ConditionalValue<SelectVariant[key]> | undefined
|
|
19
21
|
}
|
|
20
22
|
|
|
21
23
|
export interface SelectRecipe {
|
|
24
|
+
__slot: SelectSlot
|
|
22
25
|
__type: SelectVariantProps
|
|
23
|
-
(props?: SelectVariantProps): Pretty<Record<
|
|
26
|
+
(props?: SelectVariantProps): Pretty<Record<SelectSlot, string>>
|
|
24
27
|
raw: (props?: SelectVariantProps) => SelectVariantProps
|
|
25
28
|
variantMap: SelectVariantMap
|
|
26
29
|
variantKeys: Array<keyof SelectVariant>
|
package/recipes/select.mjs
CHANGED
|
@@ -17,13 +17,16 @@ type StatusTagSelectVariantMap = {
|
|
|
17
17
|
[key in keyof StatusTagSelectVariant]: Array<StatusTagSelectVariant[key]>
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
type StatusTagSelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
|
|
21
|
+
|
|
20
22
|
export type StatusTagSelectVariantProps = {
|
|
21
23
|
[key in keyof StatusTagSelectVariant]?: ConditionalValue<StatusTagSelectVariant[key]> | undefined
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
export interface StatusTagSelectRecipe {
|
|
27
|
+
__slot: StatusTagSelectSlot
|
|
25
28
|
__type: StatusTagSelectVariantProps
|
|
26
|
-
(props?: StatusTagSelectVariantProps): Pretty<Record<
|
|
29
|
+
(props?: StatusTagSelectVariantProps): Pretty<Record<StatusTagSelectSlot, string>>
|
|
27
30
|
raw: (props?: StatusTagSelectVariantProps) => StatusTagSelectVariantProps
|
|
28
31
|
variantMap: StatusTagSelectVariantMap
|
|
29
32
|
variantKeys: Array<keyof StatusTagSelectVariant>
|
package/recipes/switch-card.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type SwitchCardVariantMap = {
|
|
|
13
13
|
[key in keyof SwitchCardVariant]: Array<SwitchCardVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type SwitchCardSlot = "root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description"
|
|
17
|
+
|
|
16
18
|
export type SwitchCardVariantProps = {
|
|
17
19
|
[key in keyof SwitchCardVariant]?: ConditionalValue<SwitchCardVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface SwitchCardRecipe {
|
|
23
|
+
__slot: SwitchCardSlot
|
|
21
24
|
__type: SwitchCardVariantProps
|
|
22
|
-
(props?: SwitchCardVariantProps): Pretty<Record<
|
|
25
|
+
(props?: SwitchCardVariantProps): Pretty<Record<SwitchCardSlot, string>>
|
|
23
26
|
raw: (props?: SwitchCardVariantProps) => SwitchCardVariantProps
|
|
24
27
|
variantMap: SwitchCardVariantMap
|
|
25
28
|
variantKeys: Array<keyof SwitchCardVariant>
|
package/recipes/switch-card.mjs
CHANGED
|
@@ -13,13 +13,16 @@ type SwitchRecipeVariantMap = {
|
|
|
13
13
|
[key in keyof SwitchRecipeVariant]: Array<SwitchRecipeVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type SwitchRecipeSlot = "root" | "label" | "control" | "thumb"
|
|
17
|
+
|
|
16
18
|
export type SwitchRecipeVariantProps = {
|
|
17
19
|
[key in keyof SwitchRecipeVariant]?: ConditionalValue<SwitchRecipeVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface SwitchRecipeRecipe {
|
|
23
|
+
__slot: SwitchRecipeSlot
|
|
21
24
|
__type: SwitchRecipeVariantProps
|
|
22
|
-
(props?: SwitchRecipeVariantProps): Pretty<Record<
|
|
25
|
+
(props?: SwitchRecipeVariantProps): Pretty<Record<SwitchRecipeSlot, string>>
|
|
23
26
|
raw: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps
|
|
24
27
|
variantMap: SwitchRecipeVariantMap
|
|
25
28
|
variantKeys: Array<keyof SwitchRecipeVariant>
|
|
@@ -10,11 +10,14 @@ type TableContainerVariantMap = {
|
|
|
10
10
|
[key in keyof TableContainerVariant]: Array<TableContainerVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type TableContainerVariantProps = {
|
|
14
16
|
[key in keyof TableContainerVariant]?: ConditionalValue<TableContainerVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface TableContainerRecipe {
|
|
20
|
+
|
|
18
21
|
__type: TableContainerVariantProps
|
|
19
22
|
(props?: TableContainerVariantProps): string
|
|
20
23
|
raw: (props?: TableContainerVariantProps) => TableContainerVariantProps
|
|
@@ -10,11 +10,14 @@ type TableEmptyRowVariantMap = {
|
|
|
10
10
|
[key in keyof TableEmptyRowVariant]: Array<TableEmptyRowVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type TableEmptyRowVariantProps = {
|
|
14
16
|
[key in keyof TableEmptyRowVariant]?: ConditionalValue<TableEmptyRowVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface TableEmptyRowRecipe {
|
|
20
|
+
|
|
18
21
|
__type: TableEmptyRowVariantProps
|
|
19
22
|
(props?: TableEmptyRowVariantProps): string
|
|
20
23
|
raw: (props?: TableEmptyRowVariantProps) => TableEmptyRowVariantProps
|
|
@@ -13,11 +13,14 @@ type TableGroupTitleVariantMap = {
|
|
|
13
13
|
[key in keyof TableGroupTitleVariant]: Array<TableGroupTitleVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type TableGroupTitleVariantProps = {
|
|
17
19
|
[key in keyof TableGroupTitleVariant]?: ConditionalValue<TableGroupTitleVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface TableGroupTitleRecipe {
|
|
23
|
+
|
|
21
24
|
__type: TableGroupTitleVariantProps
|
|
22
25
|
(props?: TableGroupTitleVariantProps): string
|
|
23
26
|
raw: (props?: TableGroupTitleVariantProps) => TableGroupTitleVariantProps
|
package/recipes/table.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type TableVariantMap = {
|
|
|
10
10
|
[key in keyof TableVariant]: Array<TableVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type TableSlot = "root" | "thead" | "tbody" | "tr" | "th" | "td" | "sortIndicatorRoot" | "sortIndicator"
|
|
14
|
+
|
|
13
15
|
export type TableVariantProps = {
|
|
14
16
|
[key in keyof TableVariant]?: ConditionalValue<TableVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface TableRecipe {
|
|
20
|
+
__slot: TableSlot
|
|
18
21
|
__type: TableVariantProps
|
|
19
|
-
(props?: TableVariantProps): Pretty<Record<
|
|
22
|
+
(props?: TableVariantProps): Pretty<Record<TableSlot, string>>
|
|
20
23
|
raw: (props?: TableVariantProps) => TableVariantProps
|
|
21
24
|
variantMap: TableVariantMap
|
|
22
25
|
variantKeys: Array<keyof TableVariant>
|
package/recipes/table.mjs
CHANGED