@mekari/pixel3-styled-system 0.0.8-dev.0 → 0.0.9-dev.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/CHANGELOG.md +13 -0
- package/package.json +1 -1
- package/recipes/date-picker-slot-recipe.d.ts +1 -1
- package/recipes/date-picker-slot-recipe.mjs +26 -16
- package/recipes/index.d.ts +1 -0
- package/recipes/index.mjs +60 -59
- package/recipes/time-item-recipe.d.ts +28 -0
- package/recipes/time-item-recipe.mjs +26 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @mekari/pixel3-styled-system
|
|
2
2
|
|
|
3
|
+
## 0.0.9-dev.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- bc8cb14: - Added date picker time item theme.
|
|
8
|
+
|
|
9
|
+
## 0.0.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- b1662ba: Generate new styledgen
|
|
14
|
+
- f86bca4: Generate new style for Panda version 0.39.2
|
|
15
|
+
|
|
3
16
|
## 0.0.8-dev.0
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,36 +1,46 @@
|
|
|
1
|
-
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'
|
|
2
|
-
import { createRecipe } from './create-recipe.mjs'
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs'
|
|
3
3
|
|
|
4
4
|
const datePickerSlotRecipeDefaultVariants = {}
|
|
5
5
|
const datePickerSlotRecipeCompoundVariants = []
|
|
6
6
|
|
|
7
7
|
const datePickerSlotRecipeSlotNames = [
|
|
8
|
-
[
|
|
9
|
-
|
|
10
|
-
"datepicker__root"
|
|
11
|
-
],
|
|
12
|
-
[
|
|
13
|
-
"popoverContent",
|
|
14
|
-
"datepicker__popoverContent"
|
|
15
|
-
]
|
|
8
|
+
['root', 'datepicker__root'],
|
|
9
|
+
['popoverContent', 'datepicker__popoverContent']
|
|
16
10
|
]
|
|
17
|
-
const datePickerSlotRecipeSlotFns = /* @__PURE__ */ datePickerSlotRecipeSlotNames.map(
|
|
11
|
+
const datePickerSlotRecipeSlotFns = /* @__PURE__ */ datePickerSlotRecipeSlotNames.map(
|
|
12
|
+
([slotName, slotKey]) => [
|
|
13
|
+
slotName,
|
|
14
|
+
createRecipe(
|
|
15
|
+
slotKey,
|
|
16
|
+
datePickerSlotRecipeDefaultVariants,
|
|
17
|
+
getSlotCompoundVariant(datePickerSlotRecipeCompoundVariants, slotName)
|
|
18
|
+
)
|
|
19
|
+
]
|
|
20
|
+
)
|
|
18
21
|
|
|
19
22
|
const datePickerSlotRecipeFn = memo((props = {}) => {
|
|
20
|
-
return Object.fromEntries(
|
|
23
|
+
return Object.fromEntries(
|
|
24
|
+
datePickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])
|
|
25
|
+
)
|
|
21
26
|
})
|
|
22
27
|
|
|
23
|
-
const datePickerSlotRecipeVariantKeys = []
|
|
24
|
-
const getVariantProps = (variants) => ({
|
|
28
|
+
const datePickerSlotRecipeVariantKeys = ['variant']
|
|
29
|
+
const getVariantProps = (variants) => ({
|
|
30
|
+
...datePickerSlotRecipeDefaultVariants,
|
|
31
|
+
...compact(variants)
|
|
32
|
+
})
|
|
25
33
|
|
|
26
34
|
export const datePickerSlotRecipe = /* @__PURE__ */ Object.assign(datePickerSlotRecipeFn, {
|
|
27
35
|
__recipe__: false,
|
|
28
36
|
__name__: 'datePickerSlotRecipe',
|
|
29
37
|
raw: (props) => props,
|
|
30
38
|
variantKeys: datePickerSlotRecipeVariantKeys,
|
|
31
|
-
variantMap: {
|
|
39
|
+
variantMap: {
|
|
40
|
+
variant: ['date', 'time']
|
|
41
|
+
},
|
|
32
42
|
splitVariantProps(props) {
|
|
33
43
|
return splitProps(props, datePickerSlotRecipeVariantKeys)
|
|
34
44
|
},
|
|
35
45
|
getVariantProps
|
|
36
|
-
})
|
|
46
|
+
})
|
package/recipes/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export * from './day-item-recipe';
|
|
|
26
26
|
export * from './date-item-recipe';
|
|
27
27
|
export * from './month-item-recipe';
|
|
28
28
|
export * from './year-item-recipe';
|
|
29
|
+
export * from './time-item-recipe';
|
|
29
30
|
export * from './accordion';
|
|
30
31
|
export * from './checkbox-slot-recipe';
|
|
31
32
|
export * from './radio-slot-recipe';
|
package/recipes/index.mjs
CHANGED
|
@@ -1,59 +1,60 @@
|
|
|
1
|
-
export * from './button-recipe.mjs'
|
|
2
|
-
export * from './button-group-recipe.mjs'
|
|
3
|
-
export * from './text-recipe.mjs'
|
|
4
|
-
export * from './icon-recipe.mjs'
|
|
5
|
-
export * from './spinner-recipe.mjs'
|
|
6
|
-
export * from './popover-content-recipe.mjs'
|
|
7
|
-
export * from './popover-list-recipe.mjs'
|
|
8
|
-
export * from './popover-list-item-recipe.mjs'
|
|
9
|
-
export * from './badge-recipe.mjs'
|
|
10
|
-
export * from './textarea-recipe.mjs'
|
|
11
|
-
export * from './tooltip-recipe.mjs'
|
|
12
|
-
export * from './tab-list-recipe.mjs'
|
|
13
|
-
export * from './tab-recipe.mjs'
|
|
14
|
-
export * from './selected-border-recipe.mjs'
|
|
15
|
-
export * from './table-recipe.mjs'
|
|
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'
|
|
22
|
-
export * from './rtestyle-provider-recipe.mjs'
|
|
23
|
-
export * from './calendar-panel-range-recipe.mjs'
|
|
24
|
-
export * from './day-item-recipe.mjs'
|
|
25
|
-
export * from './date-item-recipe.mjs'
|
|
26
|
-
export * from './month-item-recipe.mjs'
|
|
27
|
-
export * from './year-item-recipe.mjs'
|
|
28
|
-
export * from './
|
|
29
|
-
export * from './
|
|
30
|
-
export * from './
|
|
31
|
-
export * from './
|
|
32
|
-
export * from './
|
|
33
|
-
export * from './
|
|
34
|
-
export * from './
|
|
35
|
-
export * from './
|
|
36
|
-
export * from './input-
|
|
37
|
-
export * from './input-
|
|
38
|
-
export * from './
|
|
39
|
-
export * from './avatar-
|
|
40
|
-
export * from './
|
|
41
|
-
export * from './
|
|
42
|
-
export * from './
|
|
43
|
-
export * from './
|
|
44
|
-
export * from './
|
|
45
|
-
export * from './upload-
|
|
46
|
-
export * from './
|
|
47
|
-
export * from './
|
|
48
|
-
export * from './banner-
|
|
49
|
-
export * from './
|
|
50
|
-
export * from './
|
|
51
|
-
export * from './
|
|
52
|
-
export * from './
|
|
53
|
-
export * from './
|
|
54
|
-
export * from './
|
|
55
|
-
export * from './table-
|
|
56
|
-
export * from './table-
|
|
57
|
-
export * from './
|
|
58
|
-
export * from './
|
|
59
|
-
export * from './
|
|
1
|
+
export * from './button-recipe.mjs'
|
|
2
|
+
export * from './button-group-recipe.mjs'
|
|
3
|
+
export * from './text-recipe.mjs'
|
|
4
|
+
export * from './icon-recipe.mjs'
|
|
5
|
+
export * from './spinner-recipe.mjs'
|
|
6
|
+
export * from './popover-content-recipe.mjs'
|
|
7
|
+
export * from './popover-list-recipe.mjs'
|
|
8
|
+
export * from './popover-list-item-recipe.mjs'
|
|
9
|
+
export * from './badge-recipe.mjs'
|
|
10
|
+
export * from './textarea-recipe.mjs'
|
|
11
|
+
export * from './tooltip-recipe.mjs'
|
|
12
|
+
export * from './tab-list-recipe.mjs'
|
|
13
|
+
export * from './tab-recipe.mjs'
|
|
14
|
+
export * from './selected-border-recipe.mjs'
|
|
15
|
+
export * from './table-recipe.mjs'
|
|
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'
|
|
22
|
+
export * from './rtestyle-provider-recipe.mjs'
|
|
23
|
+
export * from './calendar-panel-range-recipe.mjs'
|
|
24
|
+
export * from './day-item-recipe.mjs'
|
|
25
|
+
export * from './date-item-recipe.mjs'
|
|
26
|
+
export * from './month-item-recipe.mjs'
|
|
27
|
+
export * from './year-item-recipe.mjs'
|
|
28
|
+
export * from './time-item-recipe.mjs'
|
|
29
|
+
export * from './accordion.mjs'
|
|
30
|
+
export * from './checkbox-slot-recipe.mjs'
|
|
31
|
+
export * from './radio-slot-recipe.mjs'
|
|
32
|
+
export * from './shared-slot-recipe.mjs'
|
|
33
|
+
export * from './progress-slot-recipe.mjs'
|
|
34
|
+
export * from './toggle-slot-recipe.mjs'
|
|
35
|
+
export * from './tag-slot-recipe.mjs'
|
|
36
|
+
export * from './input-slot-recipe.mjs'
|
|
37
|
+
export * from './input-group-slot-recipe.mjs'
|
|
38
|
+
export * from './input-addon-slot-recipe.mjs'
|
|
39
|
+
export * from './avatar-slot-recipe.mjs'
|
|
40
|
+
export * from './avatar-group-slot-recipe.mjs'
|
|
41
|
+
export * from './select-slot-recipe.mjs'
|
|
42
|
+
export * from './form-control-slot-recipe.mjs'
|
|
43
|
+
export * from './input-tag-slot-recipe.mjs'
|
|
44
|
+
export * from './modal-slot-recipe.mjs'
|
|
45
|
+
export * from './upload-slot-recipe.mjs'
|
|
46
|
+
export * from './upload-list-slot-recipe.mjs'
|
|
47
|
+
export * from './dropzone-slot-recipe.mjs'
|
|
48
|
+
export * from './banner-slot-recipe.mjs'
|
|
49
|
+
export * from './banner-icon-slot-recipe.mjs'
|
|
50
|
+
export * from './segmented-control-slot-recipe.mjs'
|
|
51
|
+
export * from './toast-slot-recipe.mjs'
|
|
52
|
+
export * from './broadcast-slot-recipe.mjs'
|
|
53
|
+
export * from './rich-text-editor-slot-recipe.mjs'
|
|
54
|
+
export * from './date-picker-slot-recipe.mjs'
|
|
55
|
+
export * from './table-date-slot-recipe.mjs'
|
|
56
|
+
export * from './table-month-slot-recipe.mjs'
|
|
57
|
+
export * from './table-year-slot-recipe.mjs'
|
|
58
|
+
export * from './pinbar-slot-recipe.mjs'
|
|
59
|
+
export * from './carousel-slot-recipe.mjs'
|
|
60
|
+
export * from './chart-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 TimeItemRecipeVariant {
|
|
6
|
+
status: "disabled" | "default" | "selected" | "today"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TimeItemRecipeVariantMap = {
|
|
10
|
+
[key in keyof TimeItemRecipeVariant]: Array<TimeItemRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type TimeItemRecipeVariantProps = {
|
|
14
|
+
[key in keyof TimeItemRecipeVariant]?: ConditionalValue<TimeItemRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface TimeItemRecipeRecipe {
|
|
18
|
+
__type: TimeItemRecipeVariantProps
|
|
19
|
+
(props?: TimeItemRecipeVariantProps): string
|
|
20
|
+
raw: (props?: TimeItemRecipeVariantProps) => TimeItemRecipeVariantProps
|
|
21
|
+
variantMap: TimeItemRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof TimeItemRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends TimeItemRecipeVariantProps>(props: Props): [TimeItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimeItemRecipeVariantProps>>]
|
|
24
|
+
getVariantProps: (props?: TimeItemRecipeVariantProps) => TimeItemRecipeVariantProps
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export declare const timeItemRecipe: TimeItemRecipeRecipe
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs'
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs'
|
|
3
|
+
|
|
4
|
+
const timeItemRecipeFn = /* @__PURE__ */ createRecipe('timeItem', {}, [])
|
|
5
|
+
|
|
6
|
+
const timeItemRecipeVariantMap = {
|
|
7
|
+
status: ['disabled', 'default', 'selected', 'today']
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const timeItemRecipeVariantKeys = Object.keys(timeItemRecipeVariantMap)
|
|
11
|
+
|
|
12
|
+
export const timeItemRecipe = /* @__PURE__ */ Object.assign(memo(timeItemRecipeFn.recipeFn), {
|
|
13
|
+
__recipe__: true,
|
|
14
|
+
__name__: 'timeItemRecipe',
|
|
15
|
+
__getCompoundVariantCss__: timeItemRecipeFn.__getCompoundVariantCss__,
|
|
16
|
+
raw: (props) => props,
|
|
17
|
+
variantKeys: timeItemRecipeVariantKeys,
|
|
18
|
+
variantMap: timeItemRecipeVariantMap,
|
|
19
|
+
merge(recipe) {
|
|
20
|
+
return mergeRecipes(this, recipe)
|
|
21
|
+
},
|
|
22
|
+
splitVariantProps(props) {
|
|
23
|
+
return splitProps(props, timeItemRecipeVariantKeys)
|
|
24
|
+
},
|
|
25
|
+
getVariantProps: timeItemRecipeFn.getVariantProps
|
|
26
|
+
})
|