@tamagui/themes 3.0.0-beta.1352.1 → 3.0.0-beta.1358.1

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 (23) hide show
  1. package/dist/cjs/builder.cjs +30 -1
  2. package/dist/cjs/builder.native.cjs +30 -1
  3. package/dist/cjs/builder.native.js +30 -1
  4. package/dist/cjs/builder.native.js.map +1 -1
  5. package/dist/cjs/generated.cjs +964 -601
  6. package/dist/cjs/generated.native.cjs +964 -601
  7. package/dist/cjs/generated.native.js +964 -601
  8. package/dist/cjs/generated.native.js.map +1 -1
  9. package/dist/esm/builder.mjs +30 -2
  10. package/dist/esm/builder.mjs.map +1 -1
  11. package/dist/esm/builder.native.js +30 -2
  12. package/dist/esm/builder.native.js.map +1 -1
  13. package/dist/esm/generated.mjs +964 -601
  14. package/dist/esm/generated.mjs.map +1 -1
  15. package/dist/esm/generated.native.js +964 -601
  16. package/dist/esm/generated.native.js.map +1 -1
  17. package/package.json +4 -4
  18. package/src/builder.ts +40 -1
  19. package/src/generated.ts +991 -601
  20. package/types/builder.d.ts +35 -1
  21. package/types/builder.d.ts.map +1 -1
  22. package/types/generated.d.ts +2 -1
  23. package/types/generated.d.ts.map +1 -1
