@tamagui/themes 1.89.26 → 1.89.27-1708113113238

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 (69) hide show
  1. package/dist/cjs/componentThemeDefinitions.native.js +77 -77
  2. package/dist/cjs/componentThemeDefinitions.native.js.map +3 -3
  3. package/dist/cjs/generated-new.native.js +40811 -5
  4. package/dist/cjs/generated-new.native.js.map +3 -3
  5. package/dist/cjs/generated-v2.native.js +39989 -5
  6. package/dist/cjs/generated-v2.native.js.map +3 -3
  7. package/dist/cjs/generated-v3.native.js +8004 -1988
  8. package/dist/cjs/generated-v3.native.js.map +3 -3
  9. package/dist/cjs/helpers.native.js +3 -1
  10. package/dist/cjs/helpers.native.js.map +3 -3
  11. package/dist/cjs/index.native.js.map +2 -2
  12. package/dist/cjs/masks.native.js +83 -35
  13. package/dist/cjs/masks.native.js.map +3 -3
  14. package/dist/cjs/palettes.native.js +75 -25
  15. package/dist/cjs/palettes.native.js.map +3 -3
  16. package/dist/cjs/shadows.native.js +1 -1
  17. package/dist/cjs/shadows.native.js.map +3 -3
  18. package/dist/cjs/templates.native.js +49 -26
  19. package/dist/cjs/templates.native.js.map +3 -3
  20. package/dist/cjs/themes-new.native.js +41 -31
  21. package/dist/cjs/themes-new.native.js.map +3 -3
  22. package/dist/cjs/themes-old.native.js +189 -101
  23. package/dist/cjs/themes-old.native.js.map +3 -3
  24. package/dist/cjs/themes.native.js.map +2 -2
  25. package/dist/cjs/tokens.native.js +90 -32
  26. package/dist/cjs/tokens.native.js.map +3 -3
  27. package/dist/cjs/v2-themes.native.js +287 -216
  28. package/dist/cjs/v2-themes.native.js.map +3 -3
  29. package/dist/cjs/v2.native.js +1 -2
  30. package/dist/cjs/v2.native.js.map +3 -3
  31. package/dist/cjs/v3-themes.native.js +214 -135
  32. package/dist/cjs/v3-themes.native.js.map +3 -3
  33. package/dist/cjs/v3.native.js +1 -2
  34. package/dist/cjs/v3.native.js.map +3 -3
  35. package/dist/esm/componentThemeDefinitions.native.js +77 -77
  36. package/dist/esm/componentThemeDefinitions.native.js.map +3 -3
  37. package/dist/esm/generated-new.native.js +40811 -5
  38. package/dist/esm/generated-new.native.js.map +3 -3
  39. package/dist/esm/generated-v2.native.js +39989 -5
  40. package/dist/esm/generated-v2.native.js.map +3 -3
  41. package/dist/esm/generated-v3.native.js +8004 -1988
  42. package/dist/esm/generated-v3.native.js.map +3 -3
  43. package/dist/esm/helpers.native.js +3 -1
  44. package/dist/esm/helpers.native.js.map +3 -3
  45. package/dist/esm/index.native.js.map +1 -1
  46. package/dist/esm/masks.native.js +84 -44
  47. package/dist/esm/masks.native.js.map +3 -3
  48. package/dist/esm/palettes.native.js +75 -25
  49. package/dist/esm/palettes.native.js.map +3 -3
  50. package/dist/esm/shadows.native.js +1 -1
  51. package/dist/esm/shadows.native.js.map +3 -3
  52. package/dist/esm/templates.native.js +49 -26
  53. package/dist/esm/templates.native.js.map +3 -3
  54. package/dist/esm/themes-new.native.js +41 -31
  55. package/dist/esm/themes-new.native.js.map +3 -3
  56. package/dist/esm/themes-old.native.js +190 -109
  57. package/dist/esm/themes-old.native.js.map +3 -3
  58. package/dist/esm/themes.native.js.map +3 -3
  59. package/dist/esm/tokens.native.js +91 -50
  60. package/dist/esm/tokens.native.js.map +3 -3
  61. package/dist/esm/v2-themes.native.js +288 -234
  62. package/dist/esm/v2-themes.native.js.map +3 -3
  63. package/dist/esm/v2.native.js +1 -1
  64. package/dist/esm/v2.native.js.map +3 -3
  65. package/dist/esm/v3-themes.native.js +215 -153
  66. package/dist/esm/v3-themes.native.js.map +3 -3
  67. package/dist/esm/v3.native.js +1 -1
  68. package/dist/esm/v3.native.js.map +3 -3
  69. package/package.json +7 -7
