@mekari/pixel3-styled-system 0.0.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/.turbo/turbo-build.log +16 -0
- package/chunks/packages__accordion__src__accordion.css +10 -0
- package/chunks/packages__avatar2__src__modules__avatar.recipes.css +166 -0
- package/chunks/packages__avatar__src__avatar.style.css +150 -0
- package/chunks/packages__avatar__src__avatar.styles.css +171 -0
- package/chunks/packages__avatar__src__modules__avatar.recipes.css +191 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-accordion__src__accordion.css +10 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-avatar2__src__modules__avatar.recipes.css +166 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-avatar__src__avatar.css +16 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-avatar__src__avatar.style.css +150 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-avatar__src__avatar.styles.css +171 -0
- package/chunks/packages__core__node_modules__@mekari__pixel3-avatar__src__modules__avatar.recipes.css +191 -0
- package/css/conditions.mjs +34 -0
- package/css/css.d.ts +9 -0
- package/css/css.mjs +44 -0
- package/css/cva.d.ts +6 -0
- package/css/cva.mjs +85 -0
- package/css/cx.d.ts +5 -0
- package/css/cx.mjs +15 -0
- package/css/index.d.ts +5 -0
- package/css/index.mjs +4 -0
- package/css/sva.d.ts +4 -0
- package/css/sva.mjs +35 -0
- package/global.css +59 -0
- package/helpers.mjs +300 -0
- package/jsx/aspect-ratio.d.ts +10 -0
- package/jsx/aspect-ratio.mjs +16 -0
- package/jsx/bleed.d.ts +10 -0
- package/jsx/bleed.mjs +16 -0
- package/jsx/box.d.ts +10 -0
- package/jsx/box.mjs +16 -0
- package/jsx/center.d.ts +10 -0
- package/jsx/center.mjs +16 -0
- package/jsx/circle.d.ts +10 -0
- package/jsx/circle.mjs +16 -0
- package/jsx/container.d.ts +10 -0
- package/jsx/container.mjs +16 -0
- package/jsx/divider.d.ts +10 -0
- package/jsx/divider.mjs +16 -0
- package/jsx/factory-helper.mjs +22 -0
- package/jsx/factory.d.ts +4 -0
- package/jsx/factory.mjs +85 -0
- package/jsx/flex.d.ts +10 -0
- package/jsx/flex.mjs +16 -0
- package/jsx/float.d.ts +10 -0
- package/jsx/float.mjs +16 -0
- package/jsx/grid-item.d.ts +10 -0
- package/jsx/grid-item.mjs +16 -0
- package/jsx/grid.d.ts +10 -0
- package/jsx/grid.mjs +16 -0
- package/jsx/hstack.d.ts +10 -0
- package/jsx/hstack.mjs +16 -0
- package/jsx/index.d.ts +27 -0
- package/jsx/index.mjs +22 -0
- package/jsx/is-valid-prop.d.ts +5 -0
- package/jsx/is-valid-prop.mjs +17 -0
- package/jsx/link-box.d.ts +10 -0
- package/jsx/link-box.mjs +16 -0
- package/jsx/link-overlay.d.ts +10 -0
- package/jsx/link-overlay.mjs +16 -0
- package/jsx/spacer.d.ts +10 -0
- package/jsx/spacer.mjs +16 -0
- package/jsx/square.d.ts +10 -0
- package/jsx/square.mjs +16 -0
- package/jsx/stack.d.ts +10 -0
- package/jsx/stack.mjs +16 -0
- package/jsx/visually-hidden.d.ts +10 -0
- package/jsx/visually-hidden.mjs +16 -0
- package/jsx/vstack.d.ts +10 -0
- package/jsx/vstack.mjs +16 -0
- package/jsx/wrap.d.ts +10 -0
- package/jsx/wrap.mjs +16 -0
- package/package.json +40 -0
- package/patterns/aspect-ratio.d.ts +21 -0
- package/patterns/aspect-ratio.mjs +35 -0
- package/patterns/bleed.d.ts +22 -0
- package/patterns/bleed.mjs +19 -0
- package/patterns/box.d.ts +21 -0
- package/patterns/box.mjs +12 -0
- package/patterns/center.d.ts +21 -0
- package/patterns/center.mjs +18 -0
- package/patterns/circle.d.ts +21 -0
- package/patterns/circle.mjs +22 -0
- package/patterns/container.d.ts +21 -0
- package/patterns/container.mjs +18 -0
- package/patterns/divider.d.ts +23 -0
- package/patterns/divider.mjs +21 -0
- package/patterns/flex.d.ts +27 -0
- package/patterns/flex.mjs +23 -0
- package/patterns/float.d.ts +24 -0
- package/patterns/float.mjs +45 -0
- package/patterns/grid-item.d.ts +26 -0
- package/patterns/grid-item.mjs +22 -0
- package/patterns/grid.d.ts +25 -0
- package/patterns/grid.mjs +22 -0
- package/patterns/hstack.d.ts +22 -0
- package/patterns/hstack.mjs +20 -0
- package/patterns/index.d.ts +21 -0
- package/patterns/index.mjs +20 -0
- package/patterns/link-box.d.ts +21 -0
- package/patterns/link-box.mjs +19 -0
- package/patterns/link-overlay.d.ts +21 -0
- package/patterns/link-overlay.mjs +24 -0
- package/patterns/spacer.d.ts +21 -0
- package/patterns/spacer.mjs +18 -0
- package/patterns/square.d.ts +21 -0
- package/patterns/square.mjs +21 -0
- package/patterns/stack.d.ts +24 -0
- package/patterns/stack.mjs +20 -0
- package/patterns/visually-hidden.d.ts +21 -0
- package/patterns/visually-hidden.mjs +15 -0
- package/patterns/vstack.d.ts +22 -0
- package/patterns/vstack.mjs +20 -0
- package/patterns/wrap.d.ts +25 -0
- package/patterns/wrap.mjs +22 -0
- package/recipes/accordion.d.ts +27 -0
- package/recipes/accordion.mjs +50 -0
- package/recipes/avatar-group-recipe.d.ts +27 -0
- package/recipes/avatar-group-recipe.mjs +43 -0
- package/recipes/avatar-group-slot-recipe.d.ts +27 -0
- package/recipes/avatar-group-slot-recipe.mjs +43 -0
- package/recipes/avatar-recipe.d.ts +30 -0
- package/recipes/avatar-recipe.mjs +122 -0
- package/recipes/avatar-slot-recipe.d.ts +29 -0
- package/recipes/avatar-slot-recipe.mjs +116 -0
- package/recipes/badge-recipe.d.ts +29 -0
- package/recipes/badge-recipe.mjs +160 -0
- package/recipes/button-group-recipe.d.ts +27 -0
- package/recipes/button-group-recipe.mjs +22 -0
- package/recipes/button-recipe.d.ts +28 -0
- package/recipes/button-recipe.mjs +94 -0
- package/recipes/checkbox-slot-recipe.d.ts +27 -0
- package/recipes/checkbox-slot-recipe.mjs +38 -0
- package/recipes/create-recipe.d.ts +1 -0
- package/recipes/create-recipe.mjs +79 -0
- package/recipes/icon-recipe.d.ts +27 -0
- package/recipes/icon-recipe.mjs +29 -0
- package/recipes/index.d.ts +30 -0
- package/recipes/index.mjs +29 -0
- package/recipes/input-addon-recipe.d.ts +29 -0
- package/recipes/input-addon-recipe.mjs +107 -0
- package/recipes/input-addon-slot-recipe.d.ts +28 -0
- package/recipes/input-addon-slot-recipe.mjs +45 -0
- package/recipes/input-group-recipe.d.ts +27 -0
- package/recipes/input-group-recipe.mjs +30 -0
- package/recipes/input-group-slot-recipe.d.ts +27 -0
- package/recipes/input-group-slot-recipe.mjs +30 -0
- package/recipes/input-recipe.d.ts +30 -0
- package/recipes/input-recipe.mjs +63 -0
- package/recipes/input-slot-recipe.d.ts +28 -0
- package/recipes/input-slot-recipe.mjs +53 -0
- package/recipes/popover-content-recipe.d.ts +28 -0
- package/recipes/popover-content-recipe.mjs +34 -0
- package/recipes/popover-list-item-recipe.d.ts +27 -0
- package/recipes/popover-list-item-recipe.mjs +22 -0
- package/recipes/popover-list-recipe.d.ts +27 -0
- package/recipes/popover-list-recipe.mjs +22 -0
- package/recipes/progress-slot-recipe.d.ts +28 -0
- package/recipes/progress-slot-recipe.mjs +57 -0
- package/recipes/radio-slot-recipe.d.ts +27 -0
- package/recipes/radio-slot-recipe.mjs +38 -0
- package/recipes/select-slot-recipe.d.ts +27 -0
- package/recipes/select-slot-recipe.mjs +51 -0
- package/recipes/selected-border-recipe.d.ts +28 -0
- package/recipes/selected-border-recipe.mjs +88 -0
- package/recipes/shared-slot-recipe.d.ts +27 -0
- package/recipes/shared-slot-recipe.mjs +30 -0
- package/recipes/spinner-recipe.d.ts +27 -0
- package/recipes/spinner-recipe.mjs +29 -0
- package/recipes/tab-list-recipe.d.ts +27 -0
- package/recipes/tab-list-recipe.mjs +22 -0
- package/recipes/tab-recipe.d.ts +28 -0
- package/recipes/tab-recipe.mjs +87 -0
- package/recipes/table-container-recipe.d.ts +27 -0
- package/recipes/table-container-recipe.mjs +22 -0
- package/recipes/table-head-recipe.d.ts +27 -0
- package/recipes/table-head-recipe.mjs +22 -0
- package/recipes/table-recipe.d.ts +27 -0
- package/recipes/table-recipe.mjs +22 -0
- package/recipes/tag-recipe.d.ts +28 -0
- package/recipes/tag-recipe.mjs +66 -0
- package/recipes/tag-slot-recipe.d.ts +28 -0
- package/recipes/tag-slot-recipe.mjs +66 -0
- package/recipes/text-recipe.d.ts +28 -0
- package/recipes/text-recipe.mjs +40 -0
- package/recipes/textarea-recipe.d.ts +27 -0
- package/recipes/textarea-recipe.mjs +26 -0
- package/recipes/toggle-slot-recipe.d.ts +27 -0
- package/recipes/toggle-slot-recipe.mjs +38 -0
- package/recipes/tooltip-recipe.d.ts +27 -0
- package/recipes/tooltip-recipe.mjs +22 -0
- package/reset.css +214 -0
- package/styles.css +246 -0
- package/tokens/index.css +179 -0
- package/tokens/index.d.ts +9 -0
- package/tokens/index.mjs +848 -0
- package/tokens/keyframes.css +23 -0
- package/tokens/tokens.d.ts +57 -0
- package/types/composition.d.ts +111 -0
- package/types/conditions.d.ts +256 -0
- package/types/csstype.d.ts +20749 -0
- package/types/global.d.ts +19 -0
- package/types/index.d.ts +8 -0
- package/types/jsx.d.ts +54 -0
- package/types/parts.d.ts +8 -0
- package/types/pattern.d.ts +63 -0
- package/types/prop-type.d.ts +317 -0
- package/types/recipe.d.ts +146 -0
- package/types/selectors.d.ts +59 -0
- package/types/style-props.d.ts +653 -0
- package/types/system-types.d.ts +93 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface SpinnerRecipeVariant {
|
|
6
|
+
size: "sm" | "md"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type SpinnerRecipeVariantMap = {
|
|
10
|
+
[key in keyof SpinnerRecipeVariant]: Array<SpinnerRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type SpinnerRecipeVariantProps = {
|
|
14
|
+
[key in keyof SpinnerRecipeVariant]?: ConditionalValue<SpinnerRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface SpinnerRecipeRecipe {
|
|
18
|
+
__type: SpinnerRecipeVariantProps
|
|
19
|
+
(props?: SpinnerRecipeVariantProps): string
|
|
20
|
+
raw: (props?: SpinnerRecipeVariantProps) => SpinnerRecipeVariantProps
|
|
21
|
+
variantMap: SpinnerRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof SpinnerRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends SpinnerRecipeVariantProps>(props: Props): [SpinnerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SpinnerRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const spinnerRecipe: SpinnerRecipeRecipe
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const spinnerRecipeFn = /* @__PURE__ */ createRecipe('spinner', {
|
|
5
|
+
"size": "sm"
|
|
6
|
+
}, [])
|
|
7
|
+
|
|
8
|
+
const spinnerRecipeVariantMap = {
|
|
9
|
+
"size": [
|
|
10
|
+
"sm",
|
|
11
|
+
"md"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
const spinnerRecipeVariantKeys = Object.keys(spinnerRecipeVariantMap)
|
|
16
|
+
|
|
17
|
+
export const spinnerRecipe = /* @__PURE__ */ Object.assign(spinnerRecipeFn, {
|
|
18
|
+
__recipe__: true,
|
|
19
|
+
__name__: 'spinnerRecipe',
|
|
20
|
+
raw: (props) => props,
|
|
21
|
+
variantKeys: spinnerRecipeVariantKeys,
|
|
22
|
+
variantMap: spinnerRecipeVariantMap,
|
|
23
|
+
merge(recipe) {
|
|
24
|
+
return mergeRecipes(this, recipe)
|
|
25
|
+
},
|
|
26
|
+
splitVariantProps(props) {
|
|
27
|
+
return splitProps(props, spinnerRecipeVariantKeys)
|
|
28
|
+
},
|
|
29
|
+
})
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TabListRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TabListRecipeVariantMap = {
|
|
10
|
+
[key in keyof TabListRecipeVariant]: Array<TabListRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TabListRecipeVariantProps = {
|
|
14
|
+
[key in keyof TabListRecipeVariant]?: ConditionalValue<TabListRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TabListRecipeRecipe {
|
|
18
|
+
__type: TabListRecipeVariantProps
|
|
19
|
+
(props?: TabListRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TabListRecipeVariantProps) => TabListRecipeVariantProps
|
|
21
|
+
variantMap: TabListRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TabListRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TabListRecipeVariantProps>(props: Props): [TabListRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabListRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const tabListRecipe: TabListRecipeRecipe
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tabListRecipeFn = /* @__PURE__ */ createRecipe('tab-list', {}, [])
|
|
5
|
+
|
|
6
|
+
const tabListRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const tabListRecipeVariantKeys = Object.keys(tabListRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const tabListRecipe = /* @__PURE__ */ Object.assign(tabListRecipeFn, {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'tabListRecipe',
|
|
13
|
+
raw: (props) => props,
|
|
14
|
+
variantKeys: tabListRecipeVariantKeys,
|
|
15
|
+
variantMap: tabListRecipeVariantMap,
|
|
16
|
+
merge(recipe) {
|
|
17
|
+
return mergeRecipes(this, recipe)
|
|
18
|
+
},
|
|
19
|
+
splitVariantProps(props) {
|
|
20
|
+
return splitProps(props, tabListRecipeVariantKeys)
|
|
21
|
+
},
|
|
22
|
+
})
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TabRecipeVariant {
|
|
6
|
+
variantColor: "blue" | "green" | "orange" | "red" | "gray"
|
|
7
|
+
isSelected: boolean
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type TabRecipeVariantMap = {
|
|
11
|
+
[key in keyof TabRecipeVariant]: Array<TabRecipeVariant[key]>
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type TabRecipeVariantProps = {
|
|
15
|
+
[key in keyof TabRecipeVariant]?: TabRecipeVariant[key] | undefined
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface TabRecipeRecipe {
|
|
19
|
+
__type: TabRecipeVariantProps
|
|
20
|
+
(props?: TabRecipeVariantProps): string
|
|
21
|
+
raw: (props?: TabRecipeVariantProps) => TabRecipeVariantProps
|
|
22
|
+
variantMap: TabRecipeVariantMap
|
|
23
|
+
variantKeys: Array<keyof TabRecipeVariant>
|
|
24
|
+
splitVariantProps<Props extends TabRecipeVariantProps>(props: Props): [TabRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabRecipeVariantProps>>]
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const tabRecipe: TabRecipeRecipe
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tabRecipeFn = /* @__PURE__ */ createRecipe('tab', {
|
|
5
|
+
"variantColor": "blue",
|
|
6
|
+
"isSelected": false
|
|
7
|
+
}, [
|
|
8
|
+
{
|
|
9
|
+
"variantColor": "blue",
|
|
10
|
+
"isSelected": true,
|
|
11
|
+
"css": {
|
|
12
|
+
"color": "blue.400",
|
|
13
|
+
"_hover": {
|
|
14
|
+
"color": "blue.500"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"variantColor": "green",
|
|
20
|
+
"isSelected": true,
|
|
21
|
+
"css": {
|
|
22
|
+
"color": "green.400",
|
|
23
|
+
"_hover": {
|
|
24
|
+
"color": "green.500"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"variantColor": "orange",
|
|
30
|
+
"isSelected": true,
|
|
31
|
+
"css": {
|
|
32
|
+
"color": "orange.400",
|
|
33
|
+
"_hover": {
|
|
34
|
+
"color": "orange.500"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"variantColor": "red",
|
|
40
|
+
"isSelected": true,
|
|
41
|
+
"css": {
|
|
42
|
+
"color": "red.400",
|
|
43
|
+
"_hover": {
|
|
44
|
+
"color": "red.500"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"variantColor": "gray",
|
|
50
|
+
"isSelected": true,
|
|
51
|
+
"css": {
|
|
52
|
+
"color": "gray.400",
|
|
53
|
+
"_hover": {
|
|
54
|
+
"color": "gray.500"
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
])
|
|
59
|
+
|
|
60
|
+
const tabRecipeVariantMap = {
|
|
61
|
+
"variantColor": [
|
|
62
|
+
"blue",
|
|
63
|
+
"green",
|
|
64
|
+
"orange",
|
|
65
|
+
"red",
|
|
66
|
+
"gray"
|
|
67
|
+
],
|
|
68
|
+
"isSelected": [
|
|
69
|
+
"true"
|
|
70
|
+
]
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
const tabRecipeVariantKeys = Object.keys(tabRecipeVariantMap)
|
|
74
|
+
|
|
75
|
+
export const tabRecipe = /* @__PURE__ */ Object.assign(tabRecipeFn, {
|
|
76
|
+
__recipe__: true,
|
|
77
|
+
__name__: 'tabRecipe',
|
|
78
|
+
raw: (props) => props,
|
|
79
|
+
variantKeys: tabRecipeVariantKeys,
|
|
80
|
+
variantMap: tabRecipeVariantMap,
|
|
81
|
+
merge(recipe) {
|
|
82
|
+
return mergeRecipes(this, recipe)
|
|
83
|
+
},
|
|
84
|
+
splitVariantProps(props) {
|
|
85
|
+
return splitProps(props, tabRecipeVariantKeys)
|
|
86
|
+
},
|
|
87
|
+
})
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TableContainerRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TableContainerRecipeVariantMap = {
|
|
10
|
+
[key in keyof TableContainerRecipeVariant]: Array<TableContainerRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TableContainerRecipeVariantProps = {
|
|
14
|
+
[key in keyof TableContainerRecipeVariant]?: ConditionalValue<TableContainerRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TableContainerRecipeRecipe {
|
|
18
|
+
__type: TableContainerRecipeVariantProps
|
|
19
|
+
(props?: TableContainerRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TableContainerRecipeVariantProps) => TableContainerRecipeVariantProps
|
|
21
|
+
variantMap: TableContainerRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TableContainerRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TableContainerRecipeVariantProps>(props: Props): [TableContainerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableContainerRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const tableContainerRecipe: TableContainerRecipeRecipe
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tableContainerRecipeFn = /* @__PURE__ */ createRecipe('table-container', {}, [])
|
|
5
|
+
|
|
6
|
+
const tableContainerRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const tableContainerRecipeVariantKeys = Object.keys(tableContainerRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const tableContainerRecipe = /* @__PURE__ */ Object.assign(tableContainerRecipeFn, {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'tableContainerRecipe',
|
|
13
|
+
raw: (props) => props,
|
|
14
|
+
variantKeys: tableContainerRecipeVariantKeys,
|
|
15
|
+
variantMap: tableContainerRecipeVariantMap,
|
|
16
|
+
merge(recipe) {
|
|
17
|
+
return mergeRecipes(this, recipe)
|
|
18
|
+
},
|
|
19
|
+
splitVariantProps(props) {
|
|
20
|
+
return splitProps(props, tableContainerRecipeVariantKeys)
|
|
21
|
+
},
|
|
22
|
+
})
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TableHeadRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TableHeadRecipeVariantMap = {
|
|
10
|
+
[key in keyof TableHeadRecipeVariant]: Array<TableHeadRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TableHeadRecipeVariantProps = {
|
|
14
|
+
[key in keyof TableHeadRecipeVariant]?: ConditionalValue<TableHeadRecipeVariant[key]>
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TableHeadRecipeRecipe {
|
|
18
|
+
__type: TableHeadRecipeVariantProps
|
|
19
|
+
(props?: TableHeadRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TableHeadRecipeVariantProps) => TableHeadRecipeVariantProps
|
|
21
|
+
variantMap: TableHeadRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TableHeadRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TableHeadRecipeVariantProps>(props: Props): [TableHeadRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableHeadRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const tableHeadRecipe: TableHeadRecipeRecipe
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tableHeadRecipeFn = /* @__PURE__ */ createRecipe('table-head', {}, [])
|
|
5
|
+
|
|
6
|
+
const tableHeadRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const tableHeadRecipeVariantKeys = Object.keys(tableHeadRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const tableHeadRecipe = /* @__PURE__ */ Object.assign(tableHeadRecipeFn, {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'tableHeadRecipe',
|
|
13
|
+
raw: (props) => props,
|
|
14
|
+
variantKeys: tableHeadRecipeVariantKeys,
|
|
15
|
+
variantMap: tableHeadRecipeVariantMap,
|
|
16
|
+
merge(recipe) {
|
|
17
|
+
return mergeRecipes(this, recipe)
|
|
18
|
+
},
|
|
19
|
+
splitVariantProps(props) {
|
|
20
|
+
return splitProps(props, tableHeadRecipeVariantKeys)
|
|
21
|
+
},
|
|
22
|
+
})
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TableRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TableRecipeVariantMap = {
|
|
10
|
+
[key in keyof TableRecipeVariant]: Array<TableRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TableRecipeVariantProps = {
|
|
14
|
+
[key in keyof TableRecipeVariant]?: ConditionalValue<TableRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TableRecipeRecipe {
|
|
18
|
+
__type: TableRecipeVariantProps
|
|
19
|
+
(props?: TableRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TableRecipeVariantProps) => TableRecipeVariantProps
|
|
21
|
+
variantMap: TableRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TableRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TableRecipeVariantProps>(props: Props): [TableRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const tableRecipe: TableRecipeRecipe
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tableRecipeFn = /* @__PURE__ */ createRecipe('table', {}, [])
|
|
5
|
+
|
|
6
|
+
const tableRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const tableRecipeVariantKeys = Object.keys(tableRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const tableRecipe = /* @__PURE__ */ Object.assign(tableRecipeFn, {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'tableRecipe',
|
|
13
|
+
raw: (props) => props,
|
|
14
|
+
variantKeys: tableRecipeVariantKeys,
|
|
15
|
+
variantMap: tableRecipeVariantMap,
|
|
16
|
+
merge(recipe) {
|
|
17
|
+
return mergeRecipes(this, recipe)
|
|
18
|
+
},
|
|
19
|
+
splitVariantProps(props) {
|
|
20
|
+
return splitProps(props, tableRecipeVariantKeys)
|
|
21
|
+
},
|
|
22
|
+
})
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TagRecipeVariant {
|
|
6
|
+
size: "sm" | "md"
|
|
7
|
+
variant: "gray" | "red"
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type TagRecipeVariantMap = {
|
|
11
|
+
[key in keyof TagRecipeVariant]: Array<TagRecipeVariant[key]>
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type TagRecipeVariantProps = {
|
|
15
|
+
[key in keyof TagRecipeVariant]?: TagRecipeVariant[key]
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface TagRecipeRecipe {
|
|
19
|
+
__type: TagRecipeVariantProps
|
|
20
|
+
(props?: TagRecipeVariantProps): Pretty<Record<"root" | "close", string>>
|
|
21
|
+
raw: (props?: TagRecipeVariantProps) => TagRecipeVariantProps
|
|
22
|
+
variantMap: TagRecipeVariantMap
|
|
23
|
+
variantKeys: Array<keyof TagRecipeVariant>
|
|
24
|
+
splitVariantProps<Props extends TagRecipeVariantProps>(props: Props): [TagRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TagRecipeVariantProps>>]
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const tagRecipe: TagRecipeRecipe
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tagRecipeDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"variant": "gray"
|
|
7
|
+
}
|
|
8
|
+
const tagRecipeCompoundVariants = [
|
|
9
|
+
{
|
|
10
|
+
"variant": "red",
|
|
11
|
+
"css": {
|
|
12
|
+
"close": {
|
|
13
|
+
"background": "linear-gradient(270deg, #FDECEE 75%, rgba(237, 240, 242, 0) 111.54%)"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"size": "sm",
|
|
19
|
+
"css": {
|
|
20
|
+
"close": {
|
|
21
|
+
"paddingTop": "0"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
|
|
27
|
+
const tagRecipeSlotNames = [
|
|
28
|
+
[
|
|
29
|
+
"root",
|
|
30
|
+
"tag__root"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"close",
|
|
34
|
+
"tag__close"
|
|
35
|
+
]
|
|
36
|
+
]
|
|
37
|
+
const tagRecipeSlotFns = /* @__PURE__ */ tagRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tagRecipeDefaultVariants, getSlotCompoundVariant(tagRecipeCompoundVariants, slotName))])
|
|
38
|
+
|
|
39
|
+
const tagRecipeFn = (props = {}) => {
|
|
40
|
+
return Object.fromEntries(tagRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
const tagRecipeVariantKeys = [
|
|
44
|
+
"size",
|
|
45
|
+
"variant"
|
|
46
|
+
]
|
|
47
|
+
|
|
48
|
+
export const tagRecipe = /* @__PURE__ */ Object.assign(tagRecipeFn, {
|
|
49
|
+
__recipe__: false,
|
|
50
|
+
__name__: 'tagRecipe',
|
|
51
|
+
raw: (props) => props,
|
|
52
|
+
variantKeys: tagRecipeVariantKeys,
|
|
53
|
+
variantMap: {
|
|
54
|
+
"size": [
|
|
55
|
+
"sm",
|
|
56
|
+
"md"
|
|
57
|
+
],
|
|
58
|
+
"variant": [
|
|
59
|
+
"gray",
|
|
60
|
+
"red"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
splitVariantProps(props) {
|
|
64
|
+
return splitProps(props, tagRecipeVariantKeys)
|
|
65
|
+
},
|
|
66
|
+
})
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TagSlotRecipeVariant {
|
|
6
|
+
size: "sm" | "md"
|
|
7
|
+
variant: "gray" | "red"
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type TagSlotRecipeVariantMap = {
|
|
11
|
+
[key in keyof TagSlotRecipeVariant]: Array<TagSlotRecipeVariant[key]>
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type TagSlotRecipeVariantProps = {
|
|
15
|
+
[key in keyof TagSlotRecipeVariant]?: TagSlotRecipeVariant[key] | undefined
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface TagSlotRecipeRecipe {
|
|
19
|
+
__type: TagSlotRecipeVariantProps
|
|
20
|
+
(props?: TagSlotRecipeVariantProps): Pretty<Record<"root" | "close", string>>
|
|
21
|
+
raw: (props?: TagSlotRecipeVariantProps) => TagSlotRecipeVariantProps
|
|
22
|
+
variantMap: TagSlotRecipeVariantMap
|
|
23
|
+
variantKeys: Array<keyof TagSlotRecipeVariant>
|
|
24
|
+
splitVariantProps<Props extends TagSlotRecipeVariantProps>(props: Props): [TagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TagSlotRecipeVariantProps>>]
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const tagSlotRecipe: TagSlotRecipeRecipe
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tagSlotRecipeDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"variant": "gray"
|
|
7
|
+
}
|
|
8
|
+
const tagSlotRecipeCompoundVariants = [
|
|
9
|
+
{
|
|
10
|
+
"variant": "red",
|
|
11
|
+
"css": {
|
|
12
|
+
"close": {
|
|
13
|
+
"background": "linear-gradient(270deg, #FDECEE 75%, rgba(237, 240, 242, 0) 111.54%)!"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"size": "sm",
|
|
19
|
+
"css": {
|
|
20
|
+
"close": {
|
|
21
|
+
"paddingTop": "0"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
]
|
|
26
|
+
|
|
27
|
+
const tagSlotRecipeSlotNames = [
|
|
28
|
+
[
|
|
29
|
+
"root",
|
|
30
|
+
"tag__root"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"close",
|
|
34
|
+
"tag__close"
|
|
35
|
+
]
|
|
36
|
+
]
|
|
37
|
+
const tagSlotRecipeSlotFns = /* @__PURE__ */ tagSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tagSlotRecipeDefaultVariants, getSlotCompoundVariant(tagSlotRecipeCompoundVariants, slotName))])
|
|
38
|
+
|
|
39
|
+
const tagSlotRecipeFn = (props = {}) => {
|
|
40
|
+
return Object.fromEntries(tagSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
const tagSlotRecipeVariantKeys = [
|
|
44
|
+
"size",
|
|
45
|
+
"variant"
|
|
46
|
+
]
|
|
47
|
+
|
|
48
|
+
export const tagSlotRecipe = /* @__PURE__ */ Object.assign(tagSlotRecipeFn, {
|
|
49
|
+
__recipe__: false,
|
|
50
|
+
__name__: 'tagSlotRecipe',
|
|
51
|
+
raw: (props) => props,
|
|
52
|
+
variantKeys: tagSlotRecipeVariantKeys,
|
|
53
|
+
variantMap: {
|
|
54
|
+
"size": [
|
|
55
|
+
"sm",
|
|
56
|
+
"md"
|
|
57
|
+
],
|
|
58
|
+
"variant": [
|
|
59
|
+
"gray",
|
|
60
|
+
"red"
|
|
61
|
+
]
|
|
62
|
+
},
|
|
63
|
+
splitVariantProps(props) {
|
|
64
|
+
return splitProps(props, tagSlotRecipeVariantKeys)
|
|
65
|
+
},
|
|
66
|
+
})
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TextRecipeVariant {
|
|
6
|
+
size: "h1" | "h2" | "h3" | "body" | "body-small" | "label" | "label-small" | "overline"
|
|
7
|
+
weight: "regular" | "semiBold"
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
type TextRecipeVariantMap = {
|
|
11
|
+
[key in keyof TextRecipeVariant]: Array<TextRecipeVariant[key]>
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export type TextRecipeVariantProps = {
|
|
15
|
+
[key in keyof TextRecipeVariant]?: ConditionalValue<TextRecipeVariant[key]> | undefined
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface TextRecipeRecipe {
|
|
19
|
+
__type: TextRecipeVariantProps
|
|
20
|
+
(props?: TextRecipeVariantProps): string
|
|
21
|
+
raw: (props?: TextRecipeVariantProps) => TextRecipeVariantProps
|
|
22
|
+
variantMap: TextRecipeVariantMap
|
|
23
|
+
variantKeys: Array<keyof TextRecipeVariant>
|
|
24
|
+
splitVariantProps<Props extends TextRecipeVariantProps>(props: Props): [TextRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextRecipeVariantProps>>]
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const textRecipe: TextRecipeRecipe
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const textRecipeFn = /* @__PURE__ */ createRecipe('text', {
|
|
5
|
+
"size": "label",
|
|
6
|
+
"weight": "regular"
|
|
7
|
+
}, [])
|
|
8
|
+
|
|
9
|
+
const textRecipeVariantMap = {
|
|
10
|
+
"size": [
|
|
11
|
+
"h1",
|
|
12
|
+
"h2",
|
|
13
|
+
"h3",
|
|
14
|
+
"body",
|
|
15
|
+
"body-small",
|
|
16
|
+
"label",
|
|
17
|
+
"label-small",
|
|
18
|
+
"overline"
|
|
19
|
+
],
|
|
20
|
+
"weight": [
|
|
21
|
+
"regular",
|
|
22
|
+
"semiBold"
|
|
23
|
+
]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
const textRecipeVariantKeys = Object.keys(textRecipeVariantMap)
|
|
27
|
+
|
|
28
|
+
export const textRecipe = /* @__PURE__ */ Object.assign(textRecipeFn, {
|
|
29
|
+
__recipe__: true,
|
|
30
|
+
__name__: 'textRecipe',
|
|
31
|
+
raw: (props) => props,
|
|
32
|
+
variantKeys: textRecipeVariantKeys,
|
|
33
|
+
variantMap: textRecipeVariantMap,
|
|
34
|
+
merge(recipe) {
|
|
35
|
+
return mergeRecipes(this, recipe)
|
|
36
|
+
},
|
|
37
|
+
splitVariantProps(props) {
|
|
38
|
+
return splitProps(props, textRecipeVariantKeys)
|
|
39
|
+
},
|
|
40
|
+
})
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TextareaRecipeVariant {
|
|
6
|
+
isFullWidth: boolean
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TextareaRecipeVariantMap = {
|
|
10
|
+
[key in keyof TextareaRecipeVariant]: Array<TextareaRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TextareaRecipeVariantProps = {
|
|
14
|
+
[key in keyof TextareaRecipeVariant]?: ConditionalValue<TextareaRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TextareaRecipeRecipe {
|
|
18
|
+
__type: TextareaRecipeVariantProps
|
|
19
|
+
(props?: TextareaRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TextareaRecipeVariantProps) => TextareaRecipeVariantProps
|
|
21
|
+
variantMap: TextareaRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TextareaRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TextareaRecipeVariantProps>(props: Props): [TextareaRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextareaRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const textareaRecipe: TextareaRecipeRecipe
|