package/dist/cjs/builder.cjs CHANGED
@@ -20,6 +20,7 @@ var __copyProps = (to, from, except, desc) => {
20
20
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
21
  var builder_exports = {};
22
22
  __export(builder_exports, {
23
+ activeScale: () => activeScale,
23
24
  colorTokens: () => import_tokens2.colorTokens,
24
25
  createThemes: () => import_create_theme2.createThemes,
25
26
  fromShades: () => fromShades,
@@ -80,6 +81,7 @@ const semanticThemeKeys = [
80
81
  "background-hover",
81
82
  "background-press",
82
83
  "background-focus",
84
+ "background-active",
83
85
  "border-color",
84
86
  "border-color-hover",
85
87
  "border-color-press",
@@ -99,6 +101,7 @@ const light = {
99
101
  "background-hover": "white",
100
102
  "background-press": 100,
101
103
  "background-focus": "white",
104
+ "background-active": "white",
102
105
  "border-color": 200,
103
106
  "border-color-hover": 300,
104
107
  "border-color-press": 200,
@@ -119,6 +122,7 @@ const dark = {
119
122
  "background-hover": 900,
120
123
  "background-press": "black",
121
124
  "background-focus": 900,
125
+ "background-active": 900,
122
126
  "border-color": 800,
123
127
  "border-color-hover": 700,
124
128
  "border-color-press": 800,
@@ -134,6 +138,7 @@ const boldLight = {
134
138
  "background-hover": 500,
135
139
  "background-press": 700,
136
140
  "background-focus": 500,
141
+ "background-active": 500,
137
142
  "border-color": 700,
138
143
  "border-color-hover": 600,
139
144
  "border-color-press": 700,
@@ -154,6 +159,7 @@ const boldDark = {
154
159
  "background-hover": 400,
155
160
  "background-press": 600,
156
161
  "background-focus": 400,
162
+ "background-active": 400,
157
163
  "border-color": 600,
158
164
  "border-color-hover": 500,
159
165
  "border-color-press": 600,
@@ -165,6 +171,7 @@ const tintLight = {
165
171
  "background-hover": 50,
166
172
  "background-press": 200,
167
173
  "background-focus": 50,
174
+ "background-active": 50,
168
175
  "border-color": 300,
169
176
  "border-color-hover": 400,
170
177
  "border-color-press": 300,
@@ -185,6 +192,7 @@ const tintDark = {
185
192
  "background-hover": 800,
186
193
  "background-press": 950,
187
194
  "background-focus": 800,
195
+ "background-active": 800,
188
196
  "border-color": 700,
189
197
  "border-color-hover": 600,
190
198
  "border-color-press": 700,
@@ -249,6 +257,22 @@ function tintLevel(scale, scheme, level) {
249
257
  "color-focus": color
250
258
  };
251
259
  }
260
+ function activeScale(scale) {
261
+ const background = scale["background-active"];
262
+ return {
263
+ ...scale,
264
+ background,
265
+ "background-hover": background,
266
+ "background-press": background,
267
+ "background-focus": background,
268
+ "border-color-hover": scale["border-color"],
269
+ "border-color-press": scale["border-color"],
270
+ "border-color-focus": scale["border-color"],
271
+ "color-hover": scale.color,
272
+ "color-press": scale.color,
273
+ "color-focus": scale.color
274
+ };
275
+ }
252
276
  const scales = {
253
277
  normal: {
254
278
  light: {
@@ -309,7 +333,8 @@ function fromShades(palette, scale) {
309
333
  return Object.fromEntries(Object.entries(scale).map(([key, value]) => [key, typeof value === "number" ? `${palette}-${value}` : value]));
310
334
  }
311
335
  function getTheme({ recipe }) {
312
- const scale = scales[recipe.treatment ?? "normal"][recipe.scheme][recipe.level ?? 1];
336
+ const resting = scales[recipe.treatment ?? "normal"][recipe.scheme][recipe.level ?? 1];
337
+ const scale = recipe.active ? activeScale(resting) : resting;
313
338
  const schemeShadows = shadows[recipe.scheme];
314
339
  return {
315
340
  ...ramp(recipe.palette, recipe.scheme, scale),
@@ -362,6 +387,10 @@ const tree = {
362
387
  scheme: parent.scheme === "light" ? "dark" : "light",
363
388
  children: levels()
364
389
  }),
390
+ active: {
391
+ active: true,
392
+ children: levels()
393
+ },
365
394
  black: {
366
395
  scheme: "dark",
367
396
  children: levels()
package/dist/cjs/builder.native.cjs CHANGED
@@ -22,6 +22,7 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var builder_exports = {};
24
24
  __export(builder_exports, {
25
+ activeScale: () => activeScale,
25
26
  colorTokens: () => import_tokens2.colorTokens,
26
27
  createThemes: () => import_create_theme2.createThemes,
27
28
  fromShades: () => fromShades,
@@ -82,6 +83,7 @@ var semanticThemeKeys = [
82
83
  "background-hover",
83
84
  "background-press",
84
85
  "background-focus",
86
+ "background-active",
85
87
  "border-color",
86
88
  "border-color-hover",
87
89
  "border-color-press",
@@ -101,6 +103,7 @@ var light = {
101
103
  "background-hover": "white",
102
104
  "background-press": 100,
103
105
  "background-focus": "white",
106
+ "background-active": "white",
104
107
  "border-color": 200,
105
108
  "border-color-hover": 300,
106
109
  "border-color-press": 200,
@@ -121,6 +124,7 @@ var dark = {
121
124
  "background-hover": 900,
122
125
  "background-press": "black",
123
126
  "background-focus": 900,
127
+ "background-active": 900,
124
128
  "border-color": 800,
125
129
  "border-color-hover": 700,
126
130
  "border-color-press": 800,
@@ -136,6 +140,7 @@ var boldLight = {
136
140
  "background-hover": 500,
137
141
  "background-press": 700,
138
142
  "background-focus": 500,
143
+ "background-active": 500,
139
144
  "border-color": 700,
140
145
  "border-color-hover": 600,
141
146
  "border-color-press": 700,
@@ -156,6 +161,7 @@ var boldDark = {
156
161
  "background-hover": 400,
157
162
  "background-press": 600,
158
163
  "background-focus": 400,
164
+ "background-active": 400,
159
165
  "border-color": 600,
160
166
  "border-color-hover": 500,
161
167
  "border-color-press": 600,
@@ -167,6 +173,7 @@ var tintLight = {
167
173
  "background-hover": 50,
168
174
  "background-press": 200,
169
175
  "background-focus": 50,
176
+ "background-active": 50,
170
177
  "border-color": 300,
171
178
  "border-color-hover": 400,
172
179
  "border-color-press": 300,
@@ -187,6 +194,7 @@ var tintDark = {
187
194
  "background-hover": 800,
188
195
  "background-press": 950,
189
196
  "background-focus": 800,
197
+ "background-active": 800,
190
198
  "border-color": 700,
191
199
  "border-color-hover": 600,
192
200
  "border-color-press": 700,
@@ -252,6 +260,22 @@ function tintLevel(scale, scheme, level) {
252
260
  "color-focus": color
253
261
  };
254
262
  }
263
+ function activeScale(scale) {
264
+ var background = scale["background-active"];
265
+ return {
266
+ ...scale,
267
+ background,
268
+ "background-hover": background,
269
+ "background-press": background,
270
+ "background-focus": background,
271
+ "border-color-hover": scale["border-color"],
272
+ "border-color-press": scale["border-color"],
273
+ "border-color-focus": scale["border-color"],
274
+ "color-hover": scale.color,
275
+ "color-press": scale.color,
276
+ "color-focus": scale.color
277
+ };
278
+ }
255
279
  var scales = {
256
280
  normal: {
257
281
  light: {
@@ -319,7 +343,8 @@ function fromShades(palette, scale) {
319
343
  function getTheme(param) {
320
344
  var { recipe } = param;
321
345
  var _recipe_treatment, _recipe_level;
322
- var scale = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : "normal"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];
346
+ var resting = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : "normal"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];
347
+ var scale = recipe.active ? activeScale(resting) : resting;
323
348
  var schemeShadows = shadows[recipe.scheme];
324
349
  return {
325
350
  ...ramp(recipe.palette, recipe.scheme, scale),
@@ -383,6 +408,10 @@ var tree = {
383
408
  children: levels()
384
409
  };
385
410
  },
411
+ active: {
412
+ active: true,
413
+ children: levels()
414
+ },
386
415
  black: {
387
416
  scheme: "dark",
388
417
  children: levels()
package/dist/cjs/builder.native.js CHANGED
@@ -22,6 +22,7 @@ var __copyProps = (to, from, except, desc) => {
22
22
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
23
  var builder_exports = {};
24
24
  __export(builder_exports, {
25
+ activeScale: () => activeScale,
25
26
  colorTokens: () => import_tokens2.colorTokens,
26
27
  createThemes: () => import_create_theme2.createThemes,
27
28
  fromShades: () => fromShades,
@@ -82,6 +83,7 @@ var semanticThemeKeys = [
82
83
  "background-hover",
83
84
  "background-press",
84
85
  "background-focus",
86
+ "background-active",
85
87
  "border-color",
86
88
  "border-color-hover",
87
89
  "border-color-press",
@@ -101,6 +103,7 @@ var light = {
101
103
  "background-hover": "white",
102
104
  "background-press": 100,
103
105
  "background-focus": "white",
106
+ "background-active": "white",
104
107
  "border-color": 200,
105
108
  "border-color-hover": 300,
106
109
  "border-color-press": 200,
@@ -121,6 +124,7 @@ var dark = {
121
124
  "background-hover": 900,
122
125
  "background-press": "black",
123
126
  "background-focus": 900,
127
+ "background-active": 900,
124
128
  "border-color": 800,
125
129
  "border-color-hover": 700,
126
130
  "border-color-press": 800,
@@ -136,6 +140,7 @@ var boldLight = {
136
140
  "background-hover": 500,
137
141
  "background-press": 700,
138
142
  "background-focus": 500,
143
+ "background-active": 500,
139
144
  "border-color": 700,
140
145
  "border-color-hover": 600,
141
146
  "border-color-press": 700,
@@ -156,6 +161,7 @@ var boldDark = {
156
161
  "background-hover": 400,
157
162
  "background-press": 600,
158
163
  "background-focus": 400,
164
+ "background-active": 400,
159
165
  "border-color": 600,
160
166
  "border-color-hover": 500,
161
167
  "border-color-press": 600,
@@ -167,6 +173,7 @@ var tintLight = {
167
173
  "background-hover": 50,
168
174
  "background-press": 200,
169
175
  "background-focus": 50,
176
+ "background-active": 50,
170
177
  "border-color": 300,
171
178
  "border-color-hover": 400,
172
179
  "border-color-press": 300,
@@ -187,6 +194,7 @@ var tintDark = {
187
194
  "background-hover": 800,
188
195
  "background-press": 950,
189
196
  "background-focus": 800,
197
+ "background-active": 800,
190
198
  "border-color": 700,
191
199
  "border-color-hover": 600,
192
200
  "border-color-press": 700,
@@ -252,6 +260,22 @@ function tintLevel(scale, scheme, level) {
252
260
  "color-focus": color
253
261
  };
254
262
  }
263
+ function activeScale(scale) {
264
+ var background = scale["background-active"];
265
+ return {
266
+ ...scale,
267
+ background,
268
+ "background-hover": background,
269
+ "background-press": background,
270
+ "background-focus": background,
271
+ "border-color-hover": scale["border-color"],
272
+ "border-color-press": scale["border-color"],
273
+ "border-color-focus": scale["border-color"],
274
+ "color-hover": scale.color,
275
+ "color-press": scale.color,
276
+ "color-focus": scale.color
277
+ };
278
+ }
255
279
  var scales = {
256
280
  normal: {
257
281
  light: {
@@ -319,7 +343,8 @@ function fromShades(palette, scale) {
319
343
  function getTheme(param) {
320
344
  var { recipe } = param;
321
345
  var _recipe_treatment, _recipe_level;
322
- var scale = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : "normal"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];
346
+ var resting = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : "normal"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];
347
+ var scale = recipe.active ? activeScale(resting) : resting;
323
348
  var schemeShadows = shadows[recipe.scheme];
324
349
  return {
325
350
  ...ramp(recipe.palette, recipe.scheme, scale),
@@ -383,6 +408,10 @@ var tree = {
383
408
  children: levels()
384
409
  };
385
410
  },
411
+ active: {
412
+ active: true,
413
+ children: levels()
414
+ },
386
415
  black: {
387
416
  scheme: "dark",
388
417
  children: levels()
package/dist/cjs/builder.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"builder.native.js","names":[],"sources":["cjs/builder.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar builder_exports = {};\n__export(builder_exports, {\n colorTokens: () => import_tokens2.colorTokens,\n createThemes: () => import_create_theme2.createThemes,\n fromShades: () => fromShades,\n getTheme: () => getTheme,\n levels: () => levels,\n raise: () => raise,\n ramp: () => ramp,\n rampReversed: () => rampReversed,\n scales: () => scales,\n semanticThemeKeys: () => semanticThemeKeys,\n shades: () => shades,\n shadows: () => shadows,\n tailwindColors: () => import_tokens2.tailwindColors,\n themes: () => themes,\n tokens: () => import_tokens2.tokens,\n tree: () => tree\n});\nmodule.exports = __toCommonJS(builder_exports);\nvar import_create_theme = require(\"@tamagui/create-theme\");\nvar import_tokens = require(\"./tokens\");\nvar import_create_theme2 = require(\"@tamagui/create-theme\");\nvar import_tokens2 = require(\"./tokens\");\nvar shades = [\n 50,\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900,\n 950\n];\nvar shadows = {\n light: {\n \"shadow-1\": \"rgba(0, 0, 0, 0.04)\",\n \"shadow-2\": \"rgba(0, 0, 0, 0.08)\",\n \"shadow-3\": \"rgba(0, 0, 0, 0.12)\",\n \"shadow-4\": \"rgba(0, 0, 0, 0.22)\",\n \"shadow-5\": \"rgba(0, 0, 0, 0.33)\",\n \"shadow-6\": \"rgba(0, 0, 0, 0.44)\",\n \"shadow-7\": \"rgba(0, 0, 0, 0.6)\"\n },\n dark: {\n \"shadow-1\": \"rgba(0, 0, 0, 0.15)\",\n \"shadow-2\": \"rgba(0, 0, 0, 0.23)\",\n \"shadow-3\": \"rgba(0, 0, 0, 0.33)\",\n \"shadow-4\": \"rgba(0, 0, 0, 0.45)\",\n \"shadow-5\": \"rgba(0, 0, 0, 0.65)\",\n \"shadow-6\": \"rgba(0, 0, 0, 0.8)\",\n \"shadow-7\": \"rgba(0, 0, 0, 0.9)\"\n }\n};\nvar semanticThemeKeys = [\n \"background\",\n \"background-hover\",\n \"background-press\",\n \"background-focus\",\n \"border-color\",\n \"border-color-hover\",\n \"border-color-press\",\n \"border-color-focus\",\n \"color\",\n \"color-hover\",\n \"color-press\",\n \"color-focus\",\n \"placeholder-color\",\n \"outline-color\",\n \"shadow-color\",\n \"accent-background\",\n \"accent-color\"\n];\nvar light = {\n background: 50,\n \"background-hover\": \"white\",\n \"background-press\": 100,\n \"background-focus\": \"white\",\n \"border-color\": 200,\n \"border-color-hover\": 300,\n \"border-color-press\": 200,\n \"border-color-focus\": 300,\n color: 950,\n \"color-hover\": 950,\n \"color-press\": 950,\n \"color-focus\": 950,\n \"placeholder-color\": 500,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-600\",\n \"accent-color\": \"brand-50\"\n};\nvar dark = {\n ...light,\n background: 950,\n \"background-hover\": 900,\n \"background-press\": \"black\",\n \"background-focus\": 900,\n \"border-color\": 800,\n \"border-color-hover\": 700,\n \"border-color-press\": 800,\n \"border-color-focus\": 700,\n color: 50,\n \"color-hover\": 50,\n \"color-press\": 50,\n \"color-focus\": 50,\n \"shadow-color\": \"shadow-3\"\n};\nvar boldLight = {\n background: 600,\n \"background-hover\": 500,\n \"background-press\": 700,\n \"background-focus\": 500,\n \"border-color\": 700,\n \"border-color-hover\": 600,\n \"border-color-press\": 700,\n \"border-color-focus\": 600,\n color: 50,\n \"color-hover\": 50,\n \"color-press\": 50,\n \"color-focus\": 50,\n \"placeholder-color\": 200,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-50\",\n \"accent-color\": \"brand-700\"\n};\nvar boldDark = {\n ...boldLight,\n background: 500,\n \"background-hover\": 400,\n \"background-press\": 600,\n \"background-focus\": 400,\n \"border-color\": 600,\n \"border-color-hover\": 500,\n \"border-color-press\": 600,\n \"border-color-focus\": 500,\n \"shadow-color\": \"shadow-3\"\n};\nvar tintLight = {\n background: 100,\n \"background-hover\": 50,\n \"background-press\": 200,\n \"background-focus\": 50,\n \"border-color\": 300,\n \"border-color-hover\": 400,\n \"border-color-press\": 300,\n \"border-color-focus\": 400,\n color: 700,\n \"color-hover\": 700,\n \"color-press\": 700,\n \"color-focus\": 700,\n \"placeholder-color\": 400,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-600\",\n \"accent-color\": \"brand-50\"\n};\nvar tintDark = {\n ...tintLight,\n background: 900,\n \"background-hover\": 800,\n \"background-press\": 950,\n \"background-focus\": 800,\n \"border-color\": 700,\n \"border-color-hover\": 600,\n \"border-color-press\": 700,\n \"border-color-focus\": 600,\n color: 200,\n \"color-hover\": 200,\n \"color-press\": 200,\n \"color-focus\": 200,\n \"placeholder-color\": 500,\n \"outline-color\": 600,\n \"shadow-color\": \"shadow-3\"\n};\nvar ladder = [\n \"white\",\n ...shades,\n \"black\"\n];\nfunction raise(scale, steps) {\n return Object.fromEntries(Object.entries(scale).map(function(param) {\n var [key, value] = param;\n if (!key.startsWith(\"background\") && !key.startsWith(\"border-color\")) {\n return [\n key,\n value\n ];\n }\n var index = ladder.indexOf(value);\n if (index === -1) return [\n key,\n value\n ];\n return [\n key,\n ladder[Math.max(0, Math.min(ladder.length - 1, index + steps))]\n ];\n }));\n}\nvar levelSteps = [\n 0,\n 1,\n 2,\n 3\n];\nvar tintSteps = [\n 0,\n 1,\n 2,\n 2\n];\nvar tintType = {\n light: [\n 700,\n 800,\n 900,\n 900\n ],\n dark: [\n 200,\n 100,\n 50,\n 50\n ]\n};\nfunction tintLevel(scale, scheme, level) {\n var steps = scheme === \"light\" ? tintSteps[level - 1] : -tintSteps[level - 1];\n var color = tintType[scheme][level - 1];\n return {\n ...raise(scale, steps),\n color,\n \"color-hover\": color,\n \"color-press\": color,\n \"color-focus\": color\n };\n}\nvar scales = {\n normal: {\n light: {\n 1: light,\n 2: raise(light, levelSteps[1]),\n 3: raise(light, levelSteps[2]),\n 4: raise(light, levelSteps[3])\n },\n dark: {\n 1: dark,\n 2: raise(dark, -levelSteps[1]),\n 3: raise(dark, -levelSteps[2]),\n 4: raise(dark, -levelSteps[3])\n }\n },\n // brand is already the loudest surface in the system, so it does not nest: a\n // level under it has nowhere louder to go. these stay flat so a stray nesting\n // is a no-op rather than a wrong-direction shift.\n bold: {\n light: {\n 1: boldLight,\n 2: boldLight,\n 3: boldLight,\n 4: boldLight\n },\n dark: {\n 1: boldDark,\n 2: boldDark,\n 3: boldDark,\n 4: boldDark\n }\n },\n tint: {\n light: {\n 1: tintLight,\n 2: tintLevel(tintLight, \"light\", 2),\n 3: tintLevel(tintLight, \"light\", 3),\n 4: tintLevel(tintLight, \"light\", 4)\n },\n dark: {\n 1: tintDark,\n 2: tintLevel(tintDark, \"dark\", 2),\n 3: tintLevel(tintDark, \"dark\", 3),\n 4: tintLevel(tintDark, \"dark\", 4)\n }\n }\n};\nfunction rampReversed(scheme, scale) {\n if (scale) {\n var background = ladder.indexOf(scale.background);\n var color = ladder.indexOf(scale.color);\n if (background !== -1 && color !== -1) return background > color;\n }\n return scheme === \"dark\";\n}\nfunction ramp(palette, scheme, scale) {\n var ordered = rampReversed(scheme, scale) ? [\n ...shades\n ].reverse() : shades;\n return Object.fromEntries(ordered.map(function(shade, index) {\n return [\n `color-${index + 1}`,\n `${palette}-${shade}`\n ];\n }));\n}\nfunction fromShades(palette, scale) {\n return Object.fromEntries(Object.entries(scale).map(function(param) {\n var [key, value] = param;\n return [\n key,\n typeof value === \"number\" ? `${palette}-${value}` : value\n ];\n }));\n}\nfunction getTheme(param) {\n var { recipe } = param;\n var _recipe_treatment, _recipe_level;\n var scale = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : \"normal\"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];\n var schemeShadows = shadows[recipe.scheme];\n return {\n ...ramp(recipe.palette, recipe.scheme, scale),\n ...fromShades(recipe.palette, scale),\n ...schemeShadows,\n // the scale names a step on the ladder; the scheme decides what it is worth\n \"shadow-color\": schemeShadows[scale[\"shadow-color\"]]\n };\n}\nfunction createLevels(max, depth) {\n if (depth === 0) return {};\n var raiseLevel = function(by) {\n return function(param) {\n var { parent } = param;\n var _parent_level;\n var current = (_parent_level = parent.level) !== null && _parent_level !== void 0 ? _parent_level : 1;\n var level = Math.min(current + by, max);\n if (level === current) return null;\n return {\n level,\n children: createLevels(max, depth - 1)\n };\n };\n };\n return {\n level2: raiseLevel(1),\n level3: raiseLevel(2),\n level4: raiseLevel(3)\n };\n}\nfunction levels() {\n var max = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 4;\n return createLevels(max, 4);\n}\nvar tree = {\n light: {\n scheme: \"light\",\n palette: \"mauve\"\n },\n dark: {\n scheme: \"dark\",\n palette: \"mauve\"\n },\n children: {\n ...levels(),\n accent: {\n palette: \"brand\",\n treatment: \"tint\",\n children: levels(3)\n },\n // brand is the emphasis surface, and in v3 emphasis means the high contrast\n // flip of whatever it sits on: a checked checkbox, an \"on\" toggle, a\n // tooltip, a primary button. it resolves to the same theme as `inverse`,\n // and the separate name is what a design system redefines when it wants its\n // own emphasis look without touching what `inverse` means.\n brand: function(param) {\n var { parent } = param;\n return {\n scheme: parent.scheme === \"light\" ? \"dark\" : \"light\",\n children: levels()\n };\n },\n inverse: function(param) {\n var { parent } = param;\n return {\n scheme: parent.scheme === \"light\" ? \"dark\" : \"light\",\n children: levels()\n };\n },\n // black and white name a scheme outright, where `inverse` only flips\n // whichever one the parent happened to be. a menu that has to read as dark\n // over a light page asks for `black` and gets it wherever it is mounted.\n // both resolve from any parent, so `light_black` and `dark_black` are the\n // same theme as `dark`, and deduplicate onto it.\n black: {\n scheme: \"dark\",\n children: levels()\n },\n white: {\n scheme: \"light\",\n children: levels()\n },\n red: {\n palette: \"red\",\n treatment: \"tint\",\n children: levels(3)\n },\n yellow: {\n palette: \"yellow\",\n treatment: \"tint\",\n children: levels(3)\n },\n green: {\n palette: \"green\",\n treatment: \"tint\",\n children: levels(3)\n }\n }\n};\nvar themes = (0, import_create_theme.createThemes)(import_tokens.tokens, tree, {\n getTheme\n});\n//# sourceMappingURL=builder.js.map\n"],"mappings":"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"}
1
+ {"version":3,"file":"builder.native.js","names":[],"sources":["cjs/builder.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar builder_exports = {};\n__export(builder_exports, {\n activeScale: () => activeScale,\n colorTokens: () => import_tokens2.colorTokens,\n createThemes: () => import_create_theme2.createThemes,\n fromShades: () => fromShades,\n getTheme: () => getTheme,\n levels: () => levels,\n raise: () => raise,\n ramp: () => ramp,\n rampReversed: () => rampReversed,\n scales: () => scales,\n semanticThemeKeys: () => semanticThemeKeys,\n shades: () => shades,\n shadows: () => shadows,\n tailwindColors: () => import_tokens2.tailwindColors,\n themes: () => themes,\n tokens: () => import_tokens2.tokens,\n tree: () => tree\n});\nmodule.exports = __toCommonJS(builder_exports);\nvar import_create_theme = require(\"@tamagui/create-theme\");\nvar import_tokens = require(\"./tokens\");\nvar import_create_theme2 = require(\"@tamagui/create-theme\");\nvar import_tokens2 = require(\"./tokens\");\nvar shades = [\n 50,\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900,\n 950\n];\nvar shadows = {\n light: {\n \"shadow-1\": \"rgba(0, 0, 0, 0.04)\",\n \"shadow-2\": \"rgba(0, 0, 0, 0.08)\",\n \"shadow-3\": \"rgba(0, 0, 0, 0.12)\",\n \"shadow-4\": \"rgba(0, 0, 0, 0.22)\",\n \"shadow-5\": \"rgba(0, 0, 0, 0.33)\",\n \"shadow-6\": \"rgba(0, 0, 0, 0.44)\",\n \"shadow-7\": \"rgba(0, 0, 0, 0.6)\"\n },\n dark: {\n \"shadow-1\": \"rgba(0, 0, 0, 0.15)\",\n \"shadow-2\": \"rgba(0, 0, 0, 0.23)\",\n \"shadow-3\": \"rgba(0, 0, 0, 0.33)\",\n \"shadow-4\": \"rgba(0, 0, 0, 0.45)\",\n \"shadow-5\": \"rgba(0, 0, 0, 0.65)\",\n \"shadow-6\": \"rgba(0, 0, 0, 0.8)\",\n \"shadow-7\": \"rgba(0, 0, 0, 0.9)\"\n }\n};\nvar semanticThemeKeys = [\n \"background\",\n \"background-hover\",\n \"background-press\",\n \"background-focus\",\n \"background-active\",\n \"border-color\",\n \"border-color-hover\",\n \"border-color-press\",\n \"border-color-focus\",\n \"color\",\n \"color-hover\",\n \"color-press\",\n \"color-focus\",\n \"placeholder-color\",\n \"outline-color\",\n \"shadow-color\",\n \"accent-background\",\n \"accent-color\"\n];\nvar light = {\n background: 50,\n \"background-hover\": \"white\",\n \"background-press\": 100,\n \"background-focus\": \"white\",\n \"background-active\": \"white\",\n \"border-color\": 200,\n \"border-color-hover\": 300,\n \"border-color-press\": 200,\n \"border-color-focus\": 300,\n color: 950,\n \"color-hover\": 950,\n \"color-press\": 950,\n \"color-focus\": 950,\n \"placeholder-color\": 500,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-600\",\n \"accent-color\": \"brand-50\"\n};\nvar dark = {\n ...light,\n background: 950,\n \"background-hover\": 900,\n \"background-press\": \"black\",\n \"background-focus\": 900,\n \"background-active\": 900,\n \"border-color\": 800,\n \"border-color-hover\": 700,\n \"border-color-press\": 800,\n \"border-color-focus\": 700,\n color: 50,\n \"color-hover\": 50,\n \"color-press\": 50,\n \"color-focus\": 50,\n \"shadow-color\": \"shadow-3\"\n};\nvar boldLight = {\n background: 600,\n \"background-hover\": 500,\n \"background-press\": 700,\n \"background-focus\": 500,\n \"background-active\": 500,\n \"border-color\": 700,\n \"border-color-hover\": 600,\n \"border-color-press\": 700,\n \"border-color-focus\": 600,\n color: 50,\n \"color-hover\": 50,\n \"color-press\": 50,\n \"color-focus\": 50,\n \"placeholder-color\": 200,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-50\",\n \"accent-color\": \"brand-700\"\n};\nvar boldDark = {\n ...boldLight,\n background: 500,\n \"background-hover\": 400,\n \"background-press\": 600,\n \"background-focus\": 400,\n \"background-active\": 400,\n \"border-color\": 600,\n \"border-color-hover\": 500,\n \"border-color-press\": 600,\n \"border-color-focus\": 500,\n \"shadow-color\": \"shadow-3\"\n};\nvar tintLight = {\n background: 100,\n \"background-hover\": 50,\n \"background-press\": 200,\n \"background-focus\": 50,\n \"background-active\": 50,\n \"border-color\": 300,\n \"border-color-hover\": 400,\n \"border-color-press\": 300,\n \"border-color-focus\": 400,\n color: 700,\n \"color-hover\": 700,\n \"color-press\": 700,\n \"color-focus\": 700,\n \"placeholder-color\": 400,\n \"outline-color\": 400,\n \"shadow-color\": \"shadow-3\",\n \"accent-background\": \"brand-600\",\n \"accent-color\": \"brand-50\"\n};\nvar tintDark = {\n ...tintLight,\n background: 900,\n \"background-hover\": 800,\n \"background-press\": 950,\n \"background-focus\": 800,\n \"background-active\": 800,\n \"border-color\": 700,\n \"border-color-hover\": 600,\n \"border-color-press\": 700,\n \"border-color-focus\": 600,\n color: 200,\n \"color-hover\": 200,\n \"color-press\": 200,\n \"color-focus\": 200,\n \"placeholder-color\": 500,\n \"outline-color\": 600,\n \"shadow-color\": \"shadow-3\"\n};\nvar ladder = [\n \"white\",\n ...shades,\n \"black\"\n];\nfunction raise(scale, steps) {\n return Object.fromEntries(Object.entries(scale).map(function(param) {\n var [key, value] = param;\n if (!key.startsWith(\"background\") && !key.startsWith(\"border-color\")) {\n return [\n key,\n value\n ];\n }\n var index = ladder.indexOf(value);\n if (index === -1) return [\n key,\n value\n ];\n return [\n key,\n ladder[Math.max(0, Math.min(ladder.length - 1, index + steps))]\n ];\n }));\n}\nvar levelSteps = [\n 0,\n 1,\n 2,\n 3\n];\nvar tintSteps = [\n 0,\n 1,\n 2,\n 2\n];\nvar tintType = {\n light: [\n 700,\n 800,\n 900,\n 900\n ],\n dark: [\n 200,\n 100,\n 50,\n 50\n ]\n};\nfunction tintLevel(scale, scheme, level) {\n var steps = scheme === \"light\" ? tintSteps[level - 1] : -tintSteps[level - 1];\n var color = tintType[scheme][level - 1];\n return {\n ...raise(scale, steps),\n color,\n \"color-hover\": color,\n \"color-press\": color,\n \"color-focus\": color\n };\n}\nfunction activeScale(scale) {\n var background = scale[\"background-active\"];\n return {\n ...scale,\n background,\n \"background-hover\": background,\n \"background-press\": background,\n \"background-focus\": background,\n \"border-color-hover\": scale[\"border-color\"],\n \"border-color-press\": scale[\"border-color\"],\n \"border-color-focus\": scale[\"border-color\"],\n \"color-hover\": scale.color,\n \"color-press\": scale.color,\n \"color-focus\": scale.color\n };\n}\nvar scales = {\n normal: {\n light: {\n 1: light,\n 2: raise(light, levelSteps[1]),\n 3: raise(light, levelSteps[2]),\n 4: raise(light, levelSteps[3])\n },\n dark: {\n 1: dark,\n 2: raise(dark, -levelSteps[1]),\n 3: raise(dark, -levelSteps[2]),\n 4: raise(dark, -levelSteps[3])\n }\n },\n // brand is already the loudest surface in the system, so it does not nest: a\n // level under it has nowhere louder to go. these stay flat so a stray nesting\n // is a no-op rather than a wrong-direction shift.\n bold: {\n light: {\n 1: boldLight,\n 2: boldLight,\n 3: boldLight,\n 4: boldLight\n },\n dark: {\n 1: boldDark,\n 2: boldDark,\n 3: boldDark,\n 4: boldDark\n }\n },\n tint: {\n light: {\n 1: tintLight,\n 2: tintLevel(tintLight, \"light\", 2),\n 3: tintLevel(tintLight, \"light\", 3),\n 4: tintLevel(tintLight, \"light\", 4)\n },\n dark: {\n 1: tintDark,\n 2: tintLevel(tintDark, \"dark\", 2),\n 3: tintLevel(tintDark, \"dark\", 3),\n 4: tintLevel(tintDark, \"dark\", 4)\n }\n }\n};\nfunction rampReversed(scheme, scale) {\n if (scale) {\n var background = ladder.indexOf(scale.background);\n var color = ladder.indexOf(scale.color);\n if (background !== -1 && color !== -1) return background > color;\n }\n return scheme === \"dark\";\n}\nfunction ramp(palette, scheme, scale) {\n var ordered = rampReversed(scheme, scale) ? [\n ...shades\n ].reverse() : shades;\n return Object.fromEntries(ordered.map(function(shade, index) {\n return [\n `color-${index + 1}`,\n `${palette}-${shade}`\n ];\n }));\n}\nfunction fromShades(palette, scale) {\n return Object.fromEntries(Object.entries(scale).map(function(param) {\n var [key, value] = param;\n return [\n key,\n typeof value === \"number\" ? `${palette}-${value}` : value\n ];\n }));\n}\nfunction getTheme(param) {\n var { recipe } = param;\n var _recipe_treatment, _recipe_level;\n var resting = scales[(_recipe_treatment = recipe.treatment) !== null && _recipe_treatment !== void 0 ? _recipe_treatment : \"normal\"][recipe.scheme][(_recipe_level = recipe.level) !== null && _recipe_level !== void 0 ? _recipe_level : 1];\n var scale = recipe.active ? activeScale(resting) : resting;\n var schemeShadows = shadows[recipe.scheme];\n return {\n ...ramp(recipe.palette, recipe.scheme, scale),\n ...fromShades(recipe.palette, scale),\n ...schemeShadows,\n // the scale names a step on the ladder; the scheme decides what it is worth\n \"shadow-color\": schemeShadows[scale[\"shadow-color\"]]\n };\n}\nfunction createLevels(max, depth) {\n if (depth === 0) return {};\n var raiseLevel = function(by) {\n return function(param) {\n var { parent } = param;\n var _parent_level;\n var current = (_parent_level = parent.level) !== null && _parent_level !== void 0 ? _parent_level : 1;\n var level = Math.min(current + by, max);\n if (level === current) return null;\n return {\n level,\n children: createLevels(max, depth - 1)\n };\n };\n };\n return {\n level2: raiseLevel(1),\n level3: raiseLevel(2),\n level4: raiseLevel(3)\n };\n}\nfunction levels() {\n var max = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 4;\n return createLevels(max, 4);\n}\nvar tree = {\n light: {\n scheme: \"light\",\n palette: \"mauve\"\n },\n dark: {\n scheme: \"dark\",\n palette: \"mauve\"\n },\n children: {\n ...levels(),\n accent: {\n palette: \"brand\",\n treatment: \"tint\",\n children: levels(3)\n },\n // brand is the emphasis surface, and in v3 emphasis means the high contrast\n // flip of whatever it sits on: a checked checkbox, an \"on\" toggle, a\n // tooltip, a primary button. it resolves to the same theme as `inverse`,\n // and the separate name is what a design system redefines when it wants its\n // own emphasis look without touching what `inverse` means.\n brand: function(param) {\n var { parent } = param;\n return {\n scheme: parent.scheme === \"light\" ? \"dark\" : \"light\",\n children: levels()\n };\n },\n inverse: function(param) {\n var { parent } = param;\n return {\n scheme: parent.scheme === \"light\" ? \"dark\" : \"light\",\n children: levels()\n };\n },\n // the selected state. the marker rides the recipe (not `values`) so it\n // survives deeper nesting: anything mounted under an active theme stays\n // active until a definition clears it.\n active: {\n active: true,\n children: levels()\n },\n // black and white name a scheme outright, where `inverse` only flips\n // whichever one the parent happened to be. a menu that has to read as dark\n // over a light page asks for `black` and gets it wherever it is mounted.\n // both resolve from any parent, so `light_black` and `dark_black` are the\n // same theme as `dark`, and deduplicate onto it.\n black: {\n scheme: \"dark\",\n children: levels()\n },\n white: {\n scheme: \"light\",\n children: levels()\n },\n red: {\n palette: \"red\",\n treatment: \"tint\",\n children: levels(3)\n },\n yellow: {\n palette: \"yellow\",\n treatment: \"tint\",\n children: levels(3)\n },\n green: {\n palette: \"green\",\n treatment: \"tint\",\n children: levels(3)\n }\n }\n};\nvar themes = (0, import_create_theme.createThemes)(import_tokens.tokens, tree, {\n getTheme\n});\n//# sourceMappingURL=builder.js.map\n"],"mappings":"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"}