@ponti-studios/ui 0.4.0 → 0.4.2

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 (40) hide show
  1. package/README.md +30 -4
  2. package/THIRD_PARTY_NOTICES.md +3 -3
  3. package/package.json +36 -19
  4. package/src/components/feedback/alert.tsx +1 -1
  5. package/src/components/feedback/file-upload-status-badge.tsx +1 -1
  6. package/src/components/feedback/file-upload-status.tsx +2 -2
  7. package/src/components/forms/field.tsx +2 -2
  8. package/src/components/forms/passkey-management.tsx +2 -2
  9. package/src/components/overlays/dropdown-menu.tsx +1 -1
  10. package/src/components/primitives/button.tsx +6 -1
  11. package/src/index.ts +3 -3
  12. package/src/native/index.ts +11 -0
  13. package/src/native/make-styles.ts +32 -0
  14. package/src/native/shadows.ts +38 -0
  15. package/src/native/use-theme-colors.ts +19 -0
  16. package/src/{styles.css → styles/index.css} +5 -0
  17. package/src/{tokens → styles/tokens}/chart-colors.stories.tsx +10 -13
  18. package/src/{tokens → styles/tokens}/color-systems.stories.tsx +1 -1
  19. package/src/styles/tokens/css-vars.ts +15 -0
  20. package/src/{tokens → styles/tokens}/generated/dark.colors.generated.ts +3 -1
  21. package/src/{tokens → styles/tokens}/generated/dark.css +3 -1
  22. package/src/{tokens → styles/tokens}/generated/light.colors.generated.ts +3 -1
  23. package/src/{tokens → styles/tokens}/generated/light.css +3 -1
  24. package/src/{tokens → styles/tokens}/index.ts +0 -8
  25. package/src/styles/tokens/scripts/check-foundations.mjs +126 -0
  26. package/src/styles/tokens/scripts/check-source.mjs +43 -0
  27. package/src/styles/tokens/source/dark.tokens.json +105 -0
  28. package/src/styles/tokens/source/foundations.tokens.json +341 -0
  29. package/src/styles/tokens/source/light.tokens.json +105 -0
  30. package/src/styles/tokens/style-dictionary.dark-storybook.json +16 -0
  31. package/src/styles/tokens/style-dictionary.dark.json +21 -0
  32. package/src/styles/tokens/style-dictionary.foundations.json +21 -0
  33. package/src/styles/tokens/style-dictionary.light.json +21 -0
  34. package/dist/index.js +0 -2466
  35. package/dist/index.js.map +0 -1
  36. /package/src/{animations.css → styles/animations.css} +0 -0
  37. /package/src/{tokens → styles/tokens}/foundations.stories.tsx +0 -0
  38. /package/src/{tokens → styles/tokens}/generated/foundations.css +0 -0
  39. /package/src/{tokens → styles/tokens}/generated/foundations.generated.ts +0 -0
  40. /package/src/{tokens → styles/tokens}/layout.stories.tsx +0 -0
