@planningcenter/doxy 1.2.2 → 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.
Files changed (4) hide show
  1. package/dist/tokens-deprecated.css +1 -0
  2. package/dist/tokens-deprecated.css.map +1 -1
  3. package/package.json +7 -3
  4. package/dist/tokens.scss +0 -204
package/dist/tokens-deprecated.css CHANGED
@@ -1,2 +1,3 @@
1
1
 
2
+
2
3
  /*# sourceMappingURL=tokens-deprecated.css.map */
package/dist/tokens-deprecated.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/css/tokens-deprecated.css"],"names":[],"mappings":"AAAA","file":"tokens-deprecated.css"}
1
+ {"version":3,"sources":["../src/css/tokens-deprecated.css"],"names":[],"mappings":"AAAA;AACA","file":"tokens-deprecated.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/doxy",
3
- "version": "1.2.2",
3
+ "version": "1.3.0",
4
4
  "main": "./dist/index.js",
5
5
  "repository": "git@github.com:planningcenter/doxy.git",
6
6
  "type": "module",
@@ -27,11 +27,14 @@
27
27
  "sass": "./dist/tokens.css",
28
28
  "default": "./dist/tokens.js"
29
29
  },
30
+ "./dist/tokens-deprecated": {
31
+ "sass": "./dist/tokens-deprecated.css",
32
+ "default": "./dist/tokens-deprecated.js"
33
+ },
30
34
  "./index.css": "./dist/index.css",
31
35
  "./tokens.css": "./dist/tokens.css",
32
36
  "./tokens-dark.css": "./dist/tokens-dark.css",
33
37
  "./tokens-deprecated.css": "./dist/tokens-deprecated.css",
34
- "./tokens.scss": "./dist/tokens.scss",
35
38
  "./color-tokens": "./dist/build-output/ts/color-tokens.js",
36
39
  "./react-native-tokens-dark": "./dist/build-output/ts/react-native-tokens-dark.js",
37
40
  "./react-native-tokens-light": "./dist/build-output/ts/react-native-tokens-light.js",
@@ -109,5 +112,6 @@
109
112
  "typescript": "^5.9.3",
110
113
  "typescript-eslint": "^8.46.4",
111
114
  "vitest": "^4.0.10"
112
- }
115
+ },
116
+ "packageManager": "yarn@4.14.1+sha512.64df448055b2d37ba269d7db535a469b8da93f8ef1140c25fd7a83c00a8fbaacb214ca0e02553b92a2c54cef78bb67d0b4817fab02001df0e24fac0faccc3b42"
113
117
  }
package/dist/tokens.scss DELETED
@@ -1,204 +0,0 @@
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": 700,
69
- "--d-font-weight-medium": 500,
70
- "--d-font-weight-normal": 400,
71
- "--d-font-weight-semibold": 600,
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": 700,
163
- "--d-font-weight-medium": 500,
164
- "--d-font-weight-normal": 400,
165
- "--d-font-weight-semibold": 600,
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
- }