react-minolith 0.0.5 → 0.0.6

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.
Files changed (101) hide show
  1. package/LICENSE +1 -0
  2. package/dist/assets/Button.css +1 -1
  3. package/dist/assets/Header.css +1 -1
  4. package/dist/assets/Heading.css +1 -0
  5. package/dist/assets/Nav.css +1 -1
  6. package/dist/common/models/AnimationCssVariable.d.ts +10 -0
  7. package/dist/common/models/AnimationCssVariable.d.ts.map +1 -0
  8. package/dist/common/models/AnimationCssVariable.js +2 -0
  9. package/dist/common/models/AnimationCssVariable.js.map +1 -0
  10. package/dist/common/models/BorderCssVariable.d.ts +11 -0
  11. package/dist/common/models/BorderCssVariable.d.ts.map +1 -0
  12. package/dist/common/models/BorderCssVariable.js +2 -0
  13. package/dist/common/models/BorderCssVariable.js.map +1 -0
  14. package/dist/common/models/MinolithCssVariable.d.ts +6 -0
  15. package/dist/common/models/MinolithCssVariable.d.ts.map +1 -1
  16. package/dist/common/models/MiscellaneousCssVariable.d.ts +7 -0
  17. package/dist/common/models/MiscellaneousCssVariable.d.ts.map +1 -0
  18. package/dist/common/models/MiscellaneousCssVariable.js +2 -0
  19. package/dist/common/models/MiscellaneousCssVariable.js.map +1 -0
  20. package/dist/common/models/Oklch.d.ts +2 -3
  21. package/dist/common/models/Oklch.d.ts.map +1 -1
  22. package/dist/common/models/TypographyCssVariable.d.ts +6 -0
  23. package/dist/common/models/TypographyCssVariable.d.ts.map +1 -1
  24. package/dist/components/Button/Button.js +1 -1
  25. package/dist/components/Header/Header.js +1 -1
  26. package/dist/components/Heading/Heading.d.ts +3 -0
  27. package/dist/components/Heading/Heading.d.ts.map +1 -0
  28. package/dist/components/Heading/Heading.js +35 -0
  29. package/dist/components/Heading/Heading.js.map +1 -0
  30. package/dist/components/Heading/Heading.stories.d.ts +17 -0
  31. package/dist/components/Heading/Heading.stories.d.ts.map +1 -0
  32. package/dist/components/Heading/HeadingProps.d.ts +6 -0
  33. package/dist/components/Heading/HeadingProps.d.ts.map +1 -0
  34. package/dist/components/Heading/HeadingProps.js +2 -0
  35. package/dist/components/Heading/HeadingProps.js.map +1 -0
  36. package/dist/components/Heading/index.d.ts +3 -0
  37. package/dist/components/Heading/index.d.ts.map +1 -0
  38. package/dist/components/Heading/index.js +5 -0
  39. package/dist/components/Heading/index.js.map +1 -0
  40. package/dist/components/Nav/Nav.js +41 -41
  41. package/dist/components/Nav/NavAccordion.js +41 -41
  42. package/dist/components/Nav/NavAccordion.js.map +1 -1
  43. package/dist/components/Nav/NavAccordionProps.d.ts +13 -13
  44. package/dist/components/Nav/NavAccordionProps.d.ts.map +1 -1
  45. package/dist/components/Nav/NavBrand.js +42 -42
  46. package/dist/components/Nav/NavBrandCenter.js +42 -42
  47. package/dist/components/Nav/NavBrandLeft.js +42 -42
  48. package/dist/components/Nav/NavBrandRight.js +42 -42
  49. package/dist/components/Nav/NavMenu.js +41 -41
  50. package/dist/components/Nav/NavMenuItem.js +40 -40
  51. package/dist/components/Nav/NavStatic.js +41 -41
  52. package/dist/components/Nav/NavStatic.js.map +1 -1
  53. package/dist/components/Nav/NavStaticProps.d.ts +13 -13
  54. package/dist/components/Nav/NavStaticProps.d.ts.map +1 -1
  55. package/dist/layouts/Columns/Column.js +22 -22
  56. package/dist/layouts/Columns/Column.js.map +1 -1
  57. package/dist/layouts/Columns/ColumnProps.d.ts +13 -13
  58. package/dist/layouts/Columns/ColumnProps.d.ts.map +1 -1
  59. package/dist/layouts/Columns/Columns.js +46 -46
  60. package/dist/layouts/Columns/Columns.js.map +1 -1
  61. package/dist/layouts/Columns/Columns.stories.d.ts +2 -2
  62. package/dist/layouts/Columns/Columns.stories.d.ts.map +1 -1
  63. package/dist/layouts/Columns/ColumnsProps.d.ts +52 -52
  64. package/dist/layouts/Columns/ColumnsProps.d.ts.map +1 -1
  65. package/dist/react-minolith.d.ts +1 -0
  66. package/dist/react-minolith.d.ts.map +1 -1
  67. package/dist/react-minolith.js +58 -56
  68. package/dist/react-minolith.js.map +1 -1
  69. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.d.ts.map +1 -1
  70. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js +252 -239
  71. package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
  72. package/package.json +1 -1
  73. package/dist/assets/Button2.css +0 -1
  74. package/dist/assets/Header2.css +0 -1
  75. package/dist/assets/Page.css +0 -1
  76. package/dist/index-BuUAQmqD.js +0 -21838
  77. package/dist/index-BuUAQmqD.js.map +0 -1
  78. package/dist/stories/Button.d.ts +0 -15
  79. package/dist/stories/Button.d.ts.map +0 -1
  80. package/dist/stories/Button.js +0 -24
  81. package/dist/stories/Button.js.map +0 -1
  82. package/dist/stories/Button.stories.d.ts +0 -24
  83. package/dist/stories/Button.stories.d.ts.map +0 -1
  84. package/dist/stories/Button.stories.js +0 -45
  85. package/dist/stories/Button.stories.js.map +0 -1
  86. package/dist/stories/Header.d.ts +0 -12
  87. package/dist/stories/Header.d.ts.map +0 -1
  88. package/dist/stories/Header.js +0 -45
  89. package/dist/stories/Header.js.map +0 -1
  90. package/dist/stories/Header.stories.d.ts +0 -19
  91. package/dist/stories/Header.stories.d.ts.map +0 -1
  92. package/dist/stories/Header.stories.js +0 -29
  93. package/dist/stories/Header.stories.js.map +0 -1
  94. package/dist/stories/Page.d.ts +0 -3
  95. package/dist/stories/Page.d.ts.map +0 -1
  96. package/dist/stories/Page.js +0 -59
  97. package/dist/stories/Page.js.map +0 -1
  98. package/dist/stories/Page.stories.d.ts +0 -13
  99. package/dist/stories/Page.stories.d.ts.map +0 -1
  100. package/dist/stories/Page.stories.js +0 -23
  101. package/dist/stories/Page.stories.js.map +0 -1
