@hanzogui/theme-builder 8.3.0 → 8.3.2

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 (159) hide show
  1. package/dist/cjs/ThemeBuilder.js +262 -0
  2. package/dist/cjs/ThemeBuilder.js.map +1 -0
  3. package/dist/cjs/createStudioThemes.js +26 -0
  4. package/dist/cjs/createStudioThemes.js.map +1 -0
  5. package/dist/cjs/createThemes.js +402 -0
  6. package/dist/cjs/createThemes.js.map +1 -0
  7. package/dist/cjs/defaultComponentThemes.js +28 -0
  8. package/dist/cjs/defaultComponentThemes.js.map +1 -0
  9. package/dist/cjs/defaultTemplates.js +136 -0
  10. package/dist/cjs/defaultTemplates.js.map +1 -0
  11. package/dist/cjs/defaultTemplatesStronger.js +131 -0
  12. package/dist/cjs/defaultTemplatesStronger.js.map +1 -0
  13. package/dist/cjs/defaultTemplatesStrongest.js +131 -0
  14. package/dist/cjs/defaultTemplatesStrongest.js.map +1 -0
  15. package/dist/cjs/getThemeSuitePalettes.js +80 -0
  16. package/dist/cjs/getThemeSuitePalettes.js.map +1 -0
  17. package/dist/cjs/helpers.js +14 -0
  18. package/dist/cjs/helpers.js.map +1 -0
  19. package/dist/cjs/index.js +25 -0
  20. package/dist/cjs/index.js.map +1 -0
  21. package/dist/cjs/masks.js +73 -0
  22. package/dist/cjs/masks.js.map +1 -0
  23. package/dist/cjs/package.json +1 -0
  24. package/dist/cjs/types.js +3 -0
  25. package/dist/cjs/types.js.map +1 -0
  26. package/dist/esm/ThemeBuilder.js +257 -0
  27. package/dist/esm/ThemeBuilder.js.map +1 -0
  28. package/dist/esm/createStudioThemes.js +23 -0
  29. package/dist/esm/createStudioThemes.js.map +1 -0
  30. package/dist/esm/createThemes.js +392 -0
  31. package/dist/esm/createThemes.js.map +1 -0
  32. package/dist/esm/defaultComponentThemes.js +25 -0
  33. package/dist/esm/defaultComponentThemes.js.map +1 -0
  34. package/dist/esm/defaultTemplates.js +133 -0
  35. package/dist/esm/defaultTemplates.js.map +1 -0
  36. package/dist/esm/defaultTemplatesStronger.js +128 -0
  37. package/dist/esm/defaultTemplatesStronger.js.map +1 -0
  38. package/dist/esm/defaultTemplatesStrongest.js +128 -0
  39. package/dist/esm/defaultTemplatesStrongest.js.map +1 -0
  40. package/dist/esm/getThemeSuitePalettes.js +76 -0
  41. package/dist/esm/getThemeSuitePalettes.js.map +1 -0
  42. package/dist/esm/helpers.js +8 -0
  43. package/dist/esm/helpers.js.map +1 -0
  44. package/dist/esm/index.js +11 -10
  45. package/dist/esm/index.js.map +1 -1
  46. package/dist/esm/masks.js +70 -0
  47. package/dist/esm/masks.js.map +1 -0
  48. package/dist/esm/types.js +2 -0
  49. package/dist/esm/types.js.map +1 -0
  50. package/package.json +15 -15
  51. package/src/ThemeBuilder.ts +1 -1
  52. package/src/createStudioThemes.ts +6 -6
  53. package/src/createThemes.ts +24 -17
  54. package/src/defaultComponentThemes.ts +1 -1
  55. package/src/defaultTemplates.ts +2 -2
  56. package/src/defaultTemplatesStronger.ts +2 -2
  57. package/src/defaultTemplatesStrongest.ts +2 -2
  58. package/src/getThemeSuitePalettes.ts +1 -1
  59. package/src/helpers.ts +10 -3
  60. package/src/index.ts +11 -8
  61. package/types/ThemeBuilder.d.ts +1 -1
  62. package/types/ThemeBuilder.d.ts.map +1 -1
  63. package/types/createStudioThemes.d.ts +3 -3
  64. package/types/createStudioThemes.d.ts.map +1 -1
  65. package/types/createThemes.d.ts +5 -5
  66. package/types/createThemes.d.ts.map +1 -1
  67. package/types/defaultComponentThemes.d.ts.map +1 -1
  68. package/types/defaultTemplates.d.ts +2 -2
  69. package/types/defaultTemplatesStronger.d.ts +2 -2
  70. package/types/defaultTemplatesStrongest.d.ts +2 -2
  71. package/types/getThemeSuitePalettes.d.ts +1 -1
  72. package/types/getThemeSuitePalettes.d.ts.map +1 -1
  73. package/types/helpers.d.ts.map +1 -1
  74. package/types/index.d.ts +8 -8
  75. package/types/index.d.ts.map +1 -1
  76. package/dist/cjs/ThemeBuilder.cjs +0 -248
  77. package/dist/cjs/ThemeBuilder.native.js +0 -338
  78. package/dist/cjs/ThemeBuilder.native.js.map +0 -1
  79. package/dist/cjs/createStudioThemes.cjs +0 -42
  80. package/dist/cjs/createStudioThemes.native.js +0 -45
  81. package/dist/cjs/createStudioThemes.native.js.map +0 -1
  82. package/dist/cjs/createThemes.cjs +0 -395
  83. package/dist/cjs/createThemes.native.js +0 -405
  84. package/dist/cjs/createThemes.native.js.map +0 -1
  85. package/dist/cjs/defaultComponentThemes.cjs +0 -86
  86. package/dist/cjs/defaultComponentThemes.native.js +0 -89
  87. package/dist/cjs/defaultComponentThemes.native.js.map +0 -1
  88. package/dist/cjs/defaultTemplates.cjs +0 -154
  89. package/dist/cjs/defaultTemplates.native.js +0 -162
  90. package/dist/cjs/defaultTemplates.native.js.map +0 -1
  91. package/dist/cjs/defaultTemplatesStronger.cjs +0 -152
  92. package/dist/cjs/defaultTemplatesStronger.native.js +0 -160
  93. package/dist/cjs/defaultTemplatesStronger.native.js.map +0 -1
  94. package/dist/cjs/defaultTemplatesStrongest.cjs +0 -152
  95. package/dist/cjs/defaultTemplatesStrongest.native.js +0 -160
  96. package/dist/cjs/defaultTemplatesStrongest.native.js.map +0 -1
  97. package/dist/cjs/getThemeSuitePalettes.cjs +0 -92
  98. package/dist/cjs/getThemeSuitePalettes.native.js +0 -117
  99. package/dist/cjs/getThemeSuitePalettes.native.js.map +0 -1
  100. package/dist/cjs/helpers.cjs +0 -36
  101. package/dist/cjs/helpers.native.js +0 -41
  102. package/dist/cjs/helpers.native.js.map +0 -1
  103. package/dist/cjs/index.cjs +0 -45
  104. package/dist/cjs/index.native.js +0 -48
  105. package/dist/cjs/index.native.js.map +0 -1
  106. package/dist/cjs/masks.cjs +0 -117
  107. package/dist/cjs/masks.native.js +0 -120
  108. package/dist/cjs/masks.native.js.map +0 -1
  109. package/dist/cjs/types.cjs +0 -18
  110. package/dist/cjs/types.native.js +0 -21
  111. package/dist/cjs/types.native.js.map +0 -1
  112. package/dist/esm/ThemeBuilder.mjs +0 -222
  113. package/dist/esm/ThemeBuilder.mjs.map +0 -1
  114. package/dist/esm/ThemeBuilder.native.js +0 -309
  115. package/dist/esm/ThemeBuilder.native.js.map +0 -1
  116. package/dist/esm/createStudioThemes.mjs +0 -17
  117. package/dist/esm/createStudioThemes.mjs.map +0 -1
  118. package/dist/esm/createStudioThemes.native.js +0 -17
  119. package/dist/esm/createStudioThemes.native.js.map +0 -1
  120. package/dist/esm/createThemes.mjs +0 -364
  121. package/dist/esm/createThemes.mjs.map +0 -1
  122. package/dist/esm/createThemes.native.js +0 -371
  123. package/dist/esm/createThemes.native.js.map +0 -1
  124. package/dist/esm/defaultComponentThemes.mjs +0 -61
  125. package/dist/esm/defaultComponentThemes.mjs.map +0 -1
  126. package/dist/esm/defaultComponentThemes.native.js +0 -61
  127. package/dist/esm/defaultComponentThemes.native.js.map +0 -1
  128. package/dist/esm/defaultTemplates.mjs +0 -129
  129. package/dist/esm/defaultTemplates.mjs.map +0 -1
  130. package/dist/esm/defaultTemplates.native.js +0 -134
  131. package/dist/esm/defaultTemplates.native.js.map +0 -1
  132. package/dist/esm/defaultTemplatesStronger.mjs +0 -127
  133. package/dist/esm/defaultTemplatesStronger.mjs.map +0 -1
  134. package/dist/esm/defaultTemplatesStronger.native.js +0 -132
  135. package/dist/esm/defaultTemplatesStronger.native.js.map +0 -1
  136. package/dist/esm/defaultTemplatesStrongest.mjs +0 -127
  137. package/dist/esm/defaultTemplatesStrongest.mjs.map +0 -1
  138. package/dist/esm/defaultTemplatesStrongest.native.js +0 -132
  139. package/dist/esm/defaultTemplatesStrongest.native.js.map +0 -1
  140. package/dist/esm/getThemeSuitePalettes.mjs +0 -66
  141. package/dist/esm/getThemeSuitePalettes.mjs.map +0 -1
  142. package/dist/esm/getThemeSuitePalettes.native.js +0 -88
  143. package/dist/esm/getThemeSuitePalettes.native.js.map +0 -1
  144. package/dist/esm/helpers.mjs +0 -9
  145. package/dist/esm/helpers.mjs.map +0 -1
  146. package/dist/esm/helpers.native.js +0 -11
  147. package/dist/esm/helpers.native.js.map +0 -1
  148. package/dist/esm/index.mjs +0 -10
  149. package/dist/esm/index.mjs.map +0 -1
  150. package/dist/esm/index.native.js +0 -10
  151. package/dist/esm/index.native.js.map +0 -1
  152. package/dist/esm/masks.mjs +0 -92
  153. package/dist/esm/masks.mjs.map +0 -1
  154. package/dist/esm/masks.native.js +0 -92
  155. package/dist/esm/masks.native.js.map +0 -1
  156. package/dist/esm/types.mjs +0 -2
  157. package/dist/esm/types.mjs.map +0 -1
  158. package/dist/esm/types.native.js +0 -2
  159. package/dist/esm/types.native.js.map +0 -1
