@xanui/core 1.2.6 → 1.2.7

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.
@@ -5,20 +5,24 @@ type UseColorTemplateColor = "common" | "brand" | "accent" | "success" | "info"
5
5
  declare const useColorTemplate: (name: keyof ThemeColor, type: UseColorTemplateType) => {
6
6
  bgcolor: string;
7
7
  color: string;
8
- border: string;
8
+ border: number;
9
+ borderColor: string;
9
10
  hover: {
10
11
  color: string;
12
+ border: number;
11
13
  borderColor: any;
12
14
  bgcolor?: undefined;
13
15
  };
14
16
  } | {
15
17
  bgcolor: string;
16
18
  color: any;
17
- border: string;
19
+ border: number;
20
+ borderColor: string;
18
21
  hover: {
19
22
  bgcolor: string;
20
23
  color: any;
21
- borderColor?: undefined;
24
+ border: number;
25
+ borderColor: string;
22
26
  };
23
27
  };
24
28
 
@@ -10,9 +10,11 @@
10
10
  return {
11
11
  bgcolor: "transparent",
12
12
  color: if_common(color.text, color.primary),
13
- border: `1px solid ${divider}`,
13
+ border: 1,
14
+ borderColor: divider,
14
15
  hover: {
15
16
  color: if_common(color.text, color.secondary),
17
+ border: 1,
16
18
  borderColor: color.divider,
17
19
  }
18
20
  };
@@ -21,10 +23,13 @@
21
23
  return {
22
24
  bgcolor: if_common(color.secondary, color.primary),
23
25
  color: color.text,
24
- border: `1px solid transparent`,
26
+ border: 0,
27
+ borderColor: `transparent`,
25
28
  hover: {
26
29
  bgcolor: if_common(color.secondary, color.secondary),
27
30
  color: color.text,
31
+ border: 0,
32
+ borderColor: `transparent`,
28
33
  }
29
34
  };
30
35
  }
@@ -32,10 +37,13 @@
32
37
  return {
33
38
  bgcolor: "transparent",
34
39
  color: if_common(color.text, color.primary),
35
- border: `1px solid transparent`,
40
+ border: 0,
41
+ borderColor: `transparent`,
36
42
  hover: {
37
43
  bgcolor: if_common(color.secondary, index.alpha(color.primary, 0.09)),
38
44
  color: if_common(color.text, color.primary),
45
+ border: 0,
46
+ borderColor: `transparent`,
39
47
  }
40
48
  };
41
49
  }
@@ -43,10 +51,13 @@
43
51
  return {
44
52
  bgcolor: if_common(color.secondary, index.alpha(color.primary, 0.09)),
45
53
  color: if_common(color.text, color.primary),
46
- border: `1px solid transparent`,
54
+ border: 0,
55
+ borderColor: `transparent`,
47
56
  hover: {
48
57
  bgcolor: if_common(color.secondary, index.alpha(color.primary, 0.15)),
49
58
  color: if_common(color.text, color.primary),
59
+ border: 0,
60
+ borderColor: `transparent`,
50
61
  }
51
62
  };
