@pyck/styled-system 0.0.18 → 0.1.1
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.
|
@@ -6,7 +6,7 @@ import type { DistributiveOmit } from '../types/system-types';
|
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
7
|
|
|
8
8
|
export interface DividerProperties {
|
|
9
|
-
orientation?: "horizontal" | "vertical"
|
|
9
|
+
orientation?: ConditionalValue<"horizontal" | "vertical">
|
|
10
10
|
thickness?: ConditionalValue<Tokens["sizes"] | Properties["borderWidth"]>
|
|
11
11
|
color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
|
|
12
12
|
}
|
package/dist/patterns/float.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export interface FloatProperties {
|
|
|
9
9
|
offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
|
|
10
10
|
offsetY?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
11
11
|
offset?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
|
|
12
|
-
placement?: "bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start"
|
|
12
|
+
placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface FileUploadVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FileUploadVariantMap = {
|
|
10
|
+
[key in keyof FileUploadVariant]: Array<FileUploadVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type FileUploadSlot = "root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger" | "clearTrigger"
|
|
14
|
+
|
|
15
|
+
export type FileUploadVariantProps = {
|
|
16
|
+
[key in keyof FileUploadVariant]?: ConditionalValue<FileUploadVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface FileUploadRecipe {
|
|
20
|
+
__slot: FileUploadSlot
|
|
21
|
+
__type: FileUploadVariantProps
|
|
22
|
+
(props?: FileUploadVariantProps): Pretty<Record<FileUploadSlot, string>>
|
|
23
|
+
raw: (props?: FileUploadVariantProps) => FileUploadVariantProps
|
|
24
|
+
variantMap: FileUploadVariantMap
|
|
25
|
+
variantKeys: Array<keyof FileUploadVariant>
|
|
26
|
+
splitVariantProps<Props extends FileUploadVariantProps>(props: Props): [FileUploadVariantProps, Pretty<DistributiveOmit<Props, keyof FileUploadVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: FileUploadVariantProps) => FileUploadVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const fileUpload: FileUploadRecipe
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const fileUploadDefaultVariants = {}
|
|
5
|
+
const fileUploadCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const fileUploadSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"fileUpload__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"dropzone",
|
|
14
|
+
"fileUpload__dropzone"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"item",
|
|
18
|
+
"fileUpload__item"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"itemDeleteTrigger",
|
|
22
|
+
"fileUpload__itemDeleteTrigger"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"itemGroup",
|
|
26
|
+
"fileUpload__itemGroup"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"itemName",
|
|
30
|
+
"fileUpload__itemName"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"itemPreview",
|
|
34
|
+
"fileUpload__itemPreview"
|
|
35
|
+
],
|
|
36
|
+
[
|
|
37
|
+
"itemPreviewImage",
|
|
38
|
+
"fileUpload__itemPreviewImage"
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"itemSizeText",
|
|
42
|
+
"fileUpload__itemSizeText"
|
|
43
|
+
],
|
|
44
|
+
[
|
|
45
|
+
"label",
|
|
46
|
+
"fileUpload__label"
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
"trigger",
|
|
50
|
+
"fileUpload__trigger"
|
|
51
|
+
],
|
|
52
|
+
[
|
|
53
|
+
"clearTrigger",
|
|
54
|
+
"fileUpload__clearTrigger"
|
|
55
|
+
]
|
|
56
|
+
]
|
|
57
|
+
const fileUploadSlotFns = /* @__PURE__ */ fileUploadSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, fileUploadDefaultVariants, getSlotCompoundVariant(fileUploadCompoundVariants, slotName))])
|
|
58
|
+
|
|
59
|
+
const fileUploadFn = memo((props = {}) => {
|
|
60
|
+
return Object.fromEntries(fileUploadSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
61
|
+
})
|
|
62
|
+
|
|
63
|
+
const fileUploadVariantKeys = []
|
|
64
|
+
const getVariantProps = (variants) => ({ ...fileUploadDefaultVariants, ...compact(variants) })
|
|
65
|
+
|
|
66
|
+
export const fileUpload = /* @__PURE__ */ Object.assign(fileUploadFn, {
|
|
67
|
+
__recipe__: false,
|
|
68
|
+
__name__: 'fileUpload',
|
|
69
|
+
raw: (props) => props,
|
|
70
|
+
classNameMap: {},
|
|
71
|
+
variantKeys: fileUploadVariantKeys,
|
|
72
|
+
variantMap: {},
|
|
73
|
+
splitVariantProps(props) {
|
|
74
|
+
return splitProps(props, fileUploadVariantKeys)
|
|
75
|
+
},
|
|
76
|
+
getVariantProps
|
|
77
|
+
})
|
package/dist/recipes/index.d.ts
CHANGED
package/dist/recipes/index.mjs
CHANGED
|
@@ -34,6 +34,7 @@ export * from './drawer.mjs';
|
|
|
34
34
|
export * from './drilldown-menu.mjs';
|
|
35
35
|
export * from './field.mjs';
|
|
36
36
|
export * from './fieldset.mjs';
|
|
37
|
+
export * from './file-upload.mjs';
|
|
37
38
|
export * from './floating-panel.mjs';
|
|
38
39
|
export * from './input-group.mjs';
|
|
39
40
|
export * from './menu.mjs';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pyck/styled-system",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.1.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://pyck.ai",
|
|
7
7
|
"repository": {
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
|
-
"@pyck/panda-preset": "0.
|
|
56
|
-
"@pandacss/dev": "1.
|
|
57
|
-
"@pandacss/preset-base": "1.
|
|
58
|
-
"@pandacss/preset-panda": "1.
|
|
55
|
+
"@pyck/panda-preset": "0.1.1",
|
|
56
|
+
"@pandacss/dev": "1.9.0",
|
|
57
|
+
"@pandacss/preset-base": "1.9.0",
|
|
58
|
+
"@pandacss/preset-panda": "1.9.0",
|
|
59
59
|
"@types/react": "19.2.10",
|
|
60
60
|
"react": "19.2.4",
|
|
61
61
|
"react-dom": "19.2.4"
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"@pandacss/dev": ">=0.45.0",
|
|
68
|
-
"@pyck/panda-preset": ">=0.
|
|
68
|
+
"@pyck/panda-preset": ">=0.1.1",
|
|
69
69
|
"react": ">=18.0.0",
|
|
70
70
|
"react-dom": ">=18.0.0"
|
|
71
71
|
},
|