@mekari/pixel3-styled-system 0.1.3-dev.2 → 0.1.3-dev.3
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 +7 -0
- package/package.json +1 -1
- package/recipes/airene-chat-input-slot-recipe.d.ts +28 -0
- package/recipes/airene-chat-input-slot-recipe.mjs +40 -0
- package/recipes/airene-input-slot-recipe.d.ts +28 -0
- package/recipes/airene-input-slot-recipe.mjs +40 -0
- package/recipes/index.d.ts +2 -1
- package/recipes/index.mjs +2 -1
- package/recipes/skeleton-recipe.mjs +1 -1
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -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 AireneChatInputSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type AireneChatInputSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof AireneChatInputSlotRecipeVariant]: Array<AireneChatInputSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type AireneChatInputSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof AireneChatInputSlotRecipeVariant]?: ConditionalValue<AireneChatInputSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface AireneChatInputSlotRecipeRecipe {
|
|
18
|
+
__type: AireneChatInputSlotRecipeVariantProps
|
|
19
|
+
(props?: AireneChatInputSlotRecipeVariantProps): Pretty<Record<"root" | "wrapper" | "input", string>>
|
|
20
|
+
raw: (props?: AireneChatInputSlotRecipeVariantProps) => AireneChatInputSlotRecipeVariantProps
|
|
21
|
+
variantMap: AireneChatInputSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof AireneChatInputSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends AireneChatInputSlotRecipeVariantProps>(props: Props): [AireneChatInputSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AireneChatInputSlotRecipeVariantProps>>]
|
|
24
|
+
getVariantProps: (props?: AireneChatInputSlotRecipeVariantProps) => AireneChatInputSlotRecipeVariantProps
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const aireneChatInputSlotRecipe: AireneChatInputSlotRecipeRecipe
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const aireneChatInputSlotRecipeDefaultVariants = {}
|
|
5
|
+
const aireneChatInputSlotRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const aireneChatInputSlotRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"airene-chat-input__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"wrapper",
|
|
14
|
+
"airene-chat-input__wrapper"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"input",
|
|
18
|
+
"airene-chat-input__input"
|
|
19
|
+
]
|
|
20
|
+
]
|
|
21
|
+
const aireneChatInputSlotRecipeSlotFns = /* @__PURE__ */ aireneChatInputSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aireneChatInputSlotRecipeDefaultVariants, getSlotCompoundVariant(aireneChatInputSlotRecipeCompoundVariants, slotName))])
|
|
22
|
+
|
|
23
|
+
const aireneChatInputSlotRecipeFn = memo((props = {}) => {
|
|
24
|
+
return Object.fromEntries(aireneChatInputSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
25
|
+
})
|
|
26
|
+
|
|
27
|
+
const aireneChatInputSlotRecipeVariantKeys = []
|
|
28
|
+
const getVariantProps = (variants) => ({ ...aireneChatInputSlotRecipeDefaultVariants, ...compact(variants) })
|
|
29
|
+
|
|
30
|
+
export const aireneChatInputSlotRecipe = /* @__PURE__ */ Object.assign(aireneChatInputSlotRecipeFn, {
|
|
31
|
+
__recipe__: false,
|
|
32
|
+
__name__: 'aireneChatInputSlotRecipe',
|
|
33
|
+
raw: (props) => props,
|
|
34
|
+
variantKeys: aireneChatInputSlotRecipeVariantKeys,
|
|
35
|
+
variantMap: {},
|
|
36
|
+
splitVariantProps(props) {
|
|
37
|
+
return splitProps(props, aireneChatInputSlotRecipeVariantKeys)
|
|
38
|
+
},
|
|
39
|
+
getVariantProps
|
|
40
|
+
})
|
|
@@ -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 AireneInputSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type AireneInputSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof AireneInputSlotRecipeVariant]: Array<AireneInputSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type AireneInputSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof AireneInputSlotRecipeVariant]?: ConditionalValue<AireneInputSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface AireneInputSlotRecipeRecipe {
|
|
18
|
+
__type: AireneInputSlotRecipeVariantProps
|
|
19
|
+
(props?: AireneInputSlotRecipeVariantProps): Pretty<Record<"root" | "wrapper" | "input", string>>
|
|
20
|
+
raw: (props?: AireneInputSlotRecipeVariantProps) => AireneInputSlotRecipeVariantProps
|
|
21
|
+
variantMap: AireneInputSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof AireneInputSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends AireneInputSlotRecipeVariantProps>(props: Props): [AireneInputSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AireneInputSlotRecipeVariantProps>>]
|
|
24
|
+
getVariantProps: (props?: AireneInputSlotRecipeVariantProps) => AireneInputSlotRecipeVariantProps
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const aireneInputSlotRecipe: AireneInputSlotRecipeRecipe
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const aireneInputSlotRecipeDefaultVariants = {}
|
|
5
|
+
const aireneInputSlotRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const aireneInputSlotRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"airene-chat-input__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"wrapper",
|
|
14
|
+
"airene-chat-input__wrapper"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"input",
|
|
18
|
+
"airene-chat-input__input"
|
|
19
|
+
]
|
|
20
|
+
]
|
|
21
|
+
const aireneInputSlotRecipeSlotFns = /* @__PURE__ */ aireneInputSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aireneInputSlotRecipeDefaultVariants, getSlotCompoundVariant(aireneInputSlotRecipeCompoundVariants, slotName))])
|
|
22
|
+
|
|
23
|
+
const aireneInputSlotRecipeFn = memo((props = {}) => {
|
|
24
|
+
return Object.fromEntries(aireneInputSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
25
|
+
})
|
|
26
|
+
|
|
27
|
+
const aireneInputSlotRecipeVariantKeys = []
|
|
28
|
+
const getVariantProps = (variants) => ({ ...aireneInputSlotRecipeDefaultVariants, ...compact(variants) })
|
|
29
|
+
|
|
30
|
+
export const aireneInputSlotRecipe = /* @__PURE__ */ Object.assign(aireneInputSlotRecipeFn, {
|
|
31
|
+
__recipe__: false,
|
|
32
|
+
__name__: 'aireneInputSlotRecipe',
|
|
33
|
+
raw: (props) => props,
|
|
34
|
+
variantKeys: aireneInputSlotRecipeVariantKeys,
|
|
35
|
+
variantMap: {},
|
|
36
|
+
splitVariantProps(props) {
|
|
37
|
+
return splitProps(props, aireneInputSlotRecipeVariantKeys)
|
|
38
|
+
},
|
|
39
|
+
getVariantProps
|
|
40
|
+
})
|
package/recipes/index.d.ts
CHANGED
|
@@ -72,4 +72,5 @@ export * from './tab-list-slot-recipe';
|
|
|
72
72
|
export * from './color-picker-slot-recipe';
|
|
73
73
|
export * from './slider-slot-recipe';
|
|
74
74
|
export * from './tour-slot-recipe';
|
|
75
|
-
export * from './airene-button-slot-recipe';
|
|
75
|
+
export * from './airene-button-slot-recipe';
|
|
76
|
+
export * from './airene-input-slot-recipe';
|
package/recipes/index.mjs
CHANGED
|
@@ -71,4 +71,5 @@ export * from './tab-list-slot-recipe.mjs';
|
|
|
71
71
|
export * from './color-picker-slot-recipe.mjs';
|
|
72
72
|
export * from './slider-slot-recipe.mjs';
|
|
73
73
|
export * from './tour-slot-recipe.mjs';
|
|
74
|
-
export * from './airene-button-slot-recipe.mjs';
|
|
74
|
+
export * from './airene-button-slot-recipe.mjs';
|
|
75
|
+
export * from './airene-input-slot-recipe.mjs';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { memo, splitProps } from '../helpers.mjs';
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
|
-
const skeletonRecipeFn = /* @__PURE__ */ createRecipe('skeleton', {
|
|
4
|
+
const skeletonRecipeFn = /* @__PURE__ */ createRecipe('skeleton-component', {
|
|
5
5
|
"color": "gray"
|
|
6
6
|
}, [
|
|
7
7
|
{
|