52
63
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["import { alpha } from \"../css\"\r\nimport { useTheme } from \"../theme\"\r\nimport { ThemeColor } from \"../theme/types\"\r\n\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (name: keyof ThemeColor, type: UseColorTemplateType) => {\r\n const theme = useTheme()\r\n let color: any = theme.colors[name]\r\n let divider = theme.colors.divider.primary\r\n\r\n if (name === \"common\") {\r\n color = {\r\n ...color,\r\n text: theme.colors.text.primary,\r\n }\r\n }\r\n\r\n const if_common = (a: string, b: string) => name === \"common\" ? a : b\r\n\r\n if (type === \"outline\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid ${divider}`,\r\n hover: {\r\n color: if_common(color.text, color.secondary),\r\n borderColor: color.divider,\r\n }\r\n }\r\n } else if (type === \"fill\") {\r\n return {\r\n bgcolor: if_common(color.secondary, color.primary),\r\n color: color.text,\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, color.secondary),\r\n color: color.text,\r\n }\r\n }\r\n } else if (type === \"text\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n }\r\n }\r\n } else if (type === \"alpha\") {\r\n return {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.15)),\r\n color: if_common(color.text, color.primary),\r\n }\r\n }\r\n }\r\n\r\n throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":["useTheme","alpha"],"mappings":"0PAOA,MAAM,gBAAgB,GAAG,CAAC,IAAsB,EAAE,IAA0B,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,IAAI,KAAK,GAAQ,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IACnC,IAAI,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAE1C,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,KAAK,CAAA,EAAA,EACR,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,GAClC;IACL;IAEA,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,KAAK,IAAI,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAErE,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;YAC3C,MAAM,EAAE,CAAA,UAAA,EAAa,OAAO,CAAA,CAAE;AAC9B,YAAA,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;gBAC7C,WAAW,EAAE,KAAK,CAAC,OAAO;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAClD,KAAK,EAAE,KAAK,CAAC,IAAI;AACjB,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;gBACpD,KAAK,EAAE,KAAK,CAAC,IAAI;AACpB;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC3C,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAEC,WAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC9C;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,OAAO,EAAE;QACzB,OAAO;AACH,YAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC3C,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAEA,WAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC9C;SACJ;IACL;AAEA,IAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAA,CAAE,CAAC;AAC7D"}
1
+ {"version":3,"file":"useColorTemplate.js","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["import { alpha } from \"../css\"\r\nimport { useTheme } from \"../theme\"\r\nimport { ThemeColor } from \"../theme/types\"\r\n\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (name: keyof ThemeColor, type: UseColorTemplateType) => {\r\n const theme = useTheme()\r\n let color: any = theme.colors[name]\r\n let divider = theme.colors.divider.primary\r\n\r\n if (name === \"common\") {\r\n color = {\r\n ...color,\r\n text: theme.colors.text.primary,\r\n }\r\n }\r\n\r\n const if_common = (a: string, b: string) => name === \"common\" ? a : b\r\n\r\n if (type === \"outline\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: 1,\r\n borderColor: divider,\r\n hover: {\r\n color: if_common(color.text, color.secondary),\r\n border: 1,\r\n borderColor: color.divider,\r\n }\r\n }\r\n } else if (type === \"fill\") {\r\n return {\r\n bgcolor: if_common(color.secondary, color.primary),\r\n color: color.text,\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, color.secondary),\r\n color: color.text,\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n } else if (type === \"text\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n } else if (type === \"alpha\") {\r\n return {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.15)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n }\r\n\r\n throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":["useTheme","alpha"],"mappings":"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"}
@@ -10,9 +10,11 @@ import {alpha}from'../css/index.mjs';import {useTheme}from'../theme/core.mjs';im
10
10
  return {
11
11
  bgcolor: "transparent",
12
12
  color: if_common(color.text, color.primary),
13
- border: `1px solid ${divider}`,
13
+ border: 1,
14
+ borderColor: divider,
14
15
  hover: {
15
16
  color: if_common(color.text, color.secondary),
17
+ border: 1,
16
18
  borderColor: color.divider,
17
19
  }
18
20
  };
@@ -21,10 +23,13 @@ import {alpha}from'../css/index.mjs';import {useTheme}from'../theme/core.mjs';im
21
23
  return {
22
24
  bgcolor: if_common(color.secondary, color.primary),
23
25
  color: color.text,
24
- border: `1px solid transparent`,
26
+ border: 0,
27
+ borderColor: `transparent`,
25
28
  hover: {
26
29
  bgcolor: if_common(color.secondary, color.secondary),
27
30
  color: color.text,
31
+ border: 0,
32
+ borderColor: `transparent`,
28
33
  }
29
34
  };
30
35
  }
@@ -32,10 +37,13 @@ import {alpha}from'../css/index.mjs';import {useTheme}from'../theme/core.mjs';im
32
37
  return {
33
38
  bgcolor: "transparent",
34
39
  color: if_common(color.text, color.primary),
35
- border: `1px solid transparent`,
40
+ border: 0,
41
+ borderColor: `transparent`,
36
42
  hover: {
37
43
  bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),
38
44
  color: if_common(color.text, color.primary),
45
+ border: 0,
46
+ borderColor: `transparent`,
39
47
  }
40
48
  };
41
49
  }
@@ -43,10 +51,13 @@ import {alpha}from'../css/index.mjs';import {useTheme}from'../theme/core.mjs';im
43
51
  return {
44
52
  bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),
45
53
  color: if_common(color.text, color.primary),
46
- border: `1px solid transparent`,
54
+ border: 0,
55
+ borderColor: `transparent`,
47
56
  hover: {
48
57
  bgcolor: if_common(color.secondary, alpha(color.primary, 0.15)),
49
58
  color: if_common(color.text, color.primary),
59
+ border: 0,
60
+ borderColor: `transparent`,
50
61
  }
51
62
  };
52
63
  }
