@ornikar/bumper 3.9.1 → 3.10.0

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 (54) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/definitions/system/core/tokens/palettes/deepPurpleColorPalette.d.ts +70 -69
  3. package/dist/definitions/system/core/tokens/palettes/deepPurpleColorPalette.d.ts.map +1 -1
  4. package/dist/definitions/tamagui.config.d.ts +142 -2
  5. package/dist/definitions/tamagui.config.d.ts.map +1 -1
  6. package/dist/index-metro.es.android.js +83 -82
  7. package/dist/index-metro.es.android.js.map +1 -1
  8. package/dist/index-metro.es.ios.js +83 -82
  9. package/dist/index-metro.es.ios.js.map +1 -1
  10. package/dist/index-node-22.22.cjs.js +83 -82
  11. package/dist/index-node-22.22.cjs.js.map +1 -1
  12. package/dist/index-node-22.22.cjs.web.js +83 -82
  13. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  14. package/dist/index-node-22.22.es.mjs +83 -82
  15. package/dist/index-node-22.22.es.mjs.map +1 -1
  16. package/dist/index-node-22.22.es.web.mjs +83 -82
  17. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  18. package/dist/index.es.js +83 -82
  19. package/dist/index.es.js.map +1 -1
  20. package/dist/index.es.web.js +83 -82
  21. package/dist/index.es.web.js.map +1 -1
  22. package/dist/storybook-metro.es.android.js +81 -80
  23. package/dist/storybook-metro.es.android.js.map +1 -1
  24. package/dist/storybook-metro.es.ios.js +81 -80
  25. package/dist/storybook-metro.es.ios.js.map +1 -1
  26. package/dist/storybook-node-22.22.cjs.js +81 -80
  27. package/dist/storybook-node-22.22.cjs.js.map +1 -1
  28. package/dist/storybook-node-22.22.cjs.web.js +81 -80
  29. package/dist/storybook-node-22.22.cjs.web.js.map +1 -1
  30. package/dist/storybook-node-22.22.es.mjs +81 -80
  31. package/dist/storybook-node-22.22.es.mjs.map +1 -1
  32. package/dist/storybook-node-22.22.es.web.mjs +81 -80
  33. package/dist/storybook-node-22.22.es.web.mjs.map +1 -1
  34. package/dist/storybook.es.js +81 -80
  35. package/dist/storybook.es.js.map +1 -1
  36. package/dist/storybook.es.web.js +81 -80
  37. package/dist/storybook.es.web.js.map +1 -1
  38. package/dist/tsbuildinfo +1 -1
  39. package/docs/migration/Typography.md +49 -27
  40. package/package.json +1 -1
  41. package/src/system/actions/Button/Button.mdx +1 -1
  42. package/src/system/actions/Button/Button.tsx +1 -1
  43. package/src/system/actions/Button/__snapshots__/Button.features.stories.tsx.snap +10 -10
  44. package/src/system/actions/Button/__snapshots_web__/Button.features.stories.tsx.snap +2 -2
  45. package/src/system/actions/Button/utils/contentColor.ts +1 -1
  46. package/src/system/actions/IconButton/__snapshots__/IconButton.features.stories.tsx.snap +10 -10
  47. package/src/system/actions/IconButton/__snapshots_web__/IconButton.features.stories.tsx.snap +2 -2
  48. package/src/system/core/themes/light/__snapshots__/light.stories.tsx.snap +7 -7
  49. package/src/system/core/themes/light/__snapshots_web__/light.stories.tsx.snap +7 -7
  50. package/src/system/core/themes/light/light.ts +73 -73
  51. package/src/system/core/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +141 -70
  52. package/src/system/core/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +91 -70
  53. package/src/system/core/tokens/palettes/deepPurpleColorPalette.ts +9 -8
  54. package/src/tamagui.config.ts +2 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,21 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.10.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.9.1...@ornikar/bumper@3.10.0) (2026-04-15)
