@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/avatar.d.ts
CHANGED
|
@@ -17,13 +17,16 @@ type AvatarVariantMap = {
|
|
|
17
17
|
[key in keyof AvatarVariant]: Array<AvatarVariant[key]>
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
type AvatarSlot = "root" | "image" | "fallback"
|
|
21
|
+
|
|
20
22
|
export type AvatarVariantProps = {
|
|
21
23
|
[key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
export interface AvatarRecipe {
|
|
27
|
+
__slot: AvatarSlot
|
|
25
28
|
__type: AvatarVariantProps
|
|
26
|
-
(props?: AvatarVariantProps): Pretty<Record<
|
|
29
|
+
(props?: AvatarVariantProps): Pretty<Record<AvatarSlot, string>>
|
|
27
30
|
raw: (props?: AvatarVariantProps) => AvatarVariantProps
|
|
28
31
|
variantMap: AvatarVariantMap
|
|
29
32
|
variantKeys: Array<keyof AvatarVariant>
|
package/recipes/avatar.mjs
CHANGED
package/recipes/breadcrumb.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type BreadcrumbVariantMap = {
|
|
|
10
10
|
[key in keyof BreadcrumbVariant]: Array<BreadcrumbVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type BreadcrumbSlot = "root" | "list" | "item" | "link"
|
|
14
|
+
|
|
13
15
|
export type BreadcrumbVariantProps = {
|
|
14
16
|
[key in keyof BreadcrumbVariant]?: ConditionalValue<BreadcrumbVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface BreadcrumbRecipe {
|
|
20
|
+
__slot: BreadcrumbSlot
|
|
18
21
|
__type: BreadcrumbVariantProps
|
|
19
|
-
(props?: BreadcrumbVariantProps): Pretty<Record<
|
|
22
|
+
(props?: BreadcrumbVariantProps): Pretty<Record<BreadcrumbSlot, string>>
|
|
20
23
|
raw: (props?: BreadcrumbVariantProps) => BreadcrumbVariantProps
|
|
21
24
|
variantMap: BreadcrumbVariantMap
|
|
22
25
|
variantKeys: Array<keyof BreadcrumbVariant>
|
package/recipes/breadcrumb.mjs
CHANGED
|
@@ -10,11 +10,14 @@ type ButtonFilterVariantMap = {
|
|
|
10
10
|
[key in keyof ButtonFilterVariant]: Array<ButtonFilterVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type ButtonFilterVariantProps = {
|
|
14
16
|
[key in keyof ButtonFilterVariant]?: ConditionalValue<ButtonFilterVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface ButtonFilterRecipe {
|
|
20
|
+
|
|
18
21
|
__type: ButtonFilterVariantProps
|
|
19
22
|
(props?: ButtonFilterVariantProps): string
|
|
20
23
|
raw: (props?: ButtonFilterVariantProps) => ButtonFilterVariantProps
|
|
@@ -26,7 +29,5 @@ export interface ButtonFilterRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the ButtonFilter component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const buttonFilter: ButtonFilterRecipe
|
package/recipes/button.d.ts
CHANGED
|
@@ -21,11 +21,14 @@ type ButtonVariantMap = {
|
|
|
21
21
|
[key in keyof ButtonVariant]: Array<ButtonVariant[key]>
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
|
|
25
|
+
|
|
24
26
|
export type ButtonVariantProps = {
|
|
25
27
|
[key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
export interface ButtonRecipe {
|
|
31
|
+
|
|
29
32
|
__type: ButtonVariantProps
|
|
30
33
|
(props?: ButtonVariantProps): string
|
|
31
34
|
raw: (props?: ButtonVariantProps) => ButtonVariantProps
|
|
@@ -37,7 +40,5 @@ export interface ButtonRecipe {
|
|
|
37
40
|
|
|
38
41
|
/**
|
|
39
42
|
* The styles for the Button component
|
|
40
|
-
|
|
41
|
-
|
|
42
43
|
*/
|
|
43
44
|
export declare const button: ButtonRecipe
|
|
@@ -10,11 +10,14 @@ type ChatDocumentMessageVariantMap = {
|
|
|
10
10
|
[key in keyof ChatDocumentMessageVariant]: Array<ChatDocumentMessageVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type ChatDocumentMessageVariantProps = {
|
|
14
16
|
[key in keyof ChatDocumentMessageVariant]?: ConditionalValue<ChatDocumentMessageVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface ChatDocumentMessageRecipe {
|
|
20
|
+
|
|
18
21
|
__type: ChatDocumentMessageVariantProps
|
|
19
22
|
(props?: ChatDocumentMessageVariantProps): string
|
|
20
23
|
raw: (props?: ChatDocumentMessageVariantProps) => ChatDocumentMessageVariantProps
|
|
@@ -26,7 +29,5 @@ export interface ChatDocumentMessageRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the Chat document message component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const chatDocumentMessage: ChatDocumentMessageRecipe
|
|
@@ -17,11 +17,14 @@ type ChatMessageVariantMap = {
|
|
|
17
17
|
[key in keyof ChatMessageVariant]: Array<ChatMessageVariant[key]>
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
|
|
21
|
+
|
|
20
22
|
export type ChatMessageVariantProps = {
|
|
21
23
|
[key in keyof ChatMessageVariant]?: ConditionalValue<ChatMessageVariant[key]> | undefined
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
export interface ChatMessageRecipe {
|
|
27
|
+
|
|
25
28
|
__type: ChatMessageVariantProps
|
|
26
29
|
(props?: ChatMessageVariantProps): string
|
|
27
30
|
raw: (props?: ChatMessageVariantProps) => ChatMessageVariantProps
|
|
@@ -33,7 +36,5 @@ export interface ChatMessageRecipe {
|
|
|
33
36
|
|
|
34
37
|
/**
|
|
35
38
|
* The styles for the Chat message component
|
|
36
|
-
|
|
37
|
-
|
|
38
39
|
*/
|
|
39
40
|
export declare const chatMessage: ChatMessageRecipe
|
|
@@ -13,11 +13,14 @@ type ChatProfileAvatarVariantMap = {
|
|
|
13
13
|
[key in keyof ChatProfileAvatarVariant]: Array<ChatProfileAvatarVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
|
|
16
18
|
export type ChatProfileAvatarVariantProps = {
|
|
17
19
|
[key in keyof ChatProfileAvatarVariant]?: ConditionalValue<ChatProfileAvatarVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface ChatProfileAvatarRecipe {
|
|
23
|
+
|
|
21
24
|
__type: ChatProfileAvatarVariantProps
|
|
22
25
|
(props?: ChatProfileAvatarVariantProps): string
|
|
23
26
|
raw: (props?: ChatProfileAvatarVariantProps) => ChatProfileAvatarVariantProps
|
|
@@ -29,7 +32,5 @@ export interface ChatProfileAvatarRecipe {
|
|
|
29
32
|
|
|
30
33
|
/**
|
|
31
34
|
* The styles for the Chat profile avatar component
|
|
32
|
-
|
|
33
|
-
|
|
34
35
|
*/
|
|
35
36
|
export declare const chatProfileAvatar: ChatProfileAvatarRecipe
|
|
@@ -10,11 +10,14 @@ type ChatTextInputVariantMap = {
|
|
|
10
10
|
[key in keyof ChatTextInputVariant]: Array<ChatTextInputVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type ChatTextInputVariantProps = {
|
|
14
16
|
[key in keyof ChatTextInputVariant]?: ConditionalValue<ChatTextInputVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface ChatTextInputRecipe {
|
|
20
|
+
|
|
18
21
|
__type: ChatTextInputVariantProps
|
|
19
22
|
(props?: ChatTextInputVariantProps): string
|
|
20
23
|
raw: (props?: ChatTextInputVariantProps) => ChatTextInputVariantProps
|
|
@@ -26,7 +29,5 @@ export interface ChatTextInputRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the Chat input text component
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const chatTextInput: ChatTextInputRecipe
|
package/recipes/chat.d.ts
CHANGED
|
@@ -10,13 +10,16 @@ type ChatVariantMap = {
|
|
|
10
10
|
[key in keyof ChatVariant]: Array<ChatVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
type ChatSlot = "root" | "message-container" | "message" | "document-message"
|
|
14
|
+
|
|
13
15
|
export type ChatVariantProps = {
|
|
14
16
|
[key in keyof ChatVariant]?: ConditionalValue<ChatVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface ChatRecipe {
|
|
20
|
+
__slot: ChatSlot
|
|
18
21
|
__type: ChatVariantProps
|
|
19
|
-
(props?: ChatVariantProps): Pretty<Record<
|
|
22
|
+
(props?: ChatVariantProps): Pretty<Record<ChatSlot, string>>
|
|
20
23
|
raw: (props?: ChatVariantProps) => ChatVariantProps
|
|
21
24
|
variantMap: ChatVariantMap
|
|
22
25
|
variantKeys: Array<keyof ChatVariant>
|
|
@@ -26,7 +29,5 @@ export interface ChatRecipe {
|
|
|
26
29
|
|
|
27
30
|
/**
|
|
28
31
|
* The styles for the Chat component.
|
|
29
|
-
|
|
30
|
-
|
|
31
32
|
*/
|
|
32
33
|
export declare const chat: ChatRecipe
|
package/recipes/chat.mjs
CHANGED
|
@@ -13,13 +13,16 @@ type CheckboxCardVariantMap = {
|
|
|
13
13
|
[key in keyof CheckboxCardVariant]: Array<CheckboxCardVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type CheckboxCardSlot = "root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description"
|
|
17
|
+
|
|
16
18
|
export type CheckboxCardVariantProps = {
|
|
17
19
|
[key in keyof CheckboxCardVariant]?: ConditionalValue<CheckboxCardVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface CheckboxCardRecipe {
|
|
23
|
+
__slot: CheckboxCardSlot
|
|
21
24
|
__type: CheckboxCardVariantProps
|
|
22
|
-
(props?: CheckboxCardVariantProps): Pretty<Record<
|
|
25
|
+
(props?: CheckboxCardVariantProps): Pretty<Record<CheckboxCardSlot, string>>
|
|
23
26
|
raw: (props?: CheckboxCardVariantProps) => CheckboxCardVariantProps
|
|
24
27
|
variantMap: CheckboxCardVariantMap
|
|
25
28
|
variantKeys: Array<keyof CheckboxCardVariant>
|
|
@@ -10,11 +10,14 @@ type CheckboxGroupVariantMap = {
|
|
|
10
10
|
[key in keyof CheckboxGroupVariant]: Array<CheckboxGroupVariant[key]>
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
15
|
export type CheckboxGroupVariantProps = {
|
|
14
16
|
[key in keyof CheckboxGroupVariant]?: ConditionalValue<CheckboxGroupVariant[key]> | undefined
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
export interface CheckboxGroupRecipe {
|
|
20
|
+
|
|
18
21
|
__type: CheckboxGroupVariantProps
|
|
19
22
|
(props?: CheckboxGroupVariantProps): string
|
|
20
23
|
raw: (props?: CheckboxGroupVariantProps) => CheckboxGroupVariantProps
|
package/recipes/checkbox.d.ts
CHANGED
|
@@ -13,13 +13,16 @@ type CheckboxVariantMap = {
|
|
|
13
13
|
[key in keyof CheckboxVariant]: Array<CheckboxVariant[key]>
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
type CheckboxSlot = "root" | "label" | "control" | "indicator" | "group"
|
|
17
|
+
|
|
16
18
|
export type CheckboxVariantProps = {
|
|
17
19
|
[key in keyof CheckboxVariant]?: ConditionalValue<CheckboxVariant[key]> | undefined
|
|
18
20
|
}
|
|
19
21
|
|
|
20
22
|
export interface CheckboxRecipe {
|
|
23
|
+
__slot: CheckboxSlot
|
|
21
24
|
__type: CheckboxVariantProps
|
|
22
|
-
(props?: CheckboxVariantProps): Pretty<Record<
|
|
25
|
+
(props?: CheckboxVariantProps): Pretty<Record<CheckboxSlot, string>>
|
|
23
26
|
raw: (props?: CheckboxVariantProps) => CheckboxVariantProps
|
|
24
27
|
variantMap: CheckboxVariantMap
|
|
25
28
|
variantKeys: Array<keyof CheckboxVariant>
|
package/recipes/checkbox.mjs
CHANGED
package/recipes/chip.d.ts
CHANGED
|
@@ -17,13 +17,16 @@ type ChipVariantMap = {
|
|
|
17
17
|
[key in keyof ChipVariant]: Array<ChipVariant[key]>
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
type ChipSlot = "root" | "avatar" | "body" | "clearTrigger"
|
|
21
|
+
|
|
20
22
|
export type ChipVariantProps = {
|
|
21
23
|
[key in keyof ChipVariant]?: ConditionalValue<ChipVariant[key]> | undefined
|
|
22
24
|
}
|
|
23
25
|
|
|
24
26
|
export interface ChipRecipe {
|
|
27
|
+
__slot: ChipSlot
|
|
25
28
|
__type: ChipVariantProps
|
|
26
|
-
(props?: ChipVariantProps): Pretty<Record<
|
|
29
|
+
(props?: ChipVariantProps): Pretty<Record<ChipSlot, string>>
|
|
27
30
|
raw: (props?: ChipVariantProps) => ChipVariantProps
|
|
28
31
|
variantMap: ChipVariantMap
|
|
29
32
|
variantKeys: Array<keyof ChipVariant>
|
|
@@ -33,7 +36,5 @@ export interface ChipRecipe {
|
|
|
33
36
|
|
|
34
37
|
/**
|
|
35
38
|
* The styles for the Chip component
|
|
36
|
-
|
|
37
|
-
|
|
38
39
|
*/
|
|
39
40
|
export declare const chip: ChipRecipe
|
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
|
@@ -16,6 +16,10 @@ const collapsibleSlotNames = [
|
|
|
16
16
|
[
|
|
17
17
|
"content",
|
|
18
18
|
"collapsible__content"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"indicator",
|
|
22
|
+
"collapsible__indicator"
|
|
19
23
|
]
|
|
20
24
|
]
|
|
21
25
|
const collapsibleSlotFns = /* @__PURE__ */ collapsibleSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, collapsibleDefaultVariants, getSlotCompoundVariant(collapsibleCompoundVariants, slotName))])
|
|
@@ -31,6 +35,7 @@ export const collapsible = /* @__PURE__ */ Object.assign(collapsibleFn, {
|
|
|
31
35
|
__recipe__: false,
|
|
32
36
|
__name__: 'collapsible',
|
|
33
37
|
raw: (props) => props,
|
|
38
|
+
classNameMap: {},
|
|
34
39
|
variantKeys: collapsibleVariantKeys,
|
|
35
40
|
variantMap: {},
|
|
36
41
|
splitVariantProps(props) {
|
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
|
@@ -62,6 +62,10 @@ const comboboxSlotNames = [
|
|
|
62
62
|
[
|
|
63
63
|
"trigger",
|
|
64
64
|
"combobox__trigger"
|
|
65
|
+
],
|
|
66
|
+
[
|
|
67
|
+
"empty",
|
|
68
|
+
"combobox__empty"
|
|
65
69
|
]
|
|
66
70
|
]
|
|
67
71
|
const comboboxSlotFns = /* @__PURE__ */ comboboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, comboboxDefaultVariants, getSlotCompoundVariant(comboboxCompoundVariants, slotName))])
|
|
@@ -80,6 +84,7 @@ export const combobox = /* @__PURE__ */ Object.assign(comboboxFn, {
|
|
|
80
84
|
__recipe__: false,
|
|
81
85
|
__name__: 'combobox',
|
|
82
86
|
raw: (props) => props,
|
|
87
|
+
classNameMap: {},
|
|
83
88
|
variantKeys: comboboxVariantKeys,
|
|
84
89
|
variantMap: {
|
|
85
90
|
"hideClearTrigger": [
|
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
|
@@ -5,14 +5,6 @@ const datepickerDefaultVariants = {}
|
|
|
5
5
|
const datepickerCompoundVariants = []
|
|
6
6
|
|
|
7
7
|
const datepickerSlotNames = [
|
|
8
|
-
[
|
|
9
|
-
"root",
|
|
10
|
-
"datepicker__root"
|
|
11
|
-
],
|
|
12
|
-
[
|
|
13
|
-
"label",
|
|
14
|
-
"datepicker__label"
|
|
15
|
-
],
|
|
16
8
|
[
|
|
17
9
|
"clearTrigger",
|
|
18
10
|
"datepicker__clearTrigger"
|
|
@@ -29,6 +21,10 @@ const datepickerSlotNames = [
|
|
|
29
21
|
"input",
|
|
30
22
|
"datepicker__input"
|
|
31
23
|
],
|
|
24
|
+
[
|
|
25
|
+
"label",
|
|
26
|
+
"datepicker__label"
|
|
27
|
+
],
|
|
32
28
|
[
|
|
33
29
|
"monthSelect",
|
|
34
30
|
"datepicker__monthSelect"
|
|
@@ -41,6 +37,10 @@ const datepickerSlotNames = [
|
|
|
41
37
|
"positioner",
|
|
42
38
|
"datepicker__positioner"
|
|
43
39
|
],
|
|
40
|
+
[
|
|
41
|
+
"presetTrigger",
|
|
42
|
+
"datepicker__presetTrigger"
|
|
43
|
+
],
|
|
44
44
|
[
|
|
45
45
|
"prevTrigger",
|
|
46
46
|
"datepicker__prevTrigger"
|
|
@@ -49,6 +49,10 @@ const datepickerSlotNames = [
|
|
|
49
49
|
"rangeText",
|
|
50
50
|
"datepicker__rangeText"
|
|
51
51
|
],
|
|
52
|
+
[
|
|
53
|
+
"root",
|
|
54
|
+
"datepicker__root"
|
|
55
|
+
],
|
|
52
56
|
[
|
|
53
57
|
"table",
|
|
54
58
|
"datepicker__table"
|
|
@@ -82,20 +86,20 @@ const datepickerSlotNames = [
|
|
|
82
86
|
"datepicker__trigger"
|
|
83
87
|
],
|
|
84
88
|
[
|
|
85
|
-
"
|
|
86
|
-
"
|
|
89
|
+
"view",
|
|
90
|
+
"datepicker__view"
|
|
87
91
|
],
|
|
88
92
|
[
|
|
89
93
|
"viewControl",
|
|
90
94
|
"datepicker__viewControl"
|
|
91
95
|
],
|
|
92
96
|
[
|
|
93
|
-
"
|
|
94
|
-
"
|
|
97
|
+
"viewTrigger",
|
|
98
|
+
"datepicker__viewTrigger"
|
|
95
99
|
],
|
|
96
100
|
[
|
|
97
|
-
"
|
|
98
|
-
"
|
|
101
|
+
"yearSelect",
|
|
102
|
+
"datepicker__yearSelect"
|
|
99
103
|
],
|
|
100
104
|
[
|
|
101
105
|
"view",
|
|
@@ -115,6 +119,7 @@ export const datepicker = /* @__PURE__ */ Object.assign(datepickerFn, {
|
|
|
115
119
|
__recipe__: false,
|
|
116
120
|
__name__: 'datepicker',
|
|
117
121
|
raw: (props) => props,
|
|
122
|
+
classNameMap: {},
|
|
118
123
|
variantKeys: datepickerVariantKeys,
|
|
119
124
|
variantMap: {},
|
|
120
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
|