@mekari/pixel3-styled-system 0.0.1-alpha.0 → 0.0.2
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/CHANGELOG.md +14 -0
- package/helpers.mjs +5 -5
- package/jsx/aspect-ratio.d.ts +2 -2
- package/jsx/aspect-ratio.mjs +9 -7
- package/jsx/bleed.d.ts +2 -2
- package/jsx/bleed.mjs +10 -8
- package/jsx/box.d.ts +2 -2
- package/jsx/box.mjs +9 -7
- package/jsx/center.d.ts +2 -2
- package/jsx/center.mjs +9 -7
- package/jsx/circle.d.ts +2 -2
- package/jsx/circle.mjs +9 -7
- package/jsx/container.d.ts +2 -2
- package/jsx/container.mjs +9 -7
- package/jsx/divider.d.ts +2 -2
- package/jsx/divider.mjs +10 -8
- package/jsx/factory.d.ts +2 -2
- package/jsx/factory.mjs +11 -11
- package/jsx/flex.d.ts +2 -2
- package/jsx/flex.mjs +10 -8
- package/jsx/float.d.ts +2 -2
- package/jsx/float.mjs +10 -8
- package/jsx/grid-item.d.ts +2 -2
- package/jsx/grid-item.mjs +10 -8
- package/jsx/grid.d.ts +2 -2
- package/jsx/grid.mjs +10 -8
- package/jsx/hstack.d.ts +2 -2
- package/jsx/hstack.mjs +10 -8
- package/jsx/index.d.ts +1 -4
- package/jsx/link-box.d.ts +2 -2
- package/jsx/link-box.mjs +9 -7
- package/jsx/link-overlay.d.ts +2 -2
- package/jsx/link-overlay.mjs +9 -7
- package/jsx/spacer.d.ts +2 -2
- package/jsx/spacer.mjs +9 -7
- package/jsx/square.d.ts +2 -2
- package/jsx/square.mjs +9 -7
- package/jsx/stack.d.ts +2 -2
- package/jsx/stack.mjs +10 -8
- package/jsx/visually-hidden.d.ts +2 -2
- package/jsx/visually-hidden.mjs +9 -7
- package/jsx/vstack.d.ts +2 -2
- package/jsx/vstack.mjs +10 -8
- package/jsx/wrap.d.ts +2 -2
- package/jsx/wrap.mjs +10 -8
- package/package.json +1 -1
- package/recipes/banner-close-button-recipe.d.ts +27 -0
- package/recipes/banner-close-button-recipe.mjs +22 -0
- package/recipes/banner-description-recipe.d.ts +27 -0
- package/recipes/banner-description-recipe.mjs +22 -0
- package/recipes/banner-icon-recipe.d.ts +27 -0
- package/recipes/banner-icon-recipe.mjs +34 -0
- package/recipes/banner-icon-slot-recipe.d.ts +27 -0
- package/recipes/banner-icon-slot-recipe.mjs +34 -0
- package/recipes/banner-link-recipe.d.ts +27 -0
- package/recipes/banner-link-recipe.mjs +22 -0
- package/recipes/banner-recipe.d.ts +27 -0
- package/recipes/banner-recipe.mjs +31 -0
- package/recipes/banner-slot-recipe.d.ts +27 -0
- package/recipes/banner-slot-recipe.mjs +45 -0
- package/recipes/banner-title-recipe.d.ts +27 -0
- package/recipes/banner-title-recipe.mjs +22 -0
- package/recipes/divider-recipe.d.ts +27 -0
- package/recipes/divider-recipe.mjs +29 -0
- package/recipes/dropzone-recipe.d.ts +27 -0
- package/recipes/dropzone-recipe.mjs +34 -0
- package/recipes/dropzone-slot-recipe.d.ts +27 -0
- package/recipes/dropzone-slot-recipe.mjs +70 -0
- package/recipes/form-control-slot-recipe.d.ts +27 -0
- package/recipes/form-control-slot-recipe.mjs +46 -0
- package/recipes/index.d.ts +14 -1
- package/recipes/index.mjs +14 -1
- package/recipes/input-tag-recipe.d.ts +27 -0
- package/recipes/input-tag-recipe.mjs +38 -0
- package/recipes/input-tag-slot-recipe.d.ts +27 -0
- package/recipes/input-tag-slot-recipe.mjs +70 -0
- package/recipes/modal-slot-recipe.d.ts +27 -0
- package/recipes/modal-slot-recipe.mjs +75 -0
- package/recipes/tag-slot-recipe.mjs +9 -1
- package/recipes/upload-list-slot-recipe.d.ts +27 -0
- package/recipes/upload-list-slot-recipe.mjs +38 -0
- package/recipes/upload-slot-recipe.d.ts +27 -0
- package/recipes/upload-slot-recipe.mjs +34 -0
- package/tokens/index.css +17 -0
- package/tokens/index.mjs +112 -8
- package/tokens/tokens.d.ts +4 -4
- package/types/conditions.d.ts +1 -1
- package/types/csstype.d.ts +1270 -721
- package/types/jsx.d.ts +9 -9
- package/types/prop-type.d.ts +16 -6
- package/types/recipe.d.ts +9 -0
- package/types/static-css.d.ts +45 -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 BannerRecipeVariant {
|
|
6
|
+
variant: "info" | "success" | "danger" | "warning"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type BannerRecipeVariantMap = {
|
|
10
|
+
[key in keyof BannerRecipeVariant]: Array<BannerRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type BannerRecipeVariantProps = {
|
|
14
|
+
[key in keyof BannerRecipeVariant]?: ConditionalValue<BannerRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface BannerRecipeRecipe {
|
|
18
|
+
__type: BannerRecipeVariantProps
|
|
19
|
+
(props?: BannerRecipeVariantProps): string
|
|
20
|
+
raw: (props?: BannerRecipeVariantProps) => BannerRecipeVariantProps
|
|
21
|
+
variantMap: BannerRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof BannerRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends BannerRecipeVariantProps>(props: Props): [BannerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const bannerRecipe: BannerRecipeRecipe
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const bannerRecipeFn = /* @__PURE__ */ createRecipe('banner', {
|
|
5
|
+
"variant": "info"
|
|
6
|
+
}, [])
|
|
7
|
+
|
|
8
|
+
const bannerRecipeVariantMap = {
|
|
9
|
+
"variant": [
|
|
10
|
+
"info",
|
|
11
|
+
"success",
|
|
12
|
+
"danger",
|
|
13
|
+
"warning"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
const bannerRecipeVariantKeys = Object.keys(bannerRecipeVariantMap)
|
|
18
|
+
|
|
19
|
+
export const bannerRecipe = /* @__PURE__ */ Object.assign(bannerRecipeFn, {
|
|
20
|
+
__recipe__: true,
|
|
21
|
+
__name__: 'bannerRecipe',
|
|
22
|
+
raw: (props) => props,
|
|
23
|
+
variantKeys: bannerRecipeVariantKeys,
|
|
24
|
+
variantMap: bannerRecipeVariantMap,
|
|
25
|
+
merge(recipe) {
|
|
26
|
+
return mergeRecipes(this, recipe)
|
|
27
|
+
},
|
|
28
|
+
splitVariantProps(props) {
|
|
29
|
+
return splitProps(props, bannerRecipeVariantKeys)
|
|
30
|
+
},
|
|
31
|
+
})
|
|
@@ -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 BannerSlotRecipeVariant {
|
|
6
|
+
variant: "info" | "success" | "danger" | "warning"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type BannerSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof BannerSlotRecipeVariant]: Array<BannerSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type BannerSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof BannerSlotRecipeVariant]?: ConditionalValue<BannerSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface BannerSlotRecipeRecipe {
|
|
18
|
+
__type: BannerSlotRecipeVariantProps
|
|
19
|
+
(props?: BannerSlotRecipeVariantProps): Pretty<Record<"root" | "body", string>>
|
|
20
|
+
raw: (props?: BannerSlotRecipeVariantProps) => BannerSlotRecipeVariantProps
|
|
21
|
+
variantMap: BannerSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof BannerSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends BannerSlotRecipeVariantProps>(props: Props): [BannerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const bannerSlotRecipe: BannerSlotRecipeRecipe
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const bannerSlotRecipeDefaultVariants = {
|
|
5
|
+
"variant": "info"
|
|
6
|
+
}
|
|
7
|
+
const bannerSlotRecipeCompoundVariants = []
|
|
8
|
+
|
|
9
|
+
const bannerSlotRecipeSlotNames = [
|
|
10
|
+
[
|
|
11
|
+
"root",
|
|
12
|
+
"banner__root"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"body",
|
|
16
|
+
"banner__body"
|
|
17
|
+
]
|
|
18
|
+
]
|
|
19
|
+
const bannerSlotRecipeSlotFns = /* @__PURE__ */ bannerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, bannerSlotRecipeDefaultVariants, getSlotCompoundVariant(bannerSlotRecipeCompoundVariants, slotName))])
|
|
20
|
+
|
|
21
|
+
const bannerSlotRecipeFn = (props = {}) => {
|
|
22
|
+
return Object.fromEntries(bannerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const bannerSlotRecipeVariantKeys = [
|
|
26
|
+
"variant"
|
|
27
|
+
]
|
|
28
|
+
|
|
29
|
+
export const bannerSlotRecipe = /* @__PURE__ */ Object.assign(bannerSlotRecipeFn, {
|
|
30
|
+
__recipe__: false,
|
|
31
|
+
__name__: 'bannerSlotRecipe',
|
|
32
|
+
raw: (props) => props,
|
|
33
|
+
variantKeys: bannerSlotRecipeVariantKeys,
|
|
34
|
+
variantMap: {
|
|
35
|
+
"variant": [
|
|
36
|
+
"info",
|
|
37
|
+
"success",
|
|
38
|
+
"danger",
|
|
39
|
+
"warning"
|
|
40
|
+
]
|
|
41
|
+
},
|
|
42
|
+
splitVariantProps(props) {
|
|
43
|
+
return splitProps(props, bannerSlotRecipeVariantKeys)
|
|
44
|
+
},
|
|
45
|
+
})
|
|
@@ -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 BannerTitleRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type BannerTitleRecipeVariantMap = {
|
|
10
|
+
[key in keyof BannerTitleRecipeVariant]: Array<BannerTitleRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type BannerTitleRecipeVariantProps = {
|
|
14
|
+
[key in keyof BannerTitleRecipeVariant]?: ConditionalValue<BannerTitleRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface BannerTitleRecipeRecipe {
|
|
18
|
+
__type: BannerTitleRecipeVariantProps
|
|
19
|
+
(props?: BannerTitleRecipeVariantProps): string
|
|
20
|
+
raw: (props?: BannerTitleRecipeVariantProps) => BannerTitleRecipeVariantProps
|
|
21
|
+
variantMap: BannerTitleRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof BannerTitleRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends BannerTitleRecipeVariantProps>(props: Props): [BannerTitleRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerTitleRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const bannerTitleRecipe: BannerTitleRecipeRecipe
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const bannerTitleRecipeFn = /* @__PURE__ */ createRecipe('banner-title', {}, [])
|
|
5
|
+
|
|
6
|
+
const bannerTitleRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const bannerTitleRecipeVariantKeys = Object.keys(bannerTitleRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const bannerTitleRecipe = /* @__PURE__ */ Object.assign(bannerTitleRecipeFn, {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'bannerTitleRecipe',
|
|
13
|
+
raw: (props) => props,
|
|
14
|
+
variantKeys: bannerTitleRecipeVariantKeys,
|
|
15
|
+
variantMap: bannerTitleRecipeVariantMap,
|
|
16
|
+
merge(recipe) {
|
|
17
|
+
return mergeRecipes(this, recipe)
|
|
18
|
+
},
|
|
19
|
+
splitVariantProps(props) {
|
|
20
|
+
return splitProps(props, bannerTitleRecipeVariantKeys)
|
|
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 DividerRecipeVariant {
|
|
6
|
+
orientation: "horizontal" | "vertical"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DividerRecipeVariantMap = {
|
|
10
|
+
[key in keyof DividerRecipeVariant]: Array<DividerRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type DividerRecipeVariantProps = {
|
|
14
|
+
[key in keyof DividerRecipeVariant]?: ConditionalValue<DividerRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface DividerRecipeRecipe {
|
|
18
|
+
__type: DividerRecipeVariantProps
|
|
19
|
+
(props?: DividerRecipeVariantProps): string
|
|
20
|
+
raw: (props?: DividerRecipeVariantProps) => DividerRecipeVariantProps
|
|
21
|
+
variantMap: DividerRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof DividerRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends DividerRecipeVariantProps>(props: Props): [DividerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DividerRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const dividerRecipe: DividerRecipeRecipe
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const dividerRecipeFn = /* @__PURE__ */ createRecipe('divider', {
|
|
5
|
+
"orientation": "horizontal"
|
|
6
|
+
}, [])
|
|
7
|
+
|
|
8
|
+
const dividerRecipeVariantMap = {
|
|
9
|
+
"orientation": [
|
|
10
|
+
"horizontal",
|
|
11
|
+
"vertical"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
const dividerRecipeVariantKeys = Object.keys(dividerRecipeVariantMap)
|
|
16
|
+
|
|
17
|
+
export const dividerRecipe = /* @__PURE__ */ Object.assign(dividerRecipeFn, {
|
|
18
|
+
__recipe__: true,
|
|
19
|
+
__name__: 'dividerRecipe',
|
|
20
|
+
raw: (props) => props,
|
|
21
|
+
variantKeys: dividerRecipeVariantKeys,
|
|
22
|
+
variantMap: dividerRecipeVariantMap,
|
|
23
|
+
merge(recipe) {
|
|
24
|
+
return mergeRecipes(this, recipe)
|
|
25
|
+
},
|
|
26
|
+
splitVariantProps(props) {
|
|
27
|
+
return splitProps(props, dividerRecipeVariantKeys)
|
|
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 DropzoneRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DropzoneRecipeVariantMap = {
|
|
10
|
+
[key in keyof DropzoneRecipeVariant]: Array<DropzoneRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type DropzoneRecipeVariantProps = {
|
|
14
|
+
[key in keyof DropzoneRecipeVariant]?: ConditionalValue<DropzoneRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface DropzoneRecipeRecipe {
|
|
18
|
+
__type: DropzoneRecipeVariantProps
|
|
19
|
+
(props?: DropzoneRecipeVariantProps): Pretty<Record<"root" | "wrapper", string>>
|
|
20
|
+
raw: (props?: DropzoneRecipeVariantProps) => DropzoneRecipeVariantProps
|
|
21
|
+
variantMap: DropzoneRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof DropzoneRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends DropzoneRecipeVariantProps>(props: Props): [DropzoneRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DropzoneRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const dropzoneRecipe: DropzoneRecipeRecipe
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const dropzoneRecipeDefaultVariants = {}
|
|
5
|
+
const dropzoneRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const dropzoneRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"dropzone__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"wrapper",
|
|
14
|
+
"dropzone__wrapper"
|
|
15
|
+
]
|
|
16
|
+
]
|
|
17
|
+
const dropzoneRecipeSlotFns = /* @__PURE__ */ dropzoneRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropzoneRecipeDefaultVariants, getSlotCompoundVariant(dropzoneRecipeCompoundVariants, slotName))])
|
|
18
|
+
|
|
19
|
+
const dropzoneRecipeFn = (props = {}) => {
|
|
20
|
+
return Object.fromEntries(dropzoneRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
const dropzoneRecipeVariantKeys = []
|
|
24
|
+
|
|
25
|
+
export const dropzoneRecipe = /* @__PURE__ */ Object.assign(dropzoneRecipeFn, {
|
|
26
|
+
__recipe__: false,
|
|
27
|
+
__name__: 'dropzoneRecipe',
|
|
28
|
+
raw: (props) => props,
|
|
29
|
+
variantKeys: dropzoneRecipeVariantKeys,
|
|
30
|
+
variantMap: {},
|
|
31
|
+
splitVariantProps(props) {
|
|
32
|
+
return splitProps(props, dropzoneRecipeVariantKeys)
|
|
33
|
+
},
|
|
34
|
+
})
|
|
@@ -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 DropzoneSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DropzoneSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof DropzoneSlotRecipeVariant]: Array<DropzoneSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type DropzoneSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof DropzoneSlotRecipeVariant]?: ConditionalValue<DropzoneSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface DropzoneSlotRecipeRecipe {
|
|
18
|
+
__type: DropzoneSlotRecipeVariantProps
|
|
19
|
+
(props?: DropzoneSlotRecipeVariantProps): Pretty<Record<"root" | "wrapper" | "box" | "logoBox" | "productBox" | "avatarBox" | "overlayWrapper" | "overlay" | "preview" | "overlayPreview" | "clearButton", string>>
|
|
20
|
+
raw: (props?: DropzoneSlotRecipeVariantProps) => DropzoneSlotRecipeVariantProps
|
|
21
|
+
variantMap: DropzoneSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof DropzoneSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends DropzoneSlotRecipeVariantProps>(props: Props): [DropzoneSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DropzoneSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const dropzoneSlotRecipe: DropzoneSlotRecipeRecipe
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const dropzoneSlotRecipeDefaultVariants = {}
|
|
5
|
+
const dropzoneSlotRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const dropzoneSlotRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"dropzone__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"wrapper",
|
|
14
|
+
"dropzone__wrapper"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"box",
|
|
18
|
+
"dropzone__box"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"logoBox",
|
|
22
|
+
"dropzone__logoBox"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"productBox",
|
|
26
|
+
"dropzone__productBox"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"avatarBox",
|
|
30
|
+
"dropzone__avatarBox"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"overlayWrapper",
|
|
34
|
+
"dropzone__overlayWrapper"
|
|
35
|
+
],
|
|
36
|
+
[
|
|
37
|
+
"overlay",
|
|
38
|
+
"dropzone__overlay"
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"preview",
|
|
42
|
+
"dropzone__preview"
|
|
43
|
+
],
|
|
44
|
+
[
|
|
45
|
+
"overlayPreview",
|
|
46
|
+
"dropzone__overlayPreview"
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
"clearButton",
|
|
50
|
+
"dropzone__clearButton"
|
|
51
|
+
]
|
|
52
|
+
]
|
|
53
|
+
const dropzoneSlotRecipeSlotFns = /* @__PURE__ */ dropzoneSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropzoneSlotRecipeDefaultVariants, getSlotCompoundVariant(dropzoneSlotRecipeCompoundVariants, slotName))])
|
|
54
|
+
|
|
55
|
+
const dropzoneSlotRecipeFn = (props = {}) => {
|
|
56
|
+
return Object.fromEntries(dropzoneSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
const dropzoneSlotRecipeVariantKeys = []
|
|
60
|
+
|
|
61
|
+
export const dropzoneSlotRecipe = /* @__PURE__ */ Object.assign(dropzoneSlotRecipeFn, {
|
|
62
|
+
__recipe__: false,
|
|
63
|
+
__name__: 'dropzoneSlotRecipe',
|
|
64
|
+
raw: (props) => props,
|
|
65
|
+
variantKeys: dropzoneSlotRecipeVariantKeys,
|
|
66
|
+
variantMap: {},
|
|
67
|
+
splitVariantProps(props) {
|
|
68
|
+
return splitProps(props, dropzoneSlotRecipeVariantKeys)
|
|
69
|
+
},
|
|
70
|
+
})
|
|
@@ -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 FormControlSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FormControlSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof FormControlSlotRecipeVariant]: Array<FormControlSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type FormControlSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof FormControlSlotRecipeVariant]?: ConditionalValue<FormControlSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface FormControlSlotRecipeRecipe {
|
|
18
|
+
__type: FormControlSlotRecipeVariantProps
|
|
19
|
+
(props?: FormControlSlotRecipeVariantProps): Pretty<Record<"root" | "label" | "required" | "helpText" | "errorMessage", string>>
|
|
20
|
+
raw: (props?: FormControlSlotRecipeVariantProps) => FormControlSlotRecipeVariantProps
|
|
21
|
+
variantMap: FormControlSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof FormControlSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends FormControlSlotRecipeVariantProps>(props: Props): [FormControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FormControlSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const formControlSlotRecipe: FormControlSlotRecipeRecipe
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const formControlSlotRecipeDefaultVariants = {}
|
|
5
|
+
const formControlSlotRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const formControlSlotRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"form-control__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"label",
|
|
14
|
+
"form-control__label"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"required",
|
|
18
|
+
"form-control__required"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"helpText",
|
|
22
|
+
"form-control__helpText"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"errorMessage",
|
|
26
|
+
"form-control__errorMessage"
|
|
27
|
+
]
|
|
28
|
+
]
|
|
29
|
+
const formControlSlotRecipeSlotFns = /* @__PURE__ */ formControlSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, formControlSlotRecipeDefaultVariants, getSlotCompoundVariant(formControlSlotRecipeCompoundVariants, slotName))])
|
|
30
|
+
|
|
31
|
+
const formControlSlotRecipeFn = (props = {}) => {
|
|
32
|
+
return Object.fromEntries(formControlSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
const formControlSlotRecipeVariantKeys = []
|
|
36
|
+
|
|
37
|
+
export const formControlSlotRecipe = /* @__PURE__ */ Object.assign(formControlSlotRecipeFn, {
|
|
38
|
+
__recipe__: false,
|
|
39
|
+
__name__: 'formControlSlotRecipe',
|
|
40
|
+
raw: (props) => props,
|
|
41
|
+
variantKeys: formControlSlotRecipeVariantKeys,
|
|
42
|
+
variantMap: {},
|
|
43
|
+
splitVariantProps(props) {
|
|
44
|
+
return splitProps(props, formControlSlotRecipeVariantKeys)
|
|
45
|
+
},
|
|
46
|
+
})
|
package/recipes/index.d.ts
CHANGED
|
@@ -15,6 +15,11 @@ export * from './tab-recipe';
|
|
|
15
15
|
export * from './selected-border-recipe';
|
|
16
16
|
export * from './table-recipe';
|
|
17
17
|
export * from './table-container-recipe';
|
|
18
|
+
export * from './divider-recipe';
|
|
19
|
+
export * from './banner-title-recipe';
|
|
20
|
+
export * from './banner-description-recipe';
|
|
21
|
+
export * from './banner-link-recipe';
|
|
22
|
+
export * from './banner-close-button-recipe';
|
|
18
23
|
export * from './accordion';
|
|
19
24
|
export * from './checkbox-slot-recipe';
|
|
20
25
|
export * from './radio-slot-recipe';
|
|
@@ -27,4 +32,12 @@ export * from './input-group-slot-recipe';
|
|
|
27
32
|
export * from './input-addon-slot-recipe';
|
|
28
33
|
export * from './avatar-slot-recipe';
|
|
29
34
|
export * from './avatar-group-slot-recipe';
|
|
30
|
-
export * from './select-slot-recipe';
|
|
35
|
+
export * from './select-slot-recipe';
|
|
36
|
+
export * from './form-control-slot-recipe';
|
|
37
|
+
export * from './input-tag-slot-recipe';
|
|
38
|
+
export * from './modal-slot-recipe';
|
|
39
|
+
export * from './upload-slot-recipe';
|
|
40
|
+
export * from './upload-list-slot-recipe';
|
|
41
|
+
export * from './dropzone-slot-recipe';
|
|
42
|
+
export * from './banner-slot-recipe';
|
|
43
|
+
export * from './banner-icon-slot-recipe';
|
package/recipes/index.mjs
CHANGED
|
@@ -14,6 +14,11 @@ export * from './tab-recipe.mjs';
|
|
|
14
14
|
export * from './selected-border-recipe.mjs';
|
|
15
15
|
export * from './table-recipe.mjs';
|
|
16
16
|
export * from './table-container-recipe.mjs';
|
|
17
|
+
export * from './divider-recipe.mjs';
|
|
18
|
+
export * from './banner-title-recipe.mjs';
|
|
19
|
+
export * from './banner-description-recipe.mjs';
|
|
20
|
+
export * from './banner-link-recipe.mjs';
|
|
21
|
+
export * from './banner-close-button-recipe.mjs';
|
|
17
22
|
export * from './accordion.mjs';
|
|
18
23
|
export * from './checkbox-slot-recipe.mjs';
|
|
19
24
|
export * from './radio-slot-recipe.mjs';
|
|
@@ -26,4 +31,12 @@ export * from './input-group-slot-recipe.mjs';
|
|
|
26
31
|
export * from './input-addon-slot-recipe.mjs';
|
|
27
32
|
export * from './avatar-slot-recipe.mjs';
|
|
28
33
|
export * from './avatar-group-slot-recipe.mjs';
|
|
29
|
-
export * from './select-slot-recipe.mjs';
|
|
34
|
+
export * from './select-slot-recipe.mjs';
|
|
35
|
+
export * from './form-control-slot-recipe.mjs';
|
|
36
|
+
export * from './input-tag-slot-recipe.mjs';
|
|
37
|
+
export * from './modal-slot-recipe.mjs';
|
|
38
|
+
export * from './upload-slot-recipe.mjs';
|
|
39
|
+
export * from './upload-list-slot-recipe.mjs';
|
|
40
|
+
export * from './dropzone-slot-recipe.mjs';
|
|
41
|
+
export * from './banner-slot-recipe.mjs';
|
|
42
|
+
export * from './banner-icon-slot-recipe.mjs';
|
|
@@ -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 InputTagRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type InputTagRecipeVariantMap = {
|
|
10
|
+
[key in keyof InputTagRecipeVariant]: Array<InputTagRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type InputTagRecipeVariantProps = {
|
|
14
|
+
[key in keyof InputTagRecipeVariant]?: ConditionalValue<InputTagRecipeVariant[key]>
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface InputTagRecipeRecipe {
|
|
18
|
+
__type: InputTagRecipeVariantProps
|
|
19
|
+
(props?: InputTagRecipeVariantProps): Pretty<Record<"root" | "trigger" | "content", string>>
|
|
20
|
+
raw: (props?: InputTagRecipeVariantProps) => InputTagRecipeVariantProps
|
|
21
|
+
variantMap: InputTagRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof InputTagRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends InputTagRecipeVariantProps>(props: Props): [InputTagRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const inputTagRecipe: InputTagRecipeRecipe
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const inputTagRecipeDefaultVariants = {}
|
|
5
|
+
const inputTagRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const inputTagRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"input-tag__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"trigger",
|
|
14
|
+
"input-tag__trigger"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"content",
|
|
18
|
+
"input-tag__content"
|
|
19
|
+
]
|
|
20
|
+
]
|
|
21
|
+
const inputTagRecipeSlotFns = /* @__PURE__ */ inputTagRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputTagRecipeDefaultVariants, getSlotCompoundVariant(inputTagRecipeCompoundVariants, slotName))])
|
|
22
|
+
|
|
23
|
+
const inputTagRecipeFn = (props = {}) => {
|
|
24
|
+
return Object.fromEntries(inputTagRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const inputTagRecipeVariantKeys = []
|
|
28
|
+
|
|
29
|
+
export const inputTagRecipe = /* @__PURE__ */ Object.assign(inputTagRecipeFn, {
|
|
30
|
+
__recipe__: false,
|
|
31
|
+
__name__: 'inputTagRecipe',
|
|
32
|
+
raw: (props) => props,
|
|
33
|
+
variantKeys: inputTagRecipeVariantKeys,
|
|
34
|
+
variantMap: {},
|
|
35
|
+
splitVariantProps(props) {
|
|
36
|
+
return splitProps(props, inputTagRecipeVariantKeys)
|
|
37
|
+
},
|
|
38
|
+
})
|
|
@@ -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 InputTagSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type InputTagSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof InputTagSlotRecipeVariant]: Array<InputTagSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type InputTagSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof InputTagSlotRecipeVariant]?: ConditionalValue<InputTagSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface InputTagSlotRecipeRecipe {
|
|
18
|
+
__type: InputTagSlotRecipeVariantProps
|
|
19
|
+
(props?: InputTagSlotRecipeVariantProps): Pretty<Record<"root" | "trigger" | "input" | "content" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", string>>
|
|
20
|
+
raw: (props?: InputTagSlotRecipeVariantProps) => InputTagSlotRecipeVariantProps
|
|
21
|
+
variantMap: InputTagSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof InputTagSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends InputTagSlotRecipeVariantProps>(props: Props): [InputTagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const inputTagSlotRecipe: InputTagSlotRecipeRecipe
|