7
+
8
+
9
+ ### Features
10
+
11
+ * **bumper:** prefix all palette color token names with `palette.*` [no issue] ([#2973](https://github.com/ornikar/kitt/issues/2973)) ([291baa5](https://github.com/ornikar/kitt/commit/291baa50016a9fdf268f77e878d515d75fa844cb))
12
+ * **bumper:** update grey palette and disabled Button treatment [no-issue] ([#2978](https://github.com/ornikar/kitt/issues/2978)) ([92948d9](https://github.com/ornikar/kitt/commit/92948d956dd7af3fb2338f210e1109536f767b70))
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * **bumper:** update Typography migration doc [no-issue] ([#2975](https://github.com/ornikar/kitt/issues/2975)) ([a08992e](https://github.com/ornikar/kitt/commit/a08992e6ba8159a4fa8e34c2d92aba74a2cd2760))
18
+
19
+
20
+
6
21
  ## [3.9.1](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.9.0...@ornikar/bumper@3.9.1) (2026-04-14)
7
22
 
8
23
 
package/dist/definitions/system/core/tokens/palettes/deepPurpleColorPalette.d.ts CHANGED
@@ -4,7 +4,7 @@ interface ColorScaleKeysMap {
4
4
  beige: IntRange<1, 7>;
5
5
  lightning: 4 | 5 | 8 | 9;
6
6
  rainbow: 'pink' | 'brick' | 'orange' | 'gold' | 'sun' | 'green-pine' | 'green-grass' | 'green-apple' | 'blue-electric' | 'blue-sky';
7
- grey: 0 | 1 | 2 | 3 | 5 | 7 | 9;
7
+ grey: 0 | 1 | 2 | 3 | 4 | 5 | 7 | 9;
8
8
  blue: 1 | 2 | 4 | 6 | 7;
9
9
  green: 1 | 2 | 6 | 7;
10
10
  yellow: 1 | 2 | 6 | 7;
@@ -21,74 +21,75 @@ type ColorScales = {
21
21
  };
22
22
  export declare const colorScales: ColorScales;
23
23
  export declare const deepPurpleColorPalette: {
24
- white: string;
25
- black: string;
26
- transparent: string;
27
- "deepPurple.5": string;
28
- "deepPurple.6": string;
29
- "deepPurple.7": string;
30
- "deepPurple.8": string;
31
- "deepPurple.9": string;
32
- "beige.1": string;
33
- "beige.5": string;
34
- "beige.2": string;
35
- "beige.3": string;
36
- "beige.4": string;
37
- "beige.6": string;
38
- "lightning.5": string;
39
- "lightning.4": string;
40
- "lightning.8": string;
41
- "lightning.9": string;
42
- "rainbow.pink": string;
43
- "rainbow.brick": string;
44
- "rainbow.orange": string;
45
- "rainbow.gold": string;
46
- "rainbow.sun": string;
47
- "rainbow.green-pine": string;
48
- "rainbow.green-grass": string;
49
- "rainbow.green-apple": string;
50
- "rainbow.blue-electric": string;
51
- "rainbow.blue-sky": string;
52
- "grey.0": string;
53
- "grey.1": string;
54
- "grey.5": string;
55
- "grey.2": string;
56
- "grey.3": string;
57
- "grey.7": string;
58
- "grey.9": string;
59
- "blue.1": string;
60
- "blue.2": string;
61
- "blue.4": string;
62
- "blue.6": string;
63
- "blue.7": string;
64
- "green.1": string;
65
- "green.2": string;
66
- "green.6": string;
67
- "green.7": string;
68
- "yellow.1": string;
69
- "yellow.2": string;
70
- "yellow.6": string;
71
- "yellow.7": string;
72
- "red.1": string;
73
- "red.2": string;
74
- "red.6": string;
75
- "red.7": string;
76
- "mauve.1": string;
77
- "mauve.2": string;
78
- "mauve.3": string;
79
- "mauve.4": string;
80
- "deepPurple-alpha.10": string;
81
- "beige-alpha.25": string;
82
- "beige-alpha.40": string;
83
- "beige-alpha.50": string;
84
- "grey-alpha.25": string;
85
- "grey-alpha.50": string;
86
- "grey-alpha.35": string;
87
- "white-alpha.10": string;
88
- "white-alpha.20": string;
89
- "white-alpha.60": string;
90
- "white-alpha.80": string;
91
- "white-alpha.90": string;
24
+ 'palette.white': string;
25
+ 'palette.black': string;
26
+ 'palette.transparent': string;
27
+ "palette.deepPurple.5": string;
28
+ "palette.deepPurple.6": string;
29
+ "palette.deepPurple.7": string;
30
+ "palette.deepPurple.8": string;
31
+ "palette.deepPurple.9": string;
32
+ "palette.beige.1": string;
33
+ "palette.beige.5": string;
34
+ "palette.beige.2": string;
35
+ "palette.beige.3": string;
36
+ "palette.beige.4": string;
37
+ "palette.beige.6": string;
38
+ "palette.lightning.5": string;
39
+ "palette.lightning.4": string;
40
+ "palette.lightning.8": string;
41
+ "palette.lightning.9": string;
42
+ "palette.rainbow.pink": string;
43
+ "palette.rainbow.brick": string;
44
+ "palette.rainbow.orange": string;
45
+ "palette.rainbow.gold": string;
46
+ "palette.rainbow.sun": string;
47
+ "palette.rainbow.green-pine": string;
48
+ "palette.rainbow.green-grass": string;
49
+ "palette.rainbow.green-apple": string;
50
+ "palette.rainbow.blue-electric": string;
51
+ "palette.rainbow.blue-sky": string;
52
+ "palette.grey.0": string;
53
+ "palette.grey.1": string;
54
+ "palette.grey.5": string;
55
+ "palette.grey.2": string;
56
+ "palette.grey.3": string;
57
+ "palette.grey.4": string;
58
+ "palette.grey.7": string;
59
+ "palette.grey.9": string;
60
+ "palette.blue.1": string;
61
+ "palette.blue.2": string;
62
+ "palette.blue.4": string;
63
+ "palette.blue.6": string;
64
+ "palette.blue.7": string;
65
+ "palette.green.1": string;
66
+ "palette.green.2": string;
67
+ "palette.green.6": string;
68
+ "palette.green.7": string;
69
+ "palette.yellow.1": string;
70
+ "palette.yellow.2": string;
71
+ "palette.yellow.6": string;
72
+ "palette.yellow.7": string;
73
+ "palette.red.1": string;
74
+ "palette.red.2": string;
75
+ "palette.red.6": string;
76
+ "palette.red.7": string;
77
+ "palette.mauve.1": string;
78
+ "palette.mauve.2": string;
79
+ "palette.mauve.3": string;
80
+ "palette.mauve.4": string;
81
+ "palette.deepPurple-alpha.10": string;
82
+ "palette.beige-alpha.25": string;
83
+ "palette.beige-alpha.40": string;
84
+ "palette.beige-alpha.50": string;
85
+ "palette.grey-alpha.25": string;
86
+ "palette.grey-alpha.50": string;
87
+ "palette.grey-alpha.35": string;
88
+ "palette.white-alpha.10": string;
89
+ "palette.white-alpha.20": string;
90
+ "palette.white-alpha.60": string;
91
+ "palette.white-alpha.80": string;
92
+ "palette.white-alpha.90": string;
92
93
  };
93
94
  export {};
94
95
  //# sourceMappingURL=deepPurpleColorPalette.d.ts.map
package/dist/definitions/system/core/tokens/palettes/deepPurpleColorPalette.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"deepPurpleColorPalette.d.ts","sourceRoot":"","sources":["../../../../../../src/system/core/tokens/palettes/deepPurpleColorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAuB,MAAM,WAAW,CAAC;AAE/D,UAAU,iBAAiB;IACzB,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5B,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EACH,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,KAAK,GACL,YAAY,GACZ,aAAa,GACb,aAAa,GACb,eAAe,GACf,UAAU,CAAC;IACf,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,kBAAkB,EAAE,IAAI,CAAC;IACzB,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjD;AAED,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAEhG,KAAK,WAAW,GAAG;KAChB,CAAC,IAAI,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC;CACpD,CAAC;AAgBF,eAAO,MAAM,WAAW,EAAE,WA8FhB,CAAC;AAYX,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlC,CAAC"}
1
+ {"version":3,"file":"deepPurpleColorPalette.d.ts","sourceRoot":"","sources":["../../../../../../src/system/core/tokens/palettes/deepPurpleColorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAuB,MAAM,WAAW,CAAC;AAE/D,UAAU,iBAAiB;IACzB,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5B,KAAK,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EACH,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,KAAK,GACL,YAAY,GACZ,aAAa,GACb,aAAa,GACb,eAAe,GACf,UAAU,CAAC;IACf,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,kBAAkB,EAAE,IAAI,CAAC;IACzB,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjD;AAED,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAEhG,KAAK,WAAW,GAAG;KAChB,CAAC,IAAI,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAC;CACpD,CAAC;AAgBF,eAAO,MAAM,WAAW,EAAE,WA+FhB,CAAC;AAYX,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlC,CAAC"}
package/dist/definitions/tamagui.config.d.ts CHANGED
@@ -15,7 +15,77 @@ export declare const GTStandardNarrowFont: {
15
15
  face: Record<"700", Record<string, string>>;
16
16
  };
17
17
  export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
18
- color: {};
18
+ color: {
19
+ "palette.deepPurple.5": import("@tamagui/core").Variable<string>;
20
+ "palette.deepPurple.6": import("@tamagui/core").Variable<string>;
21
+ "palette.deepPurple.7": import("@tamagui/core").Variable<string>;
22
+ "palette.deepPurple.8": import("@tamagui/core").Variable<string>;
23
+ "palette.deepPurple.9": import("@tamagui/core").Variable<string>;
24
+ "palette.beige.1": import("@tamagui/core").Variable<string>;
25
+ "palette.beige.5": import("@tamagui/core").Variable<string>;
26
+ "palette.beige.2": import("@tamagui/core").Variable<string>;
27
+ "palette.beige.3": import("@tamagui/core").Variable<string>;
28
+ "palette.beige.4": import("@tamagui/core").Variable<string>;
29
+ "palette.beige.6": import("@tamagui/core").Variable<string>;
30
+ "palette.lightning.5": import("@tamagui/core").Variable<string>;
31
+ "palette.lightning.4": import("@tamagui/core").Variable<string>;
32
+ "palette.lightning.8": import("@tamagui/core").Variable<string>;
33
+ "palette.lightning.9": import("@tamagui/core").Variable<string>;
34
+ "palette.rainbow.pink": import("@tamagui/core").Variable<string>;
35
+ "palette.rainbow.brick": import("@tamagui/core").Variable<string>;
36
+ "palette.rainbow.orange": import("@tamagui/core").Variable<string>;
37
+ "palette.rainbow.gold": import("@tamagui/core").Variable<string>;
38
+ "palette.rainbow.sun": import("@tamagui/core").Variable<string>;
39
+ "palette.rainbow.green-pine": import("@tamagui/core").Variable<string>;
40
+ "palette.rainbow.green-grass": import("@tamagui/core").Variable<string>;
41
+ "palette.rainbow.green-apple": import("@tamagui/core").Variable<string>;
42
+ "palette.rainbow.blue-electric": import("@tamagui/core").Variable<string>;
43
+ "palette.rainbow.blue-sky": import("@tamagui/core").Variable<string>;
44
+ "palette.grey.0": import("@tamagui/core").Variable<string>;
45
+ "palette.grey.1": import("@tamagui/core").Variable<string>;
46
+ "palette.grey.5": import("@tamagui/core").Variable<string>;
47
+ "palette.grey.2": import("@tamagui/core").Variable<string>;
48
+ "palette.grey.3": import("@tamagui/core").Variable<string>;
49
+ "palette.grey.4": import("@tamagui/core").Variable<string>;
50
+ "palette.grey.7": import("@tamagui/core").Variable<string>;
51
+ "palette.grey.9": import("@tamagui/core").Variable<string>;
52
+ "palette.blue.1": import("@tamagui/core").Variable<string>;
53
+ "palette.blue.2": import("@tamagui/core").Variable<string>;
54
+ "palette.blue.4": import("@tamagui/core").Variable<string>;
55
+ "palette.blue.6": import("@tamagui/core").Variable<string>;
56
+ "palette.blue.7": import("@tamagui/core").Variable<string>;
57
+ "palette.green.1": import("@tamagui/core").Variable<string>;
58
+ "palette.green.2": import("@tamagui/core").Variable<string>;
59
+ "palette.green.6": import("@tamagui/core").Variable<string>;
60
+ "palette.green.7": import("@tamagui/core").Variable<string>;
61
+ "palette.yellow.1": import("@tamagui/core").Variable<string>;
62
+ "palette.yellow.2": import("@tamagui/core").Variable<string>;
63
+ "palette.yellow.6": import("@tamagui/core").Variable<string>;
64
+ "palette.yellow.7": import("@tamagui/core").Variable<string>;
65
+ "palette.red.1": import("@tamagui/core").Variable<string>;
66
+ "palette.red.2": import("@tamagui/core").Variable<string>;
67
+ "palette.red.6": import("@tamagui/core").Variable<string>;
68
+ "palette.red.7": import("@tamagui/core").Variable<string>;
69
+ "palette.mauve.1": import("@tamagui/core").Variable<string>;
70
+ "palette.mauve.2": import("@tamagui/core").Variable<string>;
71
+ "palette.mauve.3": import("@tamagui/core").Variable<string>;
72
+ "palette.mauve.4": import("@tamagui/core").Variable<string>;
73
+ "palette.deepPurple-alpha.10": import("@tamagui/core").Variable<string>;
74
+ "palette.beige-alpha.25": import("@tamagui/core").Variable<string>;
75
+ "palette.beige-alpha.40": import("@tamagui/core").Variable<string>;
76
+ "palette.beige-alpha.50": import("@tamagui/core").Variable<string>;
77
+ "palette.grey-alpha.25": import("@tamagui/core").Variable<string>;
78
+ "palette.grey-alpha.50": import("@tamagui/core").Variable<string>;
79
+ "palette.grey-alpha.35": import("@tamagui/core").Variable<string>;
80
+ "palette.white-alpha.10": import("@tamagui/core").Variable<string>;
81
+ "palette.white-alpha.20": import("@tamagui/core").Variable<string>;
82
+ "palette.white-alpha.60": import("@tamagui/core").Variable<string>;
83
+ "palette.white-alpha.80": import("@tamagui/core").Variable<string>;
84
+ "palette.white-alpha.90": import("@tamagui/core").Variable<string>;
85
+ "palette.transparent": import("@tamagui/core").Variable<string>;
86
+ "palette.white": import("@tamagui/core").Variable<string>;
87
+ "palette.black": import("@tamagui/core").Variable<string>;
88
+ };
19
89
  space: {
20
90
  "space.none": import("@tamagui/core").Variable<number>;
21
91
  "space.2": import("@tamagui/core").Variable<number>;
@@ -66,7 +136,77 @@ export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
66
136
  };
67
137
  zIndex: {};
68
138
  } & Omit<{
69
- color: {};
139
+ color: {
140
+ "palette.deepPurple.5": import("@tamagui/core").Variable<string>;
141
+ "palette.deepPurple.6": import("@tamagui/core").Variable<string>;
142
+ "palette.deepPurple.7": import("@tamagui/core").Variable<string>;
143
+ "palette.deepPurple.8": import("@tamagui/core").Variable<string>;
144
+ "palette.deepPurple.9": import("@tamagui/core").Variable<string>;
145
+ "palette.beige.1": import("@tamagui/core").Variable<string>;
146
+ "palette.beige.5": import("@tamagui/core").Variable<string>;
147
+ "palette.beige.2": import("@tamagui/core").Variable<string>;
148
+ "palette.beige.3": import("@tamagui/core").Variable<string>;
149
+ "palette.beige.4": import("@tamagui/core").Variable<string>;
150
+ "palette.beige.6": import("@tamagui/core").Variable<string>;
151
+ "palette.lightning.5": import("@tamagui/core").Variable<string>;
152
+ "palette.lightning.4": import("@tamagui/core").Variable<string>;
153
+ "palette.lightning.8": import("@tamagui/core").Variable<string>;
154
+ "palette.lightning.9": import("@tamagui/core").Variable<string>;
155
+ "palette.rainbow.pink": import("@tamagui/core").Variable<string>;
156
+ "palette.rainbow.brick": import("@tamagui/core").Variable<string>;
157
+ "palette.rainbow.orange": import("@tamagui/core").Variable<string>;
158
+ "palette.rainbow.gold": import("@tamagui/core").Variable<string>;
159
+ "palette.rainbow.sun": import("@tamagui/core").Variable<string>;
160
+ "palette.rainbow.green-pine": import("@tamagui/core").Variable<string>;
161
+ "palette.rainbow.green-grass": import("@tamagui/core").Variable<string>;
162
+ "palette.rainbow.green-apple": import("@tamagui/core").Variable<string>;
163
+ "palette.rainbow.blue-electric": import("@tamagui/core").Variable<string>;
164
+ "palette.rainbow.blue-sky": import("@tamagui/core").Variable<string>;
165
+ "palette.grey.0": import("@tamagui/core").Variable<string>;
166
+ "palette.grey.1": import("@tamagui/core").Variable<string>;
167
+ "palette.grey.5": import("@tamagui/core").Variable<string>;
168
+ "palette.grey.2": import("@tamagui/core").Variable<string>;
169
+ "palette.grey.3": import("@tamagui/core").Variable<string>;
170
+ "palette.grey.4": import("@tamagui/core").Variable<string>;
171
+ "palette.grey.7": import("@tamagui/core").Variable<string>;
172
+ "palette.grey.9": import("@tamagui/core").Variable<string>;
173
+ "palette.blue.1": import("@tamagui/core").Variable<string>;
174
+ "palette.blue.2": import("@tamagui/core").Variable<string>;
175
+ "palette.blue.4": import("@tamagui/core").Variable<string>;
176
+ "palette.blue.6": import("@tamagui/core").Variable<string>;
177
+ "palette.blue.7": import("@tamagui/core").Variable<string>;
178
+ "palette.green.1": import("@tamagui/core").Variable<string>;
179
+ "palette.green.2": import("@tamagui/core").Variable<string>;
180
+ "palette.green.6": import("@tamagui/core").Variable<string>;
181
+ "palette.green.7": import("@tamagui/core").Variable<string>;
182
+ "palette.yellow.1": import("@tamagui/core").Variable<string>;
183
+ "palette.yellow.2": import("@tamagui/core").Variable<string>;
184
+ "palette.yellow.6": import("@tamagui/core").Variable<string>;
185
+ "palette.yellow.7": import("@tamagui/core").Variable<string>;
186
+ "palette.red.1": import("@tamagui/core").Variable<string>;
187
+ "palette.red.2": import("@tamagui/core").Variable<string>;
188
+ "palette.red.6": import("@tamagui/core").Variable<string>;
189
+ "palette.red.7": import("@tamagui/core").Variable<string>;
190
+ "palette.mauve.1": import("@tamagui/core").Variable<string>;
191
+ "palette.mauve.2": import("@tamagui/core").Variable<string>;
192
+ "palette.mauve.3": import("@tamagui/core").Variable<string>;
193
+ "palette.mauve.4": import("@tamagui/core").Variable<string>;
194
+ "palette.deepPurple-alpha.10": import("@tamagui/core").Variable<string>;
195
+ "palette.beige-alpha.25": import("@tamagui/core").Variable<string>;
196
+ "palette.beige-alpha.40": import("@tamagui/core").Variable<string>;
197
+ "palette.beige-alpha.50": import("@tamagui/core").Variable<string>;
198
+ "palette.grey-alpha.25": import("@tamagui/core").Variable<string>;
199
+ "palette.grey-alpha.50": import("@tamagui/core").Variable<string>;
200
+ "palette.grey-alpha.35": import("@tamagui/core").Variable<string>;
201
+ "palette.white-alpha.10": import("@tamagui/core").Variable<string>;
202
+ "palette.white-alpha.20": import("@tamagui/core").Variable<string>;
203
+ "palette.white-alpha.60": import("@tamagui/core").Variable<string>;
204
+ "palette.white-alpha.80": import("@tamagui/core").Variable<string>;
205
+ "palette.white-alpha.90": import("@tamagui/core").Variable<string>;
206
+ "palette.transparent": import("@tamagui/core").Variable<string>;
207
+ "palette.white": import("@tamagui/core").Variable<string>;
208
+ "palette.black": import("@tamagui/core").Variable<string>;
209
+ };
70
210
  space: {
71
211
  "space.none": import("@tamagui/core").Variable<number>;
72
212
  "space.2": import("@tamagui/core").Variable<number>;
package/dist/definitions/tamagui.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,cAAc;;;;;;;CAOzB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;CAO/B,CAAC;AAUH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BjB,CAAC;AAEH,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC;AAG1B,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}
1
+ {"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,cAAc;;;;;;;CAOzB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;CAO/B,CAAC;AAUH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BjB,CAAC;AAEH,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC;AAG1B,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}
package/dist/index-metro.es.android.js CHANGED
@@ -51,8 +51,9 @@ const colorScales = {
51
51
  grey: createColorScale({
52
52
  0: '#ffffff',
53
53
  1: '#ECECEC',
54
- 2: '#CDCED0',
55
- 3: '#A8A8A8',
54
+ 2: '#DCDCDC',
55
+ 3: '#BABABA',
56
+ 4: '#A8A8A8',
56
57
  5: '#838383',
57
58
  7: '#505050',
58
59
  9: '#101010'
@@ -112,96 +113,96 @@ const colorScales = {
112
113
  const transformColorScalesToTokens = () => {
113
114
  return Object.fromEntries(Object.entries(colorScales).flatMap(([colorName, colorScale]) => {
114
115
  return Object.entries(colorScale).map(([scaleNumber, colorValue]) => {
115
- return [`${colorName}.${scaleNumber}`, colorValue];
116
+ return [`palette.${colorName}.${scaleNumber}`, colorValue];
116
117
  });
117
118
  }));
118
119
  };
119
120
  const deepPurpleColorPalette = _objectSpread(_objectSpread({}, transformColorScalesToTokens()), {}, {
120
- white: '#FFFFFF',
121
- black: '#000000',
122
- transparent: 'transparent'
121
+ 'palette.white': '#FFFFFF',
122
+ 'palette.black': '#000000',
123
+ 'palette.transparent': 'transparent'
123
124
  });
124
125
 
125
126
  // WARNING
126
127
  // https://github.com/ornikar/kitt/blob/79e367e962c957c016c4df67dbcf515c8f45ff0e/@ornikar/kitt-universal/src/themes/late-ocean/colors.ts#L28
127
128
  const light = {
128
129
  // content
129
- 'content.base.low': deepPurpleColorPalette['grey.5'],
130
- 'content.base.mid': deepPurpleColorPalette['grey.7'],
131
- 'content.base.hi': deepPurpleColorPalette['grey.9'],
132
- 'content.base.onContrasted.low': deepPurpleColorPalette['white-alpha.60'],
133
- 'content.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.80'],
134
- 'content.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
135
- 'content.accent': deepPurpleColorPalette['deepPurple.8'],
136
- 'content.promo': deepPurpleColorPalette['lightning.9'],
137
- 'content.promo.onContrasted': deepPurpleColorPalette['lightning.5'],
138
- 'content.info': deepPurpleColorPalette['blue.7'],
139
- 'content.success': deepPurpleColorPalette['green.7'],
140
- 'content.warning': deepPurpleColorPalette['yellow.7'],
141
- 'content.danger': deepPurpleColorPalette['red.7'],
142
- 'content.muted': deepPurpleColorPalette['beige.6'],
143
- 'content.disabled': deepPurpleColorPalette['grey.3'],
144
- 'content.disabled.onContrasted': deepPurpleColorPalette['grey.1'],
130
+ 'content.base.low': deepPurpleColorPalette['palette.grey.5'],
131
+ 'content.base.mid': deepPurpleColorPalette['palette.grey.7'],
132
+ 'content.base.hi': deepPurpleColorPalette['palette.grey.9'],
133
+ 'content.base.onContrasted.low': deepPurpleColorPalette['palette.white-alpha.60'],
134
+ 'content.base.onContrasted.mid': deepPurpleColorPalette['palette.white-alpha.80'],
135
+ 'content.base.onContrasted.hi': deepPurpleColorPalette['palette.grey.0'],
136
+ 'content.accent': deepPurpleColorPalette['palette.deepPurple.8'],
137
+ 'content.promo': deepPurpleColorPalette['palette.lightning.9'],
138
+ 'content.promo.onContrasted': deepPurpleColorPalette['palette.lightning.5'],
139
+ 'content.info': deepPurpleColorPalette['palette.blue.7'],
140
+ 'content.success': deepPurpleColorPalette['palette.green.7'],
141
+ 'content.warning': deepPurpleColorPalette['palette.yellow.7'],
142
+ 'content.danger': deepPurpleColorPalette['palette.red.7'],
143
+ 'content.muted': deepPurpleColorPalette['palette.beige.6'],
144
+ 'content.disabled': deepPurpleColorPalette['palette.grey.4'],
145
+ 'content.disabled.onContrasted': deepPurpleColorPalette['palette.grey.0'],
145
146
  // backgrounds
146
- 'bg.base.low.default': deepPurpleColorPalette['grey.0'],
147
- 'bg.base.low.pressed': deepPurpleColorPalette['beige.1'],
148
- 'bg.base.mid.default': deepPurpleColorPalette['beige.1'],
149
- 'bg.base.mid.pressed': deepPurpleColorPalette['beige.2'],
150
- 'bg.base.hi.default': deepPurpleColorPalette['beige.2'],
151
- 'bg.base.hi.pressed': deepPurpleColorPalette['beige.3'],
152
- 'bg.accent.default': deepPurpleColorPalette['deepPurple.8'],
153
- 'bg.accent.pressed': deepPurpleColorPalette['deepPurple.7'],
154
- 'bg.promo.mid.default': deepPurpleColorPalette['lightning.5'],
155
- 'bg.promo.mid.pressed': deepPurpleColorPalette['lightning.4'],
156
- 'bg.promo.hi.default': deepPurpleColorPalette['lightning.9'],
157
- 'bg.promo.hi.pressed': deepPurpleColorPalette['lightning.8'],
158
- 'bg.highlight.mid.default': deepPurpleColorPalette['mauve.1'],
159
- 'bg.highlight.mid.pressed': deepPurpleColorPalette['mauve.2'],
160
- 'bg.highlight.hi.default': deepPurpleColorPalette['mauve.3'],
161
- 'bg.highlight.hi.pressed': deepPurpleColorPalette['mauve.4'],
162
- 'bg.info.mid': deepPurpleColorPalette['blue.1'],
163
- 'bg.info.hi': deepPurpleColorPalette['blue.6'],
164
- 'bg.success.mid': deepPurpleColorPalette['green.1'],
165
- 'bg.success.hi': deepPurpleColorPalette['green.6'],
166
- 'bg.warning.mid': deepPurpleColorPalette['yellow.1'],
167
- 'bg.warning.hi': deepPurpleColorPalette['yellow.6'],
168
- 'bg.danger.mid': deepPurpleColorPalette['red.1'],
169
- 'bg.danger.hi': deepPurpleColorPalette['red.6'],
170
- 'bg.disabled.mid': deepPurpleColorPalette['grey.1'],
171
- 'bg.disabled.hi': deepPurpleColorPalette['grey.3'],
172
- 'bg.overlay': deepPurpleColorPalette['grey-alpha.50'],
147
+ 'bg.base.low.default': deepPurpleColorPalette['palette.grey.0'],
148
+ 'bg.base.low.pressed': deepPurpleColorPalette['palette.beige.1'],
149
+ 'bg.base.mid.default': deepPurpleColorPalette['palette.beige.1'],
150
+ 'bg.base.mid.pressed': deepPurpleColorPalette['palette.beige.2'],
151
+ 'bg.base.hi.default': deepPurpleColorPalette['palette.beige.2'],
152
+ 'bg.base.hi.pressed': deepPurpleColorPalette['palette.beige.3'],
153
+ 'bg.accent.default': deepPurpleColorPalette['palette.deepPurple.8'],
154
+ 'bg.accent.pressed': deepPurpleColorPalette['palette.deepPurple.7'],
155
+ 'bg.promo.mid.default': deepPurpleColorPalette['palette.lightning.5'],
156
+ 'bg.promo.mid.pressed': deepPurpleColorPalette['palette.lightning.4'],
157
+ 'bg.promo.hi.default': deepPurpleColorPalette['palette.lightning.9'],
158
+ 'bg.promo.hi.pressed': deepPurpleColorPalette['palette.lightning.8'],
159
+ 'bg.highlight.mid.default': deepPurpleColorPalette['palette.mauve.1'],
160
+ 'bg.highlight.mid.pressed': deepPurpleColorPalette['palette.mauve.2'],
161
+ 'bg.highlight.hi.default': deepPurpleColorPalette['palette.mauve.3'],
162
+ 'bg.highlight.hi.pressed': deepPurpleColorPalette['palette.mauve.4'],
163
+ 'bg.info.mid': deepPurpleColorPalette['palette.blue.1'],
164
+ 'bg.info.hi': deepPurpleColorPalette['palette.blue.6'],
165
+ 'bg.success.mid': deepPurpleColorPalette['palette.green.1'],
166
+ 'bg.success.hi': deepPurpleColorPalette['palette.green.6'],
167
+ 'bg.warning.mid': deepPurpleColorPalette['palette.yellow.1'],
168
+ 'bg.warning.hi': deepPurpleColorPalette['palette.yellow.6'],
169
+ 'bg.danger.mid': deepPurpleColorPalette['palette.red.1'],
170
+ 'bg.danger.hi': deepPurpleColorPalette['palette.red.6'],
171
+ 'bg.disabled.mid': deepPurpleColorPalette['palette.grey.1'],
172
+ 'bg.disabled.hi': deepPurpleColorPalette['palette.grey.3'],
173
+ 'bg.overlay': deepPurpleColorPalette['palette.grey-alpha.50'],
173
174
  // borders
174
- 'border.base.low': deepPurpleColorPalette['beige.2'],
175
- 'border.base.mid': deepPurpleColorPalette['beige.3'],
176
- 'border.base.hi': deepPurpleColorPalette['grey.9'],
177
- 'border.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.20'],
178
- 'border.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
179
- 'border.base.accent': deepPurpleColorPalette['deepPurple.8'],
180
- 'border.info': deepPurpleColorPalette['blue.6'],
181
- 'border.success': deepPurpleColorPalette['green.6'],
182
- 'border.warning': deepPurpleColorPalette['yellow.6'],
183
- 'border.danger': deepPurpleColorPalette['red.6'],
184
- 'border.disabled': deepPurpleColorPalette['grey.2'],
185
- 'border.highlight': deepPurpleColorPalette['mauve.3'],
186
- 'border.focus': deepPurpleColorPalette['blue.4'],
187
- 'border.transparent': deepPurpleColorPalette.transparent,
175
+ 'border.base.low': deepPurpleColorPalette['palette.beige.2'],
176
+ 'border.base.mid': deepPurpleColorPalette['palette.beige.3'],
177
+ 'border.base.hi': deepPurpleColorPalette['palette.grey.9'],
178
+ 'border.base.onContrasted.mid': deepPurpleColorPalette['palette.white-alpha.20'],
179
+ 'border.base.onContrasted.hi': deepPurpleColorPalette['palette.grey.0'],
180
+ 'border.base.accent': deepPurpleColorPalette['palette.deepPurple.8'],
181
+ 'border.info': deepPurpleColorPalette['palette.blue.6'],
182
+ 'border.success': deepPurpleColorPalette['palette.green.6'],
183
+ 'border.warning': deepPurpleColorPalette['palette.yellow.6'],
184
+ 'border.danger': deepPurpleColorPalette['palette.red.6'],
185
+ 'border.disabled': deepPurpleColorPalette['palette.grey.2'],
186
+ 'border.highlight': deepPurpleColorPalette['palette.mauve.3'],
187
+ 'border.focus': deepPurpleColorPalette['palette.blue.4'],
188
+ 'border.transparent': deepPurpleColorPalette['palette.transparent'],
188
189
  // Buttons
189
- 'button.bg.primary.default': deepPurpleColorPalette['deepPurple.8'],
190
- 'button.bg.primary.pressed': deepPurpleColorPalette['deepPurple.7'],
191
- 'button.bg.primary.onContrasted.default': deepPurpleColorPalette['grey.0'],
192
- 'button.bg.primary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.80'],
193
- 'button.bg.secondary.default': deepPurpleColorPalette.transparent,
194
- 'button.bg.secondary.pressed': deepPurpleColorPalette['deepPurple-alpha.10'],
195
- 'button.bg.secondary.onContrasted.default': deepPurpleColorPalette.transparent,
196
- 'button.bg.secondary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.10'],
197
- 'button.bg.tertiary.default': deepPurpleColorPalette.transparent,
198
- 'button.bg.tertiary.pressed': deepPurpleColorPalette['deepPurple-alpha.10'],
199
- 'button.bg.tertiary.onContrasted.default': deepPurpleColorPalette.transparent,
200
- 'button.bg.tertiary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.10'],
201
- 'button.bg.danger.default': deepPurpleColorPalette.transparent,
202
- 'button.bg.danger.pressed': deepPurpleColorPalette['red.1'],
203
- 'button.bg.danger.onContrasted.default': deepPurpleColorPalette.white,
204
- 'button.bg.danger.onContrasted.pressed': deepPurpleColorPalette['red.1']
190
+ 'button.bg.primary.default': deepPurpleColorPalette['palette.deepPurple.8'],
191
+ 'button.bg.primary.pressed': deepPurpleColorPalette['palette.deepPurple.7'],
192
+ 'button.bg.primary.onContrasted.default': deepPurpleColorPalette['palette.grey.0'],
193
+ 'button.bg.primary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.80'],
194
+ 'button.bg.secondary.default': deepPurpleColorPalette['palette.transparent'],
195
+ 'button.bg.secondary.pressed': deepPurpleColorPalette['palette.deepPurple-alpha.10'],
196
+ 'button.bg.secondary.onContrasted.default': deepPurpleColorPalette['palette.transparent'],
197
+ 'button.bg.secondary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.10'],
198
+ 'button.bg.tertiary.default': deepPurpleColorPalette['palette.transparent'],
199
+ 'button.bg.tertiary.pressed': deepPurpleColorPalette['palette.deepPurple-alpha.10'],
200
+ 'button.bg.tertiary.onContrasted.default': deepPurpleColorPalette['palette.transparent'],
201
+ 'button.bg.tertiary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.10'],
202
+ 'button.bg.danger.default': deepPurpleColorPalette['palette.transparent'],
203
+ 'button.bg.danger.pressed': deepPurpleColorPalette['palette.red.1'],
204
+ 'button.bg.danger.onContrasted.default': deepPurpleColorPalette['palette.white'],
205
+ 'button.bg.danger.onContrasted.pressed': deepPurpleColorPalette['palette.red.1']
205
206
  };
206
207
 
207
208
  const themes = {
@@ -406,7 +407,7 @@ const GTStandardNarrowFont = createFont({
406
407
  face: GTStandardNarrowFaces
407
408
  });
408
409
  const tokens = createTokens({
409
- color: {},
410
+ color: deepPurpleColorPalette,
410
411
  space: spaceTokens,
411
412
  size: sizeTokens,
412
413
  radius: radiusTokens,
@@ -837,7 +838,7 @@ const context = createStyledContext({
837
838
 
838
839
  function getButtonContentColor(type, disabled, isOnContrasted) {
839
840
  if (disabled) {
840
- return '$content.disabled';
841
+ return type === 'primary' ? '$content.disabled.onContrasted' : '$content.disabled';
841
842
  }
842
843
  switch (type) {
843
844
  case 'secondary':
@@ -996,7 +997,7 @@ const InternalButtonFrame = styled(HStack, {
996
997
  if (type === 'primary') {
997
998
  if (disabled) {
998
999
  return _objectSpread(_objectSpread({}, commonTypeStyle), {}, {
999
- backgroundColor: '$bg.disabled.mid'
1000
+ backgroundColor: '$bg.disabled.hi'
1000
1001
  });
1001
1002
  }
1002
1003
  }