@@ -1 +1 @@
1
- {"version":3,"file":"useColorTemplate.mjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["import { alpha } from \"../css\"\r\nimport { useTheme } from \"../theme\"\r\nimport { ThemeColor } from \"../theme/types\"\r\n\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (name: keyof ThemeColor, type: UseColorTemplateType) => {\r\n const theme = useTheme()\r\n let color: any = theme.colors[name]\r\n let divider = theme.colors.divider.primary\r\n\r\n if (name === \"common\") {\r\n color = {\r\n ...color,\r\n text: theme.colors.text.primary,\r\n }\r\n }\r\n\r\n const if_common = (a: string, b: string) => name === \"common\" ? a : b\r\n\r\n if (type === \"outline\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid ${divider}`,\r\n hover: {\r\n color: if_common(color.text, color.secondary),\r\n borderColor: color.divider,\r\n }\r\n }\r\n } else if (type === \"fill\") {\r\n return {\r\n bgcolor: if_common(color.secondary, color.primary),\r\n color: color.text,\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, color.secondary),\r\n color: color.text,\r\n }\r\n }\r\n } else if (type === \"text\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n }\r\n }\r\n } else if (type === \"alpha\") {\r\n return {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: `1px solid transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.15)),\r\n color: if_common(color.text, color.primary),\r\n }\r\n }\r\n }\r\n\r\n throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":[],"mappings":"qLAOA,MAAM,gBAAgB,GAAG,CAAC,IAAsB,EAAE,IAA0B,KAAI;AAC5E,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,IAAI,KAAK,GAAQ,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IACnC,IAAI,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAE1C,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,KAAK,CAAA,EAAA,EACR,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,GAClC;IACL;IAEA,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,CAAS,KAAK,IAAI,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC;AAErE,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;YAC3C,MAAM,EAAE,CAAA,UAAA,EAAa,OAAO,CAAA,CAAE;AAC9B,YAAA,KAAK,EAAE;gBACH,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;gBAC7C,WAAW,EAAE,KAAK,CAAC,OAAO;AAC7B;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;YACH,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAClD,KAAK,EAAE,KAAK,CAAC,IAAI;AACjB,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;gBACH,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;gBACpD,KAAK,EAAE,KAAK,CAAC,IAAI;AACpB;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,MAAM,EAAE;QACxB,OAAO;AACH,YAAA,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC3C,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC9C;SACJ;IACL;AAAO,SAAA,IAAI,IAAI,KAAK,OAAO,EAAE;QACzB,OAAO;AACH,YAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC3C,YAAA,MAAM,EAAE,CAAA,qBAAA,CAAuB;AAC/B,YAAA,KAAK,EAAE;AACH,gBAAA,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAC/D,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC;AAC9C;SACJ;IACL;AAEA,IAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,IAAI,CAAA,CAAE,CAAC;AAC7D"}
1
+ {"version":3,"file":"useColorTemplate.mjs","sources":["../../src/hooks/useColorTemplate.ts"],"sourcesContent":["import { alpha } from \"../css\"\r\nimport { useTheme } from \"../theme\"\r\nimport { ThemeColor } from \"../theme/types\"\r\n\r\nexport type UseColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\nexport type UseColorTemplateColor = \"common\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\"\r\n\r\nconst useColorTemplate = (name: keyof ThemeColor, type: UseColorTemplateType) => {\r\n const theme = useTheme()\r\n let color: any = theme.colors[name]\r\n let divider = theme.colors.divider.primary\r\n\r\n if (name === \"common\") {\r\n color = {\r\n ...color,\r\n text: theme.colors.text.primary,\r\n }\r\n }\r\n\r\n const if_common = (a: string, b: string) => name === \"common\" ? a : b\r\n\r\n if (type === \"outline\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: 1,\r\n borderColor: divider,\r\n hover: {\r\n color: if_common(color.text, color.secondary),\r\n border: 1,\r\n borderColor: color.divider,\r\n }\r\n }\r\n } else if (type === \"fill\") {\r\n return {\r\n bgcolor: if_common(color.secondary, color.primary),\r\n color: color.text,\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, color.secondary),\r\n color: color.text,\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n } else if (type === \"text\") {\r\n return {\r\n bgcolor: \"transparent\",\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n } else if (type === \"alpha\") {\r\n return {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.09)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n hover: {\r\n bgcolor: if_common(color.secondary, alpha(color.primary, 0.15)),\r\n color: if_common(color.text, color.primary),\r\n border: 0,\r\n borderColor: `transparent`,\r\n }\r\n }\r\n }\r\n\r\n throw new Error(`useColorTemplate: Unknown type ${type}`);\r\n}\r\n\r\nexport default useColorTemplate"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xanui/core",
3
- "version": "1.2.6",
3
+ "version": "1.2.7",
4
4
  "description": "",
5
5
  "private": false,
6
6
  "main": "./index.js",