@ciridae/ui 0.3.2 → 0.3.5
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/dist/assets/ciridae/brand-background-dark.webp +0 -0
- package/dist/assets/ciridae/brand-background-light.webp +0 -0
- package/dist/assets/ciridae/ciridae-black.svg +17 -0
- package/dist/assets/ciridae/ciridae-brand-assets.d.ts +25 -0
- package/dist/assets/ciridae/ciridae-brand-assets.js +25 -0
- package/dist/assets/ciridae/ciridae-icon-black.png +0 -0
- package/dist/assets/ciridae/ciridae-icon-white.png +0 -0
- package/dist/assets/ciridae/ciridae-ui-wordmark-black.png +0 -0
- package/dist/assets/ciridae/ciridae-ui-wordmark-white.png +0 -0
- package/dist/assets/ciridae/ciridae-white.svg +17 -0
- package/dist/assets/ciridae/ciridae-wordmark-black.png +0 -0
- package/dist/assets/ciridae/ciridae-wordmark-white.png +0 -0
- package/dist/assets/ciridae/favicon.ico +0 -0
- package/dist/assets/ciridae/logo-white.png +0 -0
- package/dist/assets/ciridae/sign-in-screenshot.png +0 -0
- package/dist/components/blocks/admin-users-table.d.ts +22 -0
- package/dist/components/blocks/admin-users-table.js +115 -0
- package/dist/components/blocks/comment-composer.d.ts +16 -0
- package/dist/components/blocks/comment-composer.js +113 -0
- package/dist/components/blocks/comment-item.d.ts +8 -0
- package/dist/components/blocks/comment-item.js +45 -0
- package/dist/components/blocks/comment-thread.d.ts +18 -0
- package/dist/components/blocks/comment-thread.js +30 -0
- package/dist/components/blocks/comment-types.d.ts +18 -0
- package/dist/components/blocks/comment-types.js +11 -0
- package/dist/components/blocks/feedback-center-comments.d.ts +12 -0
- package/dist/components/blocks/feedback-center-comments.js +11 -0
- package/dist/components/blocks/feedback-center-sheet-parts.d.ts +34 -0
- package/dist/components/blocks/feedback-center-sheet-parts.js +44 -0
- package/dist/components/blocks/feedback-center-sheet.d.ts +19 -0
- package/dist/components/blocks/feedback-center-sheet.js +46 -0
- package/dist/components/blocks/feedback-composer-parts.d.ts +16 -0
- package/dist/components/blocks/feedback-composer-parts.js +43 -0
- package/dist/components/blocks/feedback-composer-types.d.ts +11 -0
- package/dist/components/blocks/feedback-composer-types.js +1 -0
- package/dist/components/blocks/feedback-composer.d.ts +17 -0
- package/dist/components/blocks/feedback-composer.js +112 -0
- package/dist/components/blocks/feedback-date-format.d.ts +5 -0
- package/dist/components/blocks/feedback-date-format.js +11 -0
- package/dist/components/blocks/feedback-detail-sheet.d.ts +9 -0
- package/dist/components/blocks/feedback-detail-sheet.js +41 -0
- package/dist/components/blocks/feedback-metrics.d.ts +6 -0
- package/dist/components/blocks/feedback-metrics.js +15 -0
- package/dist/components/blocks/feedback-sheet.d.ts +8 -0
- package/dist/components/blocks/feedback-sheet.js +16 -0
- package/dist/components/blocks/feedback-status-badge.d.ts +6 -0
- package/dist/components/blocks/feedback-status-badge.js +14 -0
- package/dist/components/blocks/feedback-table-row.d.ts +6 -0
- package/dist/components/blocks/feedback-table-row.js +37 -0
- package/dist/components/blocks/feedback-table-sort.d.ts +11 -0
- package/dist/components/blocks/feedback-table-sort.js +81 -0
- package/dist/components/blocks/feedback-table.d.ts +16 -0
- package/dist/components/blocks/feedback-table.js +45 -0
- package/dist/components/blocks/feedback-tracking-types.d.ts +78 -0
- package/dist/components/blocks/feedback-tracking-types.js +36 -0
- package/dist/components/blocks/feedback-type-badge.d.ts +6 -0
- package/dist/components/blocks/feedback-type-badge.js +12 -0
- package/dist/components/blocks/feedback-user-detail.d.ts +10 -0
- package/dist/components/blocks/feedback-user-detail.js +57 -0
- package/dist/components/blocks/feedback-user-list.d.ts +9 -0
- package/dist/components/blocks/feedback-user-list.js +33 -0
- package/dist/components/blocks/invite-user-sheet.d.ts +20 -0
- package/dist/components/blocks/invite-user-sheet.js +72 -0
- package/dist/components/blocks/kanban-board-parts.d.ts +26 -0
- package/dist/components/blocks/kanban-board-parts.js +85 -0
- package/dist/components/blocks/kanban-board-utils.d.ts +42 -0
- package/dist/components/blocks/kanban-board-utils.js +115 -0
- package/dist/components/blocks/kanban-board.d.ts +16 -0
- package/dist/components/blocks/kanban-board.js +36 -0
- package/dist/components/blocks/kanban-card.d.ts +10 -0
- package/dist/components/blocks/kanban-card.js +34 -0
- package/dist/components/blocks/kanban-column.d.ts +17 -0
- package/dist/components/blocks/kanban-column.js +34 -0
- package/dist/components/blocks/kanban-detail-sheet.d.ts +17 -0
- package/dist/components/blocks/kanban-detail-sheet.js +34 -0
- package/dist/components/blocks/kanban-types.d.ts +24 -0
- package/dist/components/blocks/kanban-types.js +1 -0
- package/dist/components/blocks/timestamp-format.d.ts +8 -0
- package/dist/components/blocks/timestamp-format.js +66 -0
- package/dist/components/pages/admin-users-page.d.ts +11 -0
- package/dist/components/pages/admin-users-page.js +30 -0
- package/dist/components/pages/feedback-stakeholder-page-parts.d.ts +18 -0
- package/dist/components/pages/feedback-stakeholder-page-parts.js +36 -0
- package/dist/components/pages/feedback-stakeholder-page.d.ts +9 -0
- package/dist/components/pages/feedback-stakeholder-page.js +66 -0
- package/dist/components/pages/kanban-page.d.ts +13 -0
- package/dist/components/pages/kanban-page.js +68 -0
- package/dist/components/ui/calendar.d.ts +2 -1
- package/dist/components/ui/calendar.js +1 -1
- package/dist/components/ui/dialog.d.ts +2 -1
- package/dist/components/ui/dialog.js +2 -2
- package/dist/components/ui/page-header.d.ts +15 -1
- package/dist/components/ui/page-header.js +20 -2
- package/dist/components/ui/resizable.d.ts +9 -2
- package/dist/components/ui/resizable.js +3 -3
- package/dist/components/ui/sidebar-account-menu.d.ts +3 -1
- package/dist/components/ui/sidebar-account-menu.js +5 -5
- package/dist/components/ui/sonner.d.ts +2 -2
- package/dist/components/ui/sonner.js +2 -2
- package/dist/styled-system/css/css.d.ts +11 -16
- package/dist/styled-system/css/cva.d.ts +2 -4
- package/dist/styled-system/css/cx.d.ts +2 -3
- package/dist/styled-system/css/index.d.ts +1 -1
- package/dist/styled-system/css/sva.d.ts +1 -2
- package/dist/styled-system/patterns/aspect-ratio.d.ts +5 -9
- package/dist/styled-system/patterns/bleed.d.ts +6 -10
- package/dist/styled-system/patterns/box.d.ts +4 -9
- package/dist/styled-system/patterns/center.d.ts +5 -9
- package/dist/styled-system/patterns/circle.d.ts +5 -9
- package/dist/styled-system/patterns/container.d.ts +4 -9
- package/dist/styled-system/patterns/cq.d.ts +6 -10
- package/dist/styled-system/patterns/divider.d.ts +7 -11
- package/dist/styled-system/patterns/flex.d.ts +11 -15
- package/dist/styled-system/patterns/float.d.ts +8 -12
- package/dist/styled-system/patterns/grid-item.d.ts +10 -14
- package/dist/styled-system/patterns/grid.d.ts +9 -13
- package/dist/styled-system/patterns/hstack.d.ts +6 -10
- package/dist/styled-system/patterns/index.d.ts +1 -1
- package/dist/styled-system/patterns/link-overlay.d.ts +4 -9
- package/dist/styled-system/patterns/spacer.d.ts +5 -9
- package/dist/styled-system/patterns/square.d.ts +5 -9
- package/dist/styled-system/patterns/stack.d.ts +8 -12
- package/dist/styled-system/patterns/visually-hidden.d.ts +4 -9
- package/dist/styled-system/patterns/vstack.d.ts +6 -10
- package/dist/styled-system/patterns/wrap.d.ts +9 -13
- package/dist/styled-system/tokens/index.d.ts +4 -6
- package/dist/styled-system/tokens/tokens.d.ts +42 -61
- package/dist/styled-system/types/composition.d.ts +20 -211
- package/dist/styled-system/types/conditions.d.ts +297 -303
- package/dist/styled-system/types/csstype.d.ts +20289 -22518
- package/dist/styled-system/types/global.d.ts +11 -12
- package/dist/styled-system/types/index.d.ts +2 -2
- package/dist/styled-system/types/parts.d.ts +2 -3
- package/dist/styled-system/types/pattern.d.ts +75 -71
- package/dist/styled-system/types/prop-type.d.ts +236 -233
- package/dist/styled-system/types/recipe.d.ts +114 -155
- package/dist/styled-system/types/selectors.d.ts +8 -58
- package/dist/styled-system/types/static-css.d.ts +40 -47
- package/dist/styled-system/types/style-props.d.ts +8078 -8082
- package/dist/styled-system/types/system-types.d.ts +69 -111
- package/dist/styles.css +490 -1
- package/package.json +159 -7
|
@@ -1,181 +1,140 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
|
|
5
|
-
type
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export type
|
|
10
|
-
? {}
|
|
11
|
-
: {
|
|
12
|
-
[K in keyof T]?: StringToBoolean<keyof T[K]> | undefined
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string
|
|
16
|
-
|
|
2
|
+
import type { RecipeRule } from './static-css';
|
|
3
|
+
import type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types';
|
|
4
|
+
type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
|
|
5
|
+
export type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>;
|
|
6
|
+
export type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T ? {} : {
|
|
7
|
+
[K in keyof T]?: StringToBoolean<keyof T[K]> | undefined;
|
|
8
|
+
};
|
|
9
|
+
export type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string;
|
|
17
10
|
/**
|
|
18
11
|
* Extract the variant as optional props from a `cva` function.
|
|
19
12
|
* Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.
|
|
20
13
|
*/
|
|
21
|
-
export type RecipeVariantProps<
|
|
22
|
-
T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
|
|
23
|
-
> = Pretty<Parameters<T>[0]>
|
|
24
|
-
|
|
14
|
+
export type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>> = Pretty<Parameters<T>[0]>;
|
|
25
15
|
/**
|
|
26
16
|
* Extract the variants from a `cva` function.
|
|
27
17
|
*/
|
|
28
|
-
export type RecipeVariant<
|
|
29
|
-
T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
|
|
30
|
-
> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>
|
|
31
|
-
|
|
18
|
+
export type RecipeVariant<T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>;
|
|
32
19
|
type RecipeVariantMap<T extends RecipeVariantRecord> = {
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
20
|
+
[K in keyof T]: Array<keyof T[K]>;
|
|
21
|
+
};
|
|
36
22
|
/* -----------------------------------------------------------------------------
|
|
37
23
|
* Recipe / Standard
|
|
38
24
|
* -----------------------------------------------------------------------------*/
|
|
39
|
-
|
|
40
25
|
export interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
26
|
+
__type: RecipeSelection<T>;
|
|
27
|
+
variantKeys: (keyof T)[];
|
|
28
|
+
variantMap: RecipeVariantMap<T>;
|
|
29
|
+
raw: (props?: RecipeSelection<T>) => SystemStyleObject;
|
|
30
|
+
config: RecipeConfig<T>;
|
|
31
|
+
splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [
|
|
32
|
+
RecipeSelection<T>,
|
|
33
|
+
Pretty<DistributiveOmit<Props, keyof T>>
|
|
34
|
+
];
|
|
35
|
+
getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>;
|
|
50
36
|
}
|
|
51
|
-
|
|
52
|
-
type OneOrMore<T> = T | Array<T>
|
|
53
|
-
|
|
37
|
+
type OneOrMore<T> = T | Array<T>;
|
|
54
38
|
export type RecipeCompoundSelection<T> = {
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
39
|
+
[K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined;
|
|
40
|
+
};
|
|
58
41
|
export type RecipeCompoundVariant<T> = T & {
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
|
|
42
|
+
css: SystemStyleObject;
|
|
43
|
+
};
|
|
62
44
|
export interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
45
|
+
/**
|
|
46
|
+
* The base styles of the recipe.
|
|
47
|
+
*/
|
|
48
|
+
base?: SystemStyleObject;
|
|
49
|
+
/**
|
|
50
|
+
* Whether the recipe is deprecated.
|
|
51
|
+
*/
|
|
52
|
+
deprecated?: boolean | string;
|
|
53
|
+
/**
|
|
54
|
+
* The multi-variant styles of the recipe.
|
|
55
|
+
*/
|
|
56
|
+
variants?: T;
|
|
57
|
+
/**
|
|
58
|
+
* The default variants of the recipe.
|
|
59
|
+
*/
|
|
60
|
+
defaultVariants?: RecipeSelection<T>;
|
|
61
|
+
/**
|
|
62
|
+
* The styles to apply when a combination of variants is selected.
|
|
63
|
+
*/
|
|
64
|
+
compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[];
|
|
83
65
|
}
|
|
84
|
-
|
|
85
|
-
export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
|
|
86
|
-
|
|
66
|
+
export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>;
|
|
87
67
|
interface RecipeConfigMeta {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
68
|
+
/**
|
|
69
|
+
* The class name of the recipe.
|
|
70
|
+
*/
|
|
71
|
+
className: string;
|
|
72
|
+
/**
|
|
73
|
+
* The description of the recipe. This will be used in the JSDoc comment.
|
|
74
|
+
*/
|
|
75
|
+
description?: string;
|
|
76
|
+
/**
|
|
77
|
+
* The jsx elements to track for this recipe. Can be string or Regexp.
|
|
78
|
+
*
|
|
79
|
+
* @default capitalize(recipe.name)
|
|
80
|
+
* @example ['Button', 'Link', /Button$/]
|
|
81
|
+
*/
|
|
82
|
+
jsx?: Array<string | RegExp>;
|
|
83
|
+
/**
|
|
84
|
+
* Variants to pre-generate, will be include in the final `config.staticCss`
|
|
85
|
+
*/
|
|
86
|
+
staticCss?: RecipeRule[];
|
|
87
|
+
}
|
|
88
|
+
export interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> extends RecipeDefinition<T>, RecipeConfigMeta {
|
|
107
89
|
}
|
|
108
|
-
|
|
109
|
-
export interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>
|
|
110
|
-
extends RecipeDefinition<T>,
|
|
111
|
-
RecipeConfigMeta {}
|
|
112
|
-
|
|
113
90
|
/* -----------------------------------------------------------------------------
|
|
114
91
|
* Recipe / Slot
|
|
115
92
|
* -----------------------------------------------------------------------------*/
|
|
116
|
-
|
|
117
|
-
type
|
|
118
|
-
|
|
119
|
-
export
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
variantKeys: (keyof T)[]
|
|
129
|
-
variantMap: RecipeVariantMap<T>
|
|
130
|
-
splitVariantProps<Props extends RecipeSelection<T>>(
|
|
131
|
-
props: Props,
|
|
132
|
-
): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
|
|
133
|
-
getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
|
|
93
|
+
type SlotRecord<S extends string, T> = Partial<Record<S, T>>;
|
|
94
|
+
export type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>;
|
|
95
|
+
export type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => SlotRecord<S, string>;
|
|
96
|
+
export interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>> extends SlotRecipeVariantFn<S, T> {
|
|
97
|
+
raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>;
|
|
98
|
+
variantKeys: (keyof T)[];
|
|
99
|
+
variantMap: RecipeVariantMap<T>;
|
|
100
|
+
splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [
|
|
101
|
+
RecipeSelection<T>,
|
|
102
|
+
Pretty<DistributiveOmit<Props, keyof T>>
|
|
103
|
+
];
|
|
104
|
+
getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>;
|
|
134
105
|
}
|
|
135
|
-
|
|
136
106
|
export type SlotRecipeCompoundVariant<S extends string, T> = T & {
|
|
137
|
-
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* The styles to apply when a combination of variants is selected.
|
|
170
|
-
*/
|
|
171
|
-
compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]
|
|
107
|
+
css: SlotRecord<S, SystemStyleObject>;
|
|
108
|
+
};
|
|
109
|
+
export interface SlotRecipeDefinition<S extends string = string, T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>> {
|
|
110
|
+
/**
|
|
111
|
+
* An optional class name that can be used to target slots in the DOM.
|
|
112
|
+
*/
|
|
113
|
+
className?: string;
|
|
114
|
+
/**
|
|
115
|
+
* Whether the recipe is deprecated.
|
|
116
|
+
*/
|
|
117
|
+
deprecated?: boolean | string;
|
|
118
|
+
/**
|
|
119
|
+
* The parts/slots of the recipe.
|
|
120
|
+
*/
|
|
121
|
+
slots: S[] | Readonly<S[]>;
|
|
122
|
+
/**
|
|
123
|
+
* The base styles of the recipe.
|
|
124
|
+
*/
|
|
125
|
+
base?: SlotRecord<S, SystemStyleObject>;
|
|
126
|
+
/**
|
|
127
|
+
* The multi-variant styles of the recipe.
|
|
128
|
+
*/
|
|
129
|
+
variants?: T;
|
|
130
|
+
/**
|
|
131
|
+
* The default variants of the recipe.
|
|
132
|
+
*/
|
|
133
|
+
defaultVariants?: RecipeSelection<T>;
|
|
134
|
+
/**
|
|
135
|
+
* The styles to apply when a combination of variants is selected.
|
|
136
|
+
*/
|
|
137
|
+
compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[];
|
|
172
138
|
}
|
|
173
|
-
|
|
174
|
-
export type
|
|
175
|
-
config: SlotRecipeDefinition<S, T>,
|
|
176
|
-
) => SlotRecipeRuntimeFn<S, T>
|
|
177
|
-
|
|
178
|
-
export type SlotRecipeConfig<
|
|
179
|
-
S extends string = string,
|
|
180
|
-
T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
|
|
181
|
-
> = SlotRecipeDefinition<S, T> & RecipeConfigMeta
|
|
139
|
+
export type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(config: SlotRecipeDefinition<S, T>) => SlotRecipeRuntimeFn<S, T>;
|
|
140
|
+
export type SlotRecipeConfig<S extends string = string, T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>> = SlotRecipeDefinition<S, T> & RecipeConfigMeta;
|
|
@@ -1,59 +1,9 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
type
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
| '[aria-selected]'
|
|
11
|
-
| '[aria-checked]'
|
|
12
|
-
| '[aria-expanded]'
|
|
13
|
-
| '[aria-pressed]'
|
|
14
|
-
| `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`
|
|
15
|
-
| '[aria-invalid]'
|
|
16
|
-
| `[aria-sort=${'ascending' | 'descending'}]`
|
|
17
|
-
|
|
18
|
-
type DataAttributes =
|
|
19
|
-
| '[data-selected]'
|
|
20
|
-
| '[data-highlighted]'
|
|
21
|
-
| '[data-hover]'
|
|
22
|
-
| '[data-active]'
|
|
23
|
-
| '[data-checked]'
|
|
24
|
-
| '[data-disabled]'
|
|
25
|
-
| '[data-readonly]'
|
|
26
|
-
| '[data-focus]'
|
|
27
|
-
| '[data-focus-visible]'
|
|
28
|
-
| '[data-focus-visible-added]'
|
|
29
|
-
| '[data-invalid]'
|
|
30
|
-
| '[data-pressed]'
|
|
31
|
-
| '[data-expanded]'
|
|
32
|
-
| '[data-grabbed]'
|
|
33
|
-
| '[data-dragged]'
|
|
34
|
-
| '[data-orientation=horizontal]'
|
|
35
|
-
| '[data-orientation=vertical]'
|
|
36
|
-
| '[data-in-range]'
|
|
37
|
-
| '[data-out-of-range]'
|
|
38
|
-
| '[data-placeholder-shown]'
|
|
39
|
-
| `[data-part=${string}]`
|
|
40
|
-
| `[data-attr=${string}]`
|
|
41
|
-
| `[data-placement=${string}]`
|
|
42
|
-
| `[data-theme=${string}]`
|
|
43
|
-
| `[data-size=${string}]`
|
|
44
|
-
| `[data-state=${string}]`
|
|
45
|
-
| '[data-empty]'
|
|
46
|
-
| '[data-loading]'
|
|
47
|
-
| '[data-loaded]'
|
|
48
|
-
| '[data-enter]'
|
|
49
|
-
| '[data-entering]'
|
|
50
|
-
| '[data-exited]'
|
|
51
|
-
| '[data-exiting]'
|
|
52
|
-
|
|
53
|
-
type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
|
|
54
|
-
type ParentSelector = `${DataAttributes | AriaAttributes} &`
|
|
55
|
-
|
|
56
|
-
type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'
|
|
57
|
-
|
|
58
|
-
export type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`
|
|
59
|
-
export type Selectors = AttributeSelector | ParentSelector
|
|
2
|
+
import type { Pseudos } from './csstype';
|
|
3
|
+
type AriaAttributes = '[aria-disabled]' | '[aria-hidden]' | '[aria-invalid]' | '[aria-readonly]' | '[aria-required]' | '[aria-selected]' | '[aria-checked]' | '[aria-expanded]' | '[aria-pressed]' | `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]` | '[aria-invalid]' | `[aria-sort=${'ascending' | 'descending'}]`;
|
|
4
|
+
type DataAttributes = '[data-selected]' | '[data-highlighted]' | '[data-hover]' | '[data-active]' | '[data-checked]' | '[data-disabled]' | '[data-readonly]' | '[data-focus]' | '[data-focus-visible]' | '[data-focus-visible-added]' | '[data-invalid]' | '[data-pressed]' | '[data-expanded]' | '[data-grabbed]' | '[data-dragged]' | '[data-orientation=horizontal]' | '[data-orientation=vertical]' | '[data-in-range]' | '[data-out-of-range]' | '[data-placeholder-shown]' | `[data-part=${string}]` | `[data-attr=${string}]` | `[data-placement=${string}]` | `[data-theme=${string}]` | `[data-size=${string}]` | `[data-state=${string}]` | '[data-empty]' | '[data-loading]' | '[data-loaded]' | '[data-enter]' | '[data-entering]' | '[data-exited]' | '[data-exiting]';
|
|
5
|
+
type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`;
|
|
6
|
+
type ParentSelector = `${DataAttributes | AriaAttributes} &`;
|
|
7
|
+
type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style';
|
|
8
|
+
export type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`;
|
|
9
|
+
export type Selectors = AttributeSelector | ParentSelector;
|
|
@@ -1,56 +1,49 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
interface ConditionOptions {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
/**
|
|
4
|
+
* The conditions to generate for the rule.
|
|
5
|
+
* @example ['hover', 'focus']
|
|
6
|
+
*/
|
|
7
|
+
conditions?: string[];
|
|
8
|
+
/**
|
|
9
|
+
* Whether to generate responsive styles for the rule.
|
|
10
|
+
*/
|
|
11
|
+
responsive?: boolean;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
13
|
export interface CssRule extends ConditionOptions {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
/**
|
|
15
|
+
* The css properties to generate utilities for.
|
|
16
|
+
* @example ['margin', 'padding']
|
|
17
|
+
*/
|
|
18
|
+
properties: {
|
|
19
|
+
[property: string]: Array<string | number>;
|
|
20
|
+
};
|
|
22
21
|
}
|
|
23
|
-
|
|
24
22
|
interface RecipeRuleVariants {
|
|
25
|
-
|
|
23
|
+
[variant: string]: boolean | string[];
|
|
26
24
|
}
|
|
27
|
-
|
|
28
|
-
export type
|
|
29
|
-
export type
|
|
30
|
-
|
|
31
|
-
export type PatternRule = '*' | CssRule
|
|
32
|
-
|
|
25
|
+
export type RecipeRuleObject = RecipeRuleVariants & ConditionOptions;
|
|
26
|
+
export type RecipeRule = '*' | RecipeRuleObject;
|
|
27
|
+
export type PatternRule = '*' | CssRule;
|
|
33
28
|
export interface StaticCssOptions {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
*/
|
|
55
|
-
themes?: string[]
|
|
29
|
+
/**
|
|
30
|
+
* The css utility classes to generate.
|
|
31
|
+
*/
|
|
32
|
+
css?: CssRule[];
|
|
33
|
+
/**
|
|
34
|
+
* The css recipes to generate.
|
|
35
|
+
*/
|
|
36
|
+
recipes?: '*' | {
|
|
37
|
+
[recipe: string]: RecipeRule[];
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* The css patterns to generate.
|
|
41
|
+
*/
|
|
42
|
+
patterns?: {
|
|
43
|
+
[pattern: string]: PatternRule[];
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* The CSS themes to generate
|
|
47
|
+
*/
|
|
48
|
+
themes?: string[];
|
|
56
49
|
}
|