@mekari/pixel3-styled-system 0.1.3-dev.1 → 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 +13 -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 +3 -1
- package/recipes/index.mjs +3 -1
- package/recipes/scrollbar-recipe.d.ts +28 -0
- package/recipes/scrollbar-recipe.mjs +24 -0
- package/recipes/skeleton-recipe.mjs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @mekari/pixel3-styled-system
|
|
2
2
|
|
|
3
|
+
## 0.1.3-dev.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 9778db5: Generate new styled
|
|
8
|
+
- 2536cae: generate new styled
|
|
9
|
+
|
|
10
|
+
## 0.1.3-dev.2
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- c9305e7: generated new styled
|
|
15
|
+
|
|
3
16
|
## 0.1.3-dev.1
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
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
|
@@ -27,6 +27,7 @@ export * from './year-item-recipe';
|
|
|
27
27
|
export * from './time-item-recipe';
|
|
28
28
|
export * from './textlink-recipe';
|
|
29
29
|
export * from './skeleton-recipe';
|
|
30
|
+
export * from './scrollbar-recipe';
|
|
30
31
|
export * from './accordion-slot-recipe';
|
|
31
32
|
export * from './checkbox-slot-recipe';
|
|
32
33
|
export * from './divider-slot-recipe';
|
|
@@ -71,4 +72,5 @@ export * from './tab-list-slot-recipe';
|
|
|
71
72
|
export * from './color-picker-slot-recipe';
|
|
72
73
|
export * from './slider-slot-recipe';
|
|
73
74
|
export * from './tour-slot-recipe';
|
|
74
|
-
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
|
@@ -26,6 +26,7 @@ export * from './year-item-recipe.mjs';
|
|
|
26
26
|
export * from './time-item-recipe.mjs';
|
|
27
27
|
export * from './textlink-recipe.mjs';
|
|
28
28
|
export * from './skeleton-recipe.mjs';
|
|
29
|
+
export * from './scrollbar-recipe.mjs';
|
|
29
30
|
export * from './accordion-slot-recipe.mjs';
|
|
30
31
|
export * from './checkbox-slot-recipe.mjs';
|
|
31
32
|
export * from './divider-slot-recipe.mjs';
|
|
@@ -70,4 +71,5 @@ export * from './tab-list-slot-recipe.mjs';
|
|
|
70
71
|
export * from './color-picker-slot-recipe.mjs';
|
|
71
72
|
export * from './slider-slot-recipe.mjs';
|
|
72
73
|
export * from './tour-slot-recipe.mjs';
|
|
73
|
-
export * from './airene-button-slot-recipe.mjs';
|
|
74
|
+
export * from './airene-button-slot-recipe.mjs';
|
|
75
|
+
export * from './airene-input-slot-recipe.mjs';
|
|
@@ -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 ScrollbarRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ScrollbarRecipeVariantMap = {
|
|
10
|
+
[key in keyof ScrollbarRecipeVariant]: Array<ScrollbarRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type ScrollbarRecipeVariantProps = {
|
|
14
|
+
[key in keyof ScrollbarRecipeVariant]?: ConditionalValue<ScrollbarRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface ScrollbarRecipeRecipe {
|
|
18
|
+
__type: ScrollbarRecipeVariantProps
|
|
19
|
+
(props?: ScrollbarRecipeVariantProps): string
|
|
20
|
+
raw: (props?: ScrollbarRecipeVariantProps) => ScrollbarRecipeVariantProps
|
|
21
|
+
variantMap: ScrollbarRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof ScrollbarRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends ScrollbarRecipeVariantProps>(props: Props): [ScrollbarRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ScrollbarRecipeVariantProps>>]
|
|
24
|
+
getVariantProps: (props?: ScrollbarRecipeVariantProps) => ScrollbarRecipeVariantProps
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const scrollbarRecipe: ScrollbarRecipeRecipe
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const scrollbarRecipeFn = /* @__PURE__ */ createRecipe('skeleton', {}, [])
|
|
5
|
+
|
|
6
|
+
const scrollbarRecipeVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const scrollbarRecipeVariantKeys = Object.keys(scrollbarRecipeVariantMap)
|
|
9
|
+
|
|
10
|
+
export const scrollbarRecipe = /* @__PURE__ */ Object.assign(memo(scrollbarRecipeFn.recipeFn), {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'scrollbarRecipe',
|
|
13
|
+
__getCompoundVariantCss__: scrollbarRecipeFn.__getCompoundVariantCss__,
|
|
14
|
+
raw: (props) => props,
|
|
15
|
+
variantKeys: scrollbarRecipeVariantKeys,
|
|
16
|
+
variantMap: scrollbarRecipeVariantMap,
|
|
17
|
+
merge(recipe) {
|
|
18
|
+
return mergeRecipes(this, recipe)
|
|
19
|
+
},
|
|
20
|
+
splitVariantProps(props) {
|
|
21
|
+
return splitProps(props, scrollbarRecipeVariantKeys)
|
|
22
|
+
},
|
|
23
|
+
getVariantProps: scrollbarRecipeFn.getVariantProps,
|
|
24
|
+
})
|
|
@@ -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
|
{
|