@@ -1,406 +1,419 @@
1
- function n(e, i, s, t) {
2
- const l = [];
3
- return i && (i.fore && l.push(
4
- `--color-${e}${s ? `-${s}` : ""}${t ? `-${t}` : ""}-fore: ${i.fore.startsWith("--") ? `var(${i.fore});` : `${i.fore};`}`
5
- ), i.back && l.push(
6
- `--color-${e}${s ? `-${s}` : ""}${t ? `-${t}` : ""}-back: ${i.back.startsWith("--") ? `var(${i.back});` : `${i.back};`}`
7
- ), i.border && l.push(
8
- `--color-${e}${s ? `-${s}` : ""}${t ? `-${t}` : ""}-border: ${i.border.startsWith("--") ? `var(${i.border});` : `${i.border};`}`
9
- ), i.shadow && l.push(
10
- `--color-${e}${s ? `-${s}` : ""}${t ? `-${t}` : ""}-shadow: ${i.shadow.startsWith("--") ? `var(${i.shadow});` : `${i.shadow};`}`
11
- ), i.placeholder && l.push(
12
- `--color-${e}${s ? `-${s}` : ""}${t ? `-${t}` : ""}-placeholder: ${i.placeholder.startsWith("--") ? `var(${i.placeholder});` : `${i.placeholder};`}`
13
- )), l;
1
+ const l = "minolith-";
2
+ function r(n, s, i, t) {
3
+ const e = [];
4
+ return s && (s.fore && e.push(
5
+ `--${l}color-${n}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-fore: ${s.fore.startsWith("--") ? `var(${s.fore});` : `${s.fore};`}`
6
+ ), s.back && e.push(
7
+ `--${l}color-${n}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-back: ${s.back.startsWith("--") ? `var(${s.back});` : `${s.back};`}`
8
+ ), s.border && e.push(
9
+ `--${l}color-${n}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-border: ${s.border.startsWith("--") ? `var(${s.border});` : `${s.border};`}`
10
+ ), s.shadow && e.push(
11
+ `--${l}color-${n}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-shadow: ${s.shadow.startsWith("--") ? `var(${s.shadow});` : `${s.shadow};`}`
12
+ ), s.placeholder && e.push(
13
+ `--${l}color-${n}${i ? `-${i}` : ""}${t ? `-${t}` : ""}-placeholder: ${s.placeholder.startsWith("--") ? `var(${s.placeholder});` : `${s.placeholder};`}`
14
+ )), e;
14
15
  }
15
- function h(e, i, s) {
16
+ function h(n, s, i) {
16
17
  const t = [];
17
- if (i.default) {
18
- const l = n(
19
- e,
20
- i.default,
18
+ if (s.default) {
19
+ const e = r(
20
+ n,
21
+ s.default,
21
22
  void 0,
22
- s
23
+ i
23
24
  );
24
- l.length > 0 && t.push(...l);
25
+ e.length > 0 && t.push(...e);
25
26
  }
26
- if (i.hover) {
27
- const l = n(
28
- e,
29
- i.hover,
27
+ if (s.hover) {
28
+ const e = r(
29
+ n,
30
+ s.hover,
30
31
  "hover",
31
- s
32
+ i
32
33
  );
33
- l.length > 0 && t.push(...l);
34
+ e.length > 0 && t.push(...e);
34
35
  }
35
- if (i.focus) {
36
- const l = n(
37
- e,
38
- i.focus,
36
+ if (s.focus) {
37
+ const e = r(
38
+ n,
39
+ s.focus,
39
40
  "focus",
40
- s
41
+ i
41
42
  );
42
- l.length > 0 && t.push(...l);
43
+ e.length > 0 && t.push(...e);
43
44
  }
44
- if (i.active) {
45
- const l = n(
46
- e,
47
- i.active,
45
+ if (s.active) {
46
+ const e = r(
47
+ n,
48
+ s.active,
48
49
  "active",
49
- s
50
+ i
50
51
  );
51
- l.length > 0 && t.push(...l);
52
+ e.length > 0 && t.push(...e);
52
53
  }
53
- if (i.disabled) {
54
- const l = n(
55
- e,
56
- i.disabled,
54
+ if (s.disabled) {
55
+ const e = r(
56
+ n,
57
+ s.disabled,
57
58
  "disabled",
58
- s
59
+ i
59
60
  );
60
- l.length > 0 && t.push(...l);
61
+ e.length > 0 && t.push(...e);
61
62
  }
62
63
  return t;
63
64
  }
64
- function a(e) {
65
- const i = [], s = r(e), t = u(e), l = g(e);
66
- return s.length > 0 && i.push(`:root{${s.join("")}}`), t.length > 0 && i.push(`:root{${t.join("")}}`), t.length > 0 && i.push(
65
+ function g(n) {
66
+ const s = [], i = u(n), t = a(n), e = d(n);
67
+ return i.length > 0 && s.push(`:root{${i.join("")}}`), t.length > 0 && s.push(`:root{${t.join("")}}`), t.length > 0 && s.push(
67
68
  `[data-color-scheme="light"]{${t.join("")}}`
68
- ), l.length > 0 && i.push(
69
- `[data-color-scheme="dark"]{${l.join("")}}`
70
- ), i;
69
+ ), e.length > 0 && s.push(
70
+ `[data-color-scheme="dark"]{${e.join("")}}`
71
+ ), s;
71
72
  }
72
- function r(e) {
73
- const i = [];
74
- if (e) {
75
- if (e.color) {
76
- const s = e.color, t = (l, o, f) => {
77
- f && (i.push(
78
- `--color-${l}-${o}-oklch: ${f.lightness}% ${f.chroma} ${f.hue};`
79
- ), i.push(
80
- `--color-${l}-${o}: oklch(var(--color-${l}-${o}-oklch));`
73
+ function u(n) {
74
+ const s = [];
75
+ if (n) {
76
+ if (n.animation) {
77
+ const i = n.animation;
78
+ i.speedHeavey && s.push(`--${l}animation-speed-heavy: ${i.speedHeavey};`), i.speedSlower && s.push(`--${l}animation-speed-slower: ${i.speedSlower};`), i.speedSlow && s.push(`--${l}animation-speed-slow: ${i.speedSlow};`), i.speedNormal && s.push(`--${l}animation-speed-normal: ${i.speedNormal};`), i.speedfFast && s.push(`--${l}animation-speed-fast: ${i.speedfFast};`), i.speedfFaster && s.push(`--${l}animation-speed-faster: ${i.speedfFaster};`), i.speedfFlash && s.push(`--${l}animation-speed-flash: ${i.speedfFlash};`);
79
+ }
80
+ if (n.border) {
81
+ const i = n.border;
82
+ i.borderWidthXThin && s.push(`--${l}border-width-xthin: ${i.borderWidthXThin};`), i.borderWidthThin && s.push(`--${l}border-width-thin: ${i.borderWidthThin};`), i.borderWidthMedium && s.push(`--${l}border-width-medium: ${i.borderWidthMedium};`), i.borderWidthThick && s.push(`--${l}border-width-thick: ${i.borderWidthThick};`), i.borderWidthXThick && s.push(`--${l}border-width-xthick: ${i.borderWidthXThick};`), i.borderRadiusSmall && s.push(`--${l}border-radius-small: ${i.borderRadiusSmall};`), i.borderRadiusMedium && s.push(`--${l}border-radius-medium: ${i.borderRadiusMedium};`), i.borderRadiusLarge && s.push(`--${l}border-radius-large: ${i.borderRadiusLarge};`);
83
+ }
84
+ if (n.color) {
85
+ const i = n.color, t = (e, o, f) => {
86
+ f && (s.push(
87
+ `--${l}color-${e}-${o}-oklch: ${f.lightness}% ${f.chroma} ${f.hue};`
88
+ ), s.push(
89
+ `--${l}color-${e}-${o}: oklch(var(--color-${e}-${o}-oklch));`
81
90
  ));
82
91
  };
83
- if (s.white && (typeof s.white == "string" ? i.push(`--color-white: ${s.white};`) : (i.push(
84
- `--color-white-oklch: ${s.white.lightness}% ${s.white.chroma} ${s.white.hue};`
85
- ), i.push("--color-white: oklch(var(--color-white-oklch));"))), s.black && (typeof s.black == "string" ? i.push(`--color-black: ${s.black};`) : (i.push(
86
- `--color-black-oklch: ${s.black.lightness}% ${s.black.chroma} ${s.black.hue};`
87
- ), i.push("--color-black: oklch(var(--color-black-oklch));"))), s.gray) {
88
- const l = s.gray, o = "gray";
89
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
92
+ if (i.white && (typeof i.white == "string" ? s.push(`--${l}color-white: ${i.white};`) : (s.push(
93
+ `--${l}color-white-oklch: ${i.white.lightness}% ${i.white.chroma} ${i.white.hue};`
94
+ ), s.push(`--${l}color-white: oklch(var(--color-white-oklch));`))), i.black && (typeof i.black == "string" ? s.push(`--${l}color-black: ${i.black};`) : (s.push(
95
+ `--${l}color-black-oklch: ${i.black.lightness}% ${i.black.chroma} ${i.black.hue};`
96
+ ), s.push(`--${l}color-black: oklch(var(--color-black-oklch));`))), i.gray) {
97
+ const e = i.gray, o = "gray";
98
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
90
99
  }
91
- if (s.red) {
92
- const l = s.red, o = "red";
93
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
100
+ if (i.red) {
101
+ const e = i.red, o = "red";
102
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
94
103
  }
95
- if (s.orange) {
96
- const l = s.orange, o = "orange";
97
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
104
+ if (i.orange) {
105
+ const e = i.orange, o = "orange";
106
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
98
107
  }
99
- if (s.yellow) {
100
- const l = s.yellow, o = "yellow";
101
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
108
+ if (i.yellow) {
109
+ const e = i.yellow, o = "yellow";
110
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
102
111
  }
103
- if (s.green) {
104
- const l = s.green, o = "green";
105
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
112
+ if (i.green) {
113
+ const e = i.green, o = "green";
114
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
106
115
  }
107
- if (s.cyan) {
108
- const l = s.cyan, o = "cyan";
109
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
116
+ if (i.cyan) {
117
+ const e = i.cyan, o = "cyan";
118
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
110
119
  }
111
- if (s.blue) {
112
- const l = s.blue, o = "blue";
113
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
120
+ if (i.blue) {
121
+ const e = i.blue, o = "blue";
122
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
114
123
  }
115
- if (s.violet) {
116
- const l = s.violet, o = "violet";
117
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
124
+ if (i.violet) {
125
+ const e = i.violet, o = "violet";
126
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
118
127
  }
119
- if (s.magenta) {
120
- const l = s.magenta, o = "magenta";
121
- t(o, "95", l[95]), t(o, "90", l[90]), t(o, "85", l[85]), t(o, "80", l[80]), t(o, "75", l[75]), t(o, "70", l[70]), t(o, "65", l[65]), t(o, "60", l[60]), t(o, "55", l[55]), t(o, "50", l[50]), t(o, "45", l[45]), t(o, "40", l[40]), t(o, "35", l[35]), t(o, "30", l[30]), t(o, "25", l[25]), t(o, "20", l[20]), t(o, "15", l[15]), t(o, "10", l[10]), t(o, "05", l[5]);
128
+ if (i.magenta) {
129
+ const e = i.magenta, o = "magenta";
130
+ t(o, "95", e[95]), t(o, "90", e[90]), t(o, "85", e[85]), t(o, "80", e[80]), t(o, "75", e[75]), t(o, "70", e[70]), t(o, "65", e[65]), t(o, "60", e[60]), t(o, "55", e[55]), t(o, "50", e[50]), t(o, "45", e[45]), t(o, "40", e[40]), t(o, "35", e[35]), t(o, "30", e[30]), t(o, "25", e[25]), t(o, "20", e[20]), t(o, "15", e[15]), t(o, "10", e[10]), t(o, "05", e[5]);
122
131
  }
123
132
  }
124
- if (e.typography) {
125
- const s = e.typography;
126
- s.fontSize && (s.fontSize.small && i.push(`--font-size-small: ${s.fontSize.small};`), s.fontSize.normal && i.push(`--font-size-normal: ${s.fontSize.normal};`), s.fontSize.medium && i.push(`--font-size-medium: ${s.fontSize.medium};`), s.fontSize.large && i.push(`--font-size-large: ${s.fontSize.large};`)), s.fontWeight && (s.fontWeight.light && i.push(
127
- `--font-weight-light: ${s.fontWeight.light};`
128
- ), s.fontWeight.normal && i.push(
129
- `--font-weight-normal: ${s.fontWeight.normal};`
130
- ), s.fontWeight.medium && i.push(
131
- `--font-weight-medium: ${s.fontWeight.medium};`
132
- ), s.fontWeight.semibold && i.push(
133
- `--font-weight-semibold: ${s.fontWeight.semibold};`
134
- ), s.fontWeight.bold && i.push(`--font-weight-bold: ${s.fontWeight.bold};`));
133
+ if (n.miscellaneous) {
134
+ const i = n.miscellaneous;
135
+ i.zIndexTabula && s.push(`--${l}z-index-tabula: ${i.zIndexTabula};`), i.zIndexModal && s.push(`--${l}z-index-modal: ${i.zIndexModal};`), i.zIndexModalContent && s.push(`--${l}z-index-tabula-content: ${i.zIndexModalContent};`), i.zIndexHeaderIsSticky && s.push(`--${l}z-index-header-is-sticky: ${i.zIndexHeaderIsSticky};`);
136
+ }
137
+ if (n.typography) {
138
+ const i = n.typography;
139
+ i.fontSize && (i.fontSize.xsmall && s.push(`--${l}font-size-xsmall: ${i.fontSize.xsmall};`), i.fontSize.small && s.push(`--${l}font-size-small: ${i.fontSize.small};`), i.fontSize.normal && s.push(`--${l}font-size-normal: ${i.fontSize.normal};`), i.fontSize.medium && s.push(`--${l}font-size-medium: ${i.fontSize.medium};`), i.fontSize.large && s.push(`--${l}font-size-large: ${i.fontSize.large};`), i.fontSize.xlarge && s.push(`--${l}font-size-xlarge: ${i.fontSize.xlarge};`), i.fontSize.xxlarge && s.push(`--${l}font-size-xxlarge: ${i.fontSize.xxlarge};`), i.fontSize.xxxlarge && s.push(`--${l}font-size-xxxlarge: ${i.fontSize.xxxlarge};`), i.fontSize.xxxxlarge && s.push(`--${l}font-size-xxxxlarge: ${i.fontSize.xxxxlarge};`), i.fontSize.xxxxxlarge && s.push(`--${l}font-size-xxxxxlarge: ${i.fontSize.xxxxxlarge};`)), i.fontWeight && (i.fontWeight.light && s.push(
140
+ `--${l}font-weight-light: ${i.fontWeight.light};`
141
+ ), i.fontWeight.normal && s.push(
142
+ `--${l}font-weight-normal: ${i.fontWeight.normal};`
143
+ ), i.fontWeight.medium && s.push(
144
+ `--${l}font-weight-medium: ${i.fontWeight.medium};`
145
+ ), i.fontWeight.semibold && s.push(
146
+ `--${l}font-weight-semibold: ${i.fontWeight.semibold};`
147
+ ), i.fontWeight.bold && s.push(`--${l}font-weight-bold: ${i.fontWeight.bold};`));
135
148
  }
136
149
  }
137
- return i;
150
+ return s;
138
151
  }
139
- function u(e) {
140
- const i = [];
141
- if (e && e.color) {
142
- const s = e.color;
143
- if (s.light) {
144
- if (s.light.default) {
145
- const t = h("default", s.light.default);
146
- t.length > 0 && i.push(...t);
152
+ function a(n) {
153
+ const s = [];
154
+ if (n && n.color) {
155
+ const i = n.color;
156
+ if (i.light) {
157
+ if (i.light.default) {
158
+ const t = h("default", i.light.default);
159
+ t.length > 0 && s.push(...t);
147
160
  }
148
- if (s.light.gray) {
149
- const t = h("gray", s.light.gray);
150
- t.length > 0 && i.push(...t);
161
+ if (i.light.gray) {
162
+ const t = h("gray", i.light.gray);
163
+ t.length > 0 && s.push(...t);
151
164
  }
152
- if (s.light.red) {
153
- const t = h("red", s.light.red);
154
- t.length > 0 && i.push(...t);
165
+ if (i.light.red) {
166
+ const t = h("red", i.light.red);
167
+ t.length > 0 && s.push(...t);
155
168
  }
156
- if (s.light.orange) {
157
- const t = h("orange", s.light.orange);
158
- t.length > 0 && i.push(...t);
169
+ if (i.light.orange) {
170
+ const t = h("orange", i.light.orange);
171
+ t.length > 0 && s.push(...t);
159
172
  }
160
- if (s.light.yellow) {
161
- const t = h("yellow", s.light.yellow);
162
- t.length > 0 && i.push(...t);
173
+ if (i.light.yellow) {
174
+ const t = h("yellow", i.light.yellow);
175
+ t.length > 0 && s.push(...t);
163
176
  }
164
- if (s.light.green) {
165
- const t = h("green", s.light.green);
166
- t.length > 0 && i.push(...t);
177
+ if (i.light.green) {
178
+ const t = h("green", i.light.green);
179
+ t.length > 0 && s.push(...t);
167
180
  }
168
- if (s.light.cyan) {
169
- const t = h("cyan", s.light.cyan);
170
- t.length > 0 && i.push(...t);
181
+ if (i.light.cyan) {
182
+ const t = h("cyan", i.light.cyan);
183
+ t.length > 0 && s.push(...t);
171
184
  }
172
- if (s.light.blue) {
173
- const t = h("blue", s.light.blue);
174
- t.length > 0 && i.push(...t);
185
+ if (i.light.blue) {
186
+ const t = h("blue", i.light.blue);
187
+ t.length > 0 && s.push(...t);
175
188
  }
176
- if (s.light.violet) {
177
- const t = h("violet", s.light.violet);
178
- t.length > 0 && i.push(...t);
189
+ if (i.light.violet) {
190
+ const t = h("violet", i.light.violet);
191
+ t.length > 0 && s.push(...t);
179
192
  }
180
- if (s.light.button) {
181
- if (s.light.button.default) {
193
+ if (i.light.button) {
194
+ if (i.light.button.default) {
182
195
  const t = h(
183
196
  "default",
184
- s.light.button.default,
197
+ i.light.button.default,
185
198
  "button"
186
199
  );
187
- t.length > 0 && i.push(...t);
200
+ t.length > 0 && s.push(...t);
188
201
  }
189
- if (s.light.button.gray) {
202
+ if (i.light.button.gray) {
190
203
  const t = h(
191
204
  "gray",
192
- s.light.button.gray,
205
+ i.light.button.gray,
193
206
  "button"
194
207
  );
195
- t.length > 0 && i.push(...t);
208
+ t.length > 0 && s.push(...t);
196
209
  }
197
- if (s.light.button.red) {
210
+ if (i.light.button.red) {
198
211
  const t = h(
199
212
  "red",
200
- s.light.button.red,
213
+ i.light.button.red,
201
214
  "button"
202
215
  );
203
- t.length > 0 && i.push(...t);
216
+ t.length > 0 && s.push(...t);
204
217
  }
205
- if (s.light.button.orange) {
218
+ if (i.light.button.orange) {
206
219
  const t = h(
207
220
  "orange",
208
- s.light.button.orange,
221
+ i.light.button.orange,
209
222
  "button"
210
223
  );
211
- t.length > 0 && i.push(...t);
224
+ t.length > 0 && s.push(...t);
212
225
  }
213
- if (s.light.button.yellow) {
226
+ if (i.light.button.yellow) {
214
227
  const t = h(
215
228
  "yellow",
216
- s.light.button.yellow,
229
+ i.light.button.yellow,
217
230
  "button"
218
231
  );
219
- t.length > 0 && i.push(...t);
232
+ t.length > 0 && s.push(...t);
220
233
  }
221
- if (s.light.button.green) {
234
+ if (i.light.button.green) {
222
235
  const t = h(
223
236
  "green",
224
- s.light.button.green,
237
+ i.light.button.green,
225
238
  "button"
226
239
  );
227
- t.length > 0 && i.push(...t);
240
+ t.length > 0 && s.push(...t);
228
241
  }
229
- if (s.light.button.cyan) {
242
+ if (i.light.button.cyan) {
230
243
  const t = h(
231
244
  "cyan",
232
- s.light.button.cyan,
245
+ i.light.button.cyan,
233
246
  "button"
234
247
  );
235
- t.length > 0 && i.push(...t);
248
+ t.length > 0 && s.push(...t);
236
249
  }
237
- if (s.light.button.blue) {
250
+ if (i.light.button.blue) {
238
251
  const t = h(
239
252
  "blue",
240
- s.light.button.blue,
253
+ i.light.button.blue,
241
254
  "button"
242
255
  );
243
- t.length > 0 && i.push(...t);
256
+ t.length > 0 && s.push(...t);
244
257
  }
245
- if (s.light.button.violet) {
258
+ if (i.light.button.violet) {
246
259
  const t = h(
247
260
  "violet",
248
- s.light.button.violet,
261
+ i.light.button.violet,
249
262
  "button"
250
263
  );
251
- t.length > 0 && i.push(...t);
264
+ t.length > 0 && s.push(...t);
252
265
  }
253
- if (s.light.button.magenta) {
266
+ if (i.light.button.magenta) {
254
267
  const t = h(
255
268
  "magenta",
256
- s.light.button.magenta,
269
+ i.light.button.magenta,
257
270
  "button"
258
271
  );
259
- t.length > 0 && i.push(...t);
272
+ t.length > 0 && s.push(...t);
260
273
  }
261
274
  }
262
275
  }
263
276
  }
264
- return i;
277
+ return s;
265
278
  }
266
- function g(e) {
267
- const i = [];
268
- if (e && e.color) {
269
- const s = e.color;
270
- if (s.dark) {
271
- if (s.dark.default) {
272
- const t = h("default", s.dark.default);
273
- t.length > 0 && i.push(...t);
279
+ function d(n) {
280
+ const s = [];
281
+ if (n && n.color) {
282
+ const i = n.color;
283
+ if (i.dark) {
284
+ if (i.dark.default) {
285
+ const t = h("default", i.dark.default);
286
+ t.length > 0 && s.push(...t);
274
287
  }
275
- if (s.dark.gray) {
276
- const t = h("gray", s.dark.gray);
277
- t.length > 0 && i.push(...t);
288
+ if (i.dark.gray) {
289
+ const t = h("gray", i.dark.gray);
290
+ t.length > 0 && s.push(...t);
278
291
  }
279
- if (s.dark.red) {
280
- const t = h("red", s.dark.red);
281
- t.length > 0 && i.push(...t);
292
+ if (i.dark.red) {
293
+ const t = h("red", i.dark.red);
294
+ t.length > 0 && s.push(...t);
282
295
  }
283
- if (s.dark.orange) {
284
- const t = h("orange", s.dark.orange);
285
- t.length > 0 && i.push(...t);
296
+ if (i.dark.orange) {
297
+ const t = h("orange", i.dark.orange);
298
+ t.length > 0 && s.push(...t);
286
299
  }
287
- if (s.dark.yellow) {
288
- const t = h("yellow", s.dark.yellow);
289
- t.length > 0 && i.push(...t);
300
+ if (i.dark.yellow) {
301
+ const t = h("yellow", i.dark.yellow);
302
+ t.length > 0 && s.push(...t);
290
303
  }
291
- if (s.dark.green) {
292
- const t = h("green", s.dark.green);
293
- t.length > 0 && i.push(...t);
304
+ if (i.dark.green) {
305
+ const t = h("green", i.dark.green);
306
+ t.length > 0 && s.push(...t);
294
307
  }
295
- if (s.dark.cyan) {
296
- const t = h("cyan", s.dark.cyan);
297
- t.length > 0 && i.push(...t);
308
+ if (i.dark.cyan) {
309
+ const t = h("cyan", i.dark.cyan);
310
+ t.length > 0 && s.push(...t);
298
311
  }
299
- if (s.dark.blue) {
300
- const t = h("blue", s.dark.blue);
301
- t.length > 0 && i.push(...t);
312
+ if (i.dark.blue) {
313
+ const t = h("blue", i.dark.blue);
314
+ t.length > 0 && s.push(...t);
302
315
  }
303
- if (s.dark.violet) {
304
- const t = h("violet", s.dark.violet);
305
- t.length > 0 && i.push(...t);
316
+ if (i.dark.violet) {
317
+ const t = h("violet", i.dark.violet);
318
+ t.length > 0 && s.push(...t);
306
319
  }
307
- if (s.dark.magenta) {
308
- const t = h("magenta", s.dark.magenta);
309
- t.length > 0 && i.push(...t);
320
+ if (i.dark.magenta) {
321
+ const t = h("magenta", i.dark.magenta);
322
+ t.length > 0 && s.push(...t);
310
323
  }
311
- if (s.dark.button) {
312
- if (s.dark.button.default) {
324
+ if (i.dark.button) {
325
+ if (i.dark.button.default) {
313
326
  const t = h(
314
327
  "default",
315
- s.dark.button.default,
328
+ i.dark.button.default,
316
329
  "button"
317
330
  );
318
- t.length > 0 && i.push(...t);
331
+ t.length > 0 && s.push(...t);
319
332
  }
320
- if (s.dark.button.gray) {
333
+ if (i.dark.button.gray) {
321
334
  const t = h(
322
335
  "gray",
323
- s.dark.button.gray,
336
+ i.dark.button.gray,
324
337
  "button"
325
338
  );
326
- t.length > 0 && i.push(...t);
339
+ t.length > 0 && s.push(...t);
327
340
  }
328
- if (s.dark.button.red) {
341
+ if (i.dark.button.red) {
329
342
  const t = h(
330
343
  "red",
331
- s.dark.button.red,
344
+ i.dark.button.red,
332
345
  "button"
333
346
  );
334
- t.length > 0 && i.push(...t);
347
+ t.length > 0 && s.push(...t);
335
348
  }
336
- if (s.dark.button.orange) {
349
+ if (i.dark.button.orange) {
337
350
  const t = h(
338
351
  "orange",
339
- s.dark.button.orange,
352
+ i.dark.button.orange,
340
353
  "button"
341
354
  );
342
- t.length > 0 && i.push(...t);
355
+ t.length > 0 && s.push(...t);
343
356
  }
344
- if (s.dark.button.yellow) {
357
+ if (i.dark.button.yellow) {
345
358
  const t = h(
346
359
  "yellow",
347
- s.dark.button.yellow,
360
+ i.dark.button.yellow,
348
361
  "button"
349
362
  );
350
- t.length > 0 && i.push(...t);
363
+ t.length > 0 && s.push(...t);
351
364
  }
352
- if (s.dark.button.green) {
365
+ if (i.dark.button.green) {
353
366
  const t = h(
354
367
  "green",
355
- s.dark.button.green,
368
+ i.dark.button.green,
356
369
  "button"
357
370
  );
358
- t.length > 0 && i.push(...t);
371
+ t.length > 0 && s.push(...t);
359
372
  }
360
- if (s.dark.button.cyan) {
373
+ if (i.dark.button.cyan) {
361
374
  const t = h(
362
375
  "cyan",
363
- s.dark.button.cyan,
376
+ i.dark.button.cyan,
364
377
  "button"
365
378
  );
366
- t.length > 0 && i.push(...t);
379
+ t.length > 0 && s.push(...t);
367
380
  }
368
- if (s.dark.button.blue) {
381
+ if (i.dark.button.blue) {
369
382
  const t = h(
370
383
  "blue",
371
- s.dark.button.blue,
384
+ i.dark.button.blue,
372
385
  "button"
373
386
  );
374
- t.length > 0 && i.push(...t);
387
+ t.length > 0 && s.push(...t);
375
388
  }
376
- if (s.dark.button.violet) {
389
+ if (i.dark.button.violet) {
377
390
  const t = h(
378
391
  "violet",
379
- s.dark.button.violet,
392
+ i.dark.button.violet,
380
393
  "button"
381
394
  );
382
- t.length > 0 && i.push(...t);
395
+ t.length > 0 && s.push(...t);
383
396
  }
384
- if (s.dark.button.magenta) {
397
+ if (i.dark.button.magenta) {
385
398
  const t = h(
386
399
  "magenta",
387
- s.dark.button.magenta,
400
+ i.dark.button.magenta,
388
401
  "button"
389
402
  );
390
- t.length > 0 && i.push(...t);
403
+ t.length > 0 && s.push(...t);
391
404
  }
392
405
  }
393
406
  }
394
407
  }
395
- return i;
408
+ return s;
396
409
  }
397
- const d = {
398
- getMinolithCssVariableStyles: a,
399
- getRootStyles: r,
400
- getLightSchemeStyles: u,
401
- getDarkSchemeStyles: g
410
+ const $ = {
411
+ getMinolithCssVariableStyles: g,
412
+ getRootStyles: u,
413
+ getLightSchemeStyles: a,
414
+ getDarkSchemeStyles: d
402
415
  };
403
416
  export {
404
- d as default
417
+ $ as default
405
418
  };
406
419
  //# sourceMappingURL=minolithStyleUtility.js.map