@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/src/system/core/themes/light/light.ts CHANGED
@@ -7,83 +7,83 @@ import type { Theme } from '../types';
7
7
  // https://github.com/ornikar/kitt/blob/79e367e962c957c016c4df67dbcf515c8f45ff0e/@ornikar/kitt-universal/src/themes/late-ocean/colors.ts#L28
8
8
  export const light: Theme = {
9
9
  // content
10
- 'content.base.low': deepPurpleColorPalette['grey.5'],
11
- 'content.base.mid': deepPurpleColorPalette['grey.7'],
12
- 'content.base.hi': deepPurpleColorPalette['grey.9'],
13
- 'content.base.onContrasted.low': deepPurpleColorPalette['white-alpha.60'],
14
- 'content.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.80'],
15
- 'content.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
16
- 'content.accent': deepPurpleColorPalette['deepPurple.8'],
17
- 'content.promo': deepPurpleColorPalette['lightning.9'],
18
- 'content.promo.onContrasted': deepPurpleColorPalette['lightning.5'],
19
- 'content.info': deepPurpleColorPalette['blue.7'],
20
- 'content.success': deepPurpleColorPalette['green.7'],
21
- 'content.warning': deepPurpleColorPalette['yellow.7'],
22
- 'content.danger': deepPurpleColorPalette['red.7'],
23
- 'content.muted': deepPurpleColorPalette['beige.6'],
24
- 'content.disabled': deepPurpleColorPalette['grey.3'],
25
- 'content.disabled.onContrasted': deepPurpleColorPalette['grey.1'],
10
+ 'content.base.low': deepPurpleColorPalette['palette.grey.5'],
11
+ 'content.base.mid': deepPurpleColorPalette['palette.grey.7'],
12
+ 'content.base.hi': deepPurpleColorPalette['palette.grey.9'],
13
+ 'content.base.onContrasted.low': deepPurpleColorPalette['palette.white-alpha.60'],
14
+ 'content.base.onContrasted.mid': deepPurpleColorPalette['palette.white-alpha.80'],
15
+ 'content.base.onContrasted.hi': deepPurpleColorPalette['palette.grey.0'],
16
+ 'content.accent': deepPurpleColorPalette['palette.deepPurple.8'],
17
+ 'content.promo': deepPurpleColorPalette['palette.lightning.9'],
18
+ 'content.promo.onContrasted': deepPurpleColorPalette['palette.lightning.5'],
19
+ 'content.info': deepPurpleColorPalette['palette.blue.7'],
20
+ 'content.success': deepPurpleColorPalette['palette.green.7'],
21
+ 'content.warning': deepPurpleColorPalette['palette.yellow.7'],
22
+ 'content.danger': deepPurpleColorPalette['palette.red.7'],
23
+ 'content.muted': deepPurpleColorPalette['palette.beige.6'],
24
+ 'content.disabled': deepPurpleColorPalette['palette.grey.4'],
25
+ 'content.disabled.onContrasted': deepPurpleColorPalette['palette.grey.0'],
26
26
 
27
27
  // backgrounds