@@ -1,18 +1,70 @@
1
1
  import { objectFromEntries, objectKeys } from "./helpers";
2
2
  import { colorTokens } from "./tokens";
3
- const palettes = (() => {
4
- const lightTransparent = "rgba(255,255,255,0)", darkTransparent = "rgba(10,10,10,0)", transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("), getColorPalette = (colors, color = colors[0]) => {
5
- const colorPalette = Object.values(colors), [head, tail] = [
3
+ function _array_like_to_array(arr, len) {
4
+ (len == null || len > arr.length) && (len = arr.length);
5
+ for (var i = 0, arr2 = new Array(len); i < len; i++)
6
+ arr2[i] = arr[i];
7
+ return arr2;
8
+ }
9
+ function _array_without_holes(arr) {
10
+ if (Array.isArray(arr))
11
+ return _array_like_to_array(arr);
12
+ }
13
+ function _define_property(obj, key, value) {
14
+ return key in obj ? Object.defineProperty(obj, key, {
15
+ value,
16
+ enumerable: !0,
17
+ configurable: !0,
18
+ writable: !0
19
+ }) : obj[key] = value, obj;
20
+ }
21
+ function _iterable_to_array(iter) {
22
+ if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
23
+ return Array.from(iter);
24
+ }
25
+ function _non_iterable_spread() {
26
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
27
+ }
28
+ function _object_spread(target) {
29
+ for (var i = 1; i < arguments.length; i++) {
30
+ var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
31
+ typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
32
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
33
+ }))), ownKeys.forEach(function(key) {
34
+ _define_property(target, key, source[key]);
35
+ });
36
+ }
37
+ return target;
38
+ }
39
+ function _to_consumable_array(arr) {
40
+ return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
41
+ }
42
+ function _unsupported_iterable_to_array(o, minLen) {
43
+ if (o) {
44
+ if (typeof o == "string")
45
+ return _array_like_to_array(o, minLen);
46
+ var n = Object.prototype.toString.call(o).slice(8, -1);
47
+ if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
48
+ return Array.from(n);
49
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
50
+ return _array_like_to_array(o, minLen);
51
+ }
52
+ }
53
+ var palettes = function() {
54
+ var lightTransparent = "rgba(255,255,255,0)", darkTransparent = "rgba(10,10,10,0)", transparent = function(hsl) {
55
+ var opacity = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
56
+ return hsl.replace("%)", "%, ".concat(opacity, ")")).replace("hsl(", "hsla(");
57
+ }, getColorPalette = function(colors) {
58
+ var color = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : colors[0], colorPalette = Object.values(colors), _ref = [
6
59
  colorPalette.slice(0, 6),
7
60
  colorPalette.slice(colorPalette.length - 5)
8
- ];
61
+ ], head = _ref[0], tail = _ref[1];
9
62
  return [
10
- transparent(colorPalette[0]),
11
- ...head,
12
- ...tail,
63
+ transparent(colorPalette[0])
64
+ ].concat(_to_consumable_array(head), _to_consumable_array(tail), [
13
65
  color,
14
66
  transparent(colorPalette[colorPalette.length - 1])
15
- ];
67
+ ]);
16
68
  }, lightColor = "hsl(0, 0%, 9.0%)", lightPalette = [
17
69
  lightTransparent,
18
70
  "#fff",
@@ -43,24 +95,22 @@ const palettes = (() => {
43
95
  "#a5a5a5",
44
96
  darkColor,
45
97
  lightTransparent
46
- ], lightPalettes = objectFromEntries(
47
- objectKeys(colorTokens.light).map(
48
- (key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]
49
- )
50
- ), darkPalettes = objectFromEntries(
51
- objectKeys(colorTokens.dark).map(
52
- (key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]
53
- )
54
- ), colorPalettes = {
55
- ...lightPalettes,
56
- ...darkPalettes
57
- };
58
- return {
98
+ ], lightPalettes = objectFromEntries(objectKeys(colorTokens.light).map(function(key) {
99
+ return [
100
+ "light_".concat(key),
101
+ getColorPalette(colorTokens.light[key], lightColor)
102
+ ];
103
+ })), darkPalettes = objectFromEntries(objectKeys(colorTokens.dark).map(function(key) {
104
+ return [
105
+ "dark_".concat(key),
106
+ getColorPalette(colorTokens.dark[key], darkColor)
107
+ ];
108
+ })), colorPalettes = _object_spread({}, lightPalettes, darkPalettes);
109
+ return _object_spread({
59
110
  light: lightPalette,
60
- dark: darkPalette,
61
- ...colorPalettes
62
- };
63
- })();
111
+ dark: darkPalette
112
+ }, colorPalettes);
113
+ }();
64
114
  export {
65
115
  palettes
66
116
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/palettes.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB,kBAAkB;AAC9C,SAAS,mBAAmB;AAErB,MAAM,YAAY,MAAM;AAC7B,QAAM,mBAAmB,uBACnB,kBAAkB,oBAElB,cAAc,CAAC,KAAa,UAAU,MAC1C,IAAI,QAAQ,MAAM,MAAM,OAAO,GAAG,EAAE,QAAQ,QAAQ,OAAO,GAEvD,kBAAkB,CAAC,QAAgB,QAAQ,OAAO,CAAC,MAAgB;AACvE,UAAM,eAAe,OAAO,OAAO,MAAM,GAGnC,CAAC,MAAM,IAAI,IAAI;AAAA,MACnB,aAAa,MAAM,GAAG,CAAC;AAAA,MACvB,aAAa,MAAM,aAAa,SAAS,CAAC;AAAA,IAC5C;AAKA,WAAO;AAAA,MACL,YAAY,aAAa,CAAC,CAAC;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,YAAY,aAAa,aAAa,SAAS,CAAC,CAAC;AAAA,IACnD;AAAA,EACF,GAEM,aAAa,oBACb,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,YAAY,QACZ,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,gBAAgB;AAAA,IACpB,WAAW,YAAY,KAAK,EAAE;AAAA,MAC5B,CAAC,QACC,CAAC,SAAS,GAAG,IAAI,gBAAgB,YAAY,MAAM,GAAG,GAAG,UAAU,CAAC;AAAA,IACxE;AAAA,EACF,GAEM,eAAe;AAAA,IACnB,WAAW,YAAY,IAAI,EAAE;AAAA,MAC3B,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,gBAAgB,YAAY,KAAK,GAAG,GAAG,SAAS,CAAC;AAAA,IAC5E;AAAA,EACF,GAEM,gBAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,GAAG;AAAA,EACL;AACF,GAAG;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/themes/src/palettes.tsx"],
4
+ "mappings": "AAAA,SAASA,mBAAmBC,kBAAkB;AAC9C,SAASC,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMC,WAAY,WAAA;AACvB,MAAMC,mBAAmB,uBACnBC,kBAAkB,oBAElBC,cAAc,SAACC,KAAAA;QAAaC,UAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAU;WAC1CD,IAAIE,QAAS,MAAM,MAAa,OAARD,SAAQ,GAAA,CAAA,EAAIC,QAAS,QAAQ,OAAA;KAEjDC,kBAAkB,SAACC,QAAAA;QAAgBC,QAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAQD,OAAO,CAAA,GAChDE,eAAeC,OAAOC,OAAOJ,MAAAA,GAGd,OAAA;MACnBE,aAAaG,MAAM,GAAG,CAAA;MACtBH,aAAaG,MAAMH,aAAaI,SAAS,CAAA;OAFpCC,OAAc,KAAA,CAAA,GAARC,OAAQ,KAAA,CAAA;AAQrB,WAAO;MACLb,YAAYO,aAAa,CAAA,CAAE;MADtB,OAEL,qBAAGK,IAAAA,GACH,qBAAGC,IAAAA,GAHE;MAILP;MACAN,YAAYO,aAAaA,aAAaI,SAAS,CAAA,CAAE;KAClD;EACH,GAEMG,aAAa,oBACbC,eAAe;IACnBjB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAgB;IACAf;KAGIiB,YAAY,QACZC,cAAc;IAClBlB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAiB;IACAlB;KAGIoB,gBAAgBxB,kBACpBC,WAAWC,YAAYuB,KAAK,EAAEC,IAC5B,SAACC,KAAAA;WACC;MAAE,SAAY,OAAJA,GAAAA;MAAOjB,gBAAgBR,YAAYuB,MAAME,GAAAA,GAAMP,UAAAA;;OAIzDQ,eAAe5B,kBACnBC,WAAWC,YAAY2B,IAAI,EAAEH,IAC3B,SAACC,KAAAA;WAAQ;MAAE,QAAW,OAAJA,GAAAA;MAAOjB,gBAAgBR,YAAY2B,KAAKF,GAAAA,GAAML,SAAAA;;OAI9DQ,gBAAgB,eAAA,CAAA,GACjBN,eACAI,YAAAA;AAGL,SAAO,eAAA;IACLH,OAAOJ;IACPQ,MAAMN;KACHO,aAAAA;AAEP,EAAA;",
5
+ "names": ["objectFromEntries", "objectKeys", "colorTokens", "palettes", "lightTransparent", "darkTransparent", "transparent", "hsl", "opacity", "replace", "getColorPalette", "colors", "color", "colorPalette", "Object", "values", "slice", "length", "head", "tail", "lightColor", "lightPalette", "darkColor", "darkPalette", "lightPalettes", "light", "map", "key", "darkPalettes", "dark", "colorPalettes"]
6
6
  }
