@xanui/core 1.0.14 → 1.0.16
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.map +7 -0
- package/Tag/cssPropList.js.map +7 -0
- package/Tag/index.js.map +7 -0
- package/Tag/useTagProps.js.map +7 -0
- package/Transition/index.js.map +7 -0
- package/Transition/variants.js.map +7 -0
- package/breakpoint/index.js.map +7 -0
- package/breakpoint/useBreakpoint.js.map +7 -0
- package/breakpoint/useBreakpointProps.js.map +7 -0
- package/cjs/ServerStyleTags.js +1 -1
- package/cjs/ServerStyleTags.js.map +2 -2
- package/cjs/Tag/cssPropList.js.map +1 -1
- package/cjs/Tag/index.js +1 -1
- package/cjs/Tag/index.js.map +2 -2
- package/cjs/Tag/types.js.map +1 -1
- package/cjs/Tag/useTagProps.js +1 -1
- package/cjs/Tag/useTagProps.js.map +2 -2
- package/cjs/Transition/index.js +1 -1
- package/cjs/Transition/index.js.map +2 -2
- package/cjs/Transition/variants.js.map +1 -1
- package/cjs/breakpoint/index.js +1 -1
- package/cjs/breakpoint/index.js.map +2 -2
- package/cjs/breakpoint/useBreakpoint.js +1 -1
- package/cjs/breakpoint/useBreakpoint.js.map +2 -2
- package/cjs/breakpoint/useBreakpointProps.js +1 -1
- package/cjs/breakpoint/useBreakpointProps.js.map +2 -2
- package/cjs/css/aliases.js.map +1 -1
- package/cjs/css/getProps.js +1 -1
- package/cjs/css/getProps.js.map +2 -2
- package/cjs/css/getValue.js.map +1 -1
- package/cjs/css/index.js +1 -1
- package/cjs/css/index.js.map +2 -2
- package/cjs/css/types.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +2 -2
- package/cjs/isWindow.js.map +1 -1
- package/cjs/theme/ThemeCssVars.js.map +1 -1
- package/cjs/theme/ThemeDefaultOptions.js.map +1 -1
- package/cjs/theme/ThemeProvider.js +1 -1
- package/cjs/theme/ThemeProvider.js.map +2 -2
- package/cjs/theme/core.js +1 -1
- package/cjs/theme/core.js.map +2 -2
- package/cjs/theme/createColor.js.map +1 -1
- package/cjs/theme/createTheme.js +1 -1
- package/cjs/theme/createTheme.js.map +2 -2
- package/cjs/theme/createThemeSwitcher.js.map +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/index.js.map +2 -2
- package/cjs/theme/types.js.map +1 -1
- package/cjs/useAnimation.js.map +1 -1
- package/cjs/useColorTemplate.js.map +1 -1
- package/cjs/useInterface.js.map +1 -1
- package/css/aliases.js.map +7 -0
- package/css/getProps.js +2 -0
- package/css/getProps.js.map +7 -0
- package/css/getValue.js.map +7 -0
- package/css/index.js.map +7 -0
- package/index.js.map +7 -0
- package/isWindow.js.map +7 -0
- package/package.json +17 -20
- package/theme/ThemeCssVars.js.map +7 -0
- package/theme/ThemeDefaultOptions.js.map +7 -0
- package/theme/ThemeProvider.js.map +7 -0
- package/theme/core.js.map +7 -0
- package/theme/createColor.js.map +7 -0
- package/theme/createTheme.js.map +7 -0
- package/theme/createThemeSwitcher.js.map +7 -0
- package/theme/index.js.map +7 -0
- package/useAnimation.js.map +7 -0
- package/useColorTemplate.js.map +7 -0
- package/useInterface.js.map +7 -0
- package/esm/ServerStyleTags.js.map +0 -7
- package/esm/Tag/cssPropList.js.map +0 -7
- package/esm/Tag/index.js.map +0 -7
- package/esm/Tag/useTagProps.js.map +0 -7
- package/esm/Transition/index.js.map +0 -7
- package/esm/Transition/variants.js.map +0 -7
- package/esm/breakpoint/index.js.map +0 -7
- package/esm/breakpoint/useBreakpoint.js.map +0 -7
- package/esm/breakpoint/useBreakpointProps.js.map +0 -7
- package/esm/css/aliases.js.map +0 -7
- package/esm/css/getProps.js +0 -2
- package/esm/css/getProps.js.map +0 -7
- package/esm/css/getValue.js.map +0 -7
- package/esm/css/index.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/isWindow.js.map +0 -7
- package/esm/theme/ThemeCssVars.js.map +0 -7
- package/esm/theme/ThemeDefaultOptions.js.map +0 -7
- package/esm/theme/ThemeProvider.js.map +0 -7
- package/esm/theme/core.js.map +0 -7
- package/esm/theme/createColor.js.map +0 -7
- package/esm/theme/createTheme.js.map +0 -7
- package/esm/theme/createThemeSwitcher.js.map +0 -7
- package/esm/theme/index.js.map +0 -7
- package/esm/useAnimation.js.map +0 -7
- package/esm/useColorTemplate.js.map +0 -7
- package/esm/useInterface.js.map +0 -7
- /package/{esm/ServerStyleTags.js → ServerStyleTags.js} +0 -0
- /package/{esm/Tag → Tag}/cssPropList.js +0 -0
- /package/{esm/Tag → Tag}/index.js +0 -0
- /package/{esm/Tag → Tag}/types.js +0 -0
- /package/{esm/Tag → Tag}/types.js.map +0 -0
- /package/{esm/Tag → Tag}/useTagProps.js +0 -0
- /package/{esm/Transition → Transition}/index.js +0 -0
- /package/{esm/Transition → Transition}/variants.js +0 -0
- /package/{esm/breakpoint → breakpoint}/index.js +0 -0
- /package/{esm/breakpoint → breakpoint}/useBreakpoint.js +0 -0
- /package/{esm/breakpoint → breakpoint}/useBreakpointProps.js +0 -0
- /package/{esm/css → css}/aliases.js +0 -0
- /package/{esm/css → css}/getValue.js +0 -0
- /package/{esm/css → css}/index.js +0 -0
- /package/{esm/css → css}/types.js +0 -0
- /package/{esm/css → css}/types.js.map +0 -0
- /package/{esm/index.js → index.js} +0 -0
- /package/{esm/isWindow.js → isWindow.js} +0 -0
- /package/{esm/theme → theme}/ThemeCssVars.js +0 -0
- /package/{esm/theme → theme}/ThemeDefaultOptions.js +0 -0
- /package/{esm/theme → theme}/ThemeProvider.js +0 -0
- /package/{esm/theme → theme}/core.js +0 -0
- /package/{esm/theme → theme}/createColor.js +0 -0
- /package/{esm/theme → theme}/createTheme.js +0 -0
- /package/{esm/theme → theme}/createThemeSwitcher.js +0 -0
- /package/{esm/theme → theme}/index.js +0 -0
- /package/{esm/theme → theme}/types.js +0 -0
- /package/{esm/theme → theme}/types.js.map +0 -0
- /package/{esm/useAnimation.js → useAnimation.js} +0 -0
- /package/{esm/useColorTemplate.js → useColorTemplate.js} +0 -0
- /package/{esm/useInterface.js → useInterface.js} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/css/getProps.ts"],
|
|
4
|
+
"sourcesContent": ["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n let important;\r\n if (typeof value === 'string') {\r\n const split = value.split(\"!\")\r\n important = split[1] ? \"!important\" : \"\"\r\n value = split[0]\r\n }\r\n\r\n if (prop === 'disabled') {\r\n if ((value as any) === true) {\r\n return {\r\n pointerEvents: \"none!important\",\r\n cursor: \"default!important\",\r\n userSelect: \"none!important\",\r\n opacity: \".8!important\"\r\n } as any\r\n }\r\n return {}\r\n }\r\n\r\n if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n const keys: any = Object.keys(_css)\r\n let p: any = {\r\n [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n }\r\n if (!keys.includes(`${prop}Color`)) {\r\n p[`${prop}Color`] = \"divider\"\r\n }\r\n if (!keys.includes(`${prop}Style`)) {\r\n p[`${prop}Style`] = \"solid\"\r\n }\r\n return p\r\n }\r\n}\r\n\r\nexport default getProps"],
|
|
5
|
+
"mappings": "AAEA,MAAMA,EAAW,CAACC,EAAcC,EAAeC,IAAmB,CAC9D,IAAIC,EACJ,GAAI,OAAOF,GAAU,SAAU,CAC3B,MAAMG,EAAQH,EAAM,MAAM,GAAG,EAC7BE,EAAYC,EAAM,CAAC,EAAI,aAAe,GACtCH,EAAQG,EAAM,CAAC,CACnB,CAEA,GAAIJ,IAAS,WACT,OAAKC,IAAkB,GACZ,CACH,cAAe,iBACf,OAAQ,oBACR,WAAY,iBACZ,QAAS,cACb,EAEG,CAAC,EAGZ,GAAIA,GAAS,OAAOA,GAAU,UAAY,CAAC,SAAU,cAAe,aAAc,YAAa,cAAc,EAAE,SAASD,CAAW,EAAG,CAClI,MAAMK,EAAY,OAAO,KAAKH,CAAI,EAClC,IAAII,EAAS,CACT,CAAC,GAAGN,CAAI,OAAO,EAAGC,EAAQ,MAAQE,GAAa,GACnD,EACA,OAAKE,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,WAEnBK,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,SAEjBM,CACX,CACJ,EAEA,IAAOC,EAAQR",
|
|
6
|
+
"names": ["getProps", "prop", "value", "_css", "important", "split", "keys", "p", "getProps_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/css/getValue.ts"],
|
|
4
|
+
"sourcesContent": ["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n return {\r\n [`${color}`]: `var(--color-${color}-primary)`,\r\n [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n [`${color}.text`]: `var(--color-${color}-text)`,\r\n [`${color}.alpha`]: `var(--color-${color}-alpha)`\r\n }\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n \"text\": `var(--color-text-primary)`,\r\n \"text.primary\": `var(--color-text-primary)`,\r\n \"text.secondary\": `var(--color-text-secondary)`,\r\n\r\n \"background\": `var(--color-background-primary)`,\r\n \"background.primary\": `var(--color-background-primary)`,\r\n \"background.secondary\": `var(--color-background-secondary)`,\r\n \"background.alpha\": `var(--color-background-alpha)`,\r\n \"divider\": `var(--color-divider)`,\r\n\r\n ...getColor(\"brand\"),\r\n ...getColor(\"accent\"),\r\n ...getColor(\"info\"),\r\n ...getColor(\"success\"),\r\n ...getColor(\"warning\"),\r\n ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n \"xs\": \"var(--bp-xs)\",\r\n \"sm\": \"var(--bp-sm)\",\r\n \"md\": \"var(--bp-md)\",\r\n \"lg\": \"var(--bp-lg)\",\r\n \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n \"h1\": \"var(--fontsize-h1)\",\r\n \"h2\": \"var(--fontsize-h2)\",\r\n \"h3\": \"var(--fontsize-h3)\",\r\n \"h4\": \"var(--fontsize-h4)\",\r\n \"h5\": \"var(--fontsize-h5)\",\r\n \"h6\": \"var(--fontsize-h6)\",\r\n \"text\": \"var(--fontsize-text)\",\r\n \"button\": \"var(--fontsize-button)\",\r\n \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n \"h1\": \"var(--lineheight-h1)\",\r\n \"h2\": \"var(--lineheight-h2)\",\r\n \"h3\": \"var(--lineheight-h3)\",\r\n \"h4\": \"var(--lineheight-h4)\",\r\n \"h5\": \"var(--lineheight-h5)\",\r\n \"h6\": \"var(--lineheight-h6)\",\r\n \"text\": \"var(--lineheight-text)\",\r\n \"button\": \"var(--lineheight-button)\",\r\n \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n \"h1\": \"var(--fontweight-h1)\",\r\n \"h2\": \"var(--fontweight-h2)\",\r\n \"h3\": \"var(--fontweight-h3)\",\r\n \"h4\": \"var(--fontweight-h4)\",\r\n \"h5\": \"var(--fontweight-h5)\",\r\n \"h6\": \"var(--fontweight-h6)\",\r\n \"text\": \"var(--fontweight-text)\",\r\n \"button\": \"var(--fontweight-button)\",\r\n \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n \"h1\": \"var(--font-h1)\",\r\n \"h2\": \"var(--font-h2)\",\r\n \"h3\": \"var(--font-h3)\",\r\n \"h4\": \"var(--font-h4)\",\r\n \"h5\": \"var(--font-h5)\",\r\n \"h6\": \"var(--font-h6)\",\r\n \"text\": \"var(--font-text)\",\r\n \"button\": \"var(--font-button)\",\r\n \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n let important;\r\n\r\n if (typeof value === 'string') {\r\n const split = value.split(\"!\")\r\n important = split[1] ? \"!important\" : \"\"\r\n value = split[0]\r\n }\r\n\r\n if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n return withImportant(important, breakpoints[value] || value)\r\n } else if (['fontFamily', 'font-family'].includes(prop) && value === 'default') {\r\n return withImportant(important, \"var(--font-family)\")\r\n } if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n return withImportant(important, font[value] || value)\r\n } if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n return withImportant(important, fontWeights[value] || value)\r\n } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n return withImportant(important, lineHeights[value] || value)\r\n } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n return withImportant(important, fontsizes[value] || value)\r\n } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n return withImportant(important, `var(--shadow-${value})`)\r\n }\r\n\r\n return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],
|
|
5
|
+
"mappings": "AAEA,MAAMA,EAAYC,IACP,CACH,CAAC,GAAGA,CAAK,EAAE,EAAG,eAAeA,CAAK,YAClC,CAAC,GAAGA,CAAK,UAAU,EAAG,eAAeA,CAAK,YAC1C,CAAC,GAAGA,CAAK,YAAY,EAAG,eAAeA,CAAK,cAC5C,CAAC,GAAGA,CAAK,OAAO,EAAG,eAAeA,CAAK,SACvC,CAAC,GAAGA,CAAK,QAAQ,EAAG,eAAeA,CAAK,SAC5C,GAGEC,EAAgB,CAACC,EAAgBC,IAAeD,EAAYC,EAAQD,EAAYC,EAChFC,EAAc,CAChB,KAAQ,4BACR,eAAgB,4BAChB,iBAAkB,8BAElB,WAAc,kCACd,qBAAsB,kCACtB,uBAAwB,oCACxB,mBAAoB,gCACpB,QAAW,uBAEX,GAAGL,EAAS,OAAO,EACnB,GAAGA,EAAS,QAAQ,EACpB,GAAGA,EAAS,MAAM,EAClB,GAAGA,EAAS,SAAS,EACrB,GAAGA,EAAS,SAAS,EACrB,GAAGA,EAAS,QAAQ,CACxB,EAEMM,EAAmB,CACrB,GAAM,eACN,GAAM,eACN,GAAM,eACN,GAAM,eACN,GAAM,cACV,EAEA,IAAIC,EAAiB,CACjB,GAAM,qBACN,GAAM,qBACN,GAAM,qBACN,GAAM,qBACN,GAAM,qBACN,GAAM,qBACN,KAAQ,uBACR,OAAU,yBACV,MAAS,uBACb,EAEIC,EAAmB,CACnB,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,KAAQ,yBACR,OAAU,2BACV,MAAS,yBACb,EAEIC,EAAmB,CACnB,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,GAAM,uBACN,KAAQ,yBACR,OAAU,2BACV,MAAS,yBACb,EAEIC,EAAY,CACZ,GAAM,iBACN,GAAM,iBACN,GAAM,iBACN,GAAM,iBACN,GAAM,iBACN,GAAM,iBACN,KAAQ,mBACR,OAAU,qBACV,MAAS,mBACb,EAEA,MAAMC,EAAW,CAACC,EAAWR,EAAwBS,IAAwB,CACzE,IAAIV,EAEJ,GAAI,OAAOC,GAAU,SAAU,CAC3B,MAAMU,EAAQV,EAAM,MAAM,GAAG,EAC7BD,EAAYW,EAAM,CAAC,EAAI,aAAe,GACtCV,EAAQU,EAAM,CAAC,CACnB,CAEA,MAAI,CAAC,QAAS,WAAY,WAAY,YAAa,WAAW,EAAE,SAASF,CAAI,EAClEV,EAAcC,EAAWG,EAAYF,CAAK,GAAKA,CAAK,EACpD,CAAC,aAAc,aAAa,EAAE,SAASQ,CAAI,GAAKR,IAAU,UAC1DF,EAAcC,EAAW,oBAAoB,EAClDS,IAAS,QAAU,OAAOR,GAAU,UAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,SAAU,OAAO,EAAE,SAASA,CAAK,EACzHF,EAAcC,EAAWO,EAAKN,CAAK,GAAKA,CAAK,EAClD,CAAC,aAAc,aAAa,EAAE,SAASQ,CAAI,GAAK,OAAOR,GAAU,UAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,SAAU,OAAO,EAAE,SAASA,CAAK,EACtJF,EAAcC,EAAWM,EAAYL,CAAK,GAAKA,CAAK,EACpD,CAAC,aAAc,aAAa,EAAE,SAASQ,CAAI,GAAK,OAAOR,GAAU,UAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,OAAQ,SAAU,OAAO,EAAE,SAASA,CAAK,EAC3JF,EAAcC,EAAWK,EAAYJ,CAAK,GAAKA,CAAK,EACpD,CAAC,WAAY,WAAW,EAAE,SAASQ,CAAI,GAAK,OAAOR,GAAU,SAC7DF,EAAcC,EAAWI,EAAUH,CAAK,GAAKA,CAAK,EAClD,OAAOA,GAAU,UAAY,CAAC,SAAU,WAAW,EAAE,SAASQ,CAAI,EAClEV,EAAcC,EAAW,gBAAgBC,CAAK,GAAG,EAGrDF,EAAcC,EAAWE,EAAOD,CAAK,GAAKA,CAAK,CAC1D,EAEA,IAAOW,EAAQJ",
|
|
6
|
+
"names": ["getColor", "color", "withImportant", "important", "value", "colors", "breakpoints", "fontsizes", "lineHeights", "fontWeights", "font", "getValue", "prop", "_css", "split", "getValue_default"]
|
|
7
|
+
}
|
package/css/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/css/index.ts"],
|
|
4
|
+
"sourcesContent": ["import getValue from \"./getValue\"\r\nimport getProps from \"./getProps\"\r\nimport aliases from \"./aliases\"\r\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\r\nimport { css as _css } from \"oncss\"\r\n\r\nexport {\r\n getValue,\r\n getProps\r\n}\r\n\r\nexport const breakpoints = {\r\n xs: 0,\r\n sm: 600,\r\n md: 900,\r\n lg: 1200,\r\n xl: 1536\r\n}\r\n\r\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\r\n const cssOptions: CSSOptionProps = {\r\n ...options,\r\n breakpoints,\r\n aliases,\r\n getValue: (p: any, v: any, _c: any, dept) => {\r\n if (options?.getValue) {\r\n let _val = options?.getValue(p, v, _c, dept)\r\n if (_val) return _val\r\n }\r\n return getValue(p, v, _c)\r\n },\r\n getProps: (p: any, v: any, _c: any, dept) => {\r\n if (options?.getProps) {\r\n let _p = options?.getProps(p, v, _c, dept)\r\n if (_p) return _p\r\n }\r\n return getProps(p, v, _c)\r\n },\r\n }\r\n return _css<Aliases, BreakpointKeys>(props, cssOptions)\r\n}\r\n\r\nexport const adjustColor = (hex: string, factor: number) => {\r\n\r\n hex = hex.replace(/^#/, '')\r\n\r\n let r = parseInt(hex.slice(0, 2), 16)\r\n let g = parseInt(hex.slice(2, 4), 16)\r\n let b = parseInt(hex.slice(4, 6), 16)\r\n\r\n r = Math.floor(r * factor)\r\n g = Math.floor(g * factor)\r\n b = Math.floor(b * factor)\r\n\r\n r = Math.min(255, Math.max(0, r))\r\n g = Math.min(255, Math.max(0, g))\r\n b = Math.min(255, Math.max(0, b))\r\n\r\n return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\r\n}\r\n\r\nexport const adjustTextContrast = (color: string) => {\r\n color = color.replace(/^#/, '')\r\n const r = parseInt(color.slice(0, 2), 16);\r\n const g = parseInt(color.slice(2, 4), 16);\r\n const b = parseInt(color.slice(4, 6), 16);\r\n\r\n const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\r\n return luminance > 0.5 ? '#111111' : '#FFFFFF';\r\n}\r\n\r\nexport const alpha = (color: string, opacity = 1) => {\r\n if (typeof opacity !== 'number') return color\r\n let _opacity = opacity * 100\r\n if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\r\n return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\r\n};\r\n\r\n"],
|
|
5
|
+
"mappings": "AAAA,OAAOA,MAAc,aACrB,OAAOC,MAAc,aACrB,OAAOC,MAAa,YAEpB,OAAS,OAAOC,MAAY,QAOrB,MAAMC,EAAc,CACvB,GAAI,EACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,IACR,EAEaC,EAAM,CAACC,EAAiBC,IAA6B,CAC9D,MAAMC,EAA6B,CAC/B,GAAGD,EACH,YAAAH,EACA,QAAAF,EACA,SAAU,CAACO,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIL,GAAS,SAAU,CACnB,IAAIM,EAAON,GAAS,SAASE,EAAGC,EAAGC,EAAIC,CAAI,EAC3C,GAAIC,EAAM,OAAOA,CACrB,CACA,OAAOb,EAASS,EAAGC,EAAGC,CAAE,CAC5B,EACA,SAAU,CAACF,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIL,GAAS,SAAU,CACnB,IAAIO,EAAKP,GAAS,SAASE,EAAGC,EAAGC,EAAIC,CAAI,EACzC,GAAIE,EAAI,OAAOA,CACnB,CACA,OAAOb,EAASQ,EAAGC,EAAGC,CAAE,CAC5B,CACJ,EACA,OAAOR,EAA8BG,EAAOE,CAAU,CAC1D,EAEaO,EAAc,CAACC,EAAaC,IAAmB,CAExDD,EAAMA,EAAI,QAAQ,KAAM,EAAE,EAE1B,IAAIE,EAAI,SAASF,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCG,EAAI,SAASH,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCI,EAAI,SAASJ,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAEpC,OAAAE,EAAI,KAAK,MAAMA,EAAID,CAAM,EACzBE,EAAI,KAAK,MAAMA,EAAIF,CAAM,EACzBG,EAAI,KAAK,MAAMA,EAAIH,CAAM,EAEzBC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAEzB,IAAIF,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,EAClH,EAEaC,EAAsBC,GAAkB,CACjDA,EAAQA,EAAM,QAAQ,KAAM,EAAE,EAC9B,MAAM,EAAI,SAASA,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCH,EAAI,SAASG,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCF,EAAI,SAASE,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAGxC,OADmB,KAAQ,EAAI,KAAQH,EAAI,KAAQC,GAAK,IACrC,GAAM,UAAY,SACzC,EAEaG,EAAQ,CAACD,EAAeE,EAAU,IAAM,CACjD,GAAI,OAAOA,GAAY,SAAU,OAAOF,EACxC,IAAIG,EAAWD,EAAU,IACzB,GAAI,CAACF,EAAM,WAAW,GAAG,EAAG,MAAM,IAAI,MAAM,mBAAmB,EAC/D,OAAQA,EAAS,IAAI,KAAK,MAAO,IAAM,IAAOG,CAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,GAAI,YAAY,CACnG",
|
|
6
|
+
"names": ["getValue", "getProps", "aliases", "_css", "breakpoints", "css", "props", "options", "cssOptions", "p", "v", "_c", "dept", "_val", "_p", "adjustColor", "hex", "factor", "r", "g", "b", "adjustTextContrast", "color", "alpha", "opacity", "_opacity"]
|
|
7
|
+
}
|
package/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/index.ts"],
|
|
4
|
+
"sourcesContent": ["import Tag from './Tag'\r\nimport useTagProps from './Tag/useTagProps'\r\nimport useAnimation from './useAnimation'\r\nimport useColorTemplate from './useColorTemplate'\r\nimport useBreakpoint from './breakpoint/useBreakpoint'\r\nimport useBreakpointProps from './breakpoint/useBreakpointProps'\r\nimport ServerStyleTags from './ServerStyleTags'\r\nimport isWindow from './isWindow'\r\nimport useInterface from './useInterface'\r\nimport Transition from './Transition'\r\n\r\nexport * from './css'\r\nexport * from \"./theme\"\r\nexport * from './css/types'\r\nexport * from './Tag/types'\r\nexport * from './theme/types'\r\nexport * from './useColorTemplate'\r\nexport * from './useAnimation'\r\nexport type * from './Transition'\r\nexport type * from './Tag/types'\r\nexport type { useBreakpointPropsType } from './breakpoint/useBreakpointProps'\r\n\r\nexport {\r\n Tag,\r\n useTagProps,\r\n useAnimation,\r\n Transition,\r\n useColorTemplate,\r\n ServerStyleTags,\r\n useBreakpoint,\r\n useBreakpointProps,\r\n isWindow,\r\n useInterface\r\n}"],
|
|
5
|
+
"mappings": "AAAA,OAAOA,MAAS,QAChB,OAAOC,MAAiB,oBACxB,OAAOC,MAAkB,iBACzB,OAAOC,MAAsB,qBAC7B,OAAOC,MAAmB,6BAC1B,OAAOC,MAAwB,kCAC/B,OAAOC,MAAqB,oBAC5B,OAAOC,MAAc,aACrB,OAAOC,MAAkB,iBACzB,OAAOC,MAAgB,eAEvB,WAAc,QACd,WAAc,UACd,WAAc,cACd,WAAc,cACd,WAAc,gBACd,WAAc,qBACd,WAAc",
|
|
6
|
+
"names": ["Tag", "useTagProps", "useAnimation", "useColorTemplate", "useBreakpoint", "useBreakpointProps", "ServerStyleTags", "isWindow", "useInterface", "Transition"]
|
|
7
|
+
}
|
package/isWindow.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/isWindow.ts"],
|
|
4
|
+
"sourcesContent": ["\r\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\r\nexport default isWindow"],
|
|
5
|
+
"mappings": "AACA,MAAMA,EAAW,IAAqB,OAAO,OAAW,IAAc,OAAS,OAC/E,IAAOC,EAAQD",
|
|
6
|
+
"names": ["isWindow", "isWindow_default"]
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,45 +1,42 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xanui/core",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"description": "",
|
|
5
|
+
"private": false,
|
|
6
|
+
"type": "module",
|
|
5
7
|
"main": "./cjs/index.js",
|
|
6
|
-
"module": "./
|
|
8
|
+
"module": "./index.js",
|
|
7
9
|
"types": "./types/index.d.ts",
|
|
8
10
|
"exports": {
|
|
9
11
|
".": {
|
|
10
12
|
"types": "./types/index.d.ts",
|
|
11
|
-
"import": "./
|
|
13
|
+
"import": "./index.js",
|
|
12
14
|
"require": "./cjs/index.js"
|
|
13
15
|
},
|
|
14
|
-
"./*": {
|
|
15
|
-
"types": "./types/*.d.ts",
|
|
16
|
-
"import": "./esm/*.js",
|
|
17
|
-
"require": "./cjs/*.js"
|
|
18
|
-
},
|
|
19
16
|
"./types/*": "./types/*.d.ts",
|
|
20
|
-
"./esm/*": "./esm/*.js",
|
|
21
|
-
"./esm/*.js": "./esm/*.js",
|
|
22
17
|
"./cjs/*": "./cjs/*.js",
|
|
23
|
-
"
|
|
18
|
+
"./*": {
|
|
19
|
+
"import": "./*.js",
|
|
20
|
+
"require": "./cjs/*.js"
|
|
21
|
+
}
|
|
24
22
|
},
|
|
25
|
-
"private": false,
|
|
26
23
|
"scripts": {
|
|
27
|
-
"start": "makepack
|
|
28
|
-
"
|
|
29
|
-
"publish
|
|
24
|
+
"start": "makepack start",
|
|
25
|
+
"build": "makepack build",
|
|
26
|
+
"build:publish": "makepack publish"
|
|
30
27
|
},
|
|
31
28
|
"dependencies": {
|
|
32
|
-
"oncss": "^1.1.
|
|
33
|
-
"pretty-class": "^1.0.
|
|
29
|
+
"oncss": "^1.1.14",
|
|
30
|
+
"pretty-class": "^1.0.2",
|
|
34
31
|
"react": "^19.0.0",
|
|
35
32
|
"react-dom": "^19.0.0",
|
|
36
|
-
"react-state-bucket": "^1.1.
|
|
33
|
+
"react-state-bucket": "^1.1.6"
|
|
37
34
|
},
|
|
38
35
|
"devDependencies": {
|
|
39
36
|
"@types/react": "^19.0.2",
|
|
40
37
|
"@types/react-dom": "^19.0.2",
|
|
41
|
-
"makepack": "^1.
|
|
42
|
-
"typescript": "^4.
|
|
38
|
+
"makepack": "^1.5.9",
|
|
39
|
+
"typescript": "^4.9.5"
|
|
43
40
|
},
|
|
44
41
|
"keywords": []
|
|
45
42
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/ThemeCssVars.ts"],
|
|
4
|
+
"sourcesContent": ["import { ThemeOptions } from \"./types\";\r\n\r\nconst ThemeCssVars = (theme: ThemeOptions) => {\r\n\r\n const shadows: any = {}\r\n theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\r\n\r\n return {\r\n \"--bp-xs\": theme.breakpoints.xs,\r\n \"--bp-sm\": theme.breakpoints.sm,\r\n \"--bp-md\": theme.breakpoints.md,\r\n \"--bp-lg\": theme.breakpoints.lg,\r\n \"--bp-xl\": theme.breakpoints.xl,\r\n\r\n \"--font-family\": theme.typography.fontFamily,\r\n \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} ${theme.typography.fontFamily}`,\r\n \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} ${theme.typography.fontFamily}`,\r\n\r\n \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\r\n \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\r\n \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\r\n \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\r\n \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\r\n \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\r\n \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\r\n \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\r\n \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\r\n\r\n \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\r\n \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\r\n \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\r\n \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\r\n \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\r\n \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\r\n \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\r\n \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\r\n \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\r\n\r\n \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\r\n \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\r\n \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\r\n \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\r\n \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\r\n \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\r\n \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\r\n \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\r\n \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\r\n\r\n \"--color-text\": theme.colors.text.primary,\r\n \"--color-text-primary\": theme.colors.text.primary,\r\n \"--color-text-secondary\": theme.colors.text.secondary,\r\n\r\n \"--color-background\": theme.colors.background.primary,\r\n \"--color-background-primary\": theme.colors.background.primary,\r\n \"--color-background-secondary\": theme.colors.background.secondary,\r\n \"--color-background-alpha\": theme.colors.background.alpha,\r\n\r\n \"--color-divider\": theme.colors.divider,\r\n\r\n \"--color-brand\": theme.colors.brand.primary,\r\n \"--color-brand-primary\": theme.colors.brand.primary,\r\n \"--color-brand-secondary\": theme.colors.brand.secondary,\r\n \"--color-brand-alpha\": theme.colors.brand.alpha,\r\n \"--color-brand-text\": theme.colors.brand.text,\r\n\r\n \"--color-accent\": theme.colors.accent.primary,\r\n \"--color-accent-primary\": theme.colors.accent.primary,\r\n \"--color-accent-secondary\": theme.colors.accent.secondary,\r\n \"--color-accent-alpha\": theme.colors.accent.alpha,\r\n \"--color-accent-text\": theme.colors.accent.text,\r\n\r\n \"--color-info\": theme.colors.info.primary,\r\n \"--color-info-primary\": theme.colors.info.primary,\r\n \"--color-info-secondary\": theme.colors.info.secondary,\r\n \"--color-info-alpha\": theme.colors.info.alpha,\r\n \"--color-info-text\": theme.colors.info.text,\r\n\r\n \"--color-success\": theme.colors.success.primary,\r\n \"--color-success-primary\": theme.colors.success.primary,\r\n \"--color-success-secondary\": theme.colors.success.secondary,\r\n \"--color-success-alpha\": theme.colors.success.alpha,\r\n \"--color-success-text\": theme.colors.success.text,\r\n\r\n \"--color-warning\": theme.colors.warning.primary,\r\n \"--color-warning-primary\": theme.colors.warning.primary,\r\n \"--color-warning-secondary\": theme.colors.warning.secondary,\r\n \"--color-warning-alpha\": theme.colors.warning.alpha,\r\n \"--color-warning-text\": theme.colors.warning.text,\r\n\r\n \"--color-danger\": theme.colors.danger.primary,\r\n \"--color-danger-primary\": theme.colors.danger.primary,\r\n \"--color-danger-secondary\": theme.colors.danger.secondary,\r\n \"--color-danger-alpha\": theme.colors.danger.alpha,\r\n \"--color-danger-text\": theme.colors.danger.text,\r\n ...shadows,\r\n }\r\n}\r\n\r\n\r\nexport default ThemeCssVars"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["ThemeCssVars", "theme", "shadows", "s", "i", "ThemeCssVars_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/ThemeDefaultOptions.ts"],
|
|
4
|
+
"sourcesContent": ["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightColorPallete = {\r\n text: {\r\n primary: \"#212B36\",\r\n secondary: \"#637381\",\r\n },\r\n background: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#EDEFF7\",\r\n },\r\n divider: \"#DADCE0\"\r\n}\r\n\r\nexport const darkColorPallete = {\r\n text: {\r\n primary: \"#FFFFFF\",\r\n secondary: \"#C4CDD5\",\r\n },\r\n background: {\r\n primary: \"#272727\",\r\n secondary: \"#1E1E1E\",\r\n },\r\n divider: \"#3D3D3D\"\r\n}\r\n\r\nexport const ThemeColors = {\r\n ...lightColorPallete,\r\n brand: {\r\n primary: \"#3b82f6\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n accent: {\r\n primary: \"#14b8a6\",\r\n secondary: \"#2dd4bf\",\r\n text: \"#FFFFFF\"\r\n },\r\n info: {\r\n primary: \"#0ea5e9\",\r\n secondary: \"#60a5fa\",\r\n text: \"#FFFFFF\"\r\n },\r\n success: {\r\n primary: \"#22c55e\",\r\n secondary: \"#4ade80\",\r\n text: \"#FFFFFF\"\r\n },\r\n warning: {\r\n primary: \"#f59e0b\",\r\n secondary: \"#fbbf24\",\r\n text: \"#FFFFFF\"\r\n },\r\n danger: {\r\n primary: \"#ef4444\",\r\n secondary: \"#f87171\",\r\n text: \"#FFFFFF\"\r\n },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n fontFamily: '\"Inter\",sans-serif,\"Helvetica\",\"Arial\"',\r\n h1: {\r\n fontSize: 47.78,\r\n lineHeight: 1.3,\r\n fontWeight: 400,\r\n },\r\n h2: {\r\n fontSize: 39.81,\r\n lineHeight: 1.35,\r\n fontWeight: 400,\r\n },\r\n h3: {\r\n fontSize: 33.18,\r\n lineHeight: 1.4,\r\n fontWeight: 400,\r\n },\r\n h4: {\r\n fontSize: 27.65,\r\n lineHeight: 1.45,\r\n fontWeight: 400,\r\n },\r\n h5: {\r\n fontSize: 27.65,\r\n lineHeight: 1.5,\r\n fontWeight: 400,\r\n },\r\n h6: {\r\n fontSize: 23.04,\r\n lineHeight: 1.55,\r\n fontWeight: 400,\r\n },\r\n text: {\r\n fontSize: 16,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n },\r\n button: {\r\n fontSize: 13.33,\r\n lineHeight: 1.6,\r\n fontWeight: 500,\r\n },\r\n small: {\r\n fontSize: 12.33,\r\n lineHeight: 1.6,\r\n fontWeight: 400,\r\n }\r\n}\r\n\r\nexport const shadow = [\r\n \"none\",\r\n \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport default {\r\n name: \"light\",\r\n rtl: false,\r\n shadow,\r\n globalStyle: {},\r\n colors: ThemeColors,\r\n typography: ThemeTypography,\r\n interfaces: {}\r\n} as ThemeOptionInput\r\n"],
|
|
5
|
+
"mappings": "AAEO,MAAMA,EAAoB,CAC7B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaC,EAAmB,CAC5B,KAAM,CACF,QAAS,UACT,UAAW,SACf,EACA,WAAY,CACR,QAAS,UACT,UAAW,SACf,EACA,QAAS,SACb,EAEaC,EAAc,CACvB,GAAGF,EACH,MAAO,CACH,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,KAAM,CACF,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,QAAS,CACL,QAAS,UACT,UAAW,UACX,KAAM,SACV,EACA,OAAQ,CACJ,QAAS,UACT,UAAW,UACX,KAAM,SACV,CACJ,EAEaG,EAAuC,CAChD,WAAY,yCACZ,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,GAAI,CACA,SAAU,MACV,WAAY,KACZ,WAAY,GAChB,EACA,KAAM,CACF,SAAU,GACV,WAAY,IACZ,WAAY,GAChB,EACA,OAAQ,CACJ,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,EACA,MAAO,CACH,SAAU,MACV,WAAY,IACZ,WAAY,GAChB,CACJ,EAEaC,EAAS,CAClB,OACA,qGACA,qGACA,qGACA,sGACA,sGACA,uGACA,uGACA,uGACA,uGACA,wGACA,wGACA,wGACA,wGACA,wGACA,wGACA,yGACA,yGACA,yGACA,yGACA,0GACA,0GACA,0GACA,0GACA,yGACJ,EAEA,IAAOC,EAAQ,CACX,KAAM,QACN,IAAK,GACL,OAAAD,EACA,YAAa,CAAC,EACd,OAAQF,EACR,WAAYC,EACZ,WAAY,CAAC,CACjB",
|
|
6
|
+
"names": ["lightColorPallete", "darkColorPallete", "ThemeColors", "ThemeTypography", "shadow", "ThemeDefaultOptions_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/ThemeProvider.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { BreakpointProvider } from \"../breakpoint\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n theme: string;\r\n resetCss?: boolean;\r\n scrollbarCss?: boolean;\r\n isRootProvider?: boolean;\r\n renderIsRoot?: React.ReactElement;\r\n}\r\n\r\nconst ThemeProvider = ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => {\r\n const THEME = ThemeFactory.get(theme) as ThemeOptions\r\n if (!THEME) throw new Error(`Invalid theme name provided: ${theme}`)\r\n resetCss ??= true\r\n scrollbarCss ??= true\r\n\r\n React.useMemo(() => {\r\n if (!!Object.keys(THEME.globalStyle).length) {\r\n css({\r\n \"@global\": THEME.globalStyle\r\n })\r\n }\r\n\r\n css({\r\n \"@global\": {\r\n [`.xui-${theme}-theme-root`]: ThemeCssVars(THEME)\r\n }\r\n })\r\n\r\n if (scrollbarCss && typeof document !== 'undefined') {\r\n let thumbSize = 10\r\n let thumbColor = THEME.colors.divider\r\n let trackColor = THEME.colors.background.secondary\r\n css({\r\n \"@global\": {\r\n \"*\": {\r\n scrollbarWidth: \"thin\",\r\n scrollbarColor: `${thumbColor} ${trackColor}`,\r\n },\r\n \"::-webkit-scrollbar\": {\r\n width: thumbSize,\r\n height: thumbSize,\r\n },\r\n \"::-webkit-scrollbar-thumb\": {\r\n backgroundColor: thumbColor,\r\n borderRadius: \"5px\",\r\n border: \"2px solid #f4f4f4\",\r\n },\r\n \"::-webkit-scrollbar-thumb:hover\": {\r\n backgroundColor: thumbColor,\r\n },\r\n \"::-webkit-scrollbar-track\": {\r\n backgroundColor: trackColor,\r\n borderRadius: \"5px\",\r\n },\r\n }\r\n })\r\n }\r\n\r\n resetCss && css({\r\n \"@global\": {\r\n \"*\": {\r\n m: 0,\r\n p: 0,\r\n outline: \"none\",\r\n boxSizing: \"border-box\",\r\n verticalAlign: \"baseline\",\r\n },\r\n \"html, body\": {\r\n minHeight: \"100%\",\r\n \"-webkit-font-smoothing\": \"antialiased\"\r\n } as any,\r\n \"img, picture, video, canvas, svg\": {\r\n maxWidth: \"100%\",\r\n display: \"block\"\r\n },\r\n \"input, button, textarea, select\": {\r\n font: \"inherit\"\r\n },\r\n \"table\": {\r\n borderCollapse: \"collapse\",\r\n borderSpacing: 0\r\n },\r\n \"ol, ul\": {\r\n listStyle: \"none\"\r\n },\r\n \"a\": {\r\n display: \"inline-block\"\r\n },\r\n \"p, h1, h2, h3, h4, h5, h6\": {\r\n overflowWrap: \"break-word\",\r\n }\r\n }\r\n })\r\n }, [theme])\r\n\r\n return (\r\n <ThemeContex.Provider value={theme}>\r\n {\r\n isRootProvider ? <BreakpointProvider>\r\n <Tag\r\n minHeight=\"100%\"\r\n bgcolor={THEME.colors.background.primary}\r\n fontFamily={THEME.typography.fontFamily}\r\n fontSize={THEME.typography.text.fontSize}\r\n fontWeight={THEME.typography.text.fontWeight}\r\n lineHeight={THEME.typography.text.lineHeight}\r\n {...props}\r\n baseClass={`${theme}-theme-root`}\r\n direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n >\r\n {children}\r\n {renderIsRoot}\r\n </Tag>\r\n </BreakpointProvider> : <Tag\r\n minHeight=\"100%\"\r\n bgcolor={THEME.colors.background.primary}\r\n fontFamily={THEME.typography.fontFamily}\r\n fontSize={THEME.typography.text.fontSize}\r\n fontWeight={THEME.typography.text.fontWeight}\r\n lineHeight={THEME.typography.text.lineHeight}\r\n {...props}\r\n baseClass={`${theme}-theme-root`}\r\n direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n >\r\n {children}\r\n </Tag>\r\n }\r\n </ThemeContex.Provider>\r\n )\r\n}\r\n\r\nexport default ThemeProvider"],
|
|
5
|
+
"mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAS,SAEhB,OAAS,sBAAAC,MAA0B,gBACnC,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,SAC1C,OAAOC,MAAkB,iBACzB,OAAS,OAAAC,MAAW,SAUpB,MAAMC,EAAgB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,aAAAC,EAAc,eAAAC,EAAgB,aAAAC,EAAc,GAAGC,CAAM,IAA0B,CAChI,MAAMC,EAAQX,EAAa,IAAIK,CAAK,EACpC,GAAI,CAACM,EAAO,MAAM,IAAI,MAAM,gCAAgCN,CAAK,EAAE,EACnE,OAAAC,IAAa,GACbC,IAAiB,GAEjBX,EAAM,QAAQ,IAAM,CAajB,GAZM,OAAO,KAAKe,EAAM,WAAW,EAAE,QAClCT,EAAI,CACD,UAAWS,EAAM,WACpB,CAAC,EAGJT,EAAI,CACD,UAAW,CACR,CAAC,QAAQG,CAAK,aAAa,EAAGJ,EAAaU,CAAK,CACnD,CACH,CAAC,EAEGJ,GAAgB,OAAO,SAAa,IAAa,CAClD,IAAIK,EAAY,GACZC,EAAaF,EAAM,OAAO,QAC1BG,EAAaH,EAAM,OAAO,WAAW,UACzCT,EAAI,CACD,UAAW,CACR,IAAK,CACF,eAAgB,OAChB,eAAgB,GAAGW,CAAU,IAAIC,CAAU,EAC9C,EACA,sBAAuB,CACpB,MAAOF,EACP,OAAQA,CACX,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,MACd,OAAQ,mBACX,EACA,kCAAmC,CAChC,gBAAiBA,CACpB,EACA,4BAA6B,CAC1B,gBAAiBC,EACjB,aAAc,KACjB,CACH,CACH,CAAC,CACJ,CAEAR,GAAYJ,EAAI,CACb,UAAW,CACR,IAAK,CACF,EAAG,EACH,EAAG,EACH,QAAS,OACT,UAAW,aACX,cAAe,UAClB,EACA,aAAc,CACX,UAAW,OACX,yBAA0B,aAC7B,EACA,mCAAoC,CACjC,SAAU,OACV,QAAS,OACZ,EACA,kCAAmC,CAChC,KAAM,SACT,EACA,MAAS,CACN,eAAgB,WAChB,cAAe,CAClB,EACA,SAAU,CACP,UAAW,MACd,EACA,EAAK,CACF,QAAS,cACZ,EACA,4BAA6B,CAC1B,aAAc,YACjB,CACH,CACH,CAAC,CACJ,EAAG,CAACG,CAAK,CAAC,EAGPT,EAAA,cAACG,EAAY,SAAZ,CAAqB,MAAOM,GAEvBG,EAAiBZ,EAAA,cAACE,EAAA,KACfF,EAAA,cAACC,EAAA,CACE,UAAU,OACV,QAASc,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,EACAK,CACJ,CACH,EAAwBb,EAAA,cAACC,EAAA,CACtB,UAAU,OACV,QAASc,EAAM,OAAO,WAAW,QACjC,WAAYA,EAAM,WAAW,WAC7B,SAAUA,EAAM,WAAW,KAAK,SAChC,WAAYA,EAAM,WAAW,KAAK,WAClC,WAAYA,EAAM,WAAW,KAAK,WACjC,GAAGD,EACJ,UAAW,GAAGL,CAAK,cACnB,UAAWM,EAAM,IAAM,MAAQ,OAE9BP,CACJ,CAEN,CAEN,EAEA,IAAOW,EAAQZ",
|
|
6
|
+
"names": ["React", "Tag", "BreakpointProvider", "ThemeContex", "ThemeFactory", "ThemeCssVars", "css", "ThemeProvider", "children", "theme", "resetCss", "scrollbarCss", "isRootProvider", "renderIsRoot", "props", "THEME", "thumbSize", "thumbColor", "trackColor", "ThemeProvider_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/core.ts"],
|
|
4
|
+
"sourcesContent": ["import React from \"react\"\r\nimport { ObjectType, ThemeOptions } from \"./types\"\r\n\r\nexport const ThemeFactory = new Map<string, ThemeOptions>()\r\nexport const ThemeContex = React.createContext(\"light\")\r\nexport const getTheme = (theme: string) => ThemeFactory.get(theme)\r\nexport const useTheme = (): ThemeOptions => ThemeFactory.get(React.useContext(ThemeContex)) as any\r\n\r\nexport const mergeObject = (a: ObjectType, b: ObjectType) => {\r\n a = { ...a }\r\n b = { ...b }\r\n for (const key in b) {\r\n const v = (b as any)[key]\r\n if (typeof v === 'object' && !Array.isArray(v) && !React.isValidElement(v)) {\r\n a[key] = mergeObject(a[key], b[key])\r\n } else {\r\n a[key] = v\r\n }\r\n }\r\n return a\r\n}\r\n"],
|
|
5
|
+
"mappings": "AAAA,OAAOA,MAAW,QAGX,MAAMC,EAAe,IAAI,IACnBC,EAAcF,EAAM,cAAc,OAAO,EACzCG,EAAYC,GAAkBH,EAAa,IAAIG,CAAK,EACpDC,EAAW,IAAoBJ,EAAa,IAAID,EAAM,WAAWE,CAAW,CAAC,EAE7EI,EAAc,CAACC,EAAeC,IAAkB,CAC1DD,EAAI,CAAE,GAAGA,CAAE,EACXC,EAAI,CAAE,GAAGA,CAAE,EACX,UAAWC,KAAOD,EAAG,CAClB,MAAME,EAAKF,EAAUC,CAAG,EACpB,OAAOC,GAAM,UAAY,CAAC,MAAM,QAAQA,CAAC,GAAK,CAACV,EAAM,eAAeU,CAAC,EACtEH,EAAEE,CAAG,EAAIH,EAAYC,EAAEE,CAAG,EAAGD,EAAEC,CAAG,CAAC,EAEnCF,EAAEE,CAAG,EAAIC,CAEf,CACA,OAAOH,CACV",
|
|
6
|
+
"names": ["React", "ThemeFactory", "ThemeContex", "getTheme", "theme", "useTheme", "mergeObject", "a", "b", "key", "v"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/createColor.ts"],
|
|
4
|
+
"sourcesContent": ["import { ThemeOptions, ThemeColor } from \"./types\"\r\nimport { alpha } from \"../css\"\r\n\r\nconst createColor = (theme: ThemeOptions, name: keyof ThemeColor) => {\r\n let color = theme.colors[name]\r\n let { primary, secondary } = color as any\r\n let text = (color as any).text || theme.colors.text.primary\r\n let _alpha = alpha(primary, .1)\r\n\r\n const isBag = (a: any, b: any) => name === \"background\" ? a : b\r\n\r\n return {\r\n alpha: _alpha,\r\n template: {\r\n outline: {\r\n bgcolor: \"transparent\",\r\n color: isBag(text, primary),\r\n border: 1,\r\n borderColor: isBag(\"divider\", alpha(primary, .4)),\r\n hover: {\r\n color: isBag(text, primary),\r\n borderColor: isBag(\"divider\", alpha(primary, .8)),\r\n }\r\n },\r\n fill: {\r\n bgcolor: isBag(secondary, primary),\r\n color: text,\r\n hover: {\r\n bgcolor: isBag(alpha(secondary, .6), secondary),\r\n color: text,\r\n }\r\n },\r\n text: {\r\n bgcolor: \"transparent\",\r\n color: isBag(text, primary),\r\n hover: {\r\n bgcolor: isBag(alpha(secondary, .6), alpha(primary, .1)),\r\n color: isBag(text, primary),\r\n }\r\n },\r\n alpha: {\r\n bgcolor: isBag(alpha(secondary, .5), alpha(primary, .1)),\r\n color: isBag(text, primary),\r\n hover: {\r\n bgcolor: isBag(alpha(secondary, .8), alpha(primary, .15)),\r\n color: isBag(text, primary),\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport default createColor"],
|
|
5
|
+
"mappings": "AACA,OAAS,SAAAA,MAAa,SAEtB,MAAMC,EAAc,CAACC,EAAqBC,IAA2B,CAClE,IAAIC,EAAQF,EAAM,OAAOC,CAAI,EACzB,CAAE,QAAAE,EAAS,UAAAC,CAAU,EAAIF,EACzBG,EAAQH,EAAc,MAAQF,EAAM,OAAO,KAAK,QAChDM,EAASR,EAAMK,EAAS,EAAE,EAE9B,MAAMI,EAAQ,CAACC,EAAQC,IAAWR,IAAS,aAAeO,EAAIC,EAE9D,MAAO,CACJ,MAAOH,EACP,SAAU,CACP,QAAS,CACN,QAAS,cACT,MAAOC,EAAMF,EAAMF,CAAO,EAC1B,OAAQ,EACR,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,EAChD,MAAO,CACJ,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,YAAaI,EAAM,UAAWT,EAAMK,EAAS,EAAE,CAAC,CACnD,CACH,EACA,KAAM,CACH,QAASI,EAAMH,EAAWD,CAAO,EACjC,MAAOE,EACP,MAAO,CACJ,QAASE,EAAMT,EAAMM,EAAW,EAAE,EAAGA,CAAS,EAC9C,MAAOC,CACV,CACH,EACA,KAAM,CACH,QAAS,cACT,MAAOE,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,EACA,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,EAAE,CAAC,EACvD,MAAOI,EAAMF,EAAMF,CAAO,EAC1B,MAAO,CACJ,QAASI,EAAMT,EAAMM,EAAW,EAAE,EAAGN,EAAMK,EAAS,GAAG,CAAC,EACxD,MAAOI,EAAMF,EAAMF,CAAO,CAC7B,CACH,CACH,CACH,CACH,EAEA,IAAOO,EAAQX",
|
|
6
|
+
"names": ["alpha", "createColor", "theme", "name", "color", "primary", "secondary", "text", "_alpha", "isBag", "a", "b", "createColor_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/createTheme.ts"],
|
|
4
|
+
"sourcesContent": ["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport createColor from \"./createColor\"\r\nimport { breakpoints } from \"../css\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\r\n if (!ThemeFactory.has(name)) {\r\n let theme: any = mergeObject(defaultThemeOption, {\r\n ...(darkMode ? darkColorPallete : {}),\r\n ...options,\r\n name,\r\n breakpoints: breakpoints\r\n })\r\n\r\n theme = mergeObject(theme, {\r\n colors: {\r\n background: createColor(theme, \"background\"),\r\n brand: createColor(theme, \"brand\"),\r\n accent: createColor(theme, \"accent\"),\r\n info: createColor(theme, \"info\"),\r\n success: createColor(theme, \"success\"),\r\n warning: createColor(theme, \"warning\"),\r\n danger: createColor(theme, \"danger\")\r\n }\r\n })\r\n ThemeFactory.set(name, theme)\r\n } else {\r\n throw new Error(`theme \"${name}\" already exists!`);\r\n }\r\n\r\n return ThemeFactory.get(name) as ThemeOptions\r\n}\r\n"],
|
|
5
|
+
"mappings": "AACA,OAAOA,GAAsB,oBAAAC,MAAwB,wBACrD,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,SAC1C,OAAOC,MAAiB,gBACxB,OAAS,eAAAC,MAAmB,SAErB,MAAMC,EAAc,CAACC,EAAcC,EAA2BC,IAAqC,CACvG,GAAKN,EAAa,IAAII,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,EAAaR,EAAYF,EAAoB,CAC9C,GAAIS,EAAWR,EAAmB,CAAC,EACnC,GAAGO,EACH,KAAAD,EACA,YAAaF,CAChB,CAAC,EAEDK,EAAQR,EAAYQ,EAAO,CACxB,OAAQ,CACL,WAAYN,EAAYM,EAAO,YAAY,EAC3C,MAAON,EAAYM,EAAO,OAAO,EACjC,OAAQN,EAAYM,EAAO,QAAQ,EACnC,KAAMN,EAAYM,EAAO,MAAM,EAC/B,QAASN,EAAYM,EAAO,SAAS,EACrC,QAASN,EAAYM,EAAO,SAAS,EACrC,OAAQN,EAAYM,EAAO,QAAQ,CACtC,CACH,CAAC,EACDP,EAAa,IAAII,EAAMG,CAAK,CAC/B,CAIA,OAAOP,EAAa,IAAII,CAAI,CAC/B",
|
|
6
|
+
"names": ["defaultThemeOption", "darkColorPallete", "mergeObject", "ThemeFactory", "createColor", "breakpoints", "createTheme", "name", "options", "darkMode", "theme"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/createThemeSwitcher.ts"],
|
|
4
|
+
"sourcesContent": ["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, store?: \"session\" | \"local\") => {\r\n const useThemeState = createBucket({ name: defaultTheme }, { store })\r\n const useThemeSwitcher = () => {\r\n const state = useThemeState()\r\n return {\r\n name: state.get(\"name\"),\r\n theme: getTheme(state.get(\"name\")),\r\n change: (theme: string) => state.set(\"name\", theme)\r\n }\r\n }\r\n return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],
|
|
5
|
+
"mappings": "AAAA,OAAS,gBAAAA,MAAoB,qBAC7B,OAAS,YAAAC,MAAgB,SAEzB,MAAMC,EAAsB,CAACC,EAAsBC,IAAgC,CAChF,MAAMC,EAAgBL,EAAa,CAAE,KAAMG,CAAa,EAAG,CAAE,MAAAC,CAAM,CAAC,EASpE,MARyB,IAAM,CAC5B,MAAME,EAAQD,EAAc,EAC5B,MAAO,CACJ,KAAMC,EAAM,IAAI,MAAM,EACtB,MAAOL,EAASK,EAAM,IAAI,MAAM,CAAC,EACjC,OAASC,GAAkBD,EAAM,IAAI,OAAQC,CAAK,CACrD,CACH,CAEH,EAGA,IAAOC,EAAQN",
|
|
6
|
+
"names": ["createBucket", "getTheme", "createThemeSwitcher", "defaultTheme", "store", "useThemeState", "state", "theme", "createThemeSwitcher_default"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/theme/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\r\nimport { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\n\r\nexport {\r\n ThemeProvider,\r\n createThemeSwitcher,\r\n getTheme,\r\n useTheme\r\n}\r\n\r\ncreateTheme(\"light\", { colors: lightColorPallete })\r\ncreateTheme(\"dark\", { colors: darkColorPallete })\r\n\r\n"],
|
|
5
|
+
"mappings": "AAAA,OAAS,qBAAAA,EAAmB,oBAAAC,MAAwB,wBACpD,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAmB,kBAC1B,OAAOC,MAAyB,wBAChC,OAAS,YAAAC,EAAU,YAAAC,MAAgB,SAUnCJ,EAAY,QAAS,CAAE,OAAQF,CAAkB,CAAC,EAClDE,EAAY,OAAQ,CAAE,OAAQD,CAAiB,CAAC",
|
|
6
|
+
"names": ["lightColorPallete", "darkColorPallete", "createTheme", "ThemeProvider", "createThemeSwitcher", "getTheme", "useTheme"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/useAnimation.ts"],
|
|
4
|
+
"sourcesContent": ["import { css } from './css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from './css/types'\r\n\r\nexport const animationEases = {\r\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\r\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\r\n linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\r\n}\r\n\r\nexport interface UseAnimationProps {\r\n delay?: number;\r\n duration?: number;\r\n from: CSSProps;\r\n to: CSSProps;\r\n ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n let _delay = delay || 0;\r\n let _duration = duration || 600;\r\n let _ease = ease || \"easeBounceOut\"\r\n const id = \"anim\" + useId().replace(/:/g, \"\")\r\n const anim = css({\r\n animationName: id,\r\n animationDelay: _delay + \"ms\",\r\n animationDuration: _duration + \"ms\",\r\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\r\n [`@keyframes ${id}`]: {\r\n from: from as any,\r\n to: to as any\r\n }\r\n })\r\n return anim.classname\r\n}\r\n\r\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
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/useColorTemplate.ts"],
|
|
4
|
+
"sourcesContent": ["import { useTheme } from \"./theme\"\r\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\r\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\n\r\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\r\n const theme: any = useTheme()\r\n let _color = color === 'default' ? \"background\" : color as any\r\n return theme.colors[_color]?.template[type]\r\n}\r\n\r\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
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/useInterface.ts"],
|
|
4
|
+
"sourcesContent": ["import { useTheme } from \"./theme\"\r\n\r\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\r\n const theme = useTheme()\r\n const _interface = theme.interfaces[name]\r\n\r\n if (_interface) {\r\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\r\n }\r\n return [{ ...defaultProps, ...userPorps }, theme]\r\n}\r\n\r\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,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": "AAAA,UAAYA,MAAW,QACvB,OAAS,cAAAC,MAAkB,QAE3B,MAAMC,EAAkB,IACb,MAAM,KAAKD,EAAW,OAAO,CAAC,EAAE,IAAI,CAACE,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOE,EAAQH",
|
|
6
|
-
"names": ["React", "CSSFactory", "ServerStyleTags", "c", "idx", "ServerStyleTags_default"]
|
|
7
|
-
}
|
|
@@ -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": "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",
|
|
6
|
-
"names": ["CSS_PROP_LIST", "cssPropList_default"]
|
|
7
|
-
}
|
package/esm/Tag/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Tag/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n const props: any = useTagProps(rest)\n props.ref = ref\n return React.createElement(component || \"div\", props, children)\n})\n\nexport default Tag"],
|
|
5
|
-
"mappings": "AAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAiB,gBAExB,MAAMC,EAAMF,EAAM,WAAW,CAAqC,CAAE,UAAAG,EAAW,SAAAC,EAAU,GAAGC,CAAK,EAAoBC,IAAwB,CACzI,MAAMC,EAAaN,EAAYI,CAAI,EACnC,OAAAE,EAAM,IAAMD,EACLN,EAAM,cAAcG,GAAa,MAAOI,EAAOH,CAAQ,CAClE,CAAC,EAED,IAAOI,EAAQN",
|
|
6
|
-
"names": ["React", "useTagProps", "Tag", "component", "children", "rest", "ref", "props", "Tag_default"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Tag/useTagProps.ts"],
|
|
4
|
-
"sourcesContent": ["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\n\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): TagProps<T> => {\n let _css: any = { ...sxr, ...sx, ...props }\n if (hover) _css['&:hover'] = hover\n const style = css(_css, {\n skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop]\n })\n\n let skipProps = style.skiped[style.classname as any] || []\n const _props: any = {};\n for (let prop of skipProps) {\n _props[prop] = (props as any)[prop]\n }\n _props.className = classNames([\n baseClass ? \"xui-\" + baseClass : \"\",\n style.classname,\n props.className,\n ...(clses as any || []),\n ])\n return _props\n}\n\n\nexport default useTagProps"],
|
|
5
|
-
"mappings": "AACA,OAAOA,MAAiB,gBACxB,OAAS,OAAAC,MAAW,SACpB,OAAS,cAAAC,MAAkB,eAE3B,MAAMC,EAAc,CAAqC,CAAE,IAAAC,EAAK,GAAAC,EAAI,UAAAC,EAAW,WAAYC,EAAO,MAAAC,EAAO,GAAGC,CAAM,IAAoC,CACnJ,IAAIC,EAAY,CAAE,GAAGN,EAAK,GAAGC,EAAI,GAAGI,CAAM,EACtCD,IAAOE,EAAK,SAAS,EAAIF,GAC7B,MAAMG,EAAQV,EAAIS,EAAM,CACrB,UAAW,CAACE,EAAMC,EAAMC,IAAcA,IAAS,GAAK,CAACd,EAAYY,CAAI,CACxE,CAAC,EAED,IAAIG,EAAYJ,EAAM,OAAOA,EAAM,SAAgB,GAAK,CAAC,EACzD,MAAMK,EAAc,CAAC,EACrB,QAASJ,KAAQG,EACdC,EAAOJ,CAAI,EAAKH,EAAcG,CAAI,EAErC,OAAAI,EAAO,UAAYd,EAAW,CAC3BI,EAAY,OAASA,EAAY,GACjCK,EAAM,UACNF,EAAM,UACN,GAAIF,GAAgB,CAAC,CACxB,CAAC,EACMS,CACV,EAGA,IAAOC,EAAQd",
|
|
6
|
-
"names": ["cssPropList", "css", "classNames", "useTagProps", "sxr", "sx", "baseClass", "clses", "hover", "props", "_css", "style", "prop", "_val", "dept", "skipProps", "_props", "useTagProps_default"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Transition/index.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client'\nimport React, { ReactElement, cloneElement, Children, useState, useEffect, useId } from 'react';\nimport Tag from '../Tag';\nimport { animationEases } from '../useAnimation';\nimport { css } from '../css';\nimport { formatCSSProp } from 'oncss';\nimport { CSSProps } from '../css/types';\nimport * as variants from './variants'\nexport type TransitionVariantTypes = keyof typeof variants\n\nexport type TransitionElementProps = {\n height: number;\n width: number;\n rect: DOMRect | null\n}\n\nexport type TransitionState = \"open\" | \"opened\" | \"close\" | \"closed\"\n\nexport type TransitionProps = {\n children: ReactElement;\n open: boolean;\n variant: {\n from: CSSProps;\n to: CSSProps;\n } | TransitionVariantTypes;\n ease?: string;\n easing?: keyof typeof animationEases;\n duration?: number;\n delay?: number;\n disableInitialTransition?: boolean;\n onOpen?: () => void;\n onOpened?: () => void;\n onClose?: () => void;\n onClosed?: () => void;\n onState?: (state: TransitionState) => void;\n}\n\nconst Transition = ({ children, open, ...props }: TransitionProps) => {\n let { disableInitialTransition, variant, duration, delay, ease, easing, onOpen, onOpened, onClose, onClosed, onState } = props as TransitionProps\n let _ease = ease || (animationEases as any)[easing as any] || animationEases.easeBounceOut\n disableInitialTransition ??= false\n duration ??= 400\n variant ??= \"fade\"\n\n const id = useId().replace(/:/g, \"\")\n const [rendered, setRendered] = useState(false)\n const [initial, setInitial] = useState(false)\n const [transitionState, setTransitionState] = useState<TransitionState>(open ? (disableInitialTransition ? \"opened\" : \"open\") : \"closed\")\n const [element, setElement] = useState<TransitionElementProps>({\n height: 0,\n width: 0,\n rect: null\n });\n\n if (typeof variant === 'string') {\n variant = (variants as any)[variant](element)\n }\n\n let from = (variant as any).from\n let to = (variant as any).to\n\n const [_css, setCss] = useState(open ? to : from)\n\n useEffect(() => {\n const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\n if (ele) {\n setRendered(true)\n setElement({\n height: ele.clientHeight,\n width: ele.clientWidth,\n rect: ele.getBoundingClientRect()\n })\n if (!disableInitialTransition && open) {\n setCss(from)\n }\n }\n }, [])\n\n useEffect(() => {\n const ele: HTMLElement = document.querySelector(`.trans-${id}`) as any\n if (rendered && ele) {\n let stimer: any = null\n let etimer: any = null\n ele.ontransitionstart = () => {\n clearTimeout(stimer)\n stimer = setTimeout(() => {\n const isOpen = Array.from(ele.classList).includes(\"trans-open\");\n (onOpen && isOpen) && onOpen();\n (onClose && !isOpen) && onClose()\n onState && onState(isOpen ? \"open\" : \"close\")\n setTransitionState(isOpen ? \"open\" : \"close\")\n }, 1)\n }\n ele.ontransitionend = () => {\n clearTimeout(etimer)\n etimer = setTimeout(() => {\n const isOpen = Array.from(ele.classList).includes(\"trans-open\");\n (onOpened && isOpen) && onOpened();\n (onClosed && !isOpen) && onClosed();\n onState && onState(isOpen ? \"opened\" : \"closed\")\n setTransitionState(isOpen ? \"opened\" : \"closed\")\n }, 1)\n }\n }\n }, [rendered])\n\n useEffect(() => {\n if (rendered) {\n if (!initial) {\n setInitial(true)\n setTimeout(() => {\n setCss(open ? to : from)\n }, 50);\n } else {\n setCss(open ? to : from)\n }\n }\n }, [rendered, open, JSON.stringify(from), JSON.stringify(to)])\n\n let _: any = {}\n if (rendered) {\n let trans = ` ${duration}ms ${_ease} ${delay || 0}ms`\n _ = {\n ..._css,\n transition: Object.keys(_css || {}).map(k => formatCSSProp(k)).join(trans + \", \") + trans,\n }\n }\n\n const cls = css(_)\n if (!children || Array.isArray(children)) throw new Error(\"Invalid children in Transition\")\n const first: any = Children.toArray(children).shift();\n let classname = `${cls.classname} trans-${id} trans-${(open ? \"open\" : \"close\")} trans-state-${transitionState}`\n const child = cloneElement(first, { classNames: [classname] })\n if (rendered) return child\n if (!rendered && disableInitialTransition && open) return child\n\n return (\n <Tag\n height={0}\n overflow=\"hidden\"\n >\n {child}\n </Tag>\n )\n}\n\n\nexport default Transition"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "cloneElement", "Children", "useState", "useEffect", "useId", "Tag", "animationEases", "css", "formatCSSProp", "variants", "Transition", "children", "open", "props", "disableInitialTransition", "variant", "duration", "delay", "ease", "easing", "onOpen", "onOpened", "onClose", "onClosed", "onState", "_ease", "id", "rendered", "setRendered", "initial", "setInitial", "transitionState", "setTransitionState", "element", "setElement", "from", "to", "_css", "setCss", "ele", "stimer", "etimer", "isOpen", "_", "trans", "k", "cls", "first", "classname", "child", "Transition_default"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/Transition/variants.ts"],
|
|
4
|
-
"sourcesContent": ["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateY(-${_arg.height}px)!important`,\n },\n to: {\n transform: `translateY(0)!important`,\n }\n }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateY(${_arg.height}px)!important`,\n },\n to: {\n transform: `translateY(0)!important`,\n }\n }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateX(-${_arg.width}px)!important`,\n },\n to: {\n transform: `translateX(0)!important`,\n }\n }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateX(${_arg.width}px)!important`,\n },\n to: {\n transform: `translateX(0)!important`,\n }\n }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n return {\n from: {\n opacity: 0\n },\n to: {\n opacity: 1\n }\n }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateY(-30px)!important`,\n opacity: 0\n },\n to: {\n transform: `translateY(0)!important`,\n opacity: 1\n }\n }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateY(30px)!important`,\n opacity: 0\n },\n to: {\n transform: `translateY(0)!important`,\n opacity: 1\n }\n }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateX(-30px)!important`,\n opacity: 0\n },\n to: {\n transform: `translateX(0)!important`,\n opacity: 1\n }\n }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: `translateX(30px)!important`,\n opacity: 0\n },\n to: {\n transform: `translateX(0)!important`,\n opacity: 1\n }\n }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: \"scale(.8, .6)!important\",\n opacity: 0\n },\n to: {\n transform: \"scale(1)!important\",\n opacity: 1\n }\n }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: \"scale(.8)!important\",\n opacity: 0\n },\n to: {\n transform: \"scale(1)!important\",\n opacity: 1\n }\n }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n return {\n from: {\n transform: \"scale(1.2)!important\",\n opacity: 0\n },\n to: {\n transform: \"scale(1)!important\",\n opacity: 1\n }\n }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n return {\n from: {\n height: 0 + \"px!important\",\n overflow: \"hidden\"\n },\n to: {\n height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n overflow: \"hidden\"\n }\n }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n return {\n from: {\n width: 0 + \"px!important\",\n overflow: \"hidden\"\n },\n to: {\n width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n overflow: \"hidden\"\n }\n }\n}\n\n\n\n\n"],
|
|
5
|
-
"mappings": "AAEO,MAAMA,EAAaC,IACf,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,MAAM,eACzC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSC,EAAWD,IACb,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,MAAM,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSE,EAAcF,IAChB,CACH,KAAM,CACF,UAAW,eAAeA,EAAK,KAAK,eACxC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSG,EAAaH,IACf,CACH,KAAM,CACF,UAAW,cAAcA,EAAK,KAAK,eACvC,EACA,GAAI,CACA,UAAW,yBACf,CACJ,GAGSI,EAAQJ,IACV,CACH,KAAM,CACF,QAAS,CACb,EACA,GAAI,CACA,QAAS,CACb,CACJ,GAGSK,EAAYL,IACd,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSM,EAAUN,IACZ,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSO,EAAaP,IACf,CACH,KAAM,CACF,UAAW,8BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSQ,EAAYR,IACd,CACH,KAAM,CACF,UAAW,6BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,0BACX,QAAS,CACb,CACJ,GAGSS,EAAQT,IACV,CACH,KAAM,CACF,UAAW,0BACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSU,EAAQV,IACV,CACH,KAAM,CACF,UAAW,sBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSW,EAAYX,IACd,CACH,KAAM,CACF,UAAW,uBACX,QAAS,CACb,EACA,GAAI,CACA,UAAW,qBACX,QAAS,CACb,CACJ,GAGSY,EAAmBZ,IACrB,CACH,KAAM,CACF,OAAQ,gBACR,SAAU,QACd,EACA,GAAI,CACA,OAAQA,GAAM,OAASA,GAAM,OAAS,eAAiB,OACvD,SAAU,QACd,CACJ,GAISa,EAAqBb,IACvB,CACH,KAAM,CACF,MAAO,gBACP,SAAU,QACd,EACA,GAAI,CACA,MAAOA,GAAM,MAAQA,GAAM,MAAQ,eAAiB,OACpD,SAAU,QACd,CACJ",
|
|
6
|
-
"names": ["slideDown", "_arg", "slideUp", "slideRight", "slideLeft", "fade", "fadeDown", "fadeUp", "fadeRight", "fadeLeft", "grow", "zoom", "zoomOver", "collapsVerticle", "collapsHorizental"]
|
|
7
|
-
}
|
|
@@ -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,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/breakpoint/useBreakpoint.ts"],
|
|
4
|
-
"sourcesContent": ["import { useContext } from \"react\"\nimport { BreakpointCtx } from \".\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n const val = useContext(BreakpointCtx)\n const isWin = isWindow()\n const o = {\n value: val,\n is: (key: BreakpointKeys) => val === key,\n isDown: (key: BreakpointKeys) => {\n if (isWin) {\n return window.innerWidth > breakpoints[key]\n }\n return false\n },\n isUp: (key: BreakpointKeys) => {\n if (isWin) {\n return window.innerWidth < breakpoints[key]\n }\n return false\n },\n isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n }\n return o\n}\n\nexport default useBreakpoint\n"],
|
|
5
|
-
"mappings": "AAAA,OAAS,cAAAA,MAAkB,QAC3B,OAAS,iBAAAC,MAAqB,IAC9B,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,EAAML,EAAWC,CAAa,EAC9BK,EAAQJ,EAAS,EACjBK,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,SAAWA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,OAAOC,CAAG,EAC5D,OAASA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,KAAKC,CAAG,CAC3D,EACA,OAAOD,CACV,EAEA,IAAOE,EAAQL",
|
|
6
|
-
"names": ["useContext", "BreakpointCtx", "isWindow", "breakpoints", "useBreakpoint", "val", "isWin", "o", "key", "useBreakpoint_default"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/breakpoint/useBreakpointProps.ts"],
|
|
4
|
-
"sourcesContent": ["import React, { isValidElement } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n [key in BreakpointKeys]?: P\n}\n\nconst useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n const bpoint = useBreakpoint()\n const stringifiedElement = JSON.stringify(props, (key, value) => {\n if (key === '_owner' || key === '_store') {\n return undefined; // Skip circular references\n }\n return value;\n }, 2);\n\n let format: any = React.useMemo(() => {\n\n const _format: any = {\n xs: {},\n sm: {},\n md: {},\n lg: {},\n xl: {}\n }\n for (let prop in props) {\n let val = (props as any)[prop]\n if (!isValidElement(val) && typeof val === 'object') {\n for (let breakpoin in val) {\n _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n }\n } else {\n _format.xs[prop] = (props as any)[prop]\n }\n }\n\n return _format\n }, [stringifiedElement, bpoint.value])\n\n return React.useMemo(() => {\n let _props = format.xs || {};\n for (let key of ['sm', 'md', 'lg', 'xl']) {\n if (bpoint.isOrDown(key as any)) {\n _props = { ..._props, ...format[key] };\n }\n if (bpoint.is(key as any)) {\n break;\n }\n }\n return _props;\n }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],
|
|
5
|
-
"mappings": "AAAA,OAAOA,GAAS,kBAAAC,MAAsB,QACtC,OAAOC,MAAmB,kBAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,EAASH,EAAc,EACvBI,EAAqB,KAAK,UAAUF,EAAO,CAACG,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAcT,EAAM,QAAQ,IAAM,CAEnC,MAAMU,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQP,EAAO,CACrB,IAAIQ,EAAOR,EAAcO,CAAI,EAC7B,GAAI,CAACV,EAAeW,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKP,EAAcO,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKP,EAAcO,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACJ,EAAoBD,EAAO,KAAK,CAAC,EAErC,OAAOL,EAAM,QAAQ,IAAM,CACxB,IAAIc,EAASL,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIF,EAAO,SAASE,CAAU,IAC3BO,EAAS,CAAE,GAAGA,EAAQ,GAAGL,EAAOF,CAAG,CAAE,GAEpCF,EAAO,GAAGE,CAAU,EACrB,MAGN,OAAOO,CACV,EAAG,CAACL,EAAQJ,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAOU,EAAQZ",
|
|
6
|
-
"names": ["React", "isValidElement", "useBreakpoint", "useBreakpoinProps", "props", "bpoint", "stringifiedElement", "key", "value", "format", "_format", "prop", "val", "breakpoin", "_props", "useBreakpointProps_default"]
|
|
7
|
-
}
|
package/esm/css/aliases.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/css/aliases.ts"],
|
|
4
|
-
"sourcesContent": ["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n bgcolor: (v) => ({ backgroundColor: v }),\n bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n bg: (v) => ({ background: v }),\n p: (v) => ({ padding: isStr(v, 8 * v) }),\n pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n m: (v) => ({ margin: isStr(v, 8 * v) }),\n mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n shadow: (v) => ({ boxShadow: v }),\n flexBox: (v) => (v ? { display: \"flex\" } : {}),\n flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],
|
|
5
|
-
"mappings": "AAGA,MAAMA,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOG,EAAQD",
|
|
6
|
-
"names": ["isStr", "v", "or", "aliases", "aliases_default"]
|
|
7
|
-
}
|
package/esm/css/getProps.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const s=(t,r,o)=>{let n;if(typeof r=="string"){const e=r.split("!");n=e[1]?"!important":"",r=e[0]}if(t==="disabled")return r===!0?{pointerEvents:"none!important",cursor:"default!important",userSelect:"none!important",opacity:".8!important"}:{};if(r&&typeof r=="number"&&["border","borderRight","borderLeft","borderTop","borderBottom"].includes(t)){const e=Object.keys(o);let i={[`${t}Width`]:r+"px"+(n||"")};return e.includes(`${t}Color`)||(i[`${t}Color`]="divider"),e.includes(`${t}Style`)||(i[`${t}Style`]="solid"),i}};var a=s;export{a as default};
|
|
2
|
-
//# sourceMappingURL=getProps.js.map
|
package/esm/css/getProps.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/css/getProps.ts"],
|
|
4
|
-
"sourcesContent": ["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n let important;\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (prop === 'disabled') {\n if ((value as any) === true) {\n return {\n pointerEvents: \"none!important\",\n cursor: \"default!important\",\n userSelect: \"none!important\",\n opacity: \".8!important\"\n } as any\n }\n return {}\n }\n\n if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n const keys = Object.keys(_css)\n let p: any = {\n [`${prop}Width`]: value + 'px' + (important || \"\"),\n }\n if (!keys.includes(`${prop}Color`)) {\n p[`${prop}Color`] = \"divider\"\n }\n if (!keys.includes(`${prop}Style`)) {\n p[`${prop}Style`] = \"solid\"\n }\n return p\n }\n}\n\nexport default getProps"],
|
|
5
|
-
"mappings": "AAEA,MAAMA,EAAW,CAACC,EAAcC,EAAeC,IAAmB,CAC9D,IAAIC,EACJ,GAAI,OAAOF,GAAU,SAAU,CAC3B,MAAMG,EAAQH,EAAM,MAAM,GAAG,EAC7BE,EAAYC,EAAM,CAAC,EAAI,aAAe,GACtCH,EAAQG,EAAM,CAAC,CACnB,CAEA,GAAIJ,IAAS,WACT,OAAKC,IAAkB,GACZ,CACH,cAAe,iBACf,OAAQ,oBACR,WAAY,iBACZ,QAAS,cACb,EAEG,CAAC,EAGZ,GAAIA,GAAS,OAAOA,GAAU,UAAY,CAAC,SAAU,cAAe,aAAc,YAAa,cAAc,EAAE,SAASD,CAAW,EAAG,CAClI,MAAMK,EAAO,OAAO,KAAKH,CAAI,EAC7B,IAAII,EAAS,CACT,CAAC,GAAGN,CAAI,OAAO,EAAGC,EAAQ,MAAQE,GAAa,GACnD,EACA,OAAKE,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,WAEnBK,EAAK,SAAS,GAAGL,CAAI,OAAO,IAC7BM,EAAE,GAAGN,CAAI,OAAO,EAAI,SAEjBM,CACX,CACJ,EAEA,IAAOC,EAAQR",
|
|
6
|
-
"names": ["getProps", "prop", "value", "_css", "important", "split", "keys", "p", "getProps_default"]
|
|
7
|
-
}
|
package/esm/css/getValue.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/css/getValue.ts"],
|
|
4
|
-
"sourcesContent": ["import { CSSProps } from \"./types\"\n\nconst getColor = (color: string) => {\n return {\n [`${color}`]: `var(--color-${color}-primary)`,\n [`${color}.primary`]: `var(--color-${color}-primary)`,\n [`${color}.secondary`]: `var(--color-${color}-secondary)`,\n [`${color}.text`]: `var(--color-${color}-text)`,\n [`${color}.alpha`]: `var(--color-${color}-alpha)`\n }\n}\n\nconst withImportant = (important: any, value: any) => important ? value + important : value\nconst colors: any = {\n \"text\": `var(--color-text-primary)`,\n \"text.primary\": `var(--color-text-primary)`,\n \"text.secondary\": `var(--color-text-secondary)`,\n\n \"background\": `var(--color-background-primary)`,\n \"background.primary\": `var(--color-background-primary)`,\n \"background.secondary\": `var(--color-background-secondary)`,\n \"background.alpha\": `var(--color-background-alpha)`,\n \"divider\": `var(--color-divider)`,\n\n ...getColor(\"brand\"),\n ...getColor(\"accent\"),\n ...getColor(\"info\"),\n ...getColor(\"success\"),\n ...getColor(\"warning\"),\n ...getColor(\"danger\"),\n}\n\nconst breakpoints: any = {\n \"xs\": \"var(--bp-xs)\",\n \"sm\": \"var(--bp-sm)\",\n \"md\": \"var(--bp-md)\",\n \"lg\": \"var(--bp-lg)\",\n \"xl\": \"var(--bp-xl)\"\n}\n\nlet fontsizes: any = {\n \"h1\": \"var(--fontsize-h1)\",\n \"h2\": \"var(--fontsize-h2)\",\n \"h3\": \"var(--fontsize-h3)\",\n \"h4\": \"var(--fontsize-h4)\",\n \"h5\": \"var(--fontsize-h5)\",\n \"h6\": \"var(--fontsize-h6)\",\n \"text\": \"var(--fontsize-text)\",\n \"button\": \"var(--fontsize-button)\",\n \"small\": \"var(--fontsize-small)\"\n}\n\nlet lineHeights: any = {\n \"h1\": \"var(--lineheight-h1)\",\n \"h2\": \"var(--lineheight-h2)\",\n \"h3\": \"var(--lineheight-h3)\",\n \"h4\": \"var(--lineheight-h4)\",\n \"h5\": \"var(--lineheight-h5)\",\n \"h6\": \"var(--lineheight-h6)\",\n \"text\": \"var(--lineheight-text)\",\n \"button\": \"var(--lineheight-button)\",\n \"small\": \"var(--lineheight-small)\"\n}\n\nlet fontWeights: any = {\n \"h1\": \"var(--fontweight-h1)\",\n \"h2\": \"var(--fontweight-h2)\",\n \"h3\": \"var(--fontweight-h3)\",\n \"h4\": \"var(--fontweight-h4)\",\n \"h5\": \"var(--fontweight-h5)\",\n \"h6\": \"var(--fontweight-h6)\",\n \"text\": \"var(--fontweight-text)\",\n \"button\": \"var(--fontweight-button)\",\n \"small\": \"var(--fontweight-small)\"\n}\n\nlet font: any = {\n \"h1\": \"var(--font-h1)\",\n \"h2\": \"var(--font-h2)\",\n \"h3\": \"var(--font-h3)\",\n \"h4\": \"var(--font-h4)\",\n \"h5\": \"var(--font-h5)\",\n \"h6\": \"var(--font-h6)\",\n \"text\": \"var(--font-text)\",\n \"button\": \"var(--font-button)\",\n \"small\": \"var(--font-small)\"\n}\n\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\n let important;\n\n if (typeof value === 'string') {\n const split = value.split(\"!\")\n important = split[1] ? \"!important\" : \"\"\n value = split[0]\n }\n\n if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\n return withImportant(important, breakpoints[value] || value)\n } else if (['fontFamily', 'font-family'].includes(prop) && value === 'default') {\n return withImportant(important, \"var(--font-family)\")\n } if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n return withImportant(important, font[value] || value)\n } if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n return withImportant(important, fontWeights[value] || value)\n } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\n return withImportant(important, lineHeights[value] || value)\n } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\n return withImportant(important, fontsizes[value] || value)\n } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\n return withImportant(important, `var(--shadow-${value})`)\n }\n\n return withImportant(important, colors[value] || value)\n}\n\nexport default getValue"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["getColor", "color", "withImportant", "important", "value", "colors", "breakpoints", "fontsizes", "lineHeights", "fontWeights", "font", "getValue", "prop", "_css", "split", "getValue_default"]
|
|
7
|
-
}
|
package/esm/css/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/css/index.ts"],
|
|
4
|
-
"sourcesContent": ["import getValue from \"./getValue\"\nimport getProps from \"./getProps\"\nimport aliases from \"./aliases\"\nimport { Aliases, BreakpointKeys, CSSOptionProps, CSSProps } from './types'\nimport { css as _css } from \"oncss\"\n\nexport {\n getValue,\n getProps\n}\n\nexport const breakpoints = {\n xs: 0,\n sm: 600,\n md: 900,\n lg: 1200,\n xl: 1536\n}\n\nexport const css = (props: CSSProps, options?: CSSOptionProps) => {\n const cssOptions: CSSOptionProps = {\n ...options,\n breakpoints,\n aliases,\n getValue: (p: any, v: any, _c: any, dept) => {\n if (options?.getValue) {\n let _val = options?.getValue(p, v, _c, dept)\n if (_val) return _val\n }\n return getValue(p, v, _c)\n },\n getProps: (p: any, v: any, _c: any, dept) => {\n if (options?.getProps) {\n let _p = options?.getProps(p, v, _c, dept)\n if (_p) return _p\n }\n return getProps(p, v, _c)\n },\n }\n return _css<Aliases, BreakpointKeys>(props, cssOptions)\n}\n\nexport const adjustColor = (hex: string, factor: number) => {\n\n hex = hex.replace(/^#/, '')\n\n let r = parseInt(hex.slice(0, 2), 16)\n let g = parseInt(hex.slice(2, 4), 16)\n let b = parseInt(hex.slice(4, 6), 16)\n\n r = Math.floor(r * factor)\n g = Math.floor(g * factor)\n b = Math.floor(b * factor)\n\n r = Math.min(255, Math.max(0, r))\n g = Math.min(255, Math.max(0, g))\n b = Math.min(255, Math.max(0, b))\n\n return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\nexport const adjustTextContrast = (color: string) => {\n color = color.replace(/^#/, '')\n const r = parseInt(color.slice(0, 2), 16);\n const g = parseInt(color.slice(2, 4), 16);\n const b = parseInt(color.slice(4, 6), 16);\n\n const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n return luminance > 0.5 ? '#111111' : '#FFFFFF';\n}\n\nexport const alpha = (color: string, opacity = 1) => {\n if (typeof opacity !== 'number') return color\n let _opacity = opacity * 100\n if (!color.startsWith(\"#\")) throw new Error(`color must be hex`)\n return (color + (`0${Math.round((255 / 100) * _opacity).toString(16)}`.slice(-2))).toUpperCase();\n};\n\n"],
|
|
5
|
-
"mappings": "AAAA,OAAOA,MAAc,aACrB,OAAOC,MAAc,aACrB,OAAOC,MAAa,YAEpB,OAAS,OAAOC,MAAY,QAOrB,MAAMC,EAAc,CACvB,GAAI,EACJ,GAAI,IACJ,GAAI,IACJ,GAAI,KACJ,GAAI,IACR,EAEaC,EAAM,CAACC,EAAiBC,IAA6B,CAC9D,MAAMC,EAA6B,CAC/B,GAAGD,EACH,YAAAH,EACA,QAAAF,EACA,SAAU,CAACO,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIL,GAAS,SAAU,CACnB,IAAIM,EAAON,GAAS,SAASE,EAAGC,EAAGC,EAAIC,CAAI,EAC3C,GAAIC,EAAM,OAAOA,CACrB,CACA,OAAOb,EAASS,EAAGC,EAAGC,CAAE,CAC5B,EACA,SAAU,CAACF,EAAQC,EAAQC,EAASC,IAAS,CACzC,GAAIL,GAAS,SAAU,CACnB,IAAIO,EAAKP,GAAS,SAASE,EAAGC,EAAGC,EAAIC,CAAI,EACzC,GAAIE,EAAI,OAAOA,CACnB,CACA,OAAOb,EAASQ,EAAGC,EAAGC,CAAE,CAC5B,CACJ,EACA,OAAOR,EAA8BG,EAAOE,CAAU,CAC1D,EAEaO,EAAc,CAACC,EAAaC,IAAmB,CAExDD,EAAMA,EAAI,QAAQ,KAAM,EAAE,EAE1B,IAAIE,EAAI,SAASF,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCG,EAAI,SAASH,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAChCI,EAAI,SAASJ,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAEpC,OAAAE,EAAI,KAAK,MAAMA,EAAID,CAAM,EACzBE,EAAI,KAAK,MAAMA,EAAIF,CAAM,EACzBG,EAAI,KAAK,MAAMA,EAAIH,CAAM,EAEzBC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAChCC,EAAI,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAC,CAAC,EAEzB,IAAIF,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGC,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,CAAC,EAClH,EAEaC,EAAsBC,GAAkB,CACjDA,EAAQA,EAAM,QAAQ,KAAM,EAAE,EAC9B,MAAM,EAAI,SAASA,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCH,EAAI,SAASG,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClCF,EAAI,SAASE,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAGxC,OADmB,KAAQ,EAAI,KAAQH,EAAI,KAAQC,GAAK,IACrC,GAAM,UAAY,SACzC,EAEaG,EAAQ,CAACD,EAAeE,EAAU,IAAM,CACjD,GAAI,OAAOA,GAAY,SAAU,OAAOF,EACxC,IAAIG,EAAWD,EAAU,IACzB,GAAI,CAACF,EAAM,WAAW,GAAG,EAAG,MAAM,IAAI,MAAM,mBAAmB,EAC/D,OAAQA,EAAS,IAAI,KAAK,MAAO,IAAM,IAAOG,CAAQ,EAAE,SAAS,EAAE,CAAC,GAAG,MAAM,EAAE,GAAI,YAAY,CACnG",
|
|
6
|
-
"names": ["getValue", "getProps", "aliases", "_css", "breakpoints", "css", "props", "options", "cssOptions", "p", "v", "_c", "dept", "_val", "_p", "adjustColor", "hex", "factor", "r", "g", "b", "adjustTextContrast", "color", "alpha", "opacity", "_opacity"]
|
|
7
|
-
}
|
package/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["import Tag from './Tag'\nimport useTagProps from './Tag/useTagProps'\nimport useAnimation from './useAnimation'\nimport useColorTemplate from './useColorTemplate'\nimport useBreakpoint from './breakpoint/useBreakpoint'\nimport useBreakpointProps from './breakpoint/useBreakpointProps'\nimport ServerStyleTags from './ServerStyleTags'\nimport isWindow from './isWindow'\nimport useInterface from './useInterface'\nimport Transition from './Transition'\n\nexport * from './css'\nexport * from \"./theme\"\nexport * from './css/types'\nexport * from './Tag/types'\nexport * from './theme/types'\nexport * from './useColorTemplate'\nexport * from './useAnimation'\nexport type * from './Transition'\nexport type * from './Tag/types'\nexport type { useBreakpointPropsType } from './breakpoint/useBreakpointProps'\n\nexport {\n Tag,\n useTagProps,\n useAnimation,\n Transition,\n useColorTemplate,\n ServerStyleTags,\n useBreakpoint,\n useBreakpointProps,\n isWindow,\n useInterface\n}"],
|
|
5
|
-
"mappings": "AAAA,OAAOA,MAAS,QAChB,OAAOC,MAAiB,oBACxB,OAAOC,MAAkB,iBACzB,OAAOC,MAAsB,qBAC7B,OAAOC,MAAmB,6BAC1B,OAAOC,MAAwB,kCAC/B,OAAOC,MAAqB,oBAC5B,OAAOC,MAAc,aACrB,OAAOC,MAAkB,iBACzB,OAAOC,MAAgB,eAEvB,WAAc,QACd,WAAc,UACd,WAAc,cACd,WAAc,cACd,WAAc,gBACd,WAAc,qBACd,WAAc",
|
|
6
|
-
"names": ["Tag", "useTagProps", "useAnimation", "useColorTemplate", "useBreakpoint", "useBreakpointProps", "ServerStyleTags", "isWindow", "useInterface", "Transition"]
|
|
7
|
-
}
|
package/esm/isWindow.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/isWindow.ts"],
|
|
4
|
-
"sourcesContent": ["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],
|
|
5
|
-
"mappings": "AACA,MAAMA,EAAW,IAAqB,OAAO,OAAW,IAAc,OAAS,OAC/E,IAAOC,EAAQD",
|
|
6
|
-
"names": ["isWindow", "isWindow_default"]
|
|
7
|
-
}
|