package/src/styles/tokens/source/light.tokens.json ADDED
@@ -0,0 +1,105 @@
1
+ {
2
+ "$extensions": {
3
+ "org.ponti.license": "MIT"
4
+ },
5
+ "background": {
6
+ "$type": "color",
7
+ "$value": "rgb(252, 252, 253)"
8
+ },
9
+ "card": {
10
+ "$type": "color",
11
+ "$value": "rgb(249, 249, 251)"
12
+ },
13
+ "popover": {
14
+ "$type": "color",
15
+ "$value": "rgb(240, 240, 243)"
16
+ },
17
+ "muted": {
18
+ "$type": "color",
19
+ "$value": "rgb(249, 249, 251)"
20
+ },
21
+ "text-primary": {
22
+ "$type": "color",
23
+ "$value": "rgb(28, 32, 36)"
24
+ },
25
+ "text-secondary": {
26
+ "$type": "color",
27
+ "$value": "rgb(96, 100, 108)"
28
+ },
29
+ "tertiary": {
30
+ "$type": "color",
31
+ "$value": "rgb(128, 131, 141)"
32
+ },
33
+ "primary": {
34
+ "$type": "color",
35
+ "$value": "rgb(62, 99, 221)"
36
+ },
37
+ "destructive": {
38
+ "$type": "color",
39
+ "$value": "rgb(206, 44, 49)"
40
+ },
41
+ "success": {
42
+ "$type": "color",
43
+ "$value": "rgb(48, 164, 108)"
44
+ },
45
+ "warning": {
46
+ "$type": "color",
47
+ "$value": "rgb(255, 197, 61)"
48
+ },
49
+ "primary-foreground": {
50
+ "$type": "color",
51
+ "$value": "rgb(255, 255, 255)"
52
+ },
53
+ "destructive-foreground": {
54
+ "$type": "color",
55
+ "$value": "rgb(255, 255, 255)"
56
+ },
57
+ "text-destructive": {
58
+ "$type": "color",
59
+ "$value": "rgb(200, 44, 49)"
60
+ },
61
+ "border-default": {
62
+ "$type": "color",
63
+ "$value": "rgb(205, 206, 214)"
64
+ },
65
+ "focus-ring": {
66
+ "$type": "color",
67
+ "$value": "rgb(62, 99, 221)"
68
+ },
69
+ "chart-1": {
70
+ "$type": "color",
71
+ "$value": "rgb(62, 99, 221)"
72
+ },
73
+ "chart-2": {
74
+ "$type": "color",
75
+ "$value": "rgb(110, 86, 207)"
76
+ },
77
+ "chart-3": {
78
+ "$type": "color",
79
+ "$value": "rgb(18, 165, 148)"
80
+ },
81
+ "chart-4": {
82
+ "$type": "color",
83
+ "$value": "rgb(247, 107, 21)"
84
+ },
85
+ "chart-5": {
86
+ "$type": "color",
87
+ "$value": "rgb(139, 141, 152)"
88
+ },
89
+ "chart-positive": {
90
+ "$type": "color",
91
+ "$value": "rgb(48, 164, 108)"
92
+ },
93
+ "chart-negative": {
94
+ "$type": "color",
95
+ "$value": "rgb(229, 72, 77)"
96
+ },
97
+ "chart-neutral": {
98
+ "$type": "color",
99
+ "$value": "rgb(185, 187, 198)"
100
+ },
101
+ "overlay-scrim": {
102
+ "$type": "color",
103
+ "$value": "rgb(0, 0, 0)"
104
+ }
105
+ }
package/src/styles/tokens/style-dictionary.dark-storybook.json ADDED
@@ -0,0 +1,16 @@
1
+ {
2
+ "source": ["src/styles/tokens/source/dark.tokens.json"],
3
+ "platforms": {
4
+ "css": {
5
+ "transformGroup": "css",
6
+ "buildPath": ".storybook/generated/",
7
+ "files": [
8
+ {
9
+ "destination": "dark-theme-class.css",
10
+ "format": "css/variables",
11
+ "options": { "selector": ":root.storybook-theme-dark" }
12
+ }
13
+ ]
14
+ }
15
+ }
16
+ }
package/src/styles/tokens/style-dictionary.dark.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "source": ["src/styles/tokens/source/dark.tokens.json"],
3
+ "platforms": {
4
+ "css": {
5
+ "transformGroup": "css",
6
+ "buildPath": "src/styles/tokens/generated/",
7
+ "files": [{ "destination": "dark.css", "format": "css/variables" }]
8
+ },
9
+ "typescript": {
10
+ "transformGroup": "js",
11
+ "buildPath": "src/styles/tokens/generated/",
12
+ "files": [
13
+ {
14
+ "destination": "dark.colors.generated.ts",
15
+ "format": "javascript/esm",
16
+ "options": { "minify": true }
17
+ }
18
+ ]
19
+ }
20
+ }
21
+ }
package/src/styles/tokens/style-dictionary.foundations.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "source": ["src/styles/tokens/source/foundations.tokens.json"],
3
+ "platforms": {
4
+ "css": {
5
+ "transformGroup": "css",
6
+ "buildPath": "src/styles/tokens/generated/",
7
+ "files": [{ "destination": "foundations.css", "format": "css/variables" }]
8
+ },
9
+ "typescript": {
10
+ "transformGroup": "js",
11
+ "buildPath": "src/styles/tokens/generated/",
12
+ "files": [
13
+ {
14
+ "destination": "foundations.generated.ts",
15
+ "format": "javascript/esm",
16
+ "options": { "minify": true }
17
+ }
18
+ ]
19
+ }
20
+ }
21
+ }
package/src/styles/tokens/style-dictionary.light.json ADDED
@@ -0,0 +1,21 @@
1
+ {
2
+ "source": ["src/styles/tokens/source/light.tokens.json"],
3
+ "platforms": {
4
+ "css": {
5
+ "transformGroup": "css",
6
+ "buildPath": "src/styles/tokens/generated/",
7
+ "files": [{ "destination": "light.css", "format": "css/variables" }]
8
+ },
9
+ "typescript": {
10
+ "transformGroup": "js",
11
+ "buildPath": "src/styles/tokens/generated/",
12
+ "files": [
13
+ {
14
+ "destination": "light.colors.generated.ts",
15
+ "format": "javascript/esm",
16
+ "options": { "minify": true }
17
+ }
18
+ ]
19
+ }
20
+ }
21
+ }