28
- 'bg.base.low.default': deepPurpleColorPalette['grey.0'],
29
- 'bg.base.low.pressed': deepPurpleColorPalette['beige.1'],
30
- 'bg.base.mid.default': deepPurpleColorPalette['beige.1'],
31
- 'bg.base.mid.pressed': deepPurpleColorPalette['beige.2'],
32
- 'bg.base.hi.default': deepPurpleColorPalette['beige.2'],
33
- 'bg.base.hi.pressed': deepPurpleColorPalette['beige.3'],
34
- 'bg.accent.default': deepPurpleColorPalette['deepPurple.8'],
35
- 'bg.accent.pressed': deepPurpleColorPalette['deepPurple.7'],
36
- 'bg.promo.mid.default': deepPurpleColorPalette['lightning.5'],
37
- 'bg.promo.mid.pressed': deepPurpleColorPalette['lightning.4'],
38
- 'bg.promo.hi.default': deepPurpleColorPalette['lightning.9'],
39
- 'bg.promo.hi.pressed': deepPurpleColorPalette['lightning.8'],
40
- 'bg.highlight.mid.default': deepPurpleColorPalette['mauve.1'],
41
- 'bg.highlight.mid.pressed': deepPurpleColorPalette['mauve.2'],
42
- 'bg.highlight.hi.default': deepPurpleColorPalette['mauve.3'],
43
- 'bg.highlight.hi.pressed': deepPurpleColorPalette['mauve.4'],
44
- 'bg.info.mid': deepPurpleColorPalette['blue.1'],
45
- 'bg.info.hi': deepPurpleColorPalette['blue.6'],
46
- 'bg.success.mid': deepPurpleColorPalette['green.1'],
47
- 'bg.success.hi': deepPurpleColorPalette['green.6'],
48
- 'bg.warning.mid': deepPurpleColorPalette['yellow.1'],
49
- 'bg.warning.hi': deepPurpleColorPalette['yellow.6'],
50
- 'bg.danger.mid': deepPurpleColorPalette['red.1'],
51
- 'bg.danger.hi': deepPurpleColorPalette['red.6'],
52
- 'bg.disabled.mid': deepPurpleColorPalette['grey.1'],
53
- 'bg.disabled.hi': deepPurpleColorPalette['grey.3'],
54
- 'bg.overlay': deepPurpleColorPalette['grey-alpha.50'],
28
+ 'bg.base.low.default': deepPurpleColorPalette['palette.grey.0'],
29
+ 'bg.base.low.pressed': deepPurpleColorPalette['palette.beige.1'],
30
+ 'bg.base.mid.default': deepPurpleColorPalette['palette.beige.1'],
31
+ 'bg.base.mid.pressed': deepPurpleColorPalette['palette.beige.2'],
32
+ 'bg.base.hi.default': deepPurpleColorPalette['palette.beige.2'],
33
+ 'bg.base.hi.pressed': deepPurpleColorPalette['palette.beige.3'],
34
+ 'bg.accent.default': deepPurpleColorPalette['palette.deepPurple.8'],
35
+ 'bg.accent.pressed': deepPurpleColorPalette['palette.deepPurple.7'],
36
+ 'bg.promo.mid.default': deepPurpleColorPalette['palette.lightning.5'],
37
+ 'bg.promo.mid.pressed': deepPurpleColorPalette['palette.lightning.4'],
38
+ 'bg.promo.hi.default': deepPurpleColorPalette['palette.lightning.9'],
39
+ 'bg.promo.hi.pressed': deepPurpleColorPalette['palette.lightning.8'],
40
+ 'bg.highlight.mid.default': deepPurpleColorPalette['palette.mauve.1'],
41
+ 'bg.highlight.mid.pressed': deepPurpleColorPalette['palette.mauve.2'],
42
+ 'bg.highlight.hi.default': deepPurpleColorPalette['palette.mauve.3'],
43
+ 'bg.highlight.hi.pressed': deepPurpleColorPalette['palette.mauve.4'],
44
+ 'bg.info.mid': deepPurpleColorPalette['palette.blue.1'],
45
+ 'bg.info.hi': deepPurpleColorPalette['palette.blue.6'],
46
+ 'bg.success.mid': deepPurpleColorPalette['palette.green.1'],
47
+ 'bg.success.hi': deepPurpleColorPalette['palette.green.6'],
48
+ 'bg.warning.mid': deepPurpleColorPalette['palette.yellow.1'],
49
+ 'bg.warning.hi': deepPurpleColorPalette['palette.yellow.6'],
50
+ 'bg.danger.mid': deepPurpleColorPalette['palette.red.1'],
51
+ 'bg.danger.hi': deepPurpleColorPalette['palette.red.6'],
52
+ 'bg.disabled.mid': deepPurpleColorPalette['palette.grey.1'],
53
+ 'bg.disabled.hi': deepPurpleColorPalette['palette.grey.3'],
54
+ 'bg.overlay': deepPurpleColorPalette['palette.grey-alpha.50'],
55
55
 
56
56
  // borders
