@xanui/core 1.1.3 → 1.1.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/ServerStyleTags.js +3 -2
- package/ServerStyleTags.js.map +1 -7
- package/ServerStyleTags.mjs +3 -0
- package/ServerStyleTags.mjs.map +1 -0
- package/Tag/cssPropList.js +186 -2
- package/Tag/cssPropList.js.map +1 -7
- package/Tag/cssPropList.mjs +186 -0
- package/Tag/cssPropList.mjs.map +1 -0
- package/Tag/index.js +6 -2
- package/Tag/index.js.map +1 -7
- package/Tag/index.mjs +6 -0
- package/Tag/index.mjs.map +1 -0
- package/Tag/useTagProps.js +21 -2
- package/Tag/useTagProps.js.map +1 -7
- package/Tag/useTagProps.mjs +21 -0
- package/Tag/useTagProps.mjs.map +1 -0
- package/Transition/index.js +93 -2
- package/Transition/index.js.map +1 -7
- package/Transition/index.mjs +93 -0
- package/Transition/index.mjs.map +1 -0
- package/Transition/variants.js +158 -2
- package/Transition/variants.js.map +1 -7
- package/Transition/variants.mjs +158 -0
- package/Transition/variants.mjs.map +1 -0
- package/breakpoint/BreakpointProvider.js +43 -0
- package/breakpoint/BreakpointProvider.js.map +1 -0
- package/breakpoint/BreakpointProvider.mjs +43 -0
- package/breakpoint/BreakpointProvider.mjs.map +1 -0
- package/breakpoint/useBreakpoint.js +23 -2
- package/breakpoint/useBreakpoint.js.map +1 -7
- package/breakpoint/useBreakpoint.mjs +23 -0
- package/breakpoint/useBreakpoint.mjs.map +1 -0
- package/breakpoint/useBreakpointProps.js +42 -2
- package/breakpoint/useBreakpointProps.js.map +1 -7
- package/breakpoint/useBreakpointProps.mjs +42 -0
- package/breakpoint/useBreakpointProps.mjs.map +1 -0
- package/css/aliases.js +29 -2
- package/css/aliases.js.map +1 -7
- package/css/aliases.mjs +29 -0
- package/css/aliases.mjs.map +1 -0
- package/css/getProps.js +32 -2
- package/css/getProps.js.map +1 -7
- package/css/getProps.mjs +32 -0
- package/css/getProps.mjs.map +1 -0
- package/css/getValue.js +92 -2
- package/css/getValue.js.map +1 -7
- package/css/getValue.mjs +92 -0
- package/css/getValue.mjs.map +1 -0
- package/css/index.js +55 -2
- package/css/index.js.map +1 -7
- package/css/index.mjs +55 -0
- package/css/index.mjs.map +1 -0
- package/index.d.ts +629 -21
- package/index.js +1 -2
- package/index.js.map +1 -7
- package/index.mjs +1 -0
- package/index.mjs.map +1 -0
- package/isWindow.js +1 -2
- package/isWindow.js.map +1 -7
- package/isWindow.mjs +1 -0
- package/isWindow.mjs.map +1 -0
- package/package.json +29 -24
- package/theme/ThemeCssVars.js +5 -2
- package/theme/ThemeCssVars.js.map +1 -7
- package/theme/ThemeCssVars.mjs +5 -0
- package/theme/ThemeCssVars.mjs.map +1 -0
- package/theme/ThemeDefaultOptions.js +131 -2
- package/theme/ThemeDefaultOptions.js.map +1 -7
- package/theme/ThemeDefaultOptions.mjs +131 -0
- package/theme/ThemeDefaultOptions.mjs.map +1 -0
- package/theme/ThemeProvider.js +88 -2
- package/theme/ThemeProvider.js.map +1 -7
- package/theme/ThemeProvider.mjs +88 -0
- package/theme/ThemeProvider.mjs.map +1 -0
- package/theme/core.js +18 -2
- package/theme/core.js.map +1 -7
- package/theme/core.mjs +18 -0
- package/theme/core.mjs.map +1 -0
- package/theme/createColor.js +46 -2
- package/theme/createColor.js.map +1 -7
- package/theme/createColor.mjs +46 -0
- package/theme/createColor.mjs.map +1 -0
- package/theme/createTheme.js +21 -2
- package/theme/createTheme.js.map +1 -7
- package/theme/createTheme.mjs +21 -0
- package/theme/createTheme.mjs.map +1 -0
- package/theme/createThemeSwitcher.js +12 -2
- package/theme/createThemeSwitcher.js.map +1 -7
- package/theme/createThemeSwitcher.mjs +12 -0
- package/theme/createThemeSwitcher.mjs.map +1 -0
- package/theme/index.js +2 -2
- package/theme/index.js.map +1 -7
- package/theme/index.mjs +2 -0
- package/theme/index.mjs.map +1 -0
- package/useAnimation.js +25 -2
- package/useAnimation.js.map +1 -7
- package/useAnimation.mjs +25 -0
- package/useAnimation.mjs.map +1 -0
- package/useColorTemplate.js +6 -2
- package/useColorTemplate.js.map +1 -7
- package/useColorTemplate.mjs +6 -0
- package/useColorTemplate.mjs.map +1 -0
- package/useInterface.js +8 -2
- package/useInterface.js.map +1 -7
- package/useInterface.mjs +8 -0
- package/useInterface.mjs.map +1 -0
- package/ServerStyleTags.d.ts +0 -3
- package/Tag/cssPropList.d.ts +0 -2
- package/Tag/index.d.ts +0 -4
- package/Tag/types.d.ts +0 -179
- package/Tag/types.js +0 -1
- package/Tag/types.js.map +0 -7
- package/Tag/useTagProps.d.ts +0 -3
- package/Transition/index.d.ts +0 -31
- package/Transition/variants.d.ts +0 -131
- package/breakpoint/index.d.ts +0 -6
- package/breakpoint/index.js +0 -2
- package/breakpoint/index.js.map +0 -7
- package/breakpoint/useBreakpoint.d.ts +0 -10
- package/breakpoint/useBreakpointProps.d.ts +0 -6
- package/cjs/ServerStyleTags.js +0 -2
- package/cjs/ServerStyleTags.js.map +0 -7
- package/cjs/Tag/cssPropList.js +0 -2
- package/cjs/Tag/cssPropList.js.map +0 -7
- package/cjs/Tag/index.js +0 -2
- package/cjs/Tag/index.js.map +0 -7
- package/cjs/Tag/types.js +0 -2
- package/cjs/Tag/types.js.map +0 -7
- package/cjs/Tag/useTagProps.js +0 -2
- package/cjs/Tag/useTagProps.js.map +0 -7
- package/cjs/Transition/index.js +0 -2
- package/cjs/Transition/index.js.map +0 -7
- package/cjs/Transition/variants.js +0 -2
- package/cjs/Transition/variants.js.map +0 -7
- package/cjs/breakpoint/index.js +0 -2
- package/cjs/breakpoint/index.js.map +0 -7
- package/cjs/breakpoint/useBreakpoint.js +0 -2
- package/cjs/breakpoint/useBreakpoint.js.map +0 -7
- package/cjs/breakpoint/useBreakpointProps.js +0 -2
- package/cjs/breakpoint/useBreakpointProps.js.map +0 -7
- package/cjs/css/aliases.js +0 -2
- package/cjs/css/aliases.js.map +0 -7
- package/cjs/css/getProps.js +0 -2
- package/cjs/css/getProps.js.map +0 -7
- package/cjs/css/getValue.js +0 -2
- package/cjs/css/getValue.js.map +0 -7
- package/cjs/css/index.js +0 -2
- package/cjs/css/index.js.map +0 -7
- package/cjs/css/types.js +0 -2
- package/cjs/css/types.js.map +0 -7
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +0 -7
- package/cjs/isWindow.js +0 -2
- package/cjs/isWindow.js.map +0 -7
- package/cjs/theme/ThemeCssVars.js +0 -2
- package/cjs/theme/ThemeCssVars.js.map +0 -7
- package/cjs/theme/ThemeDefaultOptions.js +0 -2
- package/cjs/theme/ThemeDefaultOptions.js.map +0 -7
- package/cjs/theme/ThemeProvider.js +0 -2
- package/cjs/theme/ThemeProvider.js.map +0 -7
- package/cjs/theme/core.js +0 -2
- package/cjs/theme/core.js.map +0 -7
- package/cjs/theme/createColor.js +0 -2
- package/cjs/theme/createColor.js.map +0 -7
- package/cjs/theme/createTheme.js +0 -2
- package/cjs/theme/createTheme.js.map +0 -7
- package/cjs/theme/createThemeSwitcher.js +0 -2
- package/cjs/theme/createThemeSwitcher.js.map +0 -7
- package/cjs/theme/index.js +0 -2
- package/cjs/theme/index.js.map +0 -7
- package/cjs/theme/types.js +0 -2
- package/cjs/theme/types.js.map +0 -7
- package/cjs/useAnimation.js +0 -2
- package/cjs/useAnimation.js.map +0 -7
- package/cjs/useColorTemplate.js +0 -2
- package/cjs/useColorTemplate.js.map +0 -7
- package/cjs/useInterface.js +0 -2
- package/cjs/useInterface.js.map +0 -7
- package/css/aliases.d.ts +0 -4
- package/css/getProps.d.ts +0 -3
- package/css/getValue.d.ts +0 -3
- package/css/index.d.ts +0 -15
- package/css/types.d.ts +0 -54
- package/css/types.js +0 -1
- package/css/types.js.map +0 -7
- package/isWindow.d.ts +0 -2
- package/theme/ThemeCssVars.d.ts +0 -3
- package/theme/ThemeDefaultOptions.d.ts +0 -68
- package/theme/ThemeProvider.d.ts +0 -11
- package/theme/core.d.ts +0 -7
- package/theme/createColor.d.ts +0 -41
- package/theme/createTheme.d.ts +0 -2
- package/theme/createThemeSwitcher.d.ts +0 -6
- package/theme/index.d.ts +0 -5
- package/theme/types.d.ts +0 -124
- package/theme/types.js +0 -1
- package/theme/types.js.map +0 -7
- package/useAnimation.d.ts +0 -18
- package/useColorTemplate.d.ts +0 -4
- package/useInterface.d.ts +0 -2
package/useAnimation.js
CHANGED
|
@@ -1,2 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./css/index.js'),React=require('react');const animationEases = {
|
|
2
|
+
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
3
|
+
easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
4
|
+
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
5
|
+
sharp: "cubic-bezier(0.4, 0, 0.6, 1)",
|
|
6
|
+
linear: "cubic-bezier(0, 0, 1, 1)",
|
|
7
|
+
easeBounceOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
|
|
8
|
+
};
|
|
9
|
+
const useAnimation = ({ from, to, delay, ease, duration }) => {
|
|
10
|
+
let _delay = delay || 0;
|
|
11
|
+
let _duration = duration || 600;
|
|
12
|
+
let _ease = ease || "easeBounceOut";
|
|
13
|
+
const id = "anim" + React.useId().replace(/:/g, "");
|
|
14
|
+
const anim = index.css({
|
|
15
|
+
animationName: id,
|
|
16
|
+
animationDelay: _delay + "ms",
|
|
17
|
+
animationDuration: _duration + "ms",
|
|
18
|
+
animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,
|
|
19
|
+
[`@keyframes ${id}`]: {
|
|
20
|
+
from: from,
|
|
21
|
+
to: to
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return anim.classname;
|
|
25
|
+
};exports.animationEases=animationEases;exports.default=useAnimation;//# sourceMappingURL=useAnimation.js.map
|
package/useAnimation.js.map
CHANGED
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/useAnimation.ts"],
|
|
4
|
-
"sourcesContent": ["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\nexport default useAnimation"],
|
|
5
|
-
"mappings": "AAAA,OAAS,OAAAA,MAAW,QACpB,OAAS,SAAAC,MAAa,QAGf,MAAMC,EAAiB,CAC1B,UAAW,+BACX,QAAS,+BACT,OAAQ,6BACR,MAAO,+BACP,OAAQ,2BACR,cAAe,wCACnB,EAUMC,EAAe,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAS,IAAyB,CAC7E,IAAIC,EAASH,GAAS,EAClBI,EAAYF,GAAY,IACxBG,EAAQJ,GAAQ,gBACpB,MAAMK,EAAK,OAASX,EAAM,EAAE,QAAQ,KAAM,EAAE,EAW5C,OAVaD,EAAI,CACb,cAAeY,EACf,eAAgBH,EAAS,KACzB,kBAAmBC,EAAY,KAC/B,wBAAyBR,EAAeS,CAAK,GAAKT,EAAe,cACjE,CAAC,cAAcU,CAAE,EAAE,EAAG,CAClB,KAAMR,EACN,GAAIC,CACR,CACJ,CAAC,EACW,SAChB,EAEA,IAAOQ,EAAQV",
|
|
6
|
-
"names": ["css", "useId", "animationEases", "useAnimation", "from", "to", "delay", "ease", "duration", "_delay", "_duration", "_ease", "id", "useAnimation_default"]
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"file":"useAnimation.js","sources":["../src/useAnimation.ts"],"sourcesContent":["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\nexport default useAnimation"],"names":["useId","css"],"mappings":"iIAIa,MAAA,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAGC,SAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAc,WAAA,EAAA,EAAE,CAAE,CAAA,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
|
package/useAnimation.mjs
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import {css}from'./css/index.mjs';import {useId}from'react';const animationEases = {
|
|
2
|
+
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
3
|
+
easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
|
|
4
|
+
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
5
|
+
sharp: "cubic-bezier(0.4, 0, 0.6, 1)",
|
|
6
|
+
linear: "cubic-bezier(0, 0, 1, 1)",
|
|
7
|
+
easeBounceOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
|
|
8
|
+
};
|
|
9
|
+
const useAnimation = ({ from, to, delay, ease, duration }) => {
|
|
10
|
+
let _delay = delay || 0;
|
|
11
|
+
let _duration = duration || 600;
|
|
12
|
+
let _ease = ease || "easeBounceOut";
|
|
13
|
+
const id = "anim" + useId().replace(/:/g, "");
|
|
14
|
+
const anim = css({
|
|
15
|
+
animationName: id,
|
|
16
|
+
animationDelay: _delay + "ms",
|
|
17
|
+
animationDuration: _duration + "ms",
|
|
18
|
+
animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,
|
|
19
|
+
[`@keyframes ${id}`]: {
|
|
20
|
+
from: from,
|
|
21
|
+
to: to
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return anim.classname;
|
|
25
|
+
};export{animationEases,useAnimation as default};//# sourceMappingURL=useAnimation.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAnimation.mjs","sources":["../src/useAnimation.ts"],"sourcesContent":["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\nexport default useAnimation"],"names":[],"mappings":"4DAIa,MAAA,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG,GAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAc,WAAA,EAAA,EAAE,CAAE,CAAA,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
|
package/useColorTemplate.js
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useColorTemplate = (color, type) => {
|
|
2
|
+
var _a;
|
|
3
|
+
const theme = core.useTheme();
|
|
4
|
+
let _color = color === 'default' ? "background" : color;
|
|
5
|
+
return (_a = theme.colors[_color]) === null || _a === void 0 ? void 0 : _a.template[type];
|
|
6
|
+
};module.exports=useColorTemplate;//# sourceMappingURL=useColorTemplate.js.map
|
package/useColorTemplate.js.map
CHANGED
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/useColorTemplate.ts"],
|
|
4
|
-
"sourcesContent": ["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],
|
|
5
|
-
"mappings": "AAAA,OAAS,YAAAA,MAAgB,UAIzB,MAAMC,EAAmB,CAACC,EAA4BC,IAA4B,CAC9E,MAAMC,EAAaJ,EAAS,EAC5B,IAAIK,EAASH,IAAU,UAAY,aAAeA,EAClD,OAAOE,EAAM,OAAOC,CAAM,GAAG,SAASF,CAAI,CAC9C,EAEA,IAAOG,EAAQL",
|
|
6
|
-
"names": ["useTheme", "useColorTemplate", "color", "type", "theme", "_color", "useColorTemplate_default"]
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"file":"useColorTemplate.js","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":["useTheme"],"mappings":"6EAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQA,aAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import'./theme/index.mjs';import {useTheme}from'./theme/core.mjs';const useColorTemplate = (color, type) => {
|
|
2
|
+
var _a;
|
|
3
|
+
const theme = useTheme();
|
|
4
|
+
let _color = color === 'default' ? "background" : color;
|
|
5
|
+
return (_a = theme.colors[_color]) === null || _a === void 0 ? void 0 : _a.template[type];
|
|
6
|
+
};export{useColorTemplate as default};//# sourceMappingURL=useColorTemplate.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColorTemplate.mjs","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":[],"mappings":"kEAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQ,QAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}
|
package/useInterface.js
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useInterface = (name, userPorps, defaultProps) => {
|
|
2
|
+
const theme = core.useTheme();
|
|
3
|
+
const _interface = theme.interfaces[name];
|
|
4
|
+
if (_interface) {
|
|
5
|
+
defaultProps = _interface(Object.assign(Object.assign({}, defaultProps), userPorps), theme);
|
|
6
|
+
}
|
|
7
|
+
return [Object.assign(Object.assign({}, defaultProps), userPorps), theme];
|
|
8
|
+
};module.exports=useInterface;//# sourceMappingURL=useInterface.js.map
|
package/useInterface.js.map
CHANGED
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/useInterface.ts"],
|
|
4
|
-
"sourcesContent": ["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],
|
|
5
|
-
"mappings": "AAAA,OAAS,YAAAA,MAAgB,UAEzB,MAAMC,EAAe,CAAmBC,EAAcC,EAAcC,IAAoB,CACpF,MAAMC,EAAQL,EAAS,EACjBM,EAAaD,EAAM,WAAWH,CAAI,EAExC,OAAII,IACAF,EAAeE,EAAc,CAAE,GAAGF,EAAc,GAAGD,CAAU,EAAGE,CAAK,GAElE,CAAC,CAAE,GAAGD,EAAc,GAAGD,CAAU,EAAGE,CAAK,CACpD,EAEA,IAAOE,EAAQN",
|
|
6
|
-
"names": ["useTheme", "useInterface", "name", "userPorps", "defaultProps", "theme", "_interface", "useInterface_default"]
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"file":"useInterface.js","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":["useTheme"],"mappings":"6EAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}
|
package/useInterface.mjs
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import'./theme/index.mjs';import {useTheme}from'./theme/core.mjs';const useInterface = (name, userPorps, defaultProps) => {
|
|
2
|
+
const theme = useTheme();
|
|
3
|
+
const _interface = theme.interfaces[name];
|
|
4
|
+
if (_interface) {
|
|
5
|
+
defaultProps = _interface(Object.assign(Object.assign({}, defaultProps), userPorps), theme);
|
|
6
|
+
}
|
|
7
|
+
return [Object.assign(Object.assign({}, defaultProps), userPorps), theme];
|
|
8
|
+
};export{useInterface as default};//# sourceMappingURL=useInterface.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useInterface.mjs","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":[],"mappings":"kEAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}
|
package/ServerStyleTags.d.ts
DELETED
package/Tag/cssPropList.d.ts
DELETED
package/Tag/index.d.ts
DELETED
package/Tag/types.d.ts
DELETED
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import * as CSS from 'csstype';
|
|
2
|
-
import { Aliases, BreakpointKeys, CSSProps, CSSValueType } from "../css/types";
|
|
3
|
-
import { ColorsRefTypes, TypographyRefTypes } from '../theme/types';
|
|
4
|
-
import { classNamesTypes } from 'pretty-class';
|
|
5
|
-
export type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>;
|
|
6
|
-
export type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {
|
|
7
|
-
component?: T;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
ref?: any;
|
|
10
|
-
} & CSSPropAsAttr;
|
|
11
|
-
export type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {
|
|
12
|
-
sxr?: CSSProps;
|
|
13
|
-
};
|
|
14
|
-
interface TagCSSProperties {
|
|
15
|
-
alignContent: CSSValueType<"alignContent">;
|
|
16
|
-
alignItems: CSSValueType<"alignItems">;
|
|
17
|
-
alignSelf: CSSValueType<"alignSelf">;
|
|
18
|
-
animation: CSSValueType<"animation">;
|
|
19
|
-
animationComposition: CSSValueType<"animationComposition">;
|
|
20
|
-
animationDelay: CSSValueType<"animationDelay">;
|
|
21
|
-
animationDirection: CSSValueType<"animationDirection">;
|
|
22
|
-
animationDuration: CSSValueType<"animationDuration">;
|
|
23
|
-
animationFillMode: CSSValueType<"animationFillMode">;
|
|
24
|
-
animationIterationCount: CSSValueType<"animationIterationCount">;
|
|
25
|
-
animationName: CSSValueType<"animationName">;
|
|
26
|
-
animationTimingFunction: CSSValueType<"animationTimingFunction">;
|
|
27
|
-
backdropFilter: CSSValueType<"backdropFilter">;
|
|
28
|
-
background: CSSValueType<"background"> | ColorsRefTypes;
|
|
29
|
-
backgroundAttachment: CSSValueType<"backgroundAttachment">;
|
|
30
|
-
backgroundColor: CSSValueType<"backgroundColor"> | ColorsRefTypes;
|
|
31
|
-
backgroundImage: CSSValueType<"backgroundImage">;
|
|
32
|
-
backgroundOrigin: CSSValueType<"backgroundOrigin">;
|
|
33
|
-
backgroundPosition: CSSValueType<"backgroundPosition">;
|
|
34
|
-
backgroundRepeat: CSSValueType<"backgroundRepeat">;
|
|
35
|
-
backgroundSize: CSSValueType<"backgroundSize">;
|
|
36
|
-
border: CSSValueType<"border">;
|
|
37
|
-
borderBottom: CSSValueType<"borderBottom">;
|
|
38
|
-
borderBottomColor: CSSValueType<"borderBottomColor"> | ColorsRefTypes;
|
|
39
|
-
borderBottomStyle: CSSValueType<"borderBottomStyle">;
|
|
40
|
-
borderBottomWidth: CSSValueType<"borderBottomWidth">;
|
|
41
|
-
borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;
|
|
42
|
-
borderImage: CSSValueType<"borderImage">;
|
|
43
|
-
borderLeft: CSSValueType<"borderLeft">;
|
|
44
|
-
borderLeftColor: CSSValueType<"borderLeftColor"> | ColorsRefTypes;
|
|
45
|
-
borderLeftStyle: CSSValueType<"borderLeftStyle">;
|
|
46
|
-
borderLeftWidth: CSSValueType<"borderLeftWidth">;
|
|
47
|
-
borderRadius: CSSValueType<"borderRadius">;
|
|
48
|
-
borderRight: CSSValueType<"borderRight">;
|
|
49
|
-
borderRightColor: CSSValueType<"borderRightColor"> | ColorsRefTypes;
|
|
50
|
-
borderRightStyle: CSSValueType<"borderRightStyle">;
|
|
51
|
-
borderRightWidth: CSSValueType<"borderRightWidth">;
|
|
52
|
-
borderStyle: CSSValueType<"borderStyle">;
|
|
53
|
-
borderTop: CSSValueType<"borderTop">;
|
|
54
|
-
borderTopColor: CSSValueType<"borderTopColor"> | ColorsRefTypes;
|
|
55
|
-
borderTopLeftRadius: CSSValueType<"borderTopLeftRadius">;
|
|
56
|
-
borderTopRightRadius: CSSValueType<"borderTopRightRadius">;
|
|
57
|
-
borderTopStyle: CSSValueType<"borderTopStyle">;
|
|
58
|
-
borderTopWidth: CSSValueType<"borderTopWidth">;
|
|
59
|
-
borderWidth: CSSValueType<"borderWidth">;
|
|
60
|
-
bottom: CSSValueType<"bottom">;
|
|
61
|
-
boxShadow: CSSValueType<"boxShadow"> | number;
|
|
62
|
-
boxSizing: CSSValueType<"boxSizing">;
|
|
63
|
-
cursor: CSSValueType<"cursor">;
|
|
64
|
-
color: CSS.Properties['color'] | ColorsRefTypes;
|
|
65
|
-
display: CSSValueType<"display">;
|
|
66
|
-
direction: "row" | "column" | CSSValueType<"direction">;
|
|
67
|
-
filter: CSSValueType<"filter">;
|
|
68
|
-
flex: CSSValueType<"flex">;
|
|
69
|
-
flexBasis: CSSValueType<"flexBasis">;
|
|
70
|
-
flexDirection: CSSValueType<"flexDirection">;
|
|
71
|
-
flexFlow: CSSValueType<"flexFlow">;
|
|
72
|
-
flexGrow: CSSValueType<"flexGrow">;
|
|
73
|
-
flexShrink: CSSValueType<"flexShrink">;
|
|
74
|
-
flexWrap: CSSValueType<"flexWrap">;
|
|
75
|
-
float: CSSValueType<"float">;
|
|
76
|
-
fontFamily: CSSValueType<"fontFamily"> | "default";
|
|
77
|
-
fontSize: CSSValueType<"fontSize"> | TypographyRefTypes;
|
|
78
|
-
fontStyle: CSSValueType<"fontStyle">;
|
|
79
|
-
fontWeight: CSSValueType<"fontWeight"> | TypographyRefTypes;
|
|
80
|
-
font: CSSValueType<"font"> | TypographyRefTypes;
|
|
81
|
-
gap: CSSValueType<"gap">;
|
|
82
|
-
grid: CSSValueType<"grid">;
|
|
83
|
-
gridArea: CSSValueType<"gridArea">;
|
|
84
|
-
gridAutoColumns: CSSValueType<"gridAutoColumns">;
|
|
85
|
-
gridAutoFlow: CSSValueType<"gridAutoFlow">;
|
|
86
|
-
gridAutoRows: CSSValueType<"gridAutoRows">;
|
|
87
|
-
gridColumn: CSSValueType<"gridColumn">;
|
|
88
|
-
gridColumnEnd: CSSValueType<"gridColumnEnd">;
|
|
89
|
-
gridColumnGap: CSSValueType<"gridColumnGap">;
|
|
90
|
-
gridColumnStart: CSSValueType<"gridColumnStart">;
|
|
91
|
-
gridGap: CSSValueType<"gridGap">;
|
|
92
|
-
gridRow: CSSValueType<"gridRow">;
|
|
93
|
-
gridRowEnd: CSSValueType<"gridRowEnd">;
|
|
94
|
-
gridRowGap: CSSValueType<"gridRowGap">;
|
|
95
|
-
gridRowStart: CSSValueType<"gridRowStart">;
|
|
96
|
-
gridTemplate: CSSValueType<"gridTemplate">;
|
|
97
|
-
gridTemplateAreas: CSSValueType<"gridTemplateAreas">;
|
|
98
|
-
gridTemplateColumns: CSSValueType<"gridTemplateColumns">;
|
|
99
|
-
gridTemplateRows: CSSValueType<"gridTemplateRows">;
|
|
100
|
-
height: CSSValueType<"height">;
|
|
101
|
-
justifyContent: CSSValueType<"justifyContent">;
|
|
102
|
-
justifyItems: CSSValueType<"justifyItems">;
|
|
103
|
-
justifySelf: CSSValueType<"justifySelf">;
|
|
104
|
-
left: CSSValueType<"left">;
|
|
105
|
-
letterSpacing: CSSValueType<"letterSpacing">;
|
|
106
|
-
lineBreak: CSSValueType<"lineBreak">;
|
|
107
|
-
lineHeight: CSSValueType<"lineHeight"> | TypographyRefTypes;
|
|
108
|
-
listStyle: CSSValueType<"listStyle">;
|
|
109
|
-
margin: CSSValueType<"margin">;
|
|
110
|
-
marginBlock: CSSValueType<"marginBlock">;
|
|
111
|
-
marginBlockEnd: CSSValueType<"marginBlockEnd">;
|
|
112
|
-
marginBlockStart: CSSValueType<"marginBlockStart">;
|
|
113
|
-
marginBottom: CSSValueType<"marginBottom">;
|
|
114
|
-
marginInline: CSSValueType<"marginInline">;
|
|
115
|
-
marginInlineEnd: CSSValueType<"marginInlineEnd">;
|
|
116
|
-
marginInlineStart: CSSValueType<"marginInlineStart">;
|
|
117
|
-
marginLeft: CSSValueType<"marginLeft">;
|
|
118
|
-
marginRight: CSSValueType<"marginRight">;
|
|
119
|
-
marginTop: CSSValueType<"marginTop">;
|
|
120
|
-
maxHeight: CSSValueType<"maxHeight">;
|
|
121
|
-
maxWidth: CSSValueType<"maxWidth"> | BreakpointKeys;
|
|
122
|
-
minHeight: CSSValueType<"minHeight">;
|
|
123
|
-
minWidth: CSSValueType<"minWidth"> | BreakpointKeys;
|
|
124
|
-
objectFit: CSSValueType<"objectFit">;
|
|
125
|
-
objectPosition: CSSValueType<"objectPosition">;
|
|
126
|
-
opacity: CSSValueType<"opacity">;
|
|
127
|
-
order: CSSValueType<"order">;
|
|
128
|
-
outline: CSSValueType<"outline">;
|
|
129
|
-
overflow: CSSValueType<"overflow">;
|
|
130
|
-
overflowX: CSSValueType<"overflowX">;
|
|
131
|
-
overflowY: CSSValueType<"overflowY">;
|
|
132
|
-
padding: CSSValueType<"padding">;
|
|
133
|
-
paddingBlock: CSSValueType<"paddingBlock">;
|
|
134
|
-
paddingBlockEnd: CSSValueType<"paddingBlockEnd">;
|
|
135
|
-
paddingBlockStart: CSSValueType<"paddingBlockStart">;
|
|
136
|
-
paddingBottom: CSSValueType<"paddingBottom">;
|
|
137
|
-
paddingInline: CSSValueType<"paddingInline">;
|
|
138
|
-
paddingInlineEnd: CSSValueType<"paddingInlineEnd">;
|
|
139
|
-
paddingInlineStart: CSSValueType<"paddingInlineStart">;
|
|
140
|
-
paddingLeft: CSSValueType<"paddingLeft">;
|
|
141
|
-
paddingRight: CSSValueType<"paddingRight">;
|
|
142
|
-
paddingTop: CSSValueType<"paddingTop">;
|
|
143
|
-
perspective: CSSValueType<"perspective">;
|
|
144
|
-
perspectiveOrigin: CSSValueType<"perspectiveOrigin">;
|
|
145
|
-
pointerEvents: CSSValueType<"pointerEvents">;
|
|
146
|
-
position: CSSValueType<"position">;
|
|
147
|
-
right: CSSValueType<"right">;
|
|
148
|
-
textAlign: CSSValueType<"textAlign">;
|
|
149
|
-
textDecoration: CSSValueType<"textDecoration">;
|
|
150
|
-
textShadow: CSSValueType<"textShadow">;
|
|
151
|
-
textTransform: CSSValueType<"textTransform">;
|
|
152
|
-
top: CSSValueType<"top">;
|
|
153
|
-
transform: CSSValueType<"transform">;
|
|
154
|
-
transformOrigin: CSSValueType<"transformOrigin">;
|
|
155
|
-
transformStyle: CSSValueType<"transformStyle">;
|
|
156
|
-
transition: CSSValueType<"transition">;
|
|
157
|
-
transitionDelay: CSSValueType<"transitionDelay">;
|
|
158
|
-
transitionDuration: CSSValueType<"transitionDuration">;
|
|
159
|
-
transitionProperty: CSSValueType<"transitionProperty">;
|
|
160
|
-
transitionTimingFunction: CSSValueType<"transitionTimingFunction">;
|
|
161
|
-
translate: CSSValueType<"translate">;
|
|
162
|
-
userSelect: CSSValueType<"userSelect">;
|
|
163
|
-
verticalAlign: CSSValueType<"verticalAlign">;
|
|
164
|
-
visibility: CSSValueType<"visibility">;
|
|
165
|
-
whiteSpace: CSSValueType<"whiteSpace">;
|
|
166
|
-
width: CSSValueType<"width"> | BreakpointKeys;
|
|
167
|
-
wordBreak: CSSValueType<"wordBreak">;
|
|
168
|
-
wordSpacing: CSSValueType<"wordSpacing">;
|
|
169
|
-
wordWrap: CSSValueType<"wordWrap">;
|
|
170
|
-
zIndex: CSSValueType<"zIndex">;
|
|
171
|
-
}
|
|
172
|
-
export type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {
|
|
173
|
-
baseClass?: string;
|
|
174
|
-
sx?: CSSProps;
|
|
175
|
-
hover?: CSSProps;
|
|
176
|
-
disabled?: boolean;
|
|
177
|
-
classNames?: classNamesTypes;
|
|
178
|
-
};
|
|
179
|
-
export {};
|
package/Tag/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=types.js.map
|
package/Tag/types.js.map
DELETED
package/Tag/useTagProps.d.ts
DELETED
package/Transition/index.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React, { ReactElement } from 'react';
|
|
2
|
-
import { animationEases } from '../useAnimation';
|
|
3
|
-
import { CSSProps } from '../css/types';
|
|
4
|
-
import * as variants from './variants';
|
|
5
|
-
export type TransitionVariantTypes = keyof typeof variants;
|
|
6
|
-
export type TransitionElementProps = {
|
|
7
|
-
height: number;
|
|
8
|
-
width: number;
|
|
9
|
-
rect: DOMRect | null;
|
|
10
|
-
};
|
|
11
|
-
export type TransitionState = "open" | "opened" | "close" | "closed";
|
|
12
|
-
export type TransitionProps = {
|
|
13
|
-
children: ReactElement;
|
|
14
|
-
open: boolean;
|
|
15
|
-
variant: {
|
|
16
|
-
from: CSSProps;
|
|
17
|
-
to: CSSProps;
|
|
18
|
-
} | TransitionVariantTypes;
|
|
19
|
-
ease?: string;
|
|
20
|
-
easing?: keyof typeof animationEases;
|
|
21
|
-
duration?: number;
|
|
22
|
-
delay?: number;
|
|
23
|
-
disableInitialTransition?: boolean;
|
|
24
|
-
onOpen?: () => void;
|
|
25
|
-
onOpened?: () => void;
|
|
26
|
-
onClose?: () => void;
|
|
27
|
-
onClosed?: () => void;
|
|
28
|
-
onState?: (state: TransitionState) => void;
|
|
29
|
-
};
|
|
30
|
-
declare const Transition: ({ children, open, ...props }: TransitionProps) => React.JSX.Element;
|
|
31
|
-
export default Transition;
|
package/Transition/variants.d.ts
DELETED
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { TransitionElementProps } from ".";
|
|
2
|
-
export declare const slideDown: (_arg: TransitionElementProps) => {
|
|
3
|
-
from: {
|
|
4
|
-
transform: string;
|
|
5
|
-
};
|
|
6
|
-
to: {
|
|
7
|
-
transform: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export declare const slideUp: (_arg: TransitionElementProps) => {
|
|
11
|
-
from: {
|
|
12
|
-
transform: string;
|
|
13
|
-
};
|
|
14
|
-
to: {
|
|
15
|
-
transform: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export declare const slideRight: (_arg: TransitionElementProps) => {
|
|
19
|
-
from: {
|
|
20
|
-
transform: string;
|
|
21
|
-
};
|
|
22
|
-
to: {
|
|
23
|
-
transform: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export declare const slideLeft: (_arg: TransitionElementProps) => {
|
|
27
|
-
from: {
|
|
28
|
-
transform: string;
|
|
29
|
-
};
|
|
30
|
-
to: {
|
|
31
|
-
transform: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
export declare const fade: (_arg: TransitionElementProps) => {
|
|
35
|
-
from: {
|
|
36
|
-
opacity: number;
|
|
37
|
-
};
|
|
38
|
-
to: {
|
|
39
|
-
opacity: number;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
export declare const fadeDown: (_arg: TransitionElementProps) => {
|
|
43
|
-
from: {
|
|
44
|
-
transform: string;
|
|
45
|
-
opacity: number;
|
|
46
|
-
};
|
|
47
|
-
to: {
|
|
48
|
-
transform: string;
|
|
49
|
-
opacity: number;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
export declare const fadeUp: (_arg: TransitionElementProps) => {
|
|
53
|
-
from: {
|
|
54
|
-
transform: string;
|
|
55
|
-
opacity: number;
|
|
56
|
-
};
|
|
57
|
-
to: {
|
|
58
|
-
transform: string;
|
|
59
|
-
opacity: number;
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
export declare const fadeRight: (_arg: TransitionElementProps) => {
|
|
63
|
-
from: {
|
|
64
|
-
transform: string;
|
|
65
|
-
opacity: number;
|
|
66
|
-
};
|
|
67
|
-
to: {
|
|
68
|
-
transform: string;
|
|
69
|
-
opacity: number;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
export declare const fadeLeft: (_arg: TransitionElementProps) => {
|
|
73
|
-
from: {
|
|
74
|
-
transform: string;
|
|
75
|
-
opacity: number;
|
|
76
|
-
};
|
|
77
|
-
to: {
|
|
78
|
-
transform: string;
|
|
79
|
-
opacity: number;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
export declare const grow: (_arg: TransitionElementProps) => {
|
|
83
|
-
from: {
|
|
84
|
-
transform: string;
|
|
85
|
-
opacity: number;
|
|
86
|
-
};
|
|
87
|
-
to: {
|
|
88
|
-
transform: string;
|
|
89
|
-
opacity: number;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
export declare const zoom: (_arg: TransitionElementProps) => {
|
|
93
|
-
from: {
|
|
94
|
-
transform: string;
|
|
95
|
-
opacity: number;
|
|
96
|
-
};
|
|
97
|
-
to: {
|
|
98
|
-
transform: string;
|
|
99
|
-
opacity: number;
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
export declare const zoomOver: (_arg: TransitionElementProps) => {
|
|
103
|
-
from: {
|
|
104
|
-
transform: string;
|
|
105
|
-
opacity: number;
|
|
106
|
-
};
|
|
107
|
-
to: {
|
|
108
|
-
transform: string;
|
|
109
|
-
opacity: number;
|
|
110
|
-
};
|
|
111
|
-
};
|
|
112
|
-
export declare const collapsVerticle: (_arg: TransitionElementProps) => {
|
|
113
|
-
from: {
|
|
114
|
-
height: string;
|
|
115
|
-
overflow: string;
|
|
116
|
-
};
|
|
117
|
-
to: {
|
|
118
|
-
height: string;
|
|
119
|
-
overflow: string;
|
|
120
|
-
};
|
|
121
|
-
};
|
|
122
|
-
export declare const collapsHorizental: (_arg: TransitionElementProps) => {
|
|
123
|
-
from: {
|
|
124
|
-
width: string;
|
|
125
|
-
overflow: string;
|
|
126
|
-
};
|
|
127
|
-
to: {
|
|
128
|
-
width: string;
|
|
129
|
-
overflow: string;
|
|
130
|
-
};
|
|
131
|
-
};
|
package/breakpoint/index.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BreakpointKeys } from "../css/types";
|
|
3
|
-
export declare const BreakpointCtx: React.Context<BreakpointKeys>;
|
|
4
|
-
export declare const BreakpointProvider: ({ children }: {
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}) => React.JSX.Element;
|
package/breakpoint/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import n,{useState as m}from"react";import a from"../isWindow";import{breakpoints as r}from"../css";const l=n.createContext("xl"),s=()=>{if(a()){const e=window.innerWidth;return e<r.sm?"xs":e>r.xs&&e<r.md?"sm":e>r.sm&&e<r.lg?"md":e>r.md&&e<r.xl?"lg":"xl"}else return"xl"},v=({children:i})=>{const[e,d]=m(s),t=()=>{let o=s();e!==o&&d(o)};return n.useEffect(()=>(window.removeEventListener("resize",t),window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t)}),[e]),n.createElement(l.Provider,{value:e},i)};export{l as BreakpointCtx,v as BreakpointProvider};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
package/breakpoint/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/breakpoint/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n const isWin = isWindow()\n if (isWin) {\n const width = window.innerWidth\n if (width < breakpoints.sm) {\n return 'xs'\n } else if (width > breakpoints.xs && width < breakpoints.md) {\n return 'sm'\n } else if (width > breakpoints.sm && width < breakpoints.lg) {\n return 'md'\n } else if (width > breakpoints.md && width < breakpoints.xl) {\n return 'lg'\n } else {\n return 'xl'\n }\n } else {\n return 'xl'\n }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n const handler = () => {\n let c = getKey()\n if (current !== c) {\n setCurrent(c)\n }\n }\n\n React.useEffect(() => {\n window.removeEventListener(\"resize\", handler)\n window.addEventListener(\"resize\", handler)\n handler()\n return () => {\n window.removeEventListener(\"resize\", handler)\n }\n }, [current])\n\n return (\n <BreakpointCtx.Provider value={current}>\n {children}\n </BreakpointCtx.Provider>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,OAAOA,GAAoB,YAAAC,MAAgB,QAC3C,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAGrB,MAAMC,EAAgBJ,EAAM,cAA8B,IAAI,EAE/DK,EAAS,IAAsB,CAEjC,GADcH,EAAS,EACZ,CACP,MAAMI,EAAQ,OAAO,WACrB,OAAIA,EAAQH,EAAY,GACb,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaI,EAAqB,CAAC,CAAE,SAAAC,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,EAAIT,EAAyBI,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,OAAAZ,EAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUW,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGRT,EAAA,cAACI,EAAc,SAAd,CAAuB,MAAOK,GAC1BD,CACL,CAER",
|
|
6
|
-
"names": ["React", "useState", "isWindow", "breakpoints", "BreakpointCtx", "getKey", "width", "BreakpointProvider", "children", "current", "setCurrent", "handler", "c"]
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BreakpointKeys } from "../css/types";
|
|
2
|
-
declare const useBreakpoint: () => {
|
|
3
|
-
value: BreakpointKeys;
|
|
4
|
-
is: (key: BreakpointKeys) => boolean;
|
|
5
|
-
isDown: (key: BreakpointKeys) => boolean;
|
|
6
|
-
isUp: (key: BreakpointKeys) => boolean;
|
|
7
|
-
isOrDown: (key: BreakpointKeys) => boolean;
|
|
8
|
-
isOrUp: (key: BreakpointKeys) => boolean;
|
|
9
|
-
};
|
|
10
|
-
export default useBreakpoint;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { BreakpointKeys } from "../css/types";
|
|
2
|
-
export type useBreakpointPropsType<P> = P | {
|
|
3
|
-
[key in BreakpointKeys]?: P;
|
|
4
|
-
};
|
|
5
|
-
declare const useBreakpoinProps: <P extends object>(props: useBreakpointPropsType<P>) => useBreakpointPropsType<P>;
|
|
6
|
-
export default useBreakpoinProps;
|
package/cjs/ServerStyleTags.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var n=Object.create;var t=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(r,a)=>{for(var e in a)t(r,e,{get:a[e],enumerable:!0})},m=(r,a,e,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of S(a))!f.call(r,s)&&s!==e&&t(r,s,{get:()=>a[s],enumerable:!(o=y(a,s))||o.enumerable});return r};var u=(r,a,e)=>(e=r!=null?n(c(r)):{},m(a||!r||!r.__esModule?t(e,"default",{value:r,enumerable:!0}):e,r)),d=r=>m(t({},"__esModule",{value:!0}),r);var T={};p(T,{default:()=>v});module.exports=d(T);var g=u(require("react"),1),l=require("oncss");const i=()=>Array.from(l.CSSFactory.values()).map((r,a)=>g.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var v=i;
|
|
2
|
-
//# sourceMappingURL=ServerStyleTags.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ServerStyleTags.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\nimport { CSSFactory } from 'oncss'\n\nconst ServerStyleTags = () => {\n return Array.from(CSSFactory.values()).map((c, idx) => <style\n key={c.classname + idx}\n data-oncss={c.classname}\n dangerouslySetInnerHTML={{ __html: c.css }}\n />)\n}\n\nexport default ServerStyleTags"],
|
|
5
|
-
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBACvBC,EAA2B,iBAE3B,MAAMC,EAAkB,IACb,MAAM,KAAK,aAAW,OAAO,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOL,EAAQI",
|
|
6
|
-
"names": ["ServerStyleTags_exports", "__export", "ServerStyleTags_default", "__toCommonJS", "React", "import_oncss", "ServerStyleTags", "c", "idx"]
|
|
7
|
-
}
|
package/cjs/Tag/cssPropList.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(o,i)=>{for(var r in i)n(o,r,{get:i[r],enumerable:!0})},m=(o,i,r,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of d(i))!g.call(o,t)&&t!==r&&n(o,t,{get:()=>i[t],enumerable:!(e=a(i,t))||e.enumerable});return o};var p=o=>m(n({},"__esModule",{value:!0}),o);var f={};l(f,{default:()=>s});module.exports=p(f);const b={typography:1,bgcolor:1,bgimage:1,bg:1,p:1,pt:1,pr:1,pb:1,pl:1,px:1,py:1,m:1,mt:1,mr:1,mb:1,ml:1,mx:1,my:1,radius:1,shadow:1,flexBox:1,flexRow:1,flexColumn:1,flexWraped:1,disabled:1,spacing:1,gradient:1,alignContent:1,alignItems:1,alignSelf:1,animation:1,animationComposition:1,animationDelay:1,animationDirection:1,animationDuration:1,animationFillMode:1,animationIterationCount:1,animationName:1,animationTimingFunction:1,backdropFilter:1,background:1,backgroundAttachment:1,backgroundColor:1,backgroundImage:1,backgroundOrigin:1,backgroundPosition:1,backgroundRepeat:1,backgroundSize:1,border:1,borderBottom:1,borderBottomColor:1,borderBottomStyle:1,borderBottomWidth:1,borderColor:1,borderImage:1,borderLeft:1,borderLeftColor:1,borderLeftStyle:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightColor:1,borderRightStyle:1,borderRightWidth:1,borderStyle:1,borderTop:1,borderTopColor:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopStyle:1,borderTopWidth:1,borderWidth:1,bottom:1,boxShadow:1,boxSizing:1,cursor:1,color:1,display:1,direction:1,filter:1,flex:1,flexBasis:1,flexDirection:1,flexFlow:1,flexGrow:1,flexShrink:1,flexWrap:1,float:1,fontFamily:1,fontSize:1,fontStyle:1,fontWeight:1,font:1,gap:1,grid:1,gridArea:1,gridAutoColumns:1,gridAutoFlow:1,gridAutoRows:1,gridColumn:1,gridColumnEnd:1,gridColumnGap:1,gridColumnStart:1,gridGap:1,gridRow:1,gridRowEnd:1,gridRowGap:1,gridRowStart:1,gridTemplate:1,gridTemplateAreas:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,justifyContent:1,justifyItems:1,justifySelf:1,left:1,letterSpacing:1,lineBreak:1,lineHeight:1,listStyle:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxHeight:1,maxWidth:1,minHeight:1,minWidth:1,objectFit:1,objectPosition:1,opacity:1,order:1,outline:1,overflow:1,overflowX:1,overflowY:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,perspectiveOrigin:1,pointerEvents:1,position:1,resize:1,right:1,textAlign:1,textDecoration:1,textShadow:1,textTransform:1,top:1,transform:1,transformOrigin:1,transformStyle:1,transition:1,transitionDelay:1,transitionDuration:1,transitionProperty:1,transitionTimingFunction:1,userSelect:1,verticalAlign:1,visibility:1,whiteSpace:1,width:1,wordBreak:1,wordSpacing:1,wordWrap:1,zIndex:1};var s=b;
|
|
2
|
-
//# sourceMappingURL=cssPropList.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Tag/cssPropList.ts"],
|
|
4
|
-
"sourcesContent": ["\nconst CSS_PROP_LIST: any = {\n typography: 1,\n bgcolor: 1,\n bgimage: 1,\n bg: 1,\n p: 1,\n pt: 1,\n pr: 1,\n pb: 1,\n pl: 1,\n px: 1,\n py: 1,\n m: 1,\n mt: 1,\n mr: 1,\n mb: 1,\n ml: 1,\n mx: 1,\n my: 1,\n radius: 1,\n shadow: 1,\n flexBox: 1,\n flexRow: 1,\n flexColumn: 1,\n flexWraped: 1,\n disabled: 1,\n spacing: 1,\n\n gradient: 1,\n\n // CSS Props\n alignContent: 1,\n alignItems: 1,\n alignSelf: 1,\n animation: 1,\n animationComposition: 1,\n animationDelay: 1,\n animationDirection: 1,\n animationDuration: 1,\n animationFillMode: 1,\n animationIterationCount: 1,\n animationName: 1,\n animationTimingFunction: 1,\n backdropFilter: 1,\n background: 1,\n backgroundAttachment: 1,\n backgroundColor: 1,\n backgroundImage: 1,\n backgroundOrigin: 1,\n backgroundPosition: 1,\n backgroundRepeat: 1,\n backgroundSize: 1,\n border: 1,\n borderBottom: 1,\n borderBottomColor: 1,\n borderBottomStyle: 1,\n borderBottomWidth: 1,\n borderColor: 1,\n borderImage: 1,\n borderLeft: 1,\n borderLeftColor: 1,\n borderLeftStyle: 1,\n borderLeftWidth: 1,\n borderRadius: 1,\n borderRight: 1,\n borderRightColor: 1,\n borderRightStyle: 1,\n borderRightWidth: 1,\n borderStyle: 1,\n borderTop: 1,\n borderTopColor: 1,\n borderTopLeftRadius: 1,\n borderTopRightRadius: 1,\n borderTopStyle: 1,\n borderTopWidth: 1,\n borderWidth: 1,\n bottom: 1,\n boxShadow: 1,\n boxSizing: 1,\n cursor: 1,\n color: 1,\n display: 1,\n direction: 1,\n filter: 1,\n flex: 1,\n flexBasis: 1,\n flexDirection: 1,\n flexFlow: 1,\n flexGrow: 1,\n flexShrink: 1,\n flexWrap: 1,\n float: 1,\n fontFamily: 1,\n fontSize: 1,\n fontStyle: 1,\n fontWeight: 1,\n font: 1,\n gap: 1,\n grid: 1,\n gridArea: 1,\n gridAutoColumns: 1,\n gridAutoFlow: 1,\n gridAutoRows: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnGap: 1,\n gridColumnStart: 1,\n gridGap: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowGap: 1,\n gridRowStart: 1,\n gridTemplate: 1,\n gridTemplateAreas: 1,\n gridTemplateColumns: 1,\n gridTemplateRows: 1,\n height: 1,\n justifyContent: 1,\n justifyItems: 1,\n justifySelf: 1,\n left: 1,\n letterSpacing: 1,\n lineBreak: 1,\n lineHeight: 1,\n listStyle: 1,\n margin: 1,\n marginBlock: 1,\n marginBlockEnd: 1,\n marginBlockStart: 1,\n marginBottom: 1,\n marginInline: 1,\n marginInlineEnd: 1,\n marginInlineStart: 1,\n marginLeft: 1,\n marginRight: 1,\n marginTop: 1,\n maxHeight: 1,\n maxWidth: 1,\n minHeight: 1,\n minWidth: 1,\n objectFit: 1,\n objectPosition: 1,\n opacity: 1,\n order: 1,\n outline: 1,\n overflow: 1,\n overflowX: 1,\n overflowY: 1,\n padding: 1,\n paddingBlock: 1,\n paddingBlockEnd: 1,\n paddingBlockStart: 1,\n paddingBottom: 1,\n paddingInline: 1,\n paddingInlineEnd: 1,\n paddingInlineStart: 1,\n paddingLeft: 1,\n paddingRight: 1,\n paddingTop: 1,\n perspective: 1,\n perspectiveOrigin: 1,\n pointerEvents: 1,\n position: 1,\n resize: 1,\n right: 1,\n textAlign: 1,\n textDecoration: 1,\n textShadow: 1,\n textTransform: 1,\n top: 1,\n transform: 1,\n transformOrigin: 1,\n transformStyle: 1,\n transition: 1,\n transitionDelay: 1,\n transitionDuration: 1,\n transitionProperty: 1,\n transitionTimingFunction: 1,\n userSelect: 1,\n verticalAlign: 1,\n visibility: 1,\n whiteSpace: 1,\n width: 1,\n wordBreak: 1,\n wordSpacing: 1,\n wordWrap: 1,\n zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,MAAMI,EAAqB,CACvB,WAAY,EACZ,QAAS,EACT,QAAS,EACT,GAAI,EACJ,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,OAAQ,EACR,OAAQ,EACR,QAAS,EACT,QAAS,EACT,WAAY,EACZ,WAAY,EACZ,SAAU,EACV,QAAS,EAET,SAAU,EAGV,aAAc,EACd,WAAY,EACZ,UAAW,EACX,UAAW,EACX,qBAAsB,EACtB,eAAgB,EAChB,mBAAoB,EACpB,kBAAmB,EACnB,kBAAmB,EACnB,wBAAyB,EACzB,cAAe,EACf,wBAAyB,EACzB,eAAgB,EAChB,WAAY,EACZ,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACjB,iBAAkB,EAClB,mBAAoB,EACpB,iBAAkB,EAClB,eAAgB,EAChB,OAAQ,EACR,aAAc,EACd,kBAAmB,EACnB,kBAAmB,EACnB,kBAAmB,EACnB,YAAa,EACb,YAAa,EACb,WAAY,EACZ,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,EACjB,aAAc,EACd,YAAa,EACb,iBAAkB,EAClB,iBAAkB,EAClB,iBAAkB,EAClB,YAAa,EACb,UAAW,EACX,eAAgB,EAChB,oBAAqB,EACrB,qBAAsB,EACtB,eAAgB,EAChB,eAAgB,EAChB,YAAa,EACb,OAAQ,EACR,UAAW,EACX,UAAW,EACX,OAAQ,EACR,MAAO,EACP,QAAS,EACT,UAAW,EACX,OAAQ,EACR,KAAM,EACN,UAAW,EACX,cAAe,EACf,SAAU,EACV,SAAU,EACV,WAAY,EACZ,SAAU,EACV,MAAO,EACP,WAAY,EACZ,SAAU,EACV,UAAW,EACX,WAAY,EACZ,KAAM,EACN,IAAK,EACL,KAAM,EACN,SAAU,EACV,gBAAiB,EACjB,aAAc,EACd,aAAc,EACd,WAAY,EACZ,cAAe,EACf,cAAe,EACf,gBAAiB,EACjB,QAAS,EACT,QAAS,EACT,WAAY,EACZ,WAAY,EACZ,aAAc,EACd,aAAc,EACd,kBAAmB,EACnB,oBAAqB,EACrB,iBAAkB,EAClB,OAAQ,EACR,eAAgB,EAChB,aAAc,EACd,YAAa,EACb,KAAM,EACN,cAAe,EACf,UAAW,EACX,WAAY,EACZ,UAAW,EACX,OAAQ,EACR,YAAa,EACb,eAAgB,EAChB,iBAAkB,EAClB,aAAc,EACd,aAAc,EACd,gBAAiB,EACjB,kBAAmB,EACnB,WAAY,EACZ,YAAa,EACb,UAAW,EACX,UAAW,EACX,SAAU,EACV,UAAW,EACX,SAAU,EACV,UAAW,EACX,eAAgB,EAChB,QAAS,EACT,MAAO,EACP,QAAS,EACT,SAAU,EACV,UAAW,EACX,UAAW,EACX,QAAS,EACT,aAAc,EACd,gBAAiB,EACjB,kBAAmB,EACnB,cAAe,EACf,cAAe,EACf,iBAAkB,EAClB,mBAAoB,EACpB,YAAa,EACb,aAAc,EACd,WAAY,EACZ,YAAa,EACb,kBAAmB,EACnB,cAAe,EACf,SAAU,EACV,OAAQ,EACR,MAAO,EACP,UAAW,EACX,eAAgB,EAChB,WAAY,EACZ,cAAe,EACf,IAAK,EACL,UAAW,EACX,gBAAiB,EACjB,eAAgB,EAChB,WAAY,EACZ,gBAAiB,EACjB,mBAAoB,EACpB,mBAAoB,EACpB,yBAA0B,EAC1B,WAAY,EACZ,cAAe,EACf,WAAY,EACZ,WAAY,EACZ,MAAO,EACP,UAAW,EACX,YAAa,EACb,SAAU,EACV,OAAQ,CACZ,EAEA,IAAOF,EAAQE",
|
|
6
|
-
"names": ["cssPropList_exports", "__export", "cssPropList_default", "__toCommonJS", "CSS_PROP_LIST"]
|
|
7
|
-
}
|
package/cjs/Tag/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var f=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},n=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of R(e))!d.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=g(e,t))||a.enumerable});return o};var T=(o,e,r)=>(r=o!=null?f(c(o)):{},n(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),y=o=>n(p({},"__esModule",{value:!0}),o);var l={};i(l,{default:()=>P});module.exports=y(l);var m=T(require("react"),1),s=T(require("./useTagProps"),1);const u=m.forwardRef(({component:o,children:e,...r},a)=>{const t=(0,s.default)(r);return t.ref=a,m.createElement(o||"div",t,e)});var P=u;
|
|
2
|
-
//# sourceMappingURL=index.js.map
|