@orangecheck/app-design 1.5.0 → 1.6.1

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 (25) hide show
  1. package/dist/components.d.mts +60 -2
  2. package/dist/components.d.ts +60 -2
  3. package/dist/components.js +387 -16
  4. package/dist/components.js.map +1 -1
  5. package/dist/components.mjs +379 -17
  6. package/dist/components.mjs.map +1 -1
  7. package/dist/index.d.mts +2 -2
  8. package/dist/index.d.ts +2 -2
  9. package/dist/index.js +393 -38
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mjs +387 -40
  12. package/dist/index.mjs.map +1 -1
  13. package/dist/mdx.js.map +1 -1
  14. package/dist/mdx.mjs.map +1 -1
  15. package/dist/styles/chart.css +76 -0
  16. package/dist/styles/theme.css +7 -0
  17. package/dist/styles/tokens.css +20 -0
  18. package/dist/styles.css +1 -0
  19. package/dist/tokens.d.mts +314 -21
  20. package/dist/tokens.d.ts +314 -21
  21. package/dist/tokens.js +166 -26
  22. package/dist/tokens.js.map +1 -1
  23. package/dist/tokens.mjs +165 -27
  24. package/dist/tokens.mjs.map +1 -1
  25. package/package.json +3 -2
package/dist/tokens.mjs CHANGED
@@ -1,33 +1,171 @@
1
+ // src/tokens/palette.ts
2
+ var lightPalette = {
3
+ accent: "#f4f4f4",
4
+ accentDisplay: "#f55819",
5
+ accentForeground: "#0a0a0a",
6
+ accentInk: "#c73f09",
7
+ background: "#fafafa",
8
+ border: "#ececec",
9
+ brand: "#f66d36",
10
+ brandForeground: "#0a0a0a",
11
+ card: "#ffffff",
12
+ cardForeground: "#0a0a0a",
13
+ chart1: "#ea580b",
14
+ chart2: "#2563eb",
15
+ chart3: "#9d2b77",
16
+ chart4: "#92400e",
17
+ chartDown: "#c2262e",
18
+ chartGrid: "#ececec",
19
+ chartNeutral: "#8a8f96",
20
+ chartUp: "#15803d",
21
+ codeAdded: "#86d39b",
22
+ codeAddedLine: "#1a2c20",
23
+ codeComment: "#909397",
24
+ codeFunction: "#9db4ec",
25
+ codeKeyword: "#e3a8c2",
26
+ codeLine: "#2a2a2a",
27
+ codeLink: "#9db4ec",
28
+ codeMark: "#232323",
29
+ codeNumber: "#fcb781",
30
+ codePackage: "#e99a8f",
31
+ codeProperty: "#9db4ec",
32
+ codePunctuation: "#d5d8dc",
33
+ codeRemoved: "#f19a9a",
34
+ codeRemovedLine: "#2f1c1c",
35
+ codeString: "#e99a8f",
36
+ codeSurface: "#161616",
37
+ codeTag: "#e3a8c2",
38
+ codeType: "#8fd0c2",
39
+ destructive: "#c2262e",
40
+ destructiveForeground: "#ffffff",
41
+ foreground: "#0a0a0a",
42
+ hairlineStrong: "#dadada",
43
+ info: "#1d4ed8",
44
+ infoForeground: "#ffffff",
45
+ ink: "#0a0a0a",
46
+ inkCard: "#1e1e1e",
47
+ inkEyebrow: "#f0835a",
48
+ inkForeground: "#ffffff",
49
+ inkLine: "#2a2a2a",
50
+ inkMuted: "#d5d8dc",
51
+ inkSubtle: "#909397",
52
+ inkTitle: "#fcb781",
53
+ input: "#8f8f8f",
54
+ muted: "#f2f2f2",
55
+ mutedForeground: "#54585e",
56
+ ocWalletReady: "#15803d",
57
+ ocWalletSurface: "#ffffff",
58
+ orange: "#f66d36",
59
+ orangeDeep: "#ea580b",
60
+ orangeLight: "#fb933c",
61
+ outline: "#f2cfc3",
62
+ peach: "#fed8ab",
63
+ popover: "#ffffff",
64
+ popoverForeground: "#0a0a0a",
65
+ primary: "#0a0a0a",
66
+ primaryForeground: "#ffffff",
67
+ ring: "#ea580b",
68
+ secondary: "#ffffff",
69
+ secondaryForeground: "#0a0a0a",
70
+ skeleton: "#e8e8e8",
71
+ sphereFrom: "#ff6f33",
72
+ sphereTo: "#ffd9c4",
73
+ subtleForeground: "#686c72",
74
+ success: "#15803d",
75
+ successForeground: "#ffffff",
76
+ tableHead: "#ededed",
77
+ warning: "#a15c07",
78
+ warningForeground: "#ffffff"
79
+ };
80
+ var darkPalette = {
81
+ accent: "#1e1e1e",
82
+ accentDisplay: "#f66d36",
83
+ accentForeground: "#fafafa",
84
+ accentInk: "#f0835a",
85
+ background: "#0a0a0a",
86
+ bandLine: "#262626",
87
+ border: "#2a2a2a",
88
+ brand: "#f66d36",
89
+ brandForeground: "#0a0a0a",
90
+ card: "#161616",
91
+ cardForeground: "#fafafa",
92
+ chart1: "#f66d36",
93
+ chart2: "#3b82f6",
94
+ chart3: "#f9a8d4",
95
+ chart4: "#fde047",
96
+ chartDown: "#f87171",
97
+ chartGrid: "#2a2a2a",
98
+ chartNeutral: "#62676e",
99
+ chartUp: "#4ade80",
100
+ codeAdded: "#86d39b",
101
+ codeAddedLine: "#132519",
102
+ codeComment: "#909397",
103
+ codeFunction: "#9db4ec",
104
+ codeKeyword: "#e3a8c2",
105
+ codeLine: "#2a2a2a",
106
+ codeLink: "#9db4ec",
107
+ codeMark: "#1b1b1b",
108
+ codeNumber: "#fcb781",
109
+ codePackage: "#e99a8f",
110
+ codeProperty: "#9db4ec",
111
+ codePunctuation: "#d5d8dc",
112
+ codeRemoved: "#f19a9a",
113
+ codeRemovedLine: "#271414",
114
+ codeString: "#e99a8f",
115
+ codeSurface: "#0e0e0e",
116
+ codeTag: "#e3a8c2",
117
+ codeType: "#8fd0c2",
118
+ destructive: "#f87171",
119
+ destructiveForeground: "#0a0a0a",
120
+ foreground: "#fafafa",
121
+ hairlineStrong: "#333333",
122
+ iconRing: "#333333",
123
+ iconTile: "#1e1e1e",
124
+ info: "#93c5fd",
125
+ infoForeground: "#0a0a0a",
126
+ ink: "#171717",
127
+ inkCard: "#1e1e1e",
128
+ inkEyebrow: "#f0835a",
129
+ inkForeground: "#ffffff",
130
+ inkLine: "#2a2a2a",
131
+ inkMuted: "#d5d8dc",
132
+ inkSubtle: "#909397",
133
+ inkTitle: "#fcb781",
134
+ input: "#6a6a6a",
135
+ muted: "#1e1e1e",
136
+ mutedForeground: "#a3a6aa",
137
+ ocWalletReady: "#4ade80",
138
+ ocWalletSurface: "#161616",
139
+ orange: "#f66d36",
140
+ orangeDeep: "#ea580b",
141
+ orangeLight: "#fb933c",
142
+ outline: "#3a2a24",
143
+ peach: "#fed8ab",
144
+ popover: "#1a1a1a",
145
+ popoverForeground: "#fafafa",
146
+ primary: "#fafafa",
147
+ primaryForeground: "#0a0a0a",
148
+ ring: "#f66d36",
149
+ secondary: "#1c1c1c",
150
+ secondaryForeground: "#fafafa",
151
+ skeleton: "#222222",
152
+ sphereFrom: "#ff6f33",
153
+ sphereTo: "#ffd9c4",
154
+ subtleForeground: "#8b8e93",
155
+ success: "#4ade80",
156
+ successForeground: "#0a0a0a",
157
+ tableHead: "#1e1e1e",
158
+ warning: "#fbbf24",
159
+ warningForeground: "#0a0a0a"
160
+ };
161
+
1
162
  // src/tokens/index.ts
