@telegraph/style-engine 0.0.3 → 0.0.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/CHANGELOG.md +6 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/index.mjs +9 -7
- package/dist/types/hooks/useStyleProps.d.ts +75 -75
- package/dist/types/hooks/useStyleProps.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @telegraph/style-engine
|
|
2
2
|
|
|
3
|
+
## 0.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#216](https://github.com/knocklabs/telegraph/pull/216) [`e30e06a`](https://github.com/knocklabs/telegraph/commit/e30e06a7e6bafc6b7aefcf26228e432f2e3906c9) Thanks [@kylemcd](https://github.com/kylemcd)! - button loading state
|
|
8
|
+
|
|
3
9
|
## 0.0.3
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vanilla-extract/css"),s=require("@vanilla-extract/recipes"),i=require("@vanilla-extract/sprinkles"),l=require("react"),r=require("@telegraph/tokens"),b={transparent:"var(--tgph-transparent)",white:"var(--tgph-white)",black:"var(--tgph-black)","surface-1":"var(--tgph-surface-1)","surface-2":"var(--tgph-surface-2)","alpha-white-1":"var(--tgph-alpha-white-1)","alpha-white-2":"var(--tgph-alpha-white-2)","alpha-white-3":"var(--tgph-alpha-white-3)","alpha-white-4":"var(--tgph-alpha-white-4)","alpha-white-5":"var(--tgph-alpha-white-5)","alpha-white-6":"var(--tgph-alpha-white-6)","alpha-white-7":"var(--tgph-alpha-white-7)","alpha-white-8":"var(--tgph-alpha-white-8)","alpha-white-9":"var(--tgph-alpha-white-9)","alpha-white-10":"var(--tgph-alpha-white-10)","alpha-white-11":"var(--tgph-alpha-white-11)","alpha-white-12":"var(--tgph-alpha-white-12)","alpha-black-1":"var(--tgph-alpha-black-1)","alpha-black-2":"var(--tgph-alpha-black-2)","alpha-black-3":"var(--tgph-alpha-black-3)","alpha-black-4":"var(--tgph-alpha-black-4)","alpha-black-5":"var(--tgph-alpha-black-5)","alpha-black-6":"var(--tgph-alpha-black-6)","alpha-black-7":"var(--tgph-alpha-black-7)","alpha-black-8":"var(--tgph-alpha-black-8)","alpha-black-9":"var(--tgph-alpha-black-9)","alpha-black-10":"var(--tgph-alpha-black-10)","alpha-black-11":"var(--tgph-alpha-black-11)","alpha-black-12":"var(--tgph-alpha-black-12)","gray-1":"var(--tgph-gray-1)","gray-2":"var(--tgph-gray-2)","gray-3":"var(--tgph-gray-3)","gray-4":"var(--tgph-gray-4)","gray-5":"var(--tgph-gray-5)","gray-6":"var(--tgph-gray-6)","gray-7":"var(--tgph-gray-7)","gray-8":"var(--tgph-gray-8)","gray-9":"var(--tgph-gray-9)","gray-10":"var(--tgph-gray-10)","gray-11":"var(--tgph-gray-11)","gray-12":"var(--tgph-gray-12)","beige-1":"var(--tgph-beige-1)","beige-2":"var(--tgph-beige-2)","beige-3":"var(--tgph-beige-3)","beige-4":"var(--tgph-beige-4)","beige-5":"var(--tgph-beige-5)","beige-6":"var(--tgph-beige-6)","beige-7":"var(--tgph-beige-7)","beige-8":"var(--tgph-beige-8)","beige-9":"var(--tgph-beige-9)","beige-10":"var(--tgph-beige-10)","beige-11":"var(--tgph-beige-11)","beige-12":"var(--tgph-beige-12)","accent-1":"var(--tgph-accent-1)","accent-2":"var(--tgph-accent-2)","accent-3":"var(--tgph-accent-3)","accent-4":"var(--tgph-accent-4)","accent-5":"var(--tgph-accent-5)","accent-6":"var(--tgph-accent-6)","accent-7":"var(--tgph-accent-7)","accent-8":"var(--tgph-accent-8)","accent-9":"var(--tgph-accent-9)","accent-10":"var(--tgph-accent-10)","accent-11":"var(--tgph-accent-11)","accent-12":"var(--tgph-accent-12)","green-1":"var(--tgph-green-1)","green-2":"var(--tgph-green-2)","green-3":"var(--tgph-green-3)","green-4":"var(--tgph-green-4)","green-5":"var(--tgph-green-5)","green-6":"var(--tgph-green-6)","green-7":"var(--tgph-green-7)","green-8":"var(--tgph-green-8)","green-9":"var(--tgph-green-9)","green-10":"var(--tgph-green-10)","green-11":"var(--tgph-green-11)","green-12":"var(--tgph-green-12)","yellow-1":"var(--tgph-yellow-1)","yellow-2":"var(--tgph-yellow-2)","yellow-3":"var(--tgph-yellow-3)","yellow-4":"var(--tgph-yellow-4)","yellow-5":"var(--tgph-yellow-5)","yellow-6":"var(--tgph-yellow-6)","yellow-7":"var(--tgph-yellow-7)","yellow-8":"var(--tgph-yellow-8)","yellow-9":"var(--tgph-yellow-9)","yellow-10":"var(--tgph-yellow-10)","yellow-11":"var(--tgph-yellow-11)","yellow-12":"var(--tgph-yellow-12)","blue-1":"var(--tgph-blue-1)","blue-2":"var(--tgph-blue-2)","blue-3":"var(--tgph-blue-3)","blue-4":"var(--tgph-blue-4)","blue-5":"var(--tgph-blue-5)","blue-6":"var(--tgph-blue-6)","blue-7":"var(--tgph-blue-7)","blue-8":"var(--tgph-blue-8)","blue-9":"var(--tgph-blue-9)","blue-10":"var(--tgph-blue-10)","blue-11":"var(--tgph-blue-11)","blue-12":"var(--tgph-blue-12)","red-1":"var(--tgph-red-1)","red-2":"var(--tgph-red-2)","red-3":"var(--tgph-red-3)","red-4":"var(--tgph-red-4)","red-5":"var(--tgph-red-5)","red-6":"var(--tgph-red-6)","red-7":"var(--tgph-red-7)","red-8":"var(--tgph-red-8)","red-9":"var(--tgph-red-9)","red-10":"var(--tgph-red-10)","red-11":"var(--tgph-red-11)","red-12":"var(--tgph-red-12)","purple-1":"var(--tgph-purple-1)","purple-2":"var(--tgph-purple-2)","purple-3":"var(--tgph-purple-3)","purple-4":"var(--tgph-purple-4)","purple-5":"var(--tgph-purple-5)","purple-6":"var(--tgph-purple-6)","purple-7":"var(--tgph-purple-7)","purple-8":"var(--tgph-purple-8)","purple-9":"var(--tgph-purple-9)","purple-10":"var(--tgph-purple-10)","purple-11":"var(--tgph-purple-11)","purple-12":"var(--tgph-purple-12)"},u={0:"var(--tgph-rounded-0)",1:"var(--tgph-rounded-1)",2:"var(--tgph-rounded-2)",3:"var(--tgph-rounded-3)",4:"var(--tgph-rounded-4)",5:"var(--tgph-rounded-5)",6:"var(--tgph-rounded-6)",full:"var(--tgph-rounded-full)"},y={0:"var(--tgph-shadow-0)",1:"var(--tgph-shadow-1)",2:"var(--tgph-shadow-2)",3:"var(--tgph-shadow-3)",inner:"var(--tgph-shadow-inner)"},k={0:"var(--tgph-spacing-0)",1:"var(--tgph-spacing-1)",2:"var(--tgph-spacing-2)",3:"var(--tgph-spacing-3)",4:"var(--tgph-spacing-4)",5:"var(--tgph-spacing-5)",6:"var(--tgph-spacing-6)",7:"var(--tgph-spacing-7)",8:"var(--tgph-spacing-8)",9:"var(--tgph-spacing-9)",10:"var(--tgph-spacing-10)",11:"var(--tgph-spacing-11)",12:"var(--tgph-spacing-12)",14:"var(--tgph-spacing-14)",16:"var(--tgph-spacing-16)",20:"var(--tgph-spacing-20)",24:"var(--tgph-spacing-24)",28:"var(--tgph-spacing-28)",32:"var(--tgph-spacing-32)",36:"var(--tgph-spacing-36)",40:"var(--tgph-spacing-40)",44:"var(--tgph-spacing-44)",48:"var(--tgph-spacing-48)",52:"var(--tgph-spacing-52)",56:"var(--tgph-spacing-56)",60:"var(--tgph-spacing-60)",64:"var(--tgph-spacing-64)",72:"var(--tgph-spacing-72)",80:"var(--tgph-spacing-80)",96:"var(--tgph-spacing-96)",140:"var(--tgph-spacing-140)",160:"var(--tgph-spacing-160)",px:"var(--tgph-spacing-px)",full:"var(--tgph-spacing-full)",auto:"var(--tgph-spacing-auto)"},w={sans:"var(--tgph-family-sans)",mono:"var(--tgph-family-mono)"},m={0:"var(--tgph-leading-0)",1:"var(--tgph-leading-1)",2:"var(--tgph-leading-2)",3:"var(--tgph-leading-3)",4:"var(--tgph-leading-4)",5:"var(--tgph-leading-5)",6:"var(--tgph-leading-6)",7:"var(--tgph-leading-7)",8:"var(--tgph-leading-8)",9:"var(--tgph-leading-9)","code-0":"var(--tgph-leading-code-0)","code-1":"var(--tgph-leading-code-1)","code-2":"var(--tgph-leading-code-2)","code-3":"var(--tgph-leading-code-3)","code-4":"var(--tgph-leading-code-4)","code-5":"var(--tgph-leading-code-5)","code-6":"var(--tgph-leading-code-6)","code-7":"var(--tgph-leading-code-7)","code-8":"var(--tgph-leading-code-8)","code-9":"var(--tgph-leading-code-9)"},x={0:"var(--tgph-tracking-0)",1:"var(--tgph-tracking-1)",2:"var(--tgph-tracking-2)",3:"var(--tgph-tracking-3)",4:"var(--tgph-tracking-4)",5:"var(--tgph-tracking-5)",6:"var(--tgph-tracking-6)",7:"var(--tgph-tracking-7)",8:"var(--tgph-tracking-8)",9:"var(--tgph-tracking-9)"},f={0:"var(--tgph-text-0)",1:"var(--tgph-text-1)",2:"var(--tgph-text-2)",3:"var(--tgph-text-3)",4:"var(--tgph-text-4)",5:"var(--tgph-text-5)",6:"var(--tgph-text-6)",7:"var(--tgph-text-7)",8:"var(--tgph-text-8)",9:"var(--tgph-text-9)","code-0":"var(--tgph-text-code-0)","code-1":"var(--tgph-text-code-1)","code-2":"var(--tgph-text-code-2)","code-4":"var(--tgph-text-code-4)","code-5":"var(--tgph-text-code-5)","code-6":"var(--tgph-text-code-6)","code-7":"var(--tgph-text-code-7)","code-8":"var(--tgph-text-code-8)","code-9":"var(--tgph-text-code-9)"},P={regular:"var(--tgph-weight-regular)",medium:"var(--tgph-weight-medium)","semi-bold":"var(--tgph-weight-semi-bold)"},S={sm:"var(--tgph-breakpoint-sm)",md:"var(--tgph-breakpoint-md)",lg:"var(--tgph-breakpoint-lg)",xl:"var(--tgph-breakpoint-xl)","2xl":"var(--tgph-breakpoint-2xl)"},I={hidden:"var(--tgph-zIndex-hidden)",base:"var(--tgph-zIndex-base)",auto:"var(--tgph-zIndex-auto)",dropdown:"var(--tgph-zIndex-dropdown)",sticky:"var(--tgph-zIndex-sticky)",banner:"var(--tgph-zIndex-banner)",overlay:"var(--tgph-zIndex-overlay)",modal:"var(--tgph-zIndex-modal)",popover:"var(--tgph-zIndex-popover)",skipLink:"var(--tgph-zIndex-skipLink)",toast:"var(--tgph-zIndex-toast)",tooltip:"var(--tgph-zIndex-tooltip)"},z={"border-style":{solid:"var(--tgph-border-style-solid)",dashed:"var(--tgph-border-style-dashed)"},color:b,rounded:u,shadow:y,spacing:k,family:w,leading:m,tracking:x,text:f,weight:P,breakpoint:S,zIndex:I},O=({props:v,stylePropsFn:a})=>{const t=l.useMemo(()=>v,[v]),p=l.useMemo(()=>{const c=a.properties,g={},h={};return t?(Object.keys(t).forEach(d=>{const e=d;c.has(e)&&Object.assign(g,{[e]:t[e]}),c.has(e)||Object.assign(h,{[e]:t[e]})}),{styleProps:g,componentProps:h}):{styleProps:g,componentProps:h}},[t,a==null?void 0:a.properties]),o=l.useMemo(()=>a(p.styleProps),[p.styleProps,a]);return{styleProps:p.styleProps,componentProps:p.componentProps,styleClassName:o}},j={conditions:{sm:{"@media":`screen and (min-width: ${r.tokens.breakpoint.sm})`},md:{"@media":`screen and (min-width: ${r.tokens.breakpoint.md})`},lg:{"@media":`screen and (min-width: ${r.tokens.breakpoint.lg})`},xl:{"@media":`screen and (min-width: ${r.tokens.breakpoint.xl})`},"2xl":{"@media":`screen and (min-width: ${r.tokens.breakpoint["2xl"]})`}},defaultCondition:"sm",responsiveArray:["sm","md","lg","xl","2xl"]};Object.defineProperty(exports,"globalStyle",{enumerable:!0,get:()=>n.globalStyle});Object.defineProperty(exports,"keyframes",{enumerable:!0,get:()=>n.keyframes});Object.defineProperty(exports,"style",{enumerable:!0,get:()=>n.style});Object.defineProperty(exports,"variant",{enumerable:!0,get:()=>s.recipe});Object.defineProperty(exports,"createStyleProps",{enumerable:!0,get:()=>i.createSprinkles});Object.defineProperty(exports,"defineStyleProps",{enumerable:!0,get:()=>i.defineProperties});exports.RESPONSIVE_STYLE_PROPS=j;exports.tokens=z;exports.useStyleProps=O;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { recipe as
|
|
3
|
-
import { createSprinkles as
|
|
1
|
+
import { globalStyle as j, keyframes as L, style as M } from "@vanilla-extract/css";
|
|
2
|
+
import { recipe as C } from "@vanilla-extract/recipes";
|
|
3
|
+
import { createSprinkles as _, defineProperties as A } from "@vanilla-extract/sprinkles";
|
|
4
4
|
import v from "react";
|
|
5
5
|
import t from "@telegraph/tokens";
|
|
6
6
|
const o = {
|
|
@@ -309,11 +309,13 @@ const o = {
|
|
|
309
309
|
};
|
|
310
310
|
export {
|
|
311
311
|
O as RESPONSIVE_STYLE_PROPS,
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
j as
|
|
312
|
+
_ as createStyleProps,
|
|
313
|
+
A as defineStyleProps,
|
|
314
|
+
j as globalStyle,
|
|
315
|
+
L as keyframes,
|
|
316
|
+
M as style,
|
|
315
317
|
P as tokens,
|
|
316
318
|
S as useStyleProps,
|
|
317
|
-
|
|
319
|
+
C as variant
|
|
318
320
|
};
|
|
319
321
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -11,7 +11,7 @@ type UseStylePropsParams<Props, StylePropFnProperties extends StyleProperties[]>
|
|
|
11
11
|
export declare const useStyleProps: <Props, StylePropFnProperties extends StyleProperties[]>({ props, stylePropsFn, }: UseStylePropsParams<Props, StylePropFnProperties>) => {
|
|
12
12
|
styleProps: StylePropFnProperties extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
13
13
|
[property: string]: {
|
|
14
|
-
responsiveArray: string
|
|
14
|
+
responsiveArray: Array<string>;
|
|
15
15
|
values: {
|
|
16
16
|
[valueName: string]: {
|
|
17
17
|
defaultClass: string | undefined;
|
|
@@ -30,7 +30,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
} | {
|
|
33
|
-
mappings: string
|
|
33
|
+
mappings: Array<string>;
|
|
34
34
|
} | {
|
|
35
35
|
values: {
|
|
36
36
|
[valueName: string]: {
|
|
@@ -39,7 +39,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
42
|
-
responsiveArray: string
|
|
42
|
+
responsiveArray: Array<string>;
|
|
43
43
|
values: {
|
|
44
44
|
[valueName: string]: {
|
|
45
45
|
defaultClass: string | undefined;
|
|
@@ -58,9 +58,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
60
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
61
|
-
mappings: string
|
|
61
|
+
mappings: Array<string>;
|
|
62
62
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
63
|
-
responsiveArray: string
|
|
63
|
+
responsiveArray: Array<string>;
|
|
64
64
|
values: {
|
|
65
65
|
[valueName: string]: {
|
|
66
66
|
defaultClass: string | undefined;
|
|
@@ -90,9 +90,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
90
90
|
defaultClass: string;
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
93
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
94
94
|
[property: string]: {
|
|
95
|
-
responsiveArray: string
|
|
95
|
+
responsiveArray: Array<string>;
|
|
96
96
|
values: {
|
|
97
97
|
[valueName: string]: {
|
|
98
98
|
defaultClass: string | undefined;
|
|
@@ -111,7 +111,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
111
111
|
};
|
|
112
112
|
};
|
|
113
113
|
} | {
|
|
114
|
-
mappings: string
|
|
114
|
+
mappings: Array<string>;
|
|
115
115
|
} | {
|
|
116
116
|
values: {
|
|
117
117
|
[valueName: string]: {
|
|
@@ -119,8 +119,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
119
119
|
};
|
|
120
120
|
};
|
|
121
121
|
};
|
|
122
|
-
} ? { [Prop in keyof
|
|
123
|
-
responsiveArray: string
|
|
122
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
123
|
+
responsiveArray: Array<string>;
|
|
124
124
|
values: {
|
|
125
125
|
[valueName: string]: {
|
|
126
126
|
defaultClass: string | undefined;
|
|
@@ -139,9 +139,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
139
139
|
};
|
|
140
140
|
};
|
|
141
141
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
142
|
-
mappings: string
|
|
142
|
+
mappings: Array<string>;
|
|
143
143
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
144
|
-
responsiveArray: string
|
|
144
|
+
responsiveArray: Array<string>;
|
|
145
145
|
values: {
|
|
146
146
|
[valueName: string]: {
|
|
147
147
|
defaultClass: string | undefined;
|
|
@@ -171,9 +171,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
171
171
|
defaultClass: string;
|
|
172
172
|
};
|
|
173
173
|
};
|
|
174
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
174
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
175
175
|
[property: string]: {
|
|
176
|
-
responsiveArray: string
|
|
176
|
+
responsiveArray: Array<string>;
|
|
177
177
|
values: {
|
|
178
178
|
[valueName: string]: {
|
|
179
179
|
defaultClass: string | undefined;
|
|
@@ -192,7 +192,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
192
192
|
};
|
|
193
193
|
};
|
|
194
194
|
} | {
|
|
195
|
-
mappings: string
|
|
195
|
+
mappings: Array<string>;
|
|
196
196
|
} | {
|
|
197
197
|
values: {
|
|
198
198
|
[valueName: string]: {
|
|
@@ -200,8 +200,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
200
200
|
};
|
|
201
201
|
};
|
|
202
202
|
};
|
|
203
|
-
} ? { [Prop in keyof
|
|
204
|
-
responsiveArray: string
|
|
203
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
204
|
+
responsiveArray: Array<string>;
|
|
205
205
|
values: {
|
|
206
206
|
[valueName: string]: {
|
|
207
207
|
defaultClass: string | undefined;
|
|
@@ -220,9 +220,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
220
220
|
};
|
|
221
221
|
};
|
|
222
222
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
223
|
-
mappings: string
|
|
223
|
+
mappings: Array<string>;
|
|
224
224
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
225
|
-
responsiveArray: string
|
|
225
|
+
responsiveArray: Array<string>;
|
|
226
226
|
values: {
|
|
227
227
|
[valueName: string]: {
|
|
228
228
|
defaultClass: string | undefined;
|
|
@@ -252,9 +252,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
252
252
|
defaultClass: string;
|
|
253
253
|
};
|
|
254
254
|
};
|
|
255
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
255
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
256
256
|
[property: string]: {
|
|
257
|
-
responsiveArray: string
|
|
257
|
+
responsiveArray: Array<string>;
|
|
258
258
|
values: {
|
|
259
259
|
[valueName: string]: {
|
|
260
260
|
defaultClass: string | undefined;
|
|
@@ -273,7 +273,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
} | {
|
|
276
|
-
mappings: string
|
|
276
|
+
mappings: Array<string>;
|
|
277
277
|
} | {
|
|
278
278
|
values: {
|
|
279
279
|
[valueName: string]: {
|
|
@@ -281,8 +281,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
281
281
|
};
|
|
282
282
|
};
|
|
283
283
|
};
|
|
284
|
-
} ? { [Prop in keyof
|
|
285
|
-
responsiveArray: string
|
|
284
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
285
|
+
responsiveArray: Array<string>;
|
|
286
286
|
values: {
|
|
287
287
|
[valueName: string]: {
|
|
288
288
|
defaultClass: string | undefined;
|
|
@@ -301,9 +301,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
301
301
|
};
|
|
302
302
|
};
|
|
303
303
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
304
|
-
mappings: string
|
|
304
|
+
mappings: Array<string>;
|
|
305
305
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
306
|
-
responsiveArray: string
|
|
306
|
+
responsiveArray: Array<string>;
|
|
307
307
|
values: {
|
|
308
308
|
[valueName: string]: {
|
|
309
309
|
defaultClass: string | undefined;
|
|
@@ -333,9 +333,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
333
333
|
defaultClass: string;
|
|
334
334
|
};
|
|
335
335
|
};
|
|
336
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
336
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
337
337
|
[property: string]: {
|
|
338
|
-
responsiveArray: string
|
|
338
|
+
responsiveArray: Array<string>;
|
|
339
339
|
values: {
|
|
340
340
|
[valueName: string]: {
|
|
341
341
|
defaultClass: string | undefined;
|
|
@@ -354,7 +354,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
354
354
|
};
|
|
355
355
|
};
|
|
356
356
|
} | {
|
|
357
|
-
mappings: string
|
|
357
|
+
mappings: Array<string>;
|
|
358
358
|
} | {
|
|
359
359
|
values: {
|
|
360
360
|
[valueName: string]: {
|
|
@@ -362,8 +362,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
362
362
|
};
|
|
363
363
|
};
|
|
364
364
|
};
|
|
365
|
-
} ? { [Prop in keyof
|
|
366
|
-
responsiveArray: string
|
|
365
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
366
|
+
responsiveArray: Array<string>;
|
|
367
367
|
values: {
|
|
368
368
|
[valueName: string]: {
|
|
369
369
|
defaultClass: string | undefined;
|
|
@@ -382,9 +382,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
382
382
|
};
|
|
383
383
|
};
|
|
384
384
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
385
|
-
mappings: string
|
|
385
|
+
mappings: Array<string>;
|
|
386
386
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
387
|
-
responsiveArray: string
|
|
387
|
+
responsiveArray: Array<string>;
|
|
388
388
|
values: {
|
|
389
389
|
[valueName: string]: {
|
|
390
390
|
defaultClass: string | undefined;
|
|
@@ -414,9 +414,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
414
414
|
defaultClass: string;
|
|
415
415
|
};
|
|
416
416
|
};
|
|
417
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
417
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
418
418
|
[property: string]: {
|
|
419
|
-
responsiveArray: string
|
|
419
|
+
responsiveArray: Array<string>;
|
|
420
420
|
values: {
|
|
421
421
|
[valueName: string]: {
|
|
422
422
|
defaultClass: string | undefined;
|
|
@@ -435,7 +435,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
435
435
|
};
|
|
436
436
|
};
|
|
437
437
|
} | {
|
|
438
|
-
mappings: string
|
|
438
|
+
mappings: Array<string>;
|
|
439
439
|
} | {
|
|
440
440
|
values: {
|
|
441
441
|
[valueName: string]: {
|
|
@@ -443,8 +443,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
443
443
|
};
|
|
444
444
|
};
|
|
445
445
|
};
|
|
446
|
-
} ? { [Prop in keyof
|
|
447
|
-
responsiveArray: string
|
|
446
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
447
|
+
responsiveArray: Array<string>;
|
|
448
448
|
values: {
|
|
449
449
|
[valueName: string]: {
|
|
450
450
|
defaultClass: string | undefined;
|
|
@@ -463,9 +463,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
463
463
|
};
|
|
464
464
|
};
|
|
465
465
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
466
|
-
mappings: string
|
|
466
|
+
mappings: Array<string>;
|
|
467
467
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
468
|
-
responsiveArray: string
|
|
468
|
+
responsiveArray: Array<string>;
|
|
469
469
|
values: {
|
|
470
470
|
[valueName: string]: {
|
|
471
471
|
defaultClass: string | undefined;
|
|
@@ -495,9 +495,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
495
495
|
defaultClass: string;
|
|
496
496
|
};
|
|
497
497
|
};
|
|
498
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
498
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
499
499
|
[property: string]: {
|
|
500
|
-
responsiveArray: string
|
|
500
|
+
responsiveArray: Array<string>;
|
|
501
501
|
values: {
|
|
502
502
|
[valueName: string]: {
|
|
503
503
|
defaultClass: string | undefined;
|
|
@@ -516,7 +516,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
516
516
|
};
|
|
517
517
|
};
|
|
518
518
|
} | {
|
|
519
|
-
mappings: string
|
|
519
|
+
mappings: Array<string>;
|
|
520
520
|
} | {
|
|
521
521
|
values: {
|
|
522
522
|
[valueName: string]: {
|
|
@@ -524,8 +524,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
524
524
|
};
|
|
525
525
|
};
|
|
526
526
|
};
|
|
527
|
-
} ? { [Prop in keyof
|
|
528
|
-
responsiveArray: string
|
|
527
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
528
|
+
responsiveArray: Array<string>;
|
|
529
529
|
values: {
|
|
530
530
|
[valueName: string]: {
|
|
531
531
|
defaultClass: string | undefined;
|
|
@@ -544,9 +544,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
544
544
|
};
|
|
545
545
|
};
|
|
546
546
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
547
|
-
mappings: string
|
|
547
|
+
mappings: Array<string>;
|
|
548
548
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
549
|
-
responsiveArray: string
|
|
549
|
+
responsiveArray: Array<string>;
|
|
550
550
|
values: {
|
|
551
551
|
[valueName: string]: {
|
|
552
552
|
defaultClass: string | undefined;
|
|
@@ -576,9 +576,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
576
576
|
defaultClass: string;
|
|
577
577
|
};
|
|
578
578
|
};
|
|
579
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
579
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
580
580
|
[property: string]: {
|
|
581
|
-
responsiveArray: string
|
|
581
|
+
responsiveArray: Array<string>;
|
|
582
582
|
values: {
|
|
583
583
|
[valueName: string]: {
|
|
584
584
|
defaultClass: string | undefined;
|
|
@@ -597,7 +597,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
597
597
|
};
|
|
598
598
|
};
|
|
599
599
|
} | {
|
|
600
|
-
mappings: string
|
|
600
|
+
mappings: Array<string>;
|
|
601
601
|
} | {
|
|
602
602
|
values: {
|
|
603
603
|
[valueName: string]: {
|
|
@@ -605,8 +605,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
605
605
|
};
|
|
606
606
|
};
|
|
607
607
|
};
|
|
608
|
-
} ? { [Prop in keyof
|
|
609
|
-
responsiveArray: string
|
|
608
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
609
|
+
responsiveArray: Array<string>;
|
|
610
610
|
values: {
|
|
611
611
|
[valueName: string]: {
|
|
612
612
|
defaultClass: string | undefined;
|
|
@@ -625,9 +625,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
625
625
|
};
|
|
626
626
|
};
|
|
627
627
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
628
|
-
mappings: string
|
|
628
|
+
mappings: Array<string>;
|
|
629
629
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
630
|
-
responsiveArray: string
|
|
630
|
+
responsiveArray: Array<string>;
|
|
631
631
|
values: {
|
|
632
632
|
[valueName: string]: {
|
|
633
633
|
defaultClass: string | undefined;
|
|
@@ -657,9 +657,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
657
657
|
defaultClass: string;
|
|
658
658
|
};
|
|
659
659
|
};
|
|
660
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
660
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
661
661
|
[property: string]: {
|
|
662
|
-
responsiveArray: string
|
|
662
|
+
responsiveArray: Array<string>;
|
|
663
663
|
values: {
|
|
664
664
|
[valueName: string]: {
|
|
665
665
|
defaultClass: string | undefined;
|
|
@@ -678,7 +678,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
678
678
|
};
|
|
679
679
|
};
|
|
680
680
|
} | {
|
|
681
|
-
mappings: string
|
|
681
|
+
mappings: Array<string>;
|
|
682
682
|
} | {
|
|
683
683
|
values: {
|
|
684
684
|
[valueName: string]: {
|
|
@@ -686,8 +686,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
686
686
|
};
|
|
687
687
|
};
|
|
688
688
|
};
|
|
689
|
-
} ? { [Prop in keyof
|
|
690
|
-
responsiveArray: string
|
|
689
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
690
|
+
responsiveArray: Array<string>;
|
|
691
691
|
values: {
|
|
692
692
|
[valueName: string]: {
|
|
693
693
|
defaultClass: string | undefined;
|
|
@@ -706,9 +706,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
706
706
|
};
|
|
707
707
|
};
|
|
708
708
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
709
|
-
mappings: string
|
|
709
|
+
mappings: Array<string>;
|
|
710
710
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
711
|
-
responsiveArray: string
|
|
711
|
+
responsiveArray: Array<string>;
|
|
712
712
|
values: {
|
|
713
713
|
[valueName: string]: {
|
|
714
714
|
defaultClass: string | undefined;
|
|
@@ -738,9 +738,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
738
738
|
defaultClass: string;
|
|
739
739
|
};
|
|
740
740
|
};
|
|
741
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
741
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
742
742
|
[property: string]: {
|
|
743
|
-
responsiveArray: string
|
|
743
|
+
responsiveArray: Array<string>;
|
|
744
744
|
values: {
|
|
745
745
|
[valueName: string]: {
|
|
746
746
|
defaultClass: string | undefined;
|
|
@@ -759,7 +759,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
759
759
|
};
|
|
760
760
|
};
|
|
761
761
|
} | {
|
|
762
|
-
mappings: string
|
|
762
|
+
mappings: Array<string>;
|
|
763
763
|
} | {
|
|
764
764
|
values: {
|
|
765
765
|
[valueName: string]: {
|
|
@@ -767,8 +767,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
767
767
|
};
|
|
768
768
|
};
|
|
769
769
|
};
|
|
770
|
-
} ? { [Prop in keyof
|
|
771
|
-
responsiveArray: string
|
|
770
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
771
|
+
responsiveArray: Array<string>;
|
|
772
772
|
values: {
|
|
773
773
|
[valueName: string]: {
|
|
774
774
|
defaultClass: string | undefined;
|
|
@@ -787,9 +787,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
787
787
|
};
|
|
788
788
|
};
|
|
789
789
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
790
|
-
mappings: string
|
|
790
|
+
mappings: Array<string>;
|
|
791
791
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
792
|
-
responsiveArray: string
|
|
792
|
+
responsiveArray: Array<string>;
|
|
793
793
|
values: {
|
|
794
794
|
[valueName: string]: {
|
|
795
795
|
defaultClass: string | undefined;
|
|
@@ -819,9 +819,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
819
819
|
defaultClass: string;
|
|
820
820
|
};
|
|
821
821
|
};
|
|
822
|
-
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer
|
|
822
|
+
} ? keyof L["styles"][Prop]["values"] | undefined : never) | undefined; } : never : never) & (R extends [infer L, ...infer R] ? (L extends StyleProperties ? L["styles"] extends infer T extends {
|
|
823
823
|
[property: string]: {
|
|
824
|
-
responsiveArray: string
|
|
824
|
+
responsiveArray: Array<string>;
|
|
825
825
|
values: {
|
|
826
826
|
[valueName: string]: {
|
|
827
827
|
defaultClass: string | undefined;
|
|
@@ -840,7 +840,7 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
840
840
|
};
|
|
841
841
|
};
|
|
842
842
|
} | {
|
|
843
|
-
mappings: string
|
|
843
|
+
mappings: Array<string>;
|
|
844
844
|
} | {
|
|
845
845
|
values: {
|
|
846
846
|
[valueName: string]: {
|
|
@@ -848,8 +848,8 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
848
848
|
};
|
|
849
849
|
};
|
|
850
850
|
};
|
|
851
|
-
} ? { [Prop in keyof
|
|
852
|
-
responsiveArray: string
|
|
851
|
+
} ? { [Prop in keyof T]?: (L["styles"][Prop] extends {
|
|
852
|
+
responsiveArray: Array<string>;
|
|
853
853
|
values: {
|
|
854
854
|
[valueName: string]: {
|
|
855
855
|
defaultClass: string | undefined;
|
|
@@ -868,9 +868,9 @@ export declare const useStyleProps: <Props, StylePropFnProperties extends StyleP
|
|
|
868
868
|
};
|
|
869
869
|
};
|
|
870
870
|
} ? (L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["defaultClass"] extends string ? keyof L["styles"][Prop]["values"] : never) | { [Condition_1 in keyof L["styles"][Prop]["values"][keyof L["styles"][Prop]["values"]]["conditions"]]?: keyof L["styles"][Prop]["values"] | undefined; } | undefined : L["styles"][Prop] extends {
|
|
871
|
-
mappings: string
|
|
871
|
+
mappings: Array<string>;
|
|
872
872
|
} ? L["styles"][L["styles"][Prop]["mappings"][number]] extends {
|
|
873
|
-
responsiveArray: string
|
|
873
|
+
responsiveArray: Array<string>;
|
|
874
874
|
values: {
|
|
875
875
|
[valueName: string]: {
|
|
876
876
|
defaultClass: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStyleProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStyleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGzF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,KAAK,WAAW,CAAC,qBAAqB,SAAS,eAAe,EAAE,IAAI,UAAU,CAC5E,OAAO,gBAAgB,CAAC,qBAAqB,CAAC,CAC/C,CAAC;AAEF,KAAK,UAAU,CAAC,qBAAqB,SAAS,eAAe,EAAE,IAAI,UAAU,CAC3E,WAAW,CAAC,qBAAqB,CAAC,CACnC,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,cAAc,CACjB,KAAK,EACL,qBAAqB,SAAS,eAAe,EAAE,IAC7C,IAAI,CAAC,KAAK,EAAE,MAAM,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,KAAK,mBAAmB,CACtB,KAAK,EACL,qBAAqB,SAAS,eAAe,EAAE,IAC7C;IACF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"useStyleProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStyleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGzF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,KAAK,WAAW,CAAC,qBAAqB,SAAS,eAAe,EAAE,IAAI,UAAU,CAC5E,OAAO,gBAAgB,CAAC,qBAAqB,CAAC,CAC/C,CAAC;AAEF,KAAK,UAAU,CAAC,qBAAqB,SAAS,eAAe,EAAE,IAAI,UAAU,CAC3E,WAAW,CAAC,qBAAqB,CAAC,CACnC,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,cAAc,CACjB,KAAK,EACL,qBAAqB,SAAS,eAAe,EAAE,IAC7C,IAAI,CAAC,KAAK,EAAE,MAAM,UAAU,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,KAAK,mBAAmB,CACtB,KAAK,EACL,qBAAqB,SAAS,eAAe,EAAE,IAC7C;IACF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,KAAK,EACL,qBAAqB,SAAS,eAAe,EAAE,4BAI9C,mBAAmB,CAAC,KAAK,EAAE,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CnD,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { style } from '@vanilla-extract/css';
|
|
1
|
+
export { style, keyframes, globalStyle } from '@vanilla-extract/css';
|
|
2
2
|
export { recipe as variant, type RecipeVariants as StyleVariant, } from '@vanilla-extract/recipes';
|
|
3
3
|
export { defineProperties as defineStyleProps, createSprinkles as createStyleProps, } from '@vanilla-extract/sprinkles';
|
|
4
4
|
export { default as tokens } from '@telegraph/tokens/css-variables-map';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACL,MAAM,IAAI,OAAO,EACjB,KAAK,cAAc,IAAI,YAAY,GACpC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,gBAAgB,IAAI,gBAAgB,EACpC,eAAe,IAAI,gBAAgB,GACpC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telegraph/style-engine",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"description": "A wrappar around vanilla extract to style telegraph",
|
|
5
5
|
"repository": "https://github.com/knocklabs/telegraph/tree/main/packages/style-engine",
|
|
6
6
|
"author": "@knocklabs",
|
|
@@ -45,12 +45,12 @@
|
|
|
45
45
|
"@types/react": "^18.2.48",
|
|
46
46
|
"eslint": "^8.56.0",
|
|
47
47
|
"react": "^18.2.0",
|
|
48
|
-
"react-dom": "^18.
|
|
49
|
-
"typescript": "^5.
|
|
50
|
-
"vite": "^5.3.
|
|
48
|
+
"react-dom": "^18.3.1",
|
|
49
|
+
"typescript": "^5.5.4",
|
|
50
|
+
"vite": "^5.3.6"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"react": "^18.2.0",
|
|
54
|
-
"react-dom": "^18.
|
|
54
|
+
"react-dom": "^18.3.1"
|
|
55
55
|
}
|
|
56
56
|
}
|