@@ -1,4 +1,4 @@
1
- const lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
1
+ var lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", shadows = {
2
2
  light: {
3
3
  shadowColor: lightShadowColorStrong,
4
4
  shadowColorHover: lightShadowColorStrong,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/shadows.tsx"],
4
- "mappings": "AAAA,MAAM,mBAAmB,oBACnB,yBAAyB,qBACzB,kBAAkB,mBAClB,wBAAwB,mBAEjB,UAAU;AAAA,EACrB,OAAO;AAAA,IACL,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AAAA,EACA,MAAM;AAAA,IACJ,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AACF;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/themes/src/shadows.tsx"],
4
+ "mappings": "AAAA,IAAMA,mBAAmB,oBACnBC,yBAAyB,qBACzBC,kBAAkB,mBAClBC,wBAAwB,mBAEjBC,UAAU;EACrBC,OAAO;IACLC,aAAaL;IACbM,kBAAkBN;IAClBO,kBAAkBR;IAClBS,kBAAkBT;EACpB;EACAU,MAAM;IACJJ,aAAaH;IACbI,kBAAkBJ;IAClBK,kBAAkBN;IAClBO,kBAAkBP;EACpB;AACF;",
5
+ "names": ["lightShadowColor", "lightShadowColorStrong", "darkShadowColor", "darkShadowColorStrong", "shadows", "light", "shadowColor", "shadowColorHover", "shadowColorPress", "shadowColorFocus", "dark"]
6
6
  }
