@mekari/pixel3-styled-system 0.0.3 → 0.0.4-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 +6 -0
- package/package.json +1 -1
- package/recipes/avatar-slot-recipe.d.ts +1 -0
- package/recipes/avatar-slot-recipe.mjs +12 -0
- package/recipes/index.d.ts +3 -1
- package/recipes/index.mjs +3 -1
- package/recipes/segmented-control-slot-recipe.d.ts +27 -0
- package/recipes/segmented-control-slot-recipe.mjs +50 -0
- package/recipes/toast-slot-recipe.d.ts +27 -0
- package/recipes/toast-slot-recipe.mjs +64 -0
- package/tokens/index.mjs +21 -21
- package/tokens/tokens.d.ts +3 -3
- package/types/prop-type.d.ts +1 -1
- package/.turbo/turbo-build.log +0 -16
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -4,6 +4,7 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
|
4
4
|
|
|
5
5
|
interface AvatarSlotRecipeVariant {
|
|
6
6
|
variant: "square" | "circle"
|
|
7
|
+
"variant-color": "gray" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink"
|
|
7
8
|
variantColor: "gray" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink"
|
|
8
9
|
size: "sm" | "md" | "lg" | "xl"
|
|
9
10
|
}
|
|
@@ -78,6 +78,7 @@ const avatarSlotRecipeFn = (props = {}) => {
|
|
|
78
78
|
|
|
79
79
|
const avatarSlotRecipeVariantKeys = [
|
|
80
80
|
"variant",
|
|
81
|
+
"variant-color",
|
|
81
82
|
"variantColor",
|
|
82
83
|
"size"
|
|
83
84
|
]
|
|
@@ -92,6 +93,17 @@ export const avatarSlotRecipe = /* @__PURE__ */ Object.assign(avatarSlotRecipeFn
|
|
|
92
93
|
"square",
|
|
93
94
|
"circle"
|
|
94
95
|
],
|
|
96
|
+
"variant-color": [
|
|
97
|
+
"gray",
|
|
98
|
+
"sky",
|
|
99
|
+
"teal",
|
|
100
|
+
"violet",
|
|
101
|
+
"amber",
|
|
102
|
+
"rose",
|
|
103
|
+
"stone",
|
|
104
|
+
"lime",
|
|
105
|
+
"pink"
|
|
106
|
+
],
|
|
95
107
|
"variantColor": [
|
|
96
108
|
"gray",
|
|
97
109
|
"sky",
|
package/recipes/index.d.ts
CHANGED
|
@@ -40,4 +40,6 @@ export * from './upload-slot-recipe';
|
|
|
40
40
|
export * from './upload-list-slot-recipe';
|
|
41
41
|
export * from './dropzone-slot-recipe';
|
|
42
42
|
export * from './banner-slot-recipe';
|
|
43
|
-
export * from './banner-icon-slot-recipe';
|
|
43
|
+
export * from './banner-icon-slot-recipe';
|
|
44
|
+
export * from './segmented-control-slot-recipe';
|
|
45
|
+
export * from './toast-slot-recipe';
|
package/recipes/index.mjs
CHANGED
|
@@ -39,4 +39,6 @@ export * from './upload-slot-recipe.mjs';
|
|
|
39
39
|
export * from './upload-list-slot-recipe.mjs';
|
|
40
40
|
export * from './dropzone-slot-recipe.mjs';
|
|
41
41
|
export * from './banner-slot-recipe.mjs';
|
|
42
|
-
export * from './banner-icon-slot-recipe.mjs';
|
|
42
|
+
export * from './banner-icon-slot-recipe.mjs';
|
|
43
|
+
export * from './segmented-control-slot-recipe.mjs';
|
|
44
|
+
export * from './toast-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 SegmentedControlSlotRecipeVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type SegmentedControlSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof SegmentedControlSlotRecipeVariant]: Array<SegmentedControlSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type SegmentedControlSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof SegmentedControlSlotRecipeVariant]?: ConditionalValue<SegmentedControlSlotRecipeVariant[key]> | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface SegmentedControlSlotRecipeRecipe {
|
|
18
|
+
__type: SegmentedControlSlotRecipeVariantProps
|
|
19
|
+
(props?: SegmentedControlSlotRecipeVariantProps): Pretty<Record<"root" | "item" | "hidden" | "control" | "label" | "icon", string>>
|
|
20
|
+
raw: (props?: SegmentedControlSlotRecipeVariantProps) => SegmentedControlSlotRecipeVariantProps
|
|
21
|
+
variantMap: SegmentedControlSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof SegmentedControlSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends SegmentedControlSlotRecipeVariantProps>(props: Props): [SegmentedControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SegmentedControlSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const segmentedControlSlotRecipe: SegmentedControlSlotRecipeRecipe
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const segmentedControlSlotRecipeDefaultVariants = {}
|
|
5
|
+
const segmentedControlSlotRecipeCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const segmentedControlSlotRecipeSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"segmented-control__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"item",
|
|
14
|
+
"segmented-control__item"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"hidden",
|
|
18
|
+
"segmented-control__hidden"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"control",
|
|
22
|
+
"segmented-control__control"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"label",
|
|
26
|
+
"segmented-control__label"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"icon",
|
|
30
|
+
"segmented-control__icon"
|
|
31
|
+
]
|
|
32
|
+
]
|
|
33
|
+
const segmentedControlSlotRecipeSlotFns = /* @__PURE__ */ segmentedControlSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, segmentedControlSlotRecipeDefaultVariants, getSlotCompoundVariant(segmentedControlSlotRecipeCompoundVariants, slotName))])
|
|
34
|
+
|
|
35
|
+
const segmentedControlSlotRecipeFn = (props = {}) => {
|
|
36
|
+
return Object.fromEntries(segmentedControlSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
const segmentedControlSlotRecipeVariantKeys = []
|
|
40
|
+
|
|
41
|
+
export const segmentedControlSlotRecipe = /* @__PURE__ */ Object.assign(segmentedControlSlotRecipeFn, {
|
|
42
|
+
__recipe__: false,
|
|
43
|
+
__name__: 'segmentedControlSlotRecipe',
|
|
44
|
+
raw: (props) => props,
|
|
45
|
+
variantKeys: segmentedControlSlotRecipeVariantKeys,
|
|
46
|
+
variantMap: {},
|
|
47
|
+
splitVariantProps(props) {
|
|
48
|
+
return splitProps(props, segmentedControlSlotRecipeVariantKeys)
|
|
49
|
+
},
|
|
50
|
+
})
|
|
@@ -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 ToastSlotRecipeVariant {
|
|
6
|
+
variant: "success" | "error"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ToastSlotRecipeVariantMap = {
|
|
10
|
+
[key in keyof ToastSlotRecipeVariant]: Array<ToastSlotRecipeVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type ToastSlotRecipeVariantProps = {
|
|
14
|
+
[key in keyof ToastSlotRecipeVariant]?: ToastSlotRecipeVariant[key] | undefined
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface ToastSlotRecipeRecipe {
|
|
18
|
+
__type: ToastSlotRecipeVariantProps
|
|
19
|
+
(props?: ToastSlotRecipeVariantProps): Pretty<Record<"root" | "icon" | "label", string>>
|
|
20
|
+
raw: (props?: ToastSlotRecipeVariantProps) => ToastSlotRecipeVariantProps
|
|
21
|
+
variantMap: ToastSlotRecipeVariantMap
|
|
22
|
+
variantKeys: Array<keyof ToastSlotRecipeVariant>
|
|
23
|
+
splitVariantProps<Props extends ToastSlotRecipeVariantProps>(props: Props): [ToastSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ToastSlotRecipeVariantProps>>]
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
export declare const toastSlotRecipe: ToastSlotRecipeRecipe
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const toastSlotRecipeDefaultVariants = {
|
|
5
|
+
"variant": "success"
|
|
6
|
+
}
|
|
7
|
+
const toastSlotRecipeCompoundVariants = [
|
|
8
|
+
{
|
|
9
|
+
"variant": "success",
|
|
10
|
+
"css": {
|
|
11
|
+
"root": {
|
|
12
|
+
"borderColor": "green.700"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"variant": "error",
|
|
18
|
+
"css": {
|
|
19
|
+
"root": {
|
|
20
|
+
"borderColor": "red.700"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
|
|
26
|
+
const toastSlotRecipeSlotNames = [
|
|
27
|
+
[
|
|
28
|
+
"root",
|
|
29
|
+
"toast__root"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"icon",
|
|
33
|
+
"toast__icon"
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"label",
|
|
37
|
+
"toast__label"
|
|
38
|
+
]
|
|
39
|
+
]
|
|
40
|
+
const toastSlotRecipeSlotFns = /* @__PURE__ */ toastSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toastSlotRecipeDefaultVariants, getSlotCompoundVariant(toastSlotRecipeCompoundVariants, slotName))])
|
|
41
|
+
|
|
42
|
+
const toastSlotRecipeFn = (props = {}) => {
|
|
43
|
+
return Object.fromEntries(toastSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
const toastSlotRecipeVariantKeys = [
|
|
47
|
+
"variant"
|
|
48
|
+
]
|
|
49
|
+
|
|
50
|
+
export const toastSlotRecipe = /* @__PURE__ */ Object.assign(toastSlotRecipeFn, {
|
|
51
|
+
__recipe__: false,
|
|
52
|
+
__name__: 'toastSlotRecipe',
|
|
53
|
+
raw: (props) => props,
|
|
54
|
+
variantKeys: toastSlotRecipeVariantKeys,
|
|
55
|
+
variantMap: {
|
|
56
|
+
"variant": [
|
|
57
|
+
"success",
|
|
58
|
+
"error"
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
splitVariantProps(props) {
|
|
62
|
+
return splitProps(props, toastSlotRecipeVariantKeys)
|
|
63
|
+
},
|
|
64
|
+
})
|
package/tokens/index.mjs
CHANGED
|
@@ -115,45 +115,45 @@ const tokens = {
|
|
|
115
115
|
"value": "rgba(255, 255, 255, 0.92)",
|
|
116
116
|
"variable": "var(--mp-colors-white-alpha-900)"
|
|
117
117
|
},
|
|
118
|
-
"colors.
|
|
118
|
+
"colors.blackAlpha.50": {
|
|
119
119
|
"value": "rgba(0, 0, 0, 0.04)",
|
|
120
|
-
"variable": "var(--mp-colors-black-
|
|
120
|
+
"variable": "var(--mp-colors-black-alpha-50)"
|
|
121
121
|
},
|
|
122
|
-
"colors.
|
|
122
|
+
"colors.blackAlpha.100": {
|
|
123
123
|
"value": "rgba(0, 0, 0, 0.06)",
|
|
124
|
-
"variable": "var(--mp-colors-black-
|
|
124
|
+
"variable": "var(--mp-colors-black-alpha-100)"
|
|
125
125
|
},
|
|
126
|
-
"colors.
|
|
126
|
+
"colors.blackAlpha.200": {
|
|
127
127
|
"value": "rgba(0, 0, 0, 0.08)",
|
|
128
|
-
"variable": "var(--mp-colors-black-
|
|
128
|
+
"variable": "var(--mp-colors-black-alpha-200)"
|
|
129
129
|
},
|
|
130
|
-
"colors.
|
|
130
|
+
"colors.blackAlpha.300": {
|
|
131
131
|
"value": "rgba(0, 0, 0, 0.16)",
|
|
132
|
-
"variable": "var(--mp-colors-black-
|
|
132
|
+
"variable": "var(--mp-colors-black-alpha-300)"
|
|
133
133
|
},
|
|
134
|
-
"colors.
|
|
134
|
+
"colors.blackAlpha.400": {
|
|
135
135
|
"value": "rgba(0, 0, 0, 0.24)",
|
|
136
|
-
"variable": "var(--mp-colors-black-
|
|
136
|
+
"variable": "var(--mp-colors-black-alpha-400)"
|
|
137
137
|
},
|
|
138
|
-
"colors.
|
|
138
|
+
"colors.blackAlpha.500": {
|
|
139
139
|
"value": "rgba(0, 0, 0, 0.36)",
|
|
140
|
-
"variable": "var(--mp-colors-black-
|
|
140
|
+
"variable": "var(--mp-colors-black-alpha-500)"
|
|
141
141
|
},
|
|
142
|
-
"colors.
|
|
142
|
+
"colors.blackAlpha.600": {
|
|
143
143
|
"value": "rgba(0, 0, 0, 0.48)",
|
|
144
|
-
"variable": "var(--mp-colors-black-
|
|
144
|
+
"variable": "var(--mp-colors-black-alpha-600)"
|
|
145
145
|
},
|
|
146
|
-
"colors.
|
|
146
|
+
"colors.blackAlpha.700": {
|
|
147
147
|
"value": "rgba(0, 0, 0, 0.64)",
|
|
148
|
-
"variable": "var(--mp-colors-black-
|
|
148
|
+
"variable": "var(--mp-colors-black-alpha-700)"
|
|
149
149
|
},
|
|
150
|
-
"colors.
|
|
150
|
+
"colors.blackAlpha.800": {
|
|
151
151
|
"value": "rgba(0, 0, 0, 0.80)",
|
|
152
|
-
"variable": "var(--mp-colors-black-
|
|
152
|
+
"variable": "var(--mp-colors-black-alpha-800)"
|
|
153
153
|
},
|
|
154
|
-
"colors.
|
|
154
|
+
"colors.blackAlpha.900": {
|
|
155
155
|
"value": "rgba(0, 0, 0, 0.92)",
|
|
156
|
-
"variable": "var(--mp-colors-black-
|
|
156
|
+
"variable": "var(--mp-colors-black-alpha-900)"
|
|
157
157
|
},
|
|
158
158
|
"colors.gray.25": {
|
|
159
159
|
"value": "#F8F9FB",
|
|
@@ -364,7 +364,7 @@ const tokens = {
|
|
|
364
364
|
"variable": "var(--mp-durations-fast)"
|
|
365
365
|
},
|
|
366
366
|
"fonts.body": {
|
|
367
|
-
"value": "\"
|
|
367
|
+
"value": "\"Inter\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif, Segoe UI, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"",
|
|
368
368
|
"variable": "var(--mp-fonts-body)"
|
|
369
369
|
},
|
|
370
370
|
"fonts.mono": {
|
package/tokens/tokens.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
export type Token = "borders.none" | "borders.sm" | "borders.md" | "borders.lg" | "colors.currentcolor" | "colors.dark" | "colors.white" | "colors.background" | "colors.overlay" | "colors.brand.capital" | "colors.brand.esign" | "colors.brand.expense" | "colors.brand.flex" | "colors.brand.jurnal" | "colors.brand.klikpajak" | "colors.brand.mekari" | "colors.brand.qontak" | "colors.brand.talenta" | "colors.brand.university" | "colors.whiteAlpha.50" | "colors.whiteAlpha.100" | "colors.whiteAlpha.200" | "colors.whiteAlpha.300" | "colors.whiteAlpha.400" | "colors.whiteAlpha.500" | "colors.whiteAlpha.600" | "colors.whiteAlpha.700" | "colors.whiteAlpha.800" | "colors.whiteAlpha.900" | "colors.
|
|
2
|
+
export type Token = "borders.none" | "borders.sm" | "borders.md" | "borders.lg" | "colors.currentcolor" | "colors.dark" | "colors.white" | "colors.background" | "colors.overlay" | "colors.brand.capital" | "colors.brand.esign" | "colors.brand.expense" | "colors.brand.flex" | "colors.brand.jurnal" | "colors.brand.klikpajak" | "colors.brand.mekari" | "colors.brand.qontak" | "colors.brand.talenta" | "colors.brand.university" | "colors.whiteAlpha.50" | "colors.whiteAlpha.100" | "colors.whiteAlpha.200" | "colors.whiteAlpha.300" | "colors.whiteAlpha.400" | "colors.whiteAlpha.500" | "colors.whiteAlpha.600" | "colors.whiteAlpha.700" | "colors.whiteAlpha.800" | "colors.whiteAlpha.900" | "colors.blackAlpha.50" | "colors.blackAlpha.100" | "colors.blackAlpha.200" | "colors.blackAlpha.300" | "colors.blackAlpha.400" | "colors.blackAlpha.500" | "colors.blackAlpha.600" | "colors.blackAlpha.700" | "colors.blackAlpha.800" | "colors.blackAlpha.900" | "colors.gray.25" | "colors.gray.50" | "colors.gray.100" | "colors.gray.400" | "colors.gray.600" | "colors.blue.50" | "colors.blue.100" | "colors.blue.400" | "colors.blue.500" | "colors.blue.700" | "colors.red.50" | "colors.red.400" | "colors.red.500" | "colors.red.700" | "colors.green.50" | "colors.green.400" | "colors.green.500" | "colors.green.700" | "colors.orange.50" | "colors.orange.400" | "colors.orange.500" | "colors.orange.700" | "colors.sky.100" | "colors.sky.400" | "colors.teal.100" | "colors.teal.400" | "colors.violet.100" | "colors.violet.400" | "colors.amber.100" | "colors.amber.400" | "colors.rose.100" | "colors.rose.400" | "colors.stone.100" | "colors.stone.400" | "colors.lime.100" | "colors.lime.400" | "colors.pink.100" | "colors.pink.400" | "colors.apricot.100" | "colors.apricot.400" | "colors.aqua.100" | "colors.aqua.400" | "colors.leaf.100" | "colors.leaf.400" | "colors.fuchsia.100" | "colors.fuchsia.400" | "colors.ice.50" | "colors.ice.100" | "colors.ash.100" | "durations.slow" | "durations.normal" | "durations.fast" | "fonts.body" | "fonts.mono" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontWeights.regular" | "fontWeights.semiBold" | "fontWeights.bold" | "lineHeights.xs" | "lineHeights.sm" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "opacity.0" | "opacity.40" | "opacity.60" | "opacity.100" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.full" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.focus" | "shadows.xl" | "shadows.2xl" | "shadows.outline" | "shadows.outline-tab" | "shadows.outer" | "shadows.inner" | "shadows.none" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.16" | "sizes.20" | "sizes.22" | "sizes.56" | "sizes.65" | "sizes.0.25" | "sizes.0.5" | "sizes.2.5" | "sizes.7.5" | "sizes.9.5" | "sizes.full" | "sizes.sm" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.8" | "spacing.12" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.32" | "spacing.40" | "spacing.64" | "spacing.0.5" | "spacing.1.5" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.sticky" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.tooltip" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-8" | "spacing.-12" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-32" | "spacing.-40" | "spacing.-64" | "spacing.-0.5" | "spacing.-1.5" | "colors.colorPalette" | "colors.colorPalette.capital" | "colors.colorPalette.esign" | "colors.colorPalette.expense" | "colors.colorPalette.flex" | "colors.colorPalette.jurnal" | "colors.colorPalette.klikpajak" | "colors.colorPalette.mekari" | "colors.colorPalette.qontak" | "colors.colorPalette.talenta" | "colors.colorPalette.university" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.25"
|
|
3
3
|
|
|
4
|
-
export type ColorPalette = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "
|
|
4
|
+
export type ColorPalette = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "blackAlpha" | "gray" | "blue" | "red" | "green" | "orange" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink" | "apricot" | "aqua" | "leaf" | "fuchsia" | "ice" | "ash"
|
|
5
5
|
|
|
6
6
|
export type BorderToken = "none" | "sm" | "md" | "lg"
|
|
7
7
|
|
|
8
|
-
export type ColorToken = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand.capital" | "brand.esign" | "brand.expense" | "brand.flex" | "brand.jurnal" | "brand.klikpajak" | "brand.mekari" | "brand.qontak" | "brand.talenta" | "brand.university" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "
|
|
8
|
+
export type ColorToken = "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand.capital" | "brand.esign" | "brand.expense" | "brand.flex" | "brand.jurnal" | "brand.klikpajak" | "brand.mekari" | "brand.qontak" | "brand.talenta" | "brand.university" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | "whiteAlpha.700" | "whiteAlpha.800" | "whiteAlpha.900" | "blackAlpha.50" | "blackAlpha.100" | "blackAlpha.200" | "blackAlpha.300" | "blackAlpha.400" | "blackAlpha.500" | "blackAlpha.600" | "blackAlpha.700" | "blackAlpha.800" | "blackAlpha.900" | "gray.25" | "gray.50" | "gray.100" | "gray.400" | "gray.600" | "blue.50" | "blue.100" | "blue.400" | "blue.500" | "blue.700" | "red.50" | "red.400" | "red.500" | "red.700" | "green.50" | "green.400" | "green.500" | "green.700" | "orange.50" | "orange.400" | "orange.500" | "orange.700" | "sky.100" | "sky.400" | "teal.100" | "teal.400" | "violet.100" | "violet.400" | "amber.100" | "amber.400" | "rose.100" | "rose.400" | "stone.100" | "stone.400" | "lime.100" | "lime.400" | "pink.100" | "pink.400" | "apricot.100" | "apricot.400" | "aqua.100" | "aqua.400" | "leaf.100" | "leaf.400" | "fuchsia.100" | "fuchsia.400" | "ice.50" | "ice.100" | "ash.100" | "colorPalette" | "colorPalette.capital" | "colorPalette.esign" | "colorPalette.expense" | "colorPalette.flex" | "colorPalette.jurnal" | "colorPalette.klikpajak" | "colorPalette.mekari" | "colorPalette.qontak" | "colorPalette.talenta" | "colorPalette.university" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.25"
|
|
9
9
|
|
|
10
10
|
export type DurationToken = "slow" | "normal" | "fast"
|
|
11
11
|
|
package/types/prop-type.d.ts
CHANGED
|
@@ -209,7 +209,7 @@ interface PropertyValueTypes {
|
|
|
209
209
|
strokeWidth: Tokens["borderWidths"];
|
|
210
210
|
srOnly: boolean;
|
|
211
211
|
debug: boolean;
|
|
212
|
-
colorPalette: "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "
|
|
212
|
+
colorPalette: "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "blackAlpha" | "gray" | "blue" | "red" | "green" | "orange" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink" | "apricot" | "aqua" | "leaf" | "fuchsia" | "ice" | "ash";
|
|
213
213
|
textStyle: "overline" | "body.sm" | "body.md" | "label.sm" | "label.md" | "h3" | "h2" | "h1";
|
|
214
214
|
}
|
|
215
215
|
|
package/.turbo/turbo-build.log
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
> @pixel3-poc/styled-system@ build /Users/SastraNababan/mekari/pixel3-research/poc-pixel3/packages/styled
|
|
3
|
-
> tsup
|
|
4
|
-
|
|
5
|
-
CLI Building entry: src/index.ts
|
|
6
|
-
CLI Using tsconfig: ../../tsconfig.json
|
|
7
|
-
CLI tsup v7.2.0
|
|
8
|
-
CLI Using tsup config: /Users/SastraNababan/mekari/pixel3-research/poc-pixel3/packages/styled/tsup.config.ts
|
|
9
|
-
CLI Target: es2019
|
|
10
|
-
CLI Cleaning output folder
|
|
11
|
-
ESM Build start
|
|
12
|
-
CJS Build start
|
|
13
|
-
CJS dist/index.js 1.82 KB
|
|
14
|
-
CJS ⚡️ Build success in 679ms
|
|
15
|
-
ESM dist/index.mjs 887.00 B
|
|
16
|
-
ESM ⚡️ Build success in 679ms
|