@planningcenter/doxy 1.2.0 → 1.2.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.
- package/dist/tokens.scss +204 -0
- package/package.json +7 -6
package/dist/tokens.scss
ADDED
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
@use "sass:map";
|
|
7
|
+
|
|
8
|
+
$_doxy-tokens: (
|
|
9
|
+
light: (
|
|
10
|
+
"--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%)),
|
|
11
|
+
"--d-border-color": hsl(0, 0%, 88%),
|
|
12
|
+
"--d-border-color-button-delete": hsl(0, 72%, 45%),
|
|
13
|
+
"--d-border-color-button-disabled": hsl(0, 0%, 88%),
|
|
14
|
+
"--d-border-color-dark": hsl(0, 0%, 81%),
|
|
15
|
+
"--d-border-color-dim": hsl(0, 0%, 95%),
|
|
16
|
+
"--d-border-color-status-warning": hsl(42, 90%, 60%),
|
|
17
|
+
"--d-fill-color-button-delete-outline": hsl(0, 0%, 100%),
|
|
18
|
+
"--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 100%),
|
|
19
|
+
"--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
|
|
20
|
+
"--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 93%),
|
|
21
|
+
"--d-fill-color-button-interaction-outline": hsl(0, 0%, 100%),
|
|
22
|
+
"--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 100%),
|
|
23
|
+
"--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 95%),
|
|
24
|
+
"--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%)),
|
|
25
|
+
"--d-fill-color-neutral-000": hsl(0, 0%, 12%),
|
|
26
|
+
"--d-fill-color-neutral-010": hsl(0, 0%, 24%),
|
|
27
|
+
"--d-fill-color-neutral-020": hsl(0, 0%, 45%),
|
|
28
|
+
"--d-fill-color-neutral-030": hsl(0, 0%, 58%),
|
|
29
|
+
"--d-fill-color-neutral-040": hsl(0, 0%, 81%),
|
|
30
|
+
"--d-fill-color-neutral-050": hsl(0, 0%, 88%),
|
|
31
|
+
"--d-fill-color-neutral-060": hsl(0, 0%, 93%),
|
|
32
|
+
"--d-fill-color-neutral-070": hsl(0, 0%, 95%),
|
|
33
|
+
"--d-fill-color-neutral-080": hsl(0, 0%, 97%),
|
|
34
|
+
"--d-fill-color-neutral-090": hsl(0, 0%, 98%),
|
|
35
|
+
"--d-fill-color-neutral-100": hsl(0, 0%, 100%),
|
|
36
|
+
"--d-fill-color-status-error-ghost": hsl(0, 80%, 96%),
|
|
37
|
+
"--d-fill-color-status-info-ghost": hsl(210, 100%, 96%),
|
|
38
|
+
"--d-fill-color-status-neutral-ghost": hsl(0, 0%, 95%),
|
|
39
|
+
"--d-fill-color-status-success-ghost": hsl(120, 33%, 96%),
|
|
40
|
+
"--d-fill-color-status-warning-ghost": hsl(40, 90%, 96%),
|
|
41
|
+
"--d-fill-color-transparency-dark-010": hsla(0, 0%, 0%, 0.1),
|
|
42
|
+
"--d-fill-color-transparency-dark-020": hsla(0, 0%, 0%, 0.2),
|
|
43
|
+
"--d-fill-color-transparency-dark-030": hsla(0, 0%, 0%, 0.3),
|
|
44
|
+
"--d-fill-color-transparency-dark-040": hsla(0, 0%, 0%, 0.4),
|
|
45
|
+
"--d-fill-color-transparency-dark-050": hsla(0, 0%, 0%, 0.5),
|
|
46
|
+
"--d-fill-color-transparency-dark-060": hsla(0, 0%, 0%, 0.6),
|
|
47
|
+
"--d-fill-color-transparency-dark-070": hsla(0, 0%, 0%, 0.7),
|
|
48
|
+
"--d-fill-color-transparency-dark-080": hsla(0, 0%, 0%, 0.8),
|
|
49
|
+
"--d-fill-color-transparency-dark-090": hsla(0, 0%, 0%, 0.9),
|
|
50
|
+
"--d-fill-color-transparency-light-010": hsla(0, 0%, 100%, 0.1),
|
|
51
|
+
"--d-fill-color-transparency-light-020": hsla(0, 0%, 100%, 0.2),
|
|
52
|
+
"--d-fill-color-transparency-light-030": hsla(0, 0%, 100%, 0.3),
|
|
53
|
+
"--d-fill-color-transparency-light-040": hsla(0, 0%, 100%, 0.4),
|
|
54
|
+
"--d-fill-color-transparency-light-050": hsla(0, 0%, 100%, 0.5),
|
|
55
|
+
"--d-fill-color-transparency-light-060": hsla(0, 0%, 100%, 0.6),
|
|
56
|
+
"--d-fill-color-transparency-light-070": hsla(0, 0%, 100%, 0.7),
|
|
57
|
+
"--d-fill-color-transparency-light-080": hsla(0, 0%, 100%, 0.8),
|
|
58
|
+
"--d-fill-color-transparency-light-090": hsla(0, 0%, 100%, 0.9),
|
|
59
|
+
"--d-font-size-2xl": 24px,
|
|
60
|
+
"--d-font-size-2xs": 10px,
|
|
61
|
+
"--d-font-size-3xl": 28px,
|
|
62
|
+
"--d-font-size-4xl": 34px,
|
|
63
|
+
"--d-font-size-lg": 18px,
|
|
64
|
+
"--d-font-size-md": 16px,
|
|
65
|
+
"--d-font-size-sm": 14px,
|
|
66
|
+
"--d-font-size-xl": 20px,
|
|
67
|
+
"--d-font-size-xs": 12px,
|
|
68
|
+
"--d-font-weight-bold": 700px,
|
|
69
|
+
"--d-font-weight-medium": 500px,
|
|
70
|
+
"--d-font-weight-normal": 400px,
|
|
71
|
+
"--d-font-weight-semibold": 600px,
|
|
72
|
+
"--d-icon-color-button-disabled": hsl(0, 0%, 81%),
|
|
73
|
+
"--d-icon-color-button-error": hsl(0, 72%, 45%),
|
|
74
|
+
"--d-icon-color-button-interaction": hsl(174, 73%, 28%),
|
|
75
|
+
"--d-icon-color-interaction": hsl(174, 73%, 28%),
|
|
76
|
+
"--d-icon-color-interaction-disabled": hsl(0, 0%, 81%),
|
|
77
|
+
"--d-icon-color-interaction-error": hsl(0, 72%, 45%),
|
|
78
|
+
"--d-icon-color-status-error": hsl(0, 72%, 45%),
|
|
79
|
+
"--d-icon-color-status-info": hsl(206, 100%, 31%),
|
|
80
|
+
"--d-icon-color-status-neutral": hsl(0, 0%, 32%),
|
|
81
|
+
"--d-icon-color-status-success": hsl(124, 55%, 33%),
|
|
82
|
+
"--d-icon-color-status-warning": hsl(36, 99%, 41%),
|
|
83
|
+
"--d-surface-color-canvas": hsl(0, 0%, 100%),
|
|
84
|
+
"--d-surface-color-card": hsl(0, 0%, 100%),
|
|
85
|
+
"--d-text-color": hsl(0, 0%, 24%),
|
|
86
|
+
"--d-text-color-button-interaction": hsl(174, 73%, 28%),
|
|
87
|
+
"--d-text-color-button-interaction-disabled": hsl(0, 0%, 81%),
|
|
88
|
+
"--d-text-color-button-interaction-error": hsl(0, 72%, 45%),
|
|
89
|
+
"--d-text-color-disabled": hsl(0, 0%, 81%),
|
|
90
|
+
"--d-text-color-headline": hsl(0, 0%, 12%),
|
|
91
|
+
"--d-text-color-interaction": hsl(174, 73%, 28%),
|
|
92
|
+
"--d-text-color-interaction-disabled": hsl(0, 0%, 81%),
|
|
93
|
+
"--d-text-color-interaction-error": hsl(0, 72%, 45%),
|
|
94
|
+
"--d-text-color-inverted": hsl(0, 0%, 100%),
|
|
95
|
+
"--d-text-color-placeholder": hsl(0, 0%, 58%),
|
|
96
|
+
"--d-text-color-secondary": hsl(0, 0%, 45%),
|
|
97
|
+
"--d-text-color-status-error": hsl(0, 72%, 45%),
|
|
98
|
+
"--d-text-color-status-info": hsl(206, 100%, 31%),
|
|
99
|
+
"--d-text-color-status-neutral": hsl(0, 0%, 32%),
|
|
100
|
+
"--d-text-color-status-success": hsl(124, 55%, 33%),
|
|
101
|
+
"--d-text-color-status-warning": hsl(36, 99%, 32%),
|
|
102
|
+
),
|
|
103
|
+
dark: (
|
|
104
|
+
"--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%)),
|
|
105
|
+
"--d-border-color": hsl(0, 0%, 24%),
|
|
106
|
+
"--d-border-color-button-delete": hsl(0, 72%, 45%),
|
|
107
|
+
"--d-border-color-button-disabled": hsl(0, 0%, 24%),
|
|
108
|
+
"--d-border-color-dark": hsl(0, 0%, 32%),
|
|
109
|
+
"--d-border-color-dim": hsl(0, 0%, 17%),
|
|
110
|
+
"--d-border-color-status-warning": hsl(42, 81%, 56%),
|
|
111
|
+
"--d-fill-color-button-delete-outline": hsl(0, 32%, 8%),
|
|
112
|
+
"--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 7%),
|
|
113
|
+
"--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
|
|
114
|
+
"--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 24%),
|
|
115
|
+
"--d-fill-color-button-interaction-outline": hsl(0, 0%, 7%),
|
|
116
|
+
"--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 7%),
|
|
117
|
+
"--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 24%),
|
|
118
|
+
"--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%)),
|
|
119
|
+
"--d-fill-color-neutral-000": hsl(0, 0%, 98%),
|
|
120
|
+
"--d-fill-color-neutral-010": hsl(0, 0%, 88%),
|
|
121
|
+
"--d-fill-color-neutral-020": hsl(0, 0%, 68%),
|
|
122
|
+
"--d-fill-color-neutral-030": hsl(0, 0%, 50%),
|
|
123
|
+
"--d-fill-color-neutral-040": hsl(0, 0%, 32%),
|
|
124
|
+
"--d-fill-color-neutral-050": hsl(0, 0%, 24%),
|
|
125
|
+
"--d-fill-color-neutral-060": hsl(0, 0%, 19%),
|
|
126
|
+
"--d-fill-color-neutral-070": hsl(0, 0%, 17%),
|
|
127
|
+
"--d-fill-color-neutral-080": hsl(0, 0%, 15%),
|
|
128
|
+
"--d-fill-color-neutral-090": hsl(0, 0%, 12%),
|
|
129
|
+
"--d-fill-color-neutral-100": hsl(0, 0%, 7%),
|
|
130
|
+
"--d-fill-color-status-error-ghost": hsl(0, 19%, 15%),
|
|
131
|
+
"--d-fill-color-status-info-ghost": hsl(210, 79%, 15%),
|
|
132
|
+
"--d-fill-color-status-neutral-ghost": hsl(0, 0%, 13%),
|
|
133
|
+
"--d-fill-color-status-success-ghost": hsl(120, 32%, 15%),
|
|
134
|
+
"--d-fill-color-status-warning-ghost": hsl(40, 61%, 15%),
|
|
135
|
+
"--d-fill-color-transparency-dark-010": hsla(0, 0%, 100%, 0.1),
|
|
136
|
+
"--d-fill-color-transparency-dark-020": hsla(0, 0%, 100%, 0.2),
|
|
137
|
+
"--d-fill-color-transparency-dark-030": hsla(0, 0%, 100%, 0.3),
|
|
138
|
+
"--d-fill-color-transparency-dark-040": hsla(0, 0%, 100%, 0.4),
|
|
139
|
+
"--d-fill-color-transparency-dark-050": hsla(0, 0%, 100%, 0.5),
|
|
140
|
+
"--d-fill-color-transparency-dark-060": hsla(0, 0%, 100%, 0.6),
|
|
141
|
+
"--d-fill-color-transparency-dark-070": hsla(0, 0%, 100%, 0.7),
|
|
142
|
+
"--d-fill-color-transparency-dark-080": hsla(0, 0%, 100%, 0.8),
|
|
143
|
+
"--d-fill-color-transparency-dark-090": hsla(0, 0%, 100%, 0.9),
|
|
144
|
+
"--d-fill-color-transparency-light-010": hsla(0, 0%, 0%, 0.1),
|
|
145
|
+
"--d-fill-color-transparency-light-020": hsla(0, 0%, 0%, 0.2),
|
|
146
|
+
"--d-fill-color-transparency-light-030": hsla(0, 0%, 0%, 0.3),
|
|
147
|
+
"--d-fill-color-transparency-light-040": hsla(0, 0%, 0%, 0.4),
|
|
148
|
+
"--d-fill-color-transparency-light-050": hsla(0, 0%, 0%, 0.5),
|
|
149
|
+
"--d-fill-color-transparency-light-060": hsla(0, 0%, 0%, 0.6),
|
|
150
|
+
"--d-fill-color-transparency-light-070": hsla(0, 0%, 0%, 0.7),
|
|
151
|
+
"--d-fill-color-transparency-light-080": hsla(0, 0%, 0%, 0.8),
|
|
152
|
+
"--d-fill-color-transparency-light-090": hsla(0, 0%, 0%, 0.9),
|
|
153
|
+
"--d-font-size-2xl": 24px,
|
|
154
|
+
"--d-font-size-2xs": 10px,
|
|
155
|
+
"--d-font-size-3xl": 28px,
|
|
156
|
+
"--d-font-size-4xl": 34px,
|
|
157
|
+
"--d-font-size-lg": 18px,
|
|
158
|
+
"--d-font-size-md": 16px,
|
|
159
|
+
"--d-font-size-sm": 14px,
|
|
160
|
+
"--d-font-size-xl": 20px,
|
|
161
|
+
"--d-font-size-xs": 12px,
|
|
162
|
+
"--d-font-weight-bold": 700px,
|
|
163
|
+
"--d-font-weight-medium": 500px,
|
|
164
|
+
"--d-font-weight-normal": 400px,
|
|
165
|
+
"--d-font-weight-semibold": 600px,
|
|
166
|
+
"--d-icon-color-button-disabled": hsl(0, 0%, 32%),
|
|
167
|
+
"--d-icon-color-button-error": hsl(0, 68%, 54%),
|
|
168
|
+
"--d-icon-color-button-interaction": hsl(174, 70%, 37%),
|
|
169
|
+
"--d-icon-color-interaction": hsl(174, 70%, 37%),
|
|
170
|
+
"--d-icon-color-interaction-disabled": hsl(0, 0%, 32%),
|
|
171
|
+
"--d-icon-color-interaction-error": hsl(0, 68%, 57%),
|
|
172
|
+
"--d-icon-color-status-error": hsl(0, 68%, 54%),
|
|
173
|
+
"--d-icon-color-status-info": hsl(206, 100%, 42%),
|
|
174
|
+
"--d-icon-color-status-neutral": hsl(0, 0%, 81%),
|
|
175
|
+
"--d-icon-color-status-success": hsl(124, 50%, 38%),
|
|
176
|
+
"--d-icon-color-status-warning": hsl(36, 99%, 42%),
|
|
177
|
+
"--d-surface-color-canvas": hsl(0, 0%, 7%),
|
|
178
|
+
"--d-surface-color-card": hsl(0, 0%, 12%),
|
|
179
|
+
"--d-text-color": hsl(0, 0%, 88%),
|
|
180
|
+
"--d-text-color-button-interaction": hsl(174, 70%, 37%),
|
|
181
|
+
"--d-text-color-button-interaction-disabled": hsl(0, 0%, 32%),
|
|
182
|
+
"--d-text-color-button-interaction-error": hsl(0, 68%, 57%),
|
|
183
|
+
"--d-text-color-disabled": hsl(0, 0%, 32%),
|
|
184
|
+
"--d-text-color-headline": hsl(0, 0%, 98%),
|
|
185
|
+
"--d-text-color-interaction": hsl(174, 70%, 37%),
|
|
186
|
+
"--d-text-color-interaction-disabled": hsl(0, 0%, 32%),
|
|
187
|
+
"--d-text-color-interaction-error": hsl(0, 68%, 57%),
|
|
188
|
+
"--d-text-color-inverted": hsl(0, 0%, 100%),
|
|
189
|
+
"--d-text-color-placeholder": hsl(0, 0%, 24%),
|
|
190
|
+
"--d-text-color-secondary": hsl(0, 0%, 68%),
|
|
191
|
+
"--d-text-color-status-error": hsl(0, 95%, 64%),
|
|
192
|
+
"--d-text-color-status-info": hsl(206, 100%, 56%),
|
|
193
|
+
"--d-text-color-status-neutral": hsl(0, 0%, 81%),
|
|
194
|
+
"--d-text-color-status-success": hsl(124, 55%, 45%),
|
|
195
|
+
"--d-text-color-status-warning": hsl(36, 99%, 47%),
|
|
196
|
+
),
|
|
197
|
+
);
|
|
198
|
+
|
|
199
|
+
@function token($name, $mode: null) {
|
|
200
|
+
@if $mode == null {
|
|
201
|
+
@return var(#{$name});
|
|
202
|
+
}
|
|
203
|
+
@return map.get(map.get($_doxy-tokens, $mode), $name);
|
|
204
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@planningcenter/doxy",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"repository": "git@github.com:planningcenter/doxy.git",
|
|
6
6
|
"type": "module",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"./tokens.css": "./dist/tokens.css",
|
|
32
32
|
"./tokens-dark.css": "./dist/tokens-dark.css",
|
|
33
33
|
"./tokens-deprecated.css": "./dist/tokens-deprecated.css",
|
|
34
|
+
"./tokens.scss": "./dist/tokens.scss",
|
|
34
35
|
"./color-tokens": "./dist/build-output/ts/color-tokens.js",
|
|
35
36
|
"./react-native-tokens-dark": "./dist/build-output/ts/react-native-tokens-dark.js",
|
|
36
37
|
"./react-native-tokens-light": "./dist/build-output/ts/react-native-tokens-light.js",
|
|
@@ -74,9 +75,9 @@
|
|
|
74
75
|
"@rollup/plugin-commonjs": "^29.0.0",
|
|
75
76
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
76
77
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
77
|
-
"@storybook/addon-docs": "^10.
|
|
78
|
-
"@storybook/addon-onboarding": "^10.
|
|
79
|
-
"@storybook/react-vite": "^10.
|
|
78
|
+
"@storybook/addon-docs": "^10.2.10",
|
|
79
|
+
"@storybook/addon-onboarding": "^10.2.10",
|
|
80
|
+
"@storybook/react-vite": "^10.2.10",
|
|
80
81
|
"@types/node": "^25.0.3",
|
|
81
82
|
"@types/react": "^19.2.9",
|
|
82
83
|
"@types/react-dom": "^19.2.3",
|
|
@@ -86,7 +87,7 @@
|
|
|
86
87
|
"eslint-plugin-prettier": "^5.5.4",
|
|
87
88
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
|
88
89
|
"eslint-plugin-sort-keys-fix": "^1.1.2",
|
|
89
|
-
"eslint-plugin-storybook": "^10.
|
|
90
|
+
"eslint-plugin-storybook": "^10.2.10",
|
|
90
91
|
"eslint-plugin-typescript-sort-keys": "^3.3.0",
|
|
91
92
|
"eslint-plugin-vitest": "^0.5.4",
|
|
92
93
|
"globals": "^16.5.0",
|
|
@@ -102,7 +103,7 @@
|
|
|
102
103
|
"rollup-plugin-node-externals": "^8.1.2",
|
|
103
104
|
"rollup-plugin-postcss": "^4.0.2",
|
|
104
105
|
"rollup-plugin-rename-node-modules": "^1.3.1",
|
|
105
|
-
"storybook": "^10.
|
|
106
|
+
"storybook": "^10.2.10",
|
|
106
107
|
"style-dictionary": "4.4.0",
|
|
107
108
|
"tsx": "^4.21.0",
|
|
108
109
|
"typescript": "^5.9.3",
|