@darthcharles/greda 1.1.0 → 1.3.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.
- package/README.md +49 -2
- package/THIRD_PARTY_NOTICES.md +2 -1
- package/dist/components/ui/combobox.d.ts +48 -0
- package/dist/components/ui/popover.d.ts +22 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +632 -243
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/matrix.css +48 -0
- package/package.json +12 -3
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/* Optional terminal identity. Import after Greda styles/tokens and put
|
|
2
|
+
data-theme="matrix" and data-color-scheme on the same boundary. */
|
|
3
|
+
:where([data-theme="matrix"]) {
|
|
4
|
+
--base-white: 135 35% 96%;
|
|
5
|
+
--base-black: 150 40% 4%;
|
|
6
|
+
--base-gray-50: 135 40% 98%;
|
|
7
|
+
--base-gray-100: 135 25% 91%;
|
|
8
|
+
--base-gray-200: 145 20% 72%;
|
|
9
|
+
--base-gray-300: 140 22% 70%;
|
|
10
|
+
--base-gray-500: 145 18% 35%;
|
|
11
|
+
--base-gray-600: 145 22% 28%;
|
|
12
|
+
--base-gray-800: 150 28% 9%;
|
|
13
|
+
--base-gray-900: 150 40% 4%;
|
|
14
|
+
--base-primary: 140 85% 24%;
|
|
15
|
+
--base-primary-hover: 140 85% 18%;
|
|
16
|
+
--base-secondary: 135 25% 88%;
|
|
17
|
+
--base-tertiary: 140 30% 92%;
|
|
18
|
+
--base-accent: 135 30% 85%;
|
|
19
|
+
--base-destructive: 0 70% 40%;
|
|
20
|
+
--font-sans: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
|
|
21
|
+
--font-heading: var(--font-sans);
|
|
22
|
+
--type-display-size: clamp(2.25rem, 6vw, 4.5rem);
|
|
23
|
+
--type-display-weight: 700;
|
|
24
|
+
--type-display-leading: 1.05;
|
|
25
|
+
--type-display-tracking: -0.055em;
|
|
26
|
+
--type-title-size: clamp(1.25rem, 3vw, 1.75rem);
|
|
27
|
+
--type-title-weight: 600;
|
|
28
|
+
--type-body-size: 0.9375rem;
|
|
29
|
+
--type-body-leading: 1.7;
|
|
30
|
+
--type-eyebrow-tracking: 0.12em;
|
|
31
|
+
--radius: 0;
|
|
32
|
+
--radius-sm: 0;
|
|
33
|
+
--radius-lg: 0;
|
|
34
|
+
--focus-width: 2px;
|
|
35
|
+
--focus-offset: 4px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Dark mode is explicit, independent of the selected brand. */
|
|
39
|
+
:where([data-theme="matrix"][data-color-scheme="dark"]) {
|
|
40
|
+
--base-white: 135 65% 88%;
|
|
41
|
+
--base-primary: 135 100% 65%;
|
|
42
|
+
--base-primary-hover: 135 100% 75%;
|
|
43
|
+
--base-secondary: 145 30% 14%;
|
|
44
|
+
--base-tertiary: 145 35% 7%;
|
|
45
|
+
--base-accent: 145 30% 18%;
|
|
46
|
+
--base-gray-600: 145 22% 40%;
|
|
47
|
+
--base-destructive: 0 90% 78%;
|
|
48
|
+
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darthcharles/greda",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Generic React components with a complete, overridable base theme.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/DarthCharles/greda.git"
|
|
10
|
+
},
|
|
11
|
+
"publishConfig": {
|
|
12
|
+
"access": "public"
|
|
13
|
+
},
|
|
7
14
|
"files": [
|
|
8
15
|
"dist",
|
|
9
16
|
"README.md",
|
|
@@ -26,7 +33,8 @@
|
|
|
26
33
|
"./styles.css": "./dist/styles.css",
|
|
27
34
|
"./tokens.css": "./dist/tokens.css",
|
|
28
35
|
"./themes/cobalto.css": "./dist/themes/cobalto.css",
|
|
29
|
-
"./themes/comal.css": "./dist/themes/comal.css"
|
|
36
|
+
"./themes/comal.css": "./dist/themes/comal.css",
|
|
37
|
+
"./themes/matrix.css": "./dist/themes/matrix.css"
|
|
30
38
|
},
|
|
31
39
|
"sideEffects": [
|
|
32
40
|
"**/*.css"
|
|
@@ -48,7 +56,7 @@
|
|
|
48
56
|
"validate:package": "node scripts/validate-package.mjs",
|
|
49
57
|
"check": "npm run typecheck && npm test && npm run validate:stories && npm run build && npm run validate:package && npm run build-storybook",
|
|
50
58
|
"changeset": "changeset",
|
|
51
|
-
"version-packages": "changeset version",
|
|
59
|
+
"version-packages": "changeset version && npm install --package-lock-only --ignore-scripts",
|
|
52
60
|
"release": "npm run check && changeset publish",
|
|
53
61
|
"prepack": "npm run build",
|
|
54
62
|
"test:browser": "playwright test",
|
|
@@ -58,6 +66,7 @@
|
|
|
58
66
|
"@radix-ui/react-checkbox": "^1.0.0",
|
|
59
67
|
"@radix-ui/react-dialog": "^1.0.0",
|
|
60
68
|
"@radix-ui/react-label": "^2.1.17",
|
|
69
|
+
"@radix-ui/react-popover": "^1.3.1",
|
|
61
70
|
"@radix-ui/react-select": "^2.4.1",
|
|
62
71
|
"@radix-ui/react-slot": "^1.0.0",
|
|
63
72
|
"@radix-ui/react-tabs": "^1.0.0",
|