@ezpg/app-ui 0.7.0 → 0.9.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 (56) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js +22 -5
  3. package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js.map +1 -1
  4. package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js +2 -3
  5. package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js.map +1 -1
  6. package/lib/module/blocks/internal/card.js +2 -3
  7. package/lib/module/blocks/internal/card.js.map +1 -1
  8. package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js +1 -5
  9. package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js.map +1 -1
  10. package/lib/module/blocks/plan-card/plan-card.js +2 -3
  11. package/lib/module/blocks/plan-card/plan-card.js.map +1 -1
  12. package/lib/module/components/chip/chip.js +8 -7
  13. package/lib/module/components/chip/chip.js.map +1 -1
  14. package/lib/module/components/field/field.js +1 -3
  15. package/lib/module/components/field/field.js.map +1 -1
  16. package/lib/module/components/text/text.js +3 -0
  17. package/lib/module/components/text/text.js.map +1 -1
  18. package/lib/module/templates/index.js +1 -0
  19. package/lib/module/templates/index.js.map +1 -1
  20. package/lib/module/templates/intro-template.js +136 -0
  21. package/lib/module/templates/intro-template.js.map +1 -0
  22. package/lib/module/templates/result-template.js +1 -1
  23. package/lib/module/templates/result-template.js.map +1 -1
  24. package/lib/module/theme/base.js +10 -4
  25. package/lib/module/theme/base.js.map +1 -1
  26. package/lib/typescript/src/blocks/color-swatch-picker/color-swatch-picker.d.ts.map +1 -1
  27. package/lib/typescript/src/blocks/copy-variant-picker/copy-variant-picker.d.ts.map +1 -1
  28. package/lib/typescript/src/blocks/internal/card.d.ts.map +1 -1
  29. package/lib/typescript/src/blocks/logo-candidate-grid/logo-candidate-grid.d.ts.map +1 -1
  30. package/lib/typescript/src/blocks/plan-card/plan-card.d.ts.map +1 -1
  31. package/lib/typescript/src/components/chip/chip.d.ts.map +1 -1
  32. package/lib/typescript/src/components/field/field.d.ts.map +1 -1
  33. package/lib/typescript/src/components/text/text.d.ts +1 -1
  34. package/lib/typescript/src/components/text/text.d.ts.map +1 -1
  35. package/lib/typescript/src/templates/index.d.ts +2 -0
  36. package/lib/typescript/src/templates/index.d.ts.map +1 -1
  37. package/lib/typescript/src/templates/intro-template.d.ts +16 -0
  38. package/lib/typescript/src/templates/intro-template.d.ts.map +1 -0
  39. package/lib/typescript/src/theme/base.d.ts +10 -4
  40. package/lib/typescript/src/theme/base.d.ts.map +1 -1
  41. package/lib/typescript/src/types/index.d.ts +3 -0
  42. package/lib/typescript/src/types/index.d.ts.map +1 -1
  43. package/package.json +1 -1
  44. package/src/blocks/color-swatch-picker/color-swatch-picker.tsx +20 -4
  45. package/src/blocks/copy-variant-picker/copy-variant-picker.tsx +2 -3
  46. package/src/blocks/internal/card.tsx +2 -3
  47. package/src/blocks/logo-candidate-grid/logo-candidate-grid.tsx +1 -2
  48. package/src/blocks/plan-card/plan-card.tsx +2 -3
  49. package/src/components/chip/chip.tsx +5 -6
  50. package/src/components/field/field.tsx +1 -3
  51. package/src/components/text/text.tsx +3 -1
  52. package/src/templates/index.ts +2 -0
  53. package/src/templates/intro-template.tsx +153 -0
  54. package/src/templates/result-template.tsx +1 -1
  55. package/src/theme/base.ts +10 -4
  56. package/src/types/index.ts +3 -0
package/src/templates/result-template.tsx CHANGED
@@ -68,7 +68,7 @@ const useStyles = makeStyles((t) => ({
68
68
  borderRadius: t.radius.full,
69
69
  backgroundColor: t.colors.input,
70
70
  },
71
- dotOn: { width: t.space[5], backgroundColor: t.colors.foreground },
71
+ dotOn: { width: t.space[5], backgroundColor: t.colors.primary },
72
72
  progress: { flex: 1, paddingHorizontal: t.layout.screenX },
73
73
  notice: { paddingBottom: t.layout.groupGap },
74
74
  viewer: { flex: 1, backgroundColor: t.colors.background },
package/src/theme/base.ts CHANGED
@@ -7,8 +7,11 @@ export const semantic = {
7
7
  border: '#e5e5e5',
8
8
  input: '#d4d4d4',
9
9
  ring: '#a3a3a3',
10
- primary: '#171717',
11
- primaryForeground: '#fafafa',
10
+ primary: '#4d291c',
11
+ primaryForeground: '#ffffff',
12
+ primaryTint: '#f8f3f2',
13
+ primaryContainer: '#e3d2cb',
14
+ primaryEdge: '#946b5c',
12
15
  danger: '#b91c1c',
13
16
  dangerForeground: '#ffffff',
14
17
  success: '#15803d',
@@ -27,8 +30,11 @@ export const semantic = {
27
30
  border: '#262626',
28
31
  input: '#404040',
29
32
  ring: '#737373',
30
- primary: '#fafafa',
31
- primaryForeground: '#171717',
33
+ primary: '#caada3',
34
+ primaryForeground: '#2b1710',
35
+ primaryTint: '#2b1710',
36
+ primaryContainer: '#3a1f15',
37
+ primaryEdge: '#946b5c',
32
38
  danger: '#f87171',
33
39
  dangerForeground: '#0a0a0a',
34
40
  success: '#4ade80',
package/src/types/index.ts CHANGED
@@ -12,6 +12,9 @@ export type ThemeColors = {
12
12
  ring: string;
13
13
  primary: string;
14
14
  primaryForeground: string;
15
+ primaryTint: string;
16
+ primaryContainer: string;
17
+ primaryEdge: string;
15
18
  danger: string;
16
19
  dangerForeground: string;
17
20
  success: string;