@@ -1,5 +1,39 @@
1
1
  import { palettes } from "./palettes";
2
- const templateColorsSpecific = {
2
+ function _define_property(obj, key, value) {
3
+ return key in obj ? Object.defineProperty(obj, key, {
4
+ value,
5
+ enumerable: !0,
6
+ configurable: !0,
7
+ writable: !0
8
+ }) : obj[key] = value, obj;
9
+ }
10
+ function _object_spread(target) {
11
+ for (var i = 1; i < arguments.length; i++) {
12
+ var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
13
+ typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
14
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
15
+ }))), ownKeys2.forEach(function(key) {
16
+ _define_property(target, key, source[key]);
17
+ });
18
+ }
19
+ return target;
20
+ }
21
+ function ownKeys(object, enumerableOnly) {
22
+ var keys = Object.keys(object);
23
+ if (Object.getOwnPropertySymbols) {
24
+ var symbols = Object.getOwnPropertySymbols(object);
25
+ enumerableOnly && (symbols = symbols.filter(function(sym) {
26
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
27
+ })), keys.push.apply(keys, symbols);
28
+ }
29
+ return keys;
30
+ }
31
+ function _object_spread_props(target, source) {
32
+ return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
33
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
34
+ }), target;
35
+ }
36
+ var templateColorsSpecific = {
3
37
  color1: 1,
4
38
  color2: 2,
5
39
  color3: 3,
@@ -12,8 +46,7 @@ const templateColorsSpecific = {
12
46
  color10: 10,
13
47
  color11: 11,
14
48
  color12: 12
15
- }, template = {
16
- ...templateColorsSpecific,
49
+ }, template = _object_spread_props(_object_spread({}, templateColorsSpecific), {
17
50
  // the background, color, etc keys here work like generics - they make it so you
18
51
  // can publish components for others to use without mandating a specific color scale
19
52
  // the @tamagui/button Button component looks for `$background`, so you set the
@@ -34,54 +67,44 @@ const templateColorsSpecific = {
34
67
  borderColorFocus: 4,
35
68
  borderColorPress: 5,
36
69
  placeholderColor: -4
37
- }, templates = {
70
+ }), templates = {
38
71
  base: template,
39
- colorLight: {
40
- ...template,
72
+ colorLight: _object_spread_props(_object_spread({}, template), {
41
73
  // light color themes are a bit less sensitive
42
74
  borderColor: 4,
43
75
  borderColorHover: 5,
44
76
  borderColorFocus: 4,
45
77
  borderColorPress: 4
46
- }
78
+ })
47
79
  }, shadows = {
48
80
  shadowColor: 0,
49
81
  shadowColorHover: 0,
50
82
  shadowColorPress: 0,
51
83
  shadowColorFocus: 0
52
- }, colors = {
53
- ...shadows,
84
+ }, colors = _object_spread_props(_object_spread({}, shadows), {
54
85
  color: 0,
55
86
  colorHover: 0,
56
87
  colorFocus: 0,
57
88
  colorPress: 0
58
- }, baseMaskOptions = {
89
+ }), baseMaskOptions = {
59
90
  override: shadows,
60
91
  skip: shadows,
61
92
  // avoids the transparent ends
62
93
  max: palettes.light.length - 2,
63
94
  min: 1
64
- }, skipShadowsAndSpecificColors = {
65
- ...shadows,
66
- ...templateColorsSpecific
67
- }, maskOptions = {
68
- component: {
69
- ...baseMaskOptions,
95
+ }, skipShadowsAndSpecificColors = _object_spread({}, shadows, templateColorsSpecific), maskOptions = {
96
+ component: _object_spread_props(_object_spread({}, baseMaskOptions), {
70
97
  override: colors,
71
98
  skip: skipShadowsAndSpecificColors
72
- },
73
- alt: {
74
- ...baseMaskOptions
75
- },
76
- button: {
77
- ...baseMaskOptions,
78
- override: {
79
- ...colors,
99
+ }),
100
+ alt: _object_spread({}, baseMaskOptions),
101
+ button: _object_spread_props(_object_spread({}, baseMaskOptions), {
102
+ override: _object_spread_props(_object_spread({}, colors), {
80
103
  borderColor: "transparent",
81
104
  borderColorHover: "transparent"
82
- },
105
+ }),
83
106
  skip: skipShadowsAndSpecificColors
84
- }
107
+ })
85
108
  };
86
109
  export {
87
110
  maskOptions,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/templates.tsx"],
4
- "mappings": "AAEA,SAAS,gBAAgB;AAEzB,MAAM,yBAAyB;AAAA,EAC7B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX,GAIM,WAAW;AAAA,EACf,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAKH,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,GAEa,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,GAAG;AAAA;AAAA,IAEH,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AACF,GAEM,UAAU;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,GAEM,SAAS;AAAA,EACb,GAAG;AAAA,EACH,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd,GAEM,kBAA+B;AAAA,EACnC,UAAU;AAAA,EACV,MAAM;AAAA;AAAA,EAEN,KAAK,SAAS,MAAM,SAAS;AAAA,EAC7B,KAAK;AACP,GAEM,+BAA+B;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AACL,GAEa,cAAc;AAAA,EACzB,WAAW;AAAA,IACT,GAAG;AAAA,IACH,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,UAAU;AAAA,MACR,GAAG;AAAA,MACH,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IACA,MAAM;AAAA,EACR;AACF;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/themes/src/templates.tsx"],
4
+ "mappings": "AAEA,SAASA,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzB,IAAMC,yBAAyB;EAC7BC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,SAAS;AACX,GAIMC,WAAW,qBAAA,eAAA,CAAA,GACZb,sBAAAA,GAAAA;;;;;EAKHc,YAAY;EACZC,iBAAiB;EACjBC,iBAAiB;EACjBC,iBAAiB;EACjBC,kBAAkB;EAClBC,uBAAuB;EACvBC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,YAAY;EACZC,kBAAkB;EAClBC,aAAa;EACbC,kBAAkB;EAClBC,kBAAkB;EAClBC,kBAAkB;EAClBC,kBAAkB;IAGPC,YAAY;EACvBC,MAAMlB;EACNmB,YAAY,qBAAA,eAAA,CAAA,GACPnB,QAAAA,GAAAA;;IAEHY,aAAa;IACbC,kBAAkB;IAClBC,kBAAkB;IAClBC,kBAAkB;;AAEtB,GAEMK,UAAU;EACdC,aAAa;EACbC,kBAAkB;EAClBC,kBAAkB;EAClBC,kBAAkB;AACpB,GAEMC,SAAS,qBAAA,eAAA,CAAA,GACVL,OAAAA,GAAAA;EACHb,OAAO;EACPC,YAAY;EACZE,YAAY;EACZD,YAAY;IAGRiB,kBAA+B;EACnCC,UAAUP;EACVQ,MAAMR;;EAENS,KAAK3C,SAAS4C,MAAMC,SAAS;EAC7BC,KAAK;AACP,GAEMC,+BAA+B,eAAA,CAAA,GAChCb,SACAjC,sBAAAA,GAGQ+C,cAAc;EACzBC,WAAW,qBAAA,eAAA,CAAA,GACNT,eAAAA,GAAAA;IACHC,UAAUF;IACVG,MAAMK;;EAERG,KAAK,eAAA,CAAA,GACAV,eAAAA;EAELW,QAAQ,qBAAA,eAAA,CAAA,GACHX,eAAAA,GAAAA;IACHC,UAAU,qBAAA,eAAA,CAAA,GACLF,MAAAA,GAAAA;MACHb,aAAa;MACbC,kBAAkB;;IAEpBe,MAAMK;;AAEV;",
5
+ "names": ["palettes", "templateColorsSpecific", "color1", "color2", "color3", "color4", "color5", "color6", "color7", "color8", "color9", "color10", "color11", "color12", "template", "background", "backgroundHover", "backgroundPress", "backgroundFocus", "backgroundStrong", "backgroundTransparent", "color", "colorHover", "colorPress", "colorFocus", "colorTransparent", "borderColor", "borderColorHover", "borderColorFocus", "borderColorPress", "placeholderColor", "templates", "base", "colorLight", "shadows", "shadowColor", "shadowColorHover", "shadowColorPress", "shadowColorFocus", "colors", "baseMaskOptions", "override", "skip", "max", "light", "length", "min", "skipShadowsAndSpecificColors", "maskOptions", "component", "alt", "button"]
6
6
  }
@@ -5,33 +5,48 @@ import { palettes } from "./palettes";
5
5
  import { shadows } from "./shadows";
6
6
  import { maskOptions, templates } from "./templates";
7
7
  import { darkColors, lightColors } from "./tokens";
8
- const colorThemeDefinition = (colorName) => [
9
- {
10
- parent: "light",
11
- palette: colorName,
12
- template: "colorLight"
13
- },
14
- {
15
- parent: "dark",
16
- palette: colorName,
17
- template: "base"
8
+ function _define_property(obj, key, value) {
9
+ return key in obj ? Object.defineProperty(obj, key, {
10
+ value,
11
+ enumerable: !0,
12
+ configurable: !0,
13
+ writable: !0
14
+ }) : obj[key] = value, obj;
15
+ }
16
+ function _object_spread(target) {
17
+ for (var i = 1; i < arguments.length; i++) {
18
+ var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
19
+ typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }))), ownKeys.forEach(function(key) {
22
+ _define_property(target, key, source[key]);
23
+ });
18
24
  }