2
163
  var APP_ATTRIBUTE = "data-oc-app";
3
164
  var APP_ID = "ochk";
4
165
  var appColors = {
5
- light: {
6
- background: "#FAFAFA",
7
- foreground: "#0A0A0A",
8
- card: "#FFFFFF",
9
- muted: "#F2F2F2",
10
- mutedForeground: "#54585E",
11
- subtleForeground: "#686C72",
12
- border: "#ECECEC",
13
- hairlineStrong: "#DADADA",
14
- accentDisplay: "#F55819",
15
- accentInk: "#C73F09",
16
- ring: "#EA580B"
17
- },
18
- dark: {
19
- background: "#0A0A0A",
20
- foreground: "#FAFAFA",
21
- card: "#161616",
22
- muted: "#1E1E1E",
23
- mutedForeground: "#A3A6AA",
24
- subtleForeground: "#8B8E93",
25
- border: "#2A2A2A",
26
- hairlineStrong: "#333333",
27
- accentDisplay: "#F66D36",
28
- accentInk: "#F0835A",
29
- ring: "#F66D36"
30
- },
166
+ /** Every colour token, generated from tokens.css (palette.ts): the chart series, code, ink and status colours too. */
167
+ light: lightPalette,
168
+ dark: darkPalette,
31
169
  brand: {
32
170
  orange: "#F66D36",
33
171
  orangeLight: "#FB933C",
@@ -42,6 +180,6 @@ var appFonts = {
42
180
  mono: "'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace"
43
181
  };
44
182
 
45
- export { APP_ATTRIBUTE, APP_ID, appColors, appFonts };
183
+ export { APP_ATTRIBUTE, APP_ID, appColors, appFonts, darkPalette, lightPalette };
46
184
  //# sourceMappingURL=tokens.mjs.map
47
185
  //# sourceMappingURL=tokens.mjs.map
package/dist/tokens.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":";AAKO,IAAM,aAAA,GAAgB;AACtB,IAAM,MAAA,GAAS;AAEf,IAAM,SAAA,GAAY;AAAA,EACrB,KAAA,EAAO;AAAA,IACH,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,gBAAA,EAAkB,SAAA;AAAA,IAClB,MAAA,EAAQ,SAAA;AAAA,IACR,cAAA,EAAgB,SAAA;AAAA,IAChB,aAAA,EAAe,SAAA;AAAA,IACf,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACV;AAAA,EACA,IAAA,EAAM;AAAA,IACF,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,eAAA,EAAiB,SAAA;AAAA,IACjB,gBAAA,EAAkB,SAAA;AAAA,IAClB,MAAA,EAAQ,SAAA;AAAA,IACR,cAAA,EAAgB,SAAA;AAAA,IAChB,aAAA,EAAe,SAAA;AAAA,IACf,SAAA,EAAW,SAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACH,MAAA,EAAQ,SAAA;AAAA,IACR,WAAA,EAAa,SAAA;AAAA,IACb,UAAA,EAAY,SAAA;AAAA,IACZ,KAAA,EAAO,SAAA;AAAA,IACP,GAAA,EAAK,SAAA;AAAA,IACL,OAAA,EAAS;AAAA;AAEjB;AAEO,IAAM,QAAA,GAAW;AAAA,EACpB,IAAA,EAAM,yEAAA;AAAA,EACN,IAAA,EAAM;AACV","file":"tokens.mjs","sourcesContent":["/*\n * The palette as data, for places CSS variables cannot reach: OG images,\n * canvas, charts, email. Every value must equal its variable in\n * styles/tokens.css; scripts/check-mirror.mjs fails the build when one drifts.\n */\nexport const APP_ATTRIBUTE = 'data-oc-app';\nexport const APP_ID = 'ochk';\n\nexport const appColors = {\n light: {\n background: '#FAFAFA',\n foreground: '#0A0A0A',\n card: '#FFFFFF',\n muted: '#F2F2F2',\n mutedForeground: '#54585E',\n subtleForeground: '#686C72',\n border: '#ECECEC',\n hairlineStrong: '#DADADA',\n accentDisplay: '#F55819',\n accentInk: '#C73F09',\n ring: '#EA580B',\n },\n dark: {\n background: '#0A0A0A',\n foreground: '#FAFAFA',\n card: '#161616',\n muted: '#1E1E1E',\n mutedForeground: '#A3A6AA',\n subtleForeground: '#8B8E93',\n border: '#2A2A2A',\n hairlineStrong: '#333333',\n accentDisplay: '#F66D36',\n accentInk: '#F0835A',\n ring: '#F66D36',\n },\n brand: {\n orange: '#F66D36',\n orangeLight: '#FB933C',\n orangeDeep: '#EA580B',\n peach: '#FED8AB',\n ink: '#0A0A0A',\n inkCard: '#1E1E1E',\n },\n} as const;\n\nexport const appFonts = {\n sans: \"'OCA Inter', 'OCA Inter Fallback', ui-sans-serif, system-ui, sans-serif\",\n mono: \"'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace\",\n} as const;\n"]}
1
+ {"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"tokens.mjs","sourcesContent":["// Generated from styles/tokens.css by scripts/gen-palette.mjs. Do not edit: change tokens.css and run yarn build.\n\n/** Every colour token in light mode, resolved to its colour. */\nexport const lightPalette = {\n accent: '#f4f4f4',\n accentDisplay: '#f55819',\n accentForeground: '#0a0a0a',\n accentInk: '#c73f09',\n background: '#fafafa',\n border: '#ececec',\n brand: '#f66d36',\n brandForeground: '#0a0a0a',\n card: '#ffffff',\n cardForeground: '#0a0a0a',\n chart1: '#ea580b',\n chart2: '#2563eb',\n chart3: '#9d2b77',\n chart4: '#92400e',\n chartDown: '#c2262e',\n chartGrid: '#ececec',\n chartNeutral: '#8a8f96',\n chartUp: '#15803d',\n codeAdded: '#86d39b',\n codeAddedLine: '#1a2c20',\n codeComment: '#909397',\n codeFunction: '#9db4ec',\n codeKeyword: '#e3a8c2',\n codeLine: '#2a2a2a',\n codeLink: '#9db4ec',\n codeMark: '#232323',\n codeNumber: '#fcb781',\n codePackage: '#e99a8f',\n codeProperty: '#9db4ec',\n codePunctuation: '#d5d8dc',\n codeRemoved: '#f19a9a',\n codeRemovedLine: '#2f1c1c',\n codeString: '#e99a8f',\n codeSurface: '#161616',\n codeTag: '#e3a8c2',\n codeType: '#8fd0c2',\n destructive: '#c2262e',\n destructiveForeground: '#ffffff',\n foreground: '#0a0a0a',\n hairlineStrong: '#dadada',\n info: '#1d4ed8',\n infoForeground: '#ffffff',\n ink: '#0a0a0a',\n inkCard: '#1e1e1e',\n inkEyebrow: '#f0835a',\n inkForeground: '#ffffff',\n inkLine: '#2a2a2a',\n inkMuted: '#d5d8dc',\n inkSubtle: '#909397',\n inkTitle: '#fcb781',\n input: '#8f8f8f',\n muted: '#f2f2f2',\n mutedForeground: '#54585e',\n ocWalletReady: '#15803d',\n ocWalletSurface: '#ffffff',\n orange: '#f66d36',\n orangeDeep: '#ea580b',\n orangeLight: '#fb933c',\n outline: '#f2cfc3',\n peach: '#fed8ab',\n popover: '#ffffff',\n popoverForeground: '#0a0a0a',\n primary: '#0a0a0a',\n primaryForeground: '#ffffff',\n ring: '#ea580b',\n secondary: '#ffffff',\n secondaryForeground: '#0a0a0a',\n skeleton: '#e8e8e8',\n sphereFrom: '#ff6f33',\n sphereTo: '#ffd9c4',\n subtleForeground: '#686c72',\n success: '#15803d',\n successForeground: '#ffffff',\n tableHead: '#ededed',\n warning: '#a15c07',\n warningForeground: '#ffffff',\n} as const;\n\n/** Every colour token in dark mode, resolved to its colour. */\nexport const darkPalette = {\n accent: '#1e1e1e',\n accentDisplay: '#f66d36',\n accentForeground: '#fafafa',\n accentInk: '#f0835a',\n background: '#0a0a0a',\n bandLine: '#262626',\n border: '#2a2a2a',\n brand: '#f66d36',\n brandForeground: '#0a0a0a',\n card: '#161616',\n cardForeground: '#fafafa',\n chart1: '#f66d36',\n chart2: '#3b82f6',\n chart3: '#f9a8d4',\n chart4: '#fde047',\n chartDown: '#f87171',\n chartGrid: '#2a2a2a',\n chartNeutral: '#62676e',\n chartUp: '#4ade80',\n codeAdded: '#86d39b',\n codeAddedLine: '#132519',\n codeComment: '#909397',\n codeFunction: '#9db4ec',\n codeKeyword: '#e3a8c2',\n codeLine: '#2a2a2a',\n codeLink: '#9db4ec',\n codeMark: '#1b1b1b',\n codeNumber: '#fcb781',\n codePackage: '#e99a8f',\n codeProperty: '#9db4ec',\n codePunctuation: '#d5d8dc',\n codeRemoved: '#f19a9a',\n codeRemovedLine: '#271414',\n codeString: '#e99a8f',\n codeSurface: '#0e0e0e',\n codeTag: '#e3a8c2',\n codeType: '#8fd0c2',\n destructive: '#f87171',\n destructiveForeground: '#0a0a0a',\n foreground: '#fafafa',\n hairlineStrong: '#333333',\n iconRing: '#333333',\n iconTile: '#1e1e1e',\n info: '#93c5fd',\n infoForeground: '#0a0a0a',\n ink: '#171717',\n inkCard: '#1e1e1e',\n inkEyebrow: '#f0835a',\n inkForeground: '#ffffff',\n inkLine: '#2a2a2a',\n inkMuted: '#d5d8dc',\n inkSubtle: '#909397',\n inkTitle: '#fcb781',\n input: '#6a6a6a',\n muted: '#1e1e1e',\n mutedForeground: '#a3a6aa',\n ocWalletReady: '#4ade80',\n ocWalletSurface: '#161616',\n orange: '#f66d36',\n orangeDeep: '#ea580b',\n orangeLight: '#fb933c',\n outline: '#3a2a24',\n peach: '#fed8ab',\n popover: '#1a1a1a',\n popoverForeground: '#fafafa',\n primary: '#fafafa',\n primaryForeground: '#0a0a0a',\n ring: '#f66d36',\n secondary: '#1c1c1c',\n secondaryForeground: '#fafafa',\n skeleton: '#222222',\n sphereFrom: '#ff6f33',\n sphereTo: '#ffd9c4',\n subtleForeground: '#8b8e93',\n success: '#4ade80',\n successForeground: '#0a0a0a',\n tableHead: '#1e1e1e',\n warning: '#fbbf24',\n warningForeground: '#0a0a0a',\n} as const;\n","/*\n * The palette as data, for places CSS variables cannot reach: OG images,\n * canvas and WebGL, charts, email. Light and dark are generated from\n * styles/tokens.css; scripts/check-mirror.mjs fails the build when the\n * generated file or a brand value drifts.\n */\nimport { darkPalette, lightPalette } from './palette';\n\nexport { darkPalette, lightPalette } from './palette';\n\nexport const APP_ATTRIBUTE = 'data-oc-app';\nexport const APP_ID = 'ochk';\n\nexport const appColors = {\n /** Every colour token, generated from tokens.css (palette.ts): the chart series, code, ink and status colours too. */\n light: lightPalette,\n dark: darkPalette,\n brand: {\n orange: '#F66D36',\n orangeLight: '#FB933C',\n orangeDeep: '#EA580B',\n peach: '#FED8AB',\n ink: '#0A0A0A',\n inkCard: '#1E1E1E',\n },\n} as const;\n\nexport const appFonts = {\n sans: \"'OCA Inter', 'OCA Inter Fallback', ui-sans-serif, system-ui, sans-serif\",\n mono: \"'OCA JetBrains Mono', 'OCA JetBrains Mono Fallback', ui-monospace, monospace\",\n} as const;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangecheck/app-design",
3
- "version": "1.5.0",
3
+ "version": "1.6.1",
4
4
  "description": "The ochk.app design system: tokens, type, the isometric check, halftone photography, primitives and app chrome. Its own system, scoped under data-oc-app=\"ochk\" so it never reaches the .ochk.io family sites.",
5
5
  "keywords": [
6
6
  "orangecheck",
@@ -89,7 +89,7 @@
89
89
  "LICENSE"
90
90
  ],
91
91
  "scripts": {
92
- "build": "tsup && yarn copy:css",
92
+ "build": "node scripts/gen-palette.mjs && tsup && yarn copy:css",
93
93
  "copy:css": "rm -rf dist/styles && mkdir -p dist/styles && cp src/styles.css dist/styles.css && cp -R src/styles/. dist/styles/",
94
94
  "test": "node scripts/check-contrast.mjs && node scripts/check-isolation.mjs && node scripts/check-shell.mjs && node scripts/check-mirror.mjs && node scripts/check-code.mjs && node scripts/check-entries.mjs && node scripts/check-render.mjs && node scripts/check-dom.mjs && node scripts/check-next.mjs",
95
95
  "dev": "tsup --watch",
@@ -134,6 +134,7 @@
134
134
  "devDependencies": {
135
135
  "@orangecheck/auth-client": "^2.32.3",
136
136
  "@orangecheck/auth-core": "^2.5.0",
137
+ "@orangecheck/wallet-adapter": "^0.6.4",
137
138
  "@types/qrcode": "^1.5.5",
138
139
  "@types/react": "^19.0.0",
139
140
  "@types/react-dom": "^19.0.0",