57
- 'border.base.low': deepPurpleColorPalette['beige.2'],
58
- 'border.base.mid': deepPurpleColorPalette['beige.3'],
59
- 'border.base.hi': deepPurpleColorPalette['grey.9'],
60
- 'border.base.onContrasted.mid': deepPurpleColorPalette['white-alpha.20'],
61
- 'border.base.onContrasted.hi': deepPurpleColorPalette['grey.0'],
62
- 'border.base.accent': deepPurpleColorPalette['deepPurple.8'],
63
- 'border.info': deepPurpleColorPalette['blue.6'],
64
- 'border.success': deepPurpleColorPalette['green.6'],
65
- 'border.warning': deepPurpleColorPalette['yellow.6'],
66
- 'border.danger': deepPurpleColorPalette['red.6'],
67
- 'border.disabled': deepPurpleColorPalette['grey.2'],
68
- 'border.highlight': deepPurpleColorPalette['mauve.3'],
69
- 'border.focus': deepPurpleColorPalette['blue.4'],
70
- 'border.transparent': deepPurpleColorPalette.transparent,
57
+ 'border.base.low': deepPurpleColorPalette['palette.beige.2'],
58
+ 'border.base.mid': deepPurpleColorPalette['palette.beige.3'],
59
+ 'border.base.hi': deepPurpleColorPalette['palette.grey.9'],
60
+ 'border.base.onContrasted.mid': deepPurpleColorPalette['palette.white-alpha.20'],
61
+ 'border.base.onContrasted.hi': deepPurpleColorPalette['palette.grey.0'],
62
+ 'border.base.accent': deepPurpleColorPalette['palette.deepPurple.8'],
63
+ 'border.info': deepPurpleColorPalette['palette.blue.6'],
64
+ 'border.success': deepPurpleColorPalette['palette.green.6'],
65
+ 'border.warning': deepPurpleColorPalette['palette.yellow.6'],
66
+ 'border.danger': deepPurpleColorPalette['palette.red.6'],
67
+ 'border.disabled': deepPurpleColorPalette['palette.grey.2'],
68
+ 'border.highlight': deepPurpleColorPalette['palette.mauve.3'],
69
+ 'border.focus': deepPurpleColorPalette['palette.blue.4'],
70
+ 'border.transparent': deepPurpleColorPalette['palette.transparent'],
71
71
 
72
72
  // Buttons
73
- 'button.bg.primary.default': deepPurpleColorPalette['deepPurple.8'],
74
- 'button.bg.primary.pressed': deepPurpleColorPalette['deepPurple.7'],
75
- 'button.bg.primary.onContrasted.default': deepPurpleColorPalette['grey.0'],
76
- 'button.bg.primary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.80'],
77
- 'button.bg.secondary.default': deepPurpleColorPalette.transparent,
78
- 'button.bg.secondary.pressed': deepPurpleColorPalette['deepPurple-alpha.10'],
79
- 'button.bg.secondary.onContrasted.default': deepPurpleColorPalette.transparent,
80
- 'button.bg.secondary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.10'],
81
- 'button.bg.tertiary.default': deepPurpleColorPalette.transparent,
82
- 'button.bg.tertiary.pressed': deepPurpleColorPalette['deepPurple-alpha.10'],
83
- 'button.bg.tertiary.onContrasted.default': deepPurpleColorPalette.transparent,
84
- 'button.bg.tertiary.onContrasted.pressed': deepPurpleColorPalette['white-alpha.10'],
85
- 'button.bg.danger.default': deepPurpleColorPalette.transparent,
86
- 'button.bg.danger.pressed': deepPurpleColorPalette['red.1'],
87
- 'button.bg.danger.onContrasted.default': deepPurpleColorPalette.white,
88
- 'button.bg.danger.onContrasted.pressed': deepPurpleColorPalette['red.1'],
73
+ 'button.bg.primary.default': deepPurpleColorPalette['palette.deepPurple.8'],
74
+ 'button.bg.primary.pressed': deepPurpleColorPalette['palette.deepPurple.7'],
75
+ 'button.bg.primary.onContrasted.default': deepPurpleColorPalette['palette.grey.0'],
76
+ 'button.bg.primary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.80'],
77
+ 'button.bg.secondary.default': deepPurpleColorPalette['palette.transparent'],
78
+ 'button.bg.secondary.pressed': deepPurpleColorPalette['palette.deepPurple-alpha.10'],
79
+ 'button.bg.secondary.onContrasted.default': deepPurpleColorPalette['palette.transparent'],
80
+ 'button.bg.secondary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.10'],
81
+ 'button.bg.tertiary.default': deepPurpleColorPalette['palette.transparent'],
82
+ 'button.bg.tertiary.pressed': deepPurpleColorPalette['palette.deepPurple-alpha.10'],
83
+ 'button.bg.tertiary.onContrasted.default': deepPurpleColorPalette['palette.transparent'],
84
+ 'button.bg.tertiary.onContrasted.pressed': deepPurpleColorPalette['palette.white-alpha.10'],
85
+ 'button.bg.danger.default': deepPurpleColorPalette['palette.transparent'],
86
+ 'button.bg.danger.pressed': deepPurpleColorPalette['palette.red.1'],
87
+ 'button.bg.danger.onContrasted.default': deepPurpleColorPalette['palette.white'],
88
+ 'button.bg.danger.onContrasted.pressed': deepPurpleColorPalette['palette.red.1'],
89
89
  };