19
- ], themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
25
+ return target;
26
+ }
27
+ var colorThemeDefinition = function(colorName) {
28
+ return [
29
+ {
30
+ parent: "light",
31
+ palette: colorName,
32
+ template: "colorLight"
33
+ },
34
+ {
35
+ parent: "dark",
36
+ palette: colorName,
37
+ template: "base"
38
+ }
39
+ ];
40
+ }, themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
20
41
  light: {
21
42
  template: "base",
22
43
  palette: "light",
23
- nonInheritedValues: {
24
- ...lightColors,
25
- ...shadows.light
26
- }
44
+ nonInheritedValues: _object_spread({}, lightColors, shadows.light)
27
45
  },
28
46
  dark: {
29
47
  template: "base",
30
48
  palette: "dark",
31
- nonInheritedValues: {
32
- ...darkColors,
33
- ...shadows.dark
34
- }
49
+ nonInheritedValues: _object_spread({}, darkColors, shadows.dark)
35
50
  }
36
51
  }).addChildThemes({
37
52
  orange: colorThemeDefinition("orange"),
@@ -42,24 +57,19 @@ const colorThemeDefinition = (colorName) => [
42
57
  pink: colorThemeDefinition("pink"),
43
58
  red: colorThemeDefinition("red")
44
59
  }).addChildThemes({
45
- alt1: {
46
- mask: "soften",
47
- ...maskOptions.alt
48
- },
49
- alt2: {
50
- mask: "soften2",
51
- ...maskOptions.alt
52
- },
60
+ alt1: _object_spread({
61
+ mask: "soften"
62
+ }, maskOptions.alt),
63
+ alt2: _object_spread({
64
+ mask: "soften2"
65
+ }, maskOptions.alt),
53
66
  active: {
54
67
  mask: "soften3",
55
68
  skip: {
56
69
  color: 1
57
70
  }
58
71
  }
59
- }).addChildThemes(componentThemeDefinitions, {
60
- // to save bundle size but make alt themes not work on components
61
- // avoidNestingWithin: ['alt1', 'alt2'],
62
- }), themes = themesBuilder.build();
72
+ }).addChildThemes(componentThemeDefinitions, {}), themes = themesBuilder.build();
63
73
  export {
64
74
  themes
65
75
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/themes-new.ts"],
4
- "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,iCAAiC;AAC1C,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,aAAa,iBAAiB;AACvC,SAAS,YAAY,mBAAmB;AAExC,MAAM,uBAAuB,CAAC,cAAsB;AAAA,EAClD;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AACF,GAEM,gBAAgB,mBAAmB,EACtC,YAAY,QAAQ,EACpB,aAAa,SAAS,EACtB,SAAS,KAAK,EACd,UAAU;AAAA,EACT,OAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,oBAAoB;AAAA,MAClB,GAAG;AAAA,MACH,GAAG,QAAQ;AAAA,IACb;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,oBAAoB;AAAA,MAClB,GAAG;AAAA,MACH,GAAG,QAAQ;AAAA,IACb;AAAA,EACF;AACF,CAAC,EACA,eAAe;AAAA,EACd,QAAQ,qBAAqB,QAAQ;AAAA,EACrC,QAAQ,qBAAqB,QAAQ;AAAA,EACrC,OAAO,qBAAqB,OAAO;AAAA,EACnC,MAAM,qBAAqB,MAAM;AAAA,EACjC,QAAQ,qBAAqB,QAAQ;AAAA,EACrC,MAAM,qBAAqB,MAAM;AAAA,EACjC,KAAK,qBAAqB,KAAK;AACjC,CAAC,EACA,eAAe;AAAA,EACd,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,GAAG,YAAY;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC,EACA,eAAe,2BAA2B;AAAA;AAAA;AAG3C,CAAC,GAEU,SAAS,cAAc,MAAM;",
5
- "names": []
3
+ "sources": ["../../src/Users/n8/tamagui/packages/themes/src/themes-new.ts"],
4
+ "mappings": "AAAA,SAASA,0BAA0B;AAEnC,SAASC,iCAAiC;AAC1C,SAASC,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,eAAe;AACxB,SAASC,aAAaC,iBAAiB;AACvC,SAASC,YAAYC,mBAAmB;;;;;;;;;;;;;;;;;;;;AAExC,IAAMC,uBAAuB,SAACC,WAAAA;SAAsB;IAClD;MACEC,QAAQ;MACRC,SAASF;MACTG,UAAU;IACZ;IACA;MACEF,QAAQ;MACRC,SAASF;MACTG,UAAU;IACZ;;GAGIC,gBAAgBd,mBAAAA,EACnBe,YAAYZ,QAAAA,EACZa,aAAaV,SAAAA,EACbW,SAASf,KAAAA,EACTgB,UAAU;EACTC,OAAO;IACLN,UAAU;IACVD,SAAS;IACTQ,oBAAoB,eAAA,CAAA,GACfZ,aACAJ,QAAQe,KAAK;EAEpB;EACAE,MAAM;IACJR,UAAU;IACVD,SAAS;IACTQ,oBAAoB,eAAA,CAAA,GACfb,YACAH,QAAQiB,IAAI;EAEnB;AACF,CAAA,EACCC,eAAe;EACdC,QAAQd,qBAAqB,QAAA;EAC7Be,QAAQf,qBAAqB,QAAA;EAC7BgB,OAAOhB,qBAAqB,OAAA;EAC5BiB,MAAMjB,qBAAqB,MAAA;EAC3BkB,QAAQlB,qBAAqB,QAAA;EAC7BmB,MAAMnB,qBAAqB,MAAA;EAC3BoB,KAAKpB,qBAAqB,KAAA;AAC5B,CAAA,EACCa,eAAe;EACdQ,MAAM,eAAA;IACJC,MAAM;KACH1B,YAAY2B,GAAG;EAEpBC,MAAM,eAAA;IACJF,MAAM;KACH1B,YAAY2B,GAAG;EAEpBE,QAAQ;IACNH,MAAM;IACNI,MAAM;MACJC,OAAO;IACT;EACF;AACF,CAAA,EACCd,eAAerB,2BAA2B,CAG3C,CAAA,GAEWoC,SAASvB,cAAcwB,MAAK;",
5
+ "names": ["createThemeBuilder", "componentThemeDefinitions", "masks", "palettes", "shadows", "maskOptions", "templates", "darkColors", "lightColors", "colorThemeDefinition", "colorName", "parent", "palette", "template", "themesBuilder", "addPalettes", "addTemplates", "addMasks", "addThemes", "light", "nonInheritedValues", "dark", "addChildThemes", "orange", "yellow", "green", "blue", "purple", "pink", "red", "alt1", "mask", "alt", "alt2", "active", "skip", "color", "themes", "build"]
6
6
  }