@@ -0,0 +1,131 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultTemplatesStronger = void 0;
4
+ const helpers_ts_1 = require("./helpers.js");
5
+ const getTemplates = () => {
6
+ const lightTemplates = getBaseTemplates('light');
7
+ const darkTemplates = getBaseTemplates('dark');
8
+ const templates = {
9
+ ...(0, helpers_ts_1.objectFromEntries)((0, helpers_ts_1.objectKeys)(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
10
+ ...(0, helpers_ts_1.objectFromEntries)((0, helpers_ts_1.objectKeys)(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]])),
11
+ };
12
+ return templates;
13
+ };
14
+ const getBaseTemplates = (scheme) => {
15
+ const isLight = scheme === 'light';
16
+ // our palettes have 4 things padding each end until you get to bg/color:
17
+ // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
18
+ const bgIndex = 6;
19
+ const lighten = isLight ? -1 : 1;
20
+ const darken = -lighten;
21
+ const borderColor = bgIndex + 3;
22
+ const baseColors = {
23
+ color: -bgIndex,
24
+ colorHover: -bgIndex - 1,
25
+ colorPress: -bgIndex,
26
+ colorFocus: -bgIndex - 1,
27
+ placeholderColor: -bgIndex - 3,
28
+ outlineColor: -2,
29
+ };
30
+ // templates use the palette and specify index
31
+ // negative goes backwards from end so -1 is the last item
32
+ const base = {
33
+ accentBackground: 0,
34
+ accentColor: -0,
35
+ background0: 1,
36
+ background02: 2,
37
+ background04: 3,
38
+ background06: 4,
39
+ background08: 5,
40
+ color1: bgIndex,
41
+ color2: bgIndex + 1,
42
+ color3: bgIndex + 2,
43
+ color4: bgIndex + 3,
44
+ color5: bgIndex + 4,
45
+ color6: bgIndex + 5,
46
+ color7: bgIndex + 6,
47
+ color8: bgIndex + 7,
48
+ color9: bgIndex + 8,
49
+ color10: bgIndex + 9,
50
+ color11: bgIndex + 10,
51
+ color12: bgIndex + 11,
52
+ color0: -1,
53
+ color02: -2,
54
+ color04: -3,
55
+ color06: -4,
56
+ color08: -5,
57
+ // the background, color, etc keys here work like generics - they make it so you
58
+ // can publish components for others to use without mandating a specific color scale
59
+ // the @hanzogui/button Button component looks for `$background`, so you set the
60
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
61
+ background: bgIndex,
62
+ backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
63
+ backgroundPress: bgIndex + darken, // always darken on press no matter the theme
64
+ backgroundFocus: bgIndex + darken,
65
+ borderColor,
66
+ borderColorHover: borderColor + lighten,
67
+ borderColorPress: borderColor + darken,
68
+ borderColorFocus: borderColor,
69
+ ...baseColors,
70
+ colorTransparent: -1,
71
+ };
72
+ const surface1 = {
73
+ ...baseColors,
74
+ background: base.background + 2,
75
+ backgroundHover: base.backgroundHover + 2,
76
+ backgroundPress: base.backgroundPress + 2,
77
+ backgroundFocus: base.backgroundFocus + 2,
78
+ borderColor: base.borderColor + 2,
79
+ borderColorHover: base.borderColorHover + 2,
80
+ borderColorFocus: base.borderColorFocus + 2,
81
+ borderColorPress: base.borderColorPress + 2,
82
+ };
83
+ const surface2 = {
84
+ ...baseColors,
85
+ background: base.background + 3,
86
+ backgroundHover: base.backgroundHover + 3,
87
+ backgroundPress: base.backgroundPress + 3,
88
+ backgroundFocus: base.backgroundFocus + 3,
89
+ borderColor: base.borderColor + 3,
90
+ borderColorHover: base.borderColorHover + 3,
91
+ borderColorFocus: base.borderColorFocus + 3,
92
+ borderColorPress: base.borderColorPress + 3,
93
+ };
94
+ const surface3 = {
95
+ ...baseColors,
96
+ background: base.background + 4,
97
+ backgroundHover: base.backgroundHover + 4,
98
+ backgroundPress: base.backgroundPress + 4,
99
+ backgroundFocus: base.backgroundFocus + 4,
100
+ borderColor: base.borderColor + 4,
101
+ borderColorHover: base.borderColorHover + 4,
102
+ borderColorFocus: base.borderColorFocus + 4,
103
+ borderColorPress: base.borderColorPress + 4,
104
+ };
105
+ const alt1 = {
106
+ color: base.color - 1,
107
+ colorHover: base.colorHover - 1,
108
+ colorPress: base.colorPress - 1,
109
+ colorFocus: base.colorFocus - 1,
110
+ };
111
+ const alt2 = {
112
+ color: base.color - 2,
113
+ colorHover: base.colorHover - 2,
114
+ colorPress: base.colorPress - 2,
115
+ colorFocus: base.colorFocus - 2,
116
+ };
117
+ const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
118
+ return [key, -index];
119
+ }));
120
+ return {
121
+ base,
122
+ surface1,
123
+ surface2,
124
+ surface3,
125
+ alt1,
126
+ alt2,
127
+ inverse,
128
+ };
129
+ };
130
+ exports.defaultTemplatesStronger = getTemplates();
131
+ //# sourceMappingURL=defaultTemplatesStronger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultTemplatesStronger.js","sourceRoot":"","sources":["../../src/defaultTemplatesStronger.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,131 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.defaultTemplatesStrongest = void 0;
4
+ const helpers_ts_1 = require("./helpers.js");
5
+ const getTemplates = () => {
6
+ const lightTemplates = getBaseTemplates('light');
7
+ const darkTemplates = getBaseTemplates('dark');
8
+ const templates = {
9
+ ...(0, helpers_ts_1.objectFromEntries)((0, helpers_ts_1.objectKeys)(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
10
+ ...(0, helpers_ts_1.objectFromEntries)((0, helpers_ts_1.objectKeys)(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]])),
11
+ };
12
+ return templates;
13
+ };
14
+ const getBaseTemplates = (scheme) => {
15
+ const isLight = scheme === 'light';
16
+ // our palettes have 4 things padding each end until you get to bg/color:
17
+ // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
18
+ const bgIndex = 6;
19
+ const lighten = isLight ? -1 : 1;
20
+ const darken = -lighten;
21
+ const borderColor = bgIndex + 3;
22
+ const baseColors = {
23
+ color: -bgIndex,
24
+ colorHover: -bgIndex - 1,
25
+ colorPress: -bgIndex,
26
+ colorFocus: -bgIndex - 1,
27
+ placeholderColor: -bgIndex - 3,
28
+ outlineColor: -2,
29
+ };
30
+ // templates use the palette and specify index
31
+ // negative goes backwards from end so -1 is the last item
32
+ const base = {
33
+ accentBackground: 0,
34
+ accentColor: -0,
35
+ background0: 1,
36
+ background02: 2,
37
+ background04: 3,
38
+ background06: 4,
39
+ background08: 5,
40
+ color1: bgIndex,
41
+ color2: bgIndex + 1,
42
+ color3: bgIndex + 2,
43
+ color4: bgIndex + 3,
44
+ color5: bgIndex + 4,
45
+ color6: bgIndex + 5,
46
+ color7: bgIndex + 6,
47
+ color8: bgIndex + 7,
48
+ color9: bgIndex + 8,
49
+ color10: bgIndex + 9,
50
+ color11: bgIndex + 10,
51
+ color12: bgIndex + 11,
52
+ color0: -1,
53
+ color02: -2,
54
+ color04: -3,
55
+ color06: -4,
56
+ color08: -5,
57
+ // the background, color, etc keys here work like generics - they make it so you
58
+ // can publish components for others to use without mandating a specific color scale
59
+ // the @hanzogui/button Button component looks for `$background`, so you set the
60
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
61
+ background: bgIndex,
62
+ backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
63
+ backgroundPress: bgIndex + darken, // always darken on press no matter the theme
64
+ backgroundFocus: bgIndex + darken,
65
+ borderColor,
66
+ borderColorHover: borderColor + lighten,
67
+ borderColorPress: borderColor + darken,
68
+ borderColorFocus: borderColor,
69
+ ...baseColors,
70
+ colorTransparent: -1,
71
+ };
72
+ const surface1 = {
73
+ ...baseColors,
74
+ background: base.background + 3,
75
+ backgroundHover: base.backgroundHover + 3,
76
+ backgroundPress: base.backgroundPress + 3,
77
+ backgroundFocus: base.backgroundFocus + 3,
78
+ borderColor: base.borderColor + 3,
79
+ borderColorHover: base.borderColorHover + 3,
80
+ borderColorFocus: base.borderColorFocus + 3,
81
+ borderColorPress: base.borderColorPress + 3,
82
+ };
83
+ const surface2 = {
84
+ ...baseColors,
85
+ background: base.background + 4,
86
+ backgroundHover: base.backgroundHover + 4,
87
+ backgroundPress: base.backgroundPress + 4,
88
+ backgroundFocus: base.backgroundFocus + 4,
89
+ borderColor: base.borderColor + 4,
90
+ borderColorHover: base.borderColorHover + 4,
91
+ borderColorFocus: base.borderColorFocus + 4,
92
+ borderColorPress: base.borderColorPress + 4,
93
+ };
94
+ const surface3 = {
95
+ ...baseColors,
96
+ background: base.background + 5,
97
+ backgroundHover: base.backgroundHover + 5,
98
+ backgroundPress: base.backgroundPress + 5,
99
+ backgroundFocus: base.backgroundFocus + 5,
100
+ borderColor: base.borderColor + 5,
101
+ borderColorHover: base.borderColorHover + 5,
102
+ borderColorFocus: base.borderColorFocus + 5,
103
+ borderColorPress: base.borderColorPress + 5,
104
+ };
105
+ const alt1 = {
106
+ color: base.color - 1,
107
+ colorHover: base.colorHover - 1,
108
+ colorPress: base.colorPress - 1,
109
+ colorFocus: base.colorFocus - 1,
110
+ };
111
+ const alt2 = {
112
+ color: base.color - 2,
113
+ colorHover: base.colorHover - 2,
114
+ colorPress: base.colorPress - 2,
115
+ colorFocus: base.colorFocus - 2,
116
+ };
117
+ const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
118
+ return [key, -index];
119
+ }));
120
+ return {
121
+ base,
122
+ surface1,
123
+ surface2,
124
+ surface3,
125
+ alt1,
126
+ alt2,
127
+ inverse,
128
+ };
129
+ };
130
+ exports.defaultTemplatesStrongest = getTemplates();
131
+ //# sourceMappingURL=defaultTemplatesStrongest.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaultTemplatesStrongest.js","sourceRoot":"","sources":["../../src/defaultTemplatesStrongest.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PALETTE_BACKGROUND_OFFSET = void 0;
4
+ exports.getThemeSuitePalettes = getThemeSuitePalettes;
5
+ const color2k_1 = require("color2k");
6
+ /**
7
+ * palette generally is:
8
+ *
9
+ * [constrastBackground, accent, backgroundTransparent, ...background, ...foreground, foregroundTransparent, accentForeground]
10
+ */
11
+ const paletteSize = 12;
12
+ // how many things come before the actual bg color (transparencies etc)
13
+ // 👋 SYNC WITH hanzogui.dev/features/studio/constants
14
+ exports.PALETTE_BACKGROUND_OFFSET = 6;
15
+ const generateColorPalette = ({ palette: buildPalette, scheme, }) => {
16
+ if (!buildPalette) {
17
+ return [];
18
+ }
19
+ const { anchors } = buildPalette;
20
+ let palette = [];
21
+ const add = (h, s, l, a) => {
22
+ palette.push((0, color2k_1.hsla)(h, s, l, a ?? 1));
23
+ };
24
+ const numAnchors = Object.keys(anchors).length;
25
+ for (const [anchorIndex, anchor] of anchors.entries()) {
26
+ const [h, s, l, a] = [
27
+ anchor.hue[scheme],
28
+ anchor.sat[scheme],
29
+ anchor.lum[scheme],
30
+ anchor.alpha?.[scheme] ?? 1,
31
+ ];
32
+ if (anchorIndex !== 0) {
33
+ const lastAnchor = anchors[anchorIndex - 1];
34
+ const steps = anchor.index - lastAnchor.index;
35
+ const lastHue = lastAnchor.hue[scheme];
36
+ const lastSat = lastAnchor.sat[scheme];
37
+ const lastLum = lastAnchor.lum[scheme];
38
+ const stepHue = (lastHue - h) / steps;
39
+ const stepSat = (lastSat - s) / steps;
40
+ const stepLum = (lastLum - l) / steps;
41
+ // backfill:
42
+ for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
43
+ const str = anchor.index - step;
44
+ add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
45
+ }
46
+ }
47
+ add(h, s, l, a);
48
+ const isLastAnchor = anchorIndex === numAnchors - 1;
49
+ if (isLastAnchor && palette.length < paletteSize) {
50
+ // forwardfill:
51
+ for (let step = anchor.index + 1; step < paletteSize; step++) {
52
+ add(h, s, l);
53
+ }
54
+ }
55
+ }
56
+ // add transparent values
57
+ const background = palette[0];
58
+ const foreground = palette[palette.length - 1];
59
+ const transparentValues = [background, foreground].map((color) => {
60
+ const [h, s, l] = (0, color2k_1.parseToHsla)(color);
61
+ // fully transparent to partially
62
+ return [
63
+ (0, color2k_1.hsla)(h, s, l, 0),
64
+ (0, color2k_1.hsla)(h, s, l, 0.2),
65
+ (0, color2k_1.hsla)(h, s, l, 0.4),
66
+ (0, color2k_1.hsla)(h, s, l, 0.6),
67
+ (0, color2k_1.hsla)(h, s, l, 0.8),
68
+ ];
69
+ });
70
+ const reverseForeground = [...transparentValues[1]].reverse();
71
+ palette = [...transparentValues[0], ...palette, ...reverseForeground];
72
+ return palette;
73
+ };
74
+ function getThemeSuitePalettes(palette) {
75
+ return {
76
+ light: generateColorPalette({ palette, scheme: 'light' }),
77
+ dark: generateColorPalette({ palette, scheme: 'dark' }),
78
+ };
79
+ }
80
+ //# sourceMappingURL=getThemeSuitePalettes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getThemeSuitePalettes.js","sourceRoot":"","sources":["../../src/getThemeSuitePalettes.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.objectKeys = void 0;
4
+ exports.objectEntries = objectEntries;
5
+ exports.objectFromEntries = objectFromEntries;
6
+ const objectKeys = (obj) => Object.keys(obj);
7
+ exports.objectKeys = objectKeys;
8
+ function objectEntries(obj) {
9
+ return Object.entries(obj);
10
+ }
11
+ function objectFromEntries(arr) {
12
+ return Object.fromEntries(arr);
13
+ }
14
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":";;;;;AAaO,MAAM,UAAU,GAAG,CAAmB,GAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAmB,CAAA;AAA7E,QAAA,UAAU,GAAV,UAAU,CAAmE;AAE1F,uBACE,GAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAyB,CAAA;AACpD,CAAC;AA2BD,2BACE,GAAU;IAEV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,CAA2B,CAAA;AAC1D,CAAC"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.masks = exports.getThemeSuitePalettes = exports.PALETTE_BACKGROUND_OFFSET = exports.defaultComponentThemes = exports.defaultTemplates = exports.createV4ThemeBuilder = exports.createPalettes = exports.createV4Themes = exports.createThemes = exports.createStudioThemes = void 0;
4
+ const tslib_1 = require("tslib");
5
+ tslib_1.__exportStar(require("./ThemeBuilder.js"), exports);
6
+ tslib_1.__exportStar(require("@hanzogui/create-theme"), exports);
7
+ var createStudioThemes_ts_1 = require("./createStudioThemes.js");
8
+ Object.defineProperty(exports, "createStudioThemes", { enumerable: true, get: function () { return createStudioThemes_ts_1.createStudioThemes; } });
9
+ var createThemes_ts_1 = require("./createThemes.js");
10
+ Object.defineProperty(exports, "createThemes", { enumerable: true, get: function () { return createThemes_ts_1.createThemes; } });
11
+ Object.defineProperty(exports, "createV4Themes", { enumerable: true, get: function () { return createThemes_ts_1.createV4Themes; } });
12
+ Object.defineProperty(exports, "createPalettes", { enumerable: true, get: function () { return createThemes_ts_1.createPalettes; } });
13
+ Object.defineProperty(exports, "createV4ThemeBuilder", { enumerable: true, get: function () { return createThemes_ts_1.createV4ThemeBuilder; } });
14
+ var defaultTemplates_ts_1 = require("./defaultTemplates.js");
15
+ Object.defineProperty(exports, "defaultTemplates", { enumerable: true, get: function () { return defaultTemplates_ts_1.defaultTemplates; } });
16
+ /** @deprecated component themes are no longer recommended */
17
+ var defaultComponentThemes_ts_1 = require("./defaultComponentThemes.js");
18
+ Object.defineProperty(exports, "defaultComponentThemes", { enumerable: true, get: function () { return defaultComponentThemes_ts_1.defaultComponentThemes; } });
19
+ var getThemeSuitePalettes_ts_1 = require("./getThemeSuitePalettes.js");
20
+ Object.defineProperty(exports, "PALETTE_BACKGROUND_OFFSET", { enumerable: true, get: function () { return getThemeSuitePalettes_ts_1.PALETTE_BACKGROUND_OFFSET; } });
21
+ Object.defineProperty(exports, "getThemeSuitePalettes", { enumerable: true, get: function () { return getThemeSuitePalettes_ts_1.getThemeSuitePalettes; } });
22
+ // copied from themes to avoid cyclic dep
23
+ var masks_tsx_1 = require("./masks.js");
24
+ Object.defineProperty(exports, "masks", { enumerable: true, get: function () { return masks_tsx_1.masks; } });
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,4DAAiC;AACjC,iEAAsC;AAEtC,iEAA4D;AAAnD,2HAAA,kBAAkB,OAAA;AAC3B,qDAM0B;AALxB,+GAAA,YAAY,OAAA;AACZ,iHAAA,cAAc,OAAA;AACd,iHAAA,cAAc,OAAA;AACd,uHAAA,oBAAoB,OAAA;AAItB,6DAAwD;AAA/C,uHAAA,gBAAgB,OAAA;AACzB,6DAA6D;AAC7D,yEAAoE;AAA3D,mIAAA,sBAAsB,OAAA;AAE/B,uEAGmC;AAFjC,qIAAA,yBAAyB,OAAA;AACzB,iIAAA,qBAAqB,OAAA;AAGvB,yCAAyC;AACzC,wCAAmC;AAA1B,kGAAA,KAAK,OAAA"}
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+ // copied from @hanzogui/themes
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.masks = void 0;
5
+ const create_theme_1 = require("@hanzogui/create-theme");
6
+ exports.masks = {
7
+ identity: (0, create_theme_1.createIdentityMask)(),
8
+ soften: (0, create_theme_1.createSoftenMask)(),
9
+ soften2: (0, create_theme_1.createSoftenMask)({ strength: 2 }),
10
+ soften3: (0, create_theme_1.createSoftenMask)({ strength: 3 }),
11
+ strengthen: (0, create_theme_1.createStrengthenMask)(),
12
+ inverse: (0, create_theme_1.createInverseMask)(),
13
+ inverseSoften: (0, create_theme_1.combineMasks)((0, create_theme_1.createInverseMask)(), (0, create_theme_1.createSoftenMask)({ strength: 2 })),
14
+ inverseSoften2: (0, create_theme_1.combineMasks)((0, create_theme_1.createInverseMask)(), (0, create_theme_1.createSoftenMask)({ strength: 3 })),
15
+ inverseSoften3: (0, create_theme_1.combineMasks)((0, create_theme_1.createInverseMask)(), (0, create_theme_1.createSoftenMask)({ strength: 4 })),
16
+ inverseStrengthen2: (0, create_theme_1.combineMasks)((0, create_theme_1.createInverseMask)(), (0, create_theme_1.createStrengthenMask)({ strength: 2 })),
17
+ strengthenButSoftenBorder: (0, create_theme_1.createMask)((template, options) => {
18
+ const stronger = (0, create_theme_1.createStrengthenMask)().mask(template, options);
19
+ const softer = (0, create_theme_1.createSoftenMask)().mask(template, options);
20
+ return {
21
+ ...stronger,
22
+ borderColor: softer.borderColor,
23
+ borderColorHover: softer.borderColorHover,
24
+ borderColorPress: softer.borderColorPress,
25
+ borderColorFocus: softer.borderColorFocus,
26
+ };
27
+ }),
28
+ soften2Border1: (0, create_theme_1.createMask)((template, options) => {
29
+ const softer2 = (0, create_theme_1.createSoftenMask)({ strength: 2 }).mask(template, options);
30
+ const softer1 = (0, create_theme_1.createSoftenMask)({ strength: 1 }).mask(template, options);
31
+ return {
32
+ ...softer2,
33
+ borderColor: softer1.borderColor,
34
+ borderColorHover: softer1.borderColorHover,
35
+ borderColorPress: softer1.borderColorPress,
36
+ borderColorFocus: softer1.borderColorFocus,
37
+ };
38
+ }),
39
+ soften3FlatBorder: (0, create_theme_1.createMask)((template, options) => {
40
+ const borderMask = (0, create_theme_1.createSoftenMask)({ strength: 2 }).mask(template, options);
41
+ const softer3 = (0, create_theme_1.createSoftenMask)({ strength: 3 }).mask(template, options);
42
+ return {
43
+ ...softer3,
44
+ borderColor: borderMask.borderColor,
45
+ borderColorHover: borderMask.borderColorHover,
46
+ borderColorPress: borderMask.borderColorPress,
47
+ borderColorFocus: borderMask.borderColorFocus,
48
+ };
49
+ }),
50
+ softenBorder: (0, create_theme_1.createMask)((template, options) => {
51
+ const plain = create_theme_1.skipMask.mask(template, options);
52
+ const softer = (0, create_theme_1.createSoftenMask)().mask(template, options);
53
+ return {
54
+ ...plain,
55
+ borderColor: softer.borderColor,
56
+ borderColorHover: softer.borderColorHover,
57
+ borderColorPress: softer.borderColorPress,
58
+ borderColorFocus: softer.borderColorFocus,
59
+ };
60
+ }),
61
+ softenBorder2: (0, create_theme_1.createMask)((template, options) => {
62
+ const plain = create_theme_1.skipMask.mask(template, options);
63
+ const softer = (0, create_theme_1.createSoftenMask)({ strength: 2 }).mask(template, options);
64
+ return {
65
+ ...plain,
66
+ borderColor: softer.borderColor,
67
+ borderColorHover: softer.borderColorHover,
68
+ borderColorPress: softer.borderColorPress,
69
+ borderColorFocus: softer.borderColorFocus,
70
+ };
71
+ }),
72
+ };
73
+ //# sourceMappingURL=masks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"masks.js","sourceRoot":"","sources":["../../src/masks.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ { "type": "commonjs" }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}