@primer/css 0.0.0-20220122001652 → 0.0.0-20220122003517
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/CHANGELOG.md +1 -1
- package/dist/meta.json +93 -93
- package/package.json +1 -1
- package/support/mixins/color-modes.scss +5 -5
package/CHANGELOG.md
CHANGED
package/dist/meta.json
CHANGED
|
@@ -22,39 +22,6 @@
|
|
|
22
22
|
"legacy": "primer-support/index.scss",
|
|
23
23
|
"imports": []
|
|
24
24
|
},
|
|
25
|
-
"branch-name": {
|
|
26
|
-
"name": "branch-name",
|
|
27
|
-
"source": "src/branch-name/index.scss",
|
|
28
|
-
"sass": "@primer/css/branch-name/index.scss",
|
|
29
|
-
"css": "dist/branch-name.css",
|
|
30
|
-
"map": "dist/branch-name.css.map",
|
|
31
|
-
"js": "dist/branch-name.js",
|
|
32
|
-
"stats": "dist/stats/branch-name.json",
|
|
33
|
-
"legacy": "primer-branch-name/index.scss",
|
|
34
|
-
"imports": []
|
|
35
|
-
},
|
|
36
|
-
"blankslate": {
|
|
37
|
-
"name": "blankslate",
|
|
38
|
-
"source": "src/blankslate/index.scss",
|
|
39
|
-
"sass": "@primer/css/blankslate/index.scss",
|
|
40
|
-
"css": "dist/blankslate.css",
|
|
41
|
-
"map": "dist/blankslate.css.map",
|
|
42
|
-
"js": "dist/blankslate.js",
|
|
43
|
-
"stats": "dist/stats/blankslate.json",
|
|
44
|
-
"legacy": "primer-blankslate/index.scss",
|
|
45
|
-
"imports": []
|
|
46
|
-
},
|
|
47
|
-
"alerts": {
|
|
48
|
-
"name": "alerts",
|
|
49
|
-
"source": "src/alerts/index.scss",
|
|
50
|
-
"sass": "@primer/css/alerts/index.scss",
|
|
51
|
-
"css": "dist/alerts.css",
|
|
52
|
-
"map": "dist/alerts.css.map",
|
|
53
|
-
"js": "dist/alerts.js",
|
|
54
|
-
"stats": "dist/stats/alerts.json",
|
|
55
|
-
"legacy": "primer-alerts/index.scss",
|
|
56
|
-
"imports": []
|
|
57
|
-
},
|
|
58
25
|
"loaders": {
|
|
59
26
|
"name": "loaders",
|
|
60
27
|
"source": "src/loaders/index.scss",
|
|
@@ -77,6 +44,17 @@
|
|
|
77
44
|
"legacy": "primer-progress/index.scss",
|
|
78
45
|
"imports": []
|
|
79
46
|
},
|
|
47
|
+
"branch-name": {
|
|
48
|
+
"name": "branch-name",
|
|
49
|
+
"source": "src/branch-name/index.scss",
|
|
50
|
+
"sass": "@primer/css/branch-name/index.scss",
|
|
51
|
+
"css": "dist/branch-name.css",
|
|
52
|
+
"map": "dist/branch-name.css.map",
|
|
53
|
+
"js": "dist/branch-name.js",
|
|
54
|
+
"stats": "dist/stats/branch-name.json",
|
|
55
|
+
"legacy": "primer-branch-name/index.scss",
|
|
56
|
+
"imports": []
|
|
57
|
+
},
|
|
80
58
|
"breadcrumb": {
|
|
81
59
|
"name": "breadcrumb",
|
|
82
60
|
"source": "src/breadcrumb/index.scss",
|
|
@@ -99,17 +77,6 @@
|
|
|
99
77
|
"legacy": "primer-links/index.scss",
|
|
100
78
|
"imports": []
|
|
101
79
|
},
|
|
102
|
-
"truncate": {
|
|
103
|
-
"name": "truncate",
|
|
104
|
-
"source": "src/truncate/index.scss",
|
|
105
|
-
"sass": "@primer/css/truncate/index.scss",
|
|
106
|
-
"css": "dist/truncate.css",
|
|
107
|
-
"map": "dist/truncate.css.map",
|
|
108
|
-
"js": "dist/truncate.js",
|
|
109
|
-
"stats": "dist/stats/truncate.json",
|
|
110
|
-
"legacy": "primer-truncate/index.scss",
|
|
111
|
-
"imports": []
|
|
112
|
-
},
|
|
113
80
|
"subhead": {
|
|
114
81
|
"name": "subhead",
|
|
115
82
|
"source": "src/subhead/index.scss",
|
|
@@ -132,26 +99,26 @@
|
|
|
132
99
|
"legacy": "primer-header/index.scss",
|
|
133
100
|
"imports": []
|
|
134
101
|
},
|
|
135
|
-
"
|
|
136
|
-
"name": "
|
|
137
|
-
"source": "src/
|
|
138
|
-
"sass": "@primer/css/
|
|
139
|
-
"css": "dist/
|
|
140
|
-
"map": "dist/
|
|
141
|
-
"js": "dist/
|
|
142
|
-
"stats": "dist/stats/
|
|
143
|
-
"legacy": "primer-
|
|
102
|
+
"blankslate": {
|
|
103
|
+
"name": "blankslate",
|
|
104
|
+
"source": "src/blankslate/index.scss",
|
|
105
|
+
"sass": "@primer/css/blankslate/index.scss",
|
|
106
|
+
"css": "dist/blankslate.css",
|
|
107
|
+
"map": "dist/blankslate.css.map",
|
|
108
|
+
"js": "dist/blankslate.js",
|
|
109
|
+
"stats": "dist/stats/blankslate.json",
|
|
110
|
+
"legacy": "primer-blankslate/index.scss",
|
|
144
111
|
"imports": []
|
|
145
112
|
},
|
|
146
|
-
"
|
|
147
|
-
"name": "
|
|
148
|
-
"source": "src/
|
|
149
|
-
"sass": "@primer/css/
|
|
150
|
-
"css": "dist/
|
|
151
|
-
"map": "dist/
|
|
152
|
-
"js": "dist/
|
|
153
|
-
"stats": "dist/stats/
|
|
154
|
-
"legacy": "primer-
|
|
113
|
+
"alerts": {
|
|
114
|
+
"name": "alerts",
|
|
115
|
+
"source": "src/alerts/index.scss",
|
|
116
|
+
"sass": "@primer/css/alerts/index.scss",
|
|
117
|
+
"css": "dist/alerts.css",
|
|
118
|
+
"map": "dist/alerts.css.map",
|
|
119
|
+
"js": "dist/alerts.js",
|
|
120
|
+
"stats": "dist/stats/alerts.json",
|
|
121
|
+
"legacy": "primer-alerts/index.scss",
|
|
155
122
|
"imports": []
|
|
156
123
|
},
|
|
157
124
|
"pagination": {
|
|
@@ -176,17 +143,6 @@
|
|
|
176
143
|
"legacy": "primer-popover/index.scss",
|
|
177
144
|
"imports": []
|
|
178
145
|
},
|
|
179
|
-
"tooltips": {
|
|
180
|
-
"name": "tooltips",
|
|
181
|
-
"source": "src/tooltips/index.scss",
|
|
182
|
-
"sass": "@primer/css/tooltips/index.scss",
|
|
183
|
-
"css": "dist/tooltips.css",
|
|
184
|
-
"map": "dist/tooltips.css.map",
|
|
185
|
-
"js": "dist/tooltips.js",
|
|
186
|
-
"stats": "dist/stats/tooltips.json",
|
|
187
|
-
"legacy": "primer-tooltips/index.scss",
|
|
188
|
-
"imports": []
|
|
189
|
-
},
|
|
190
146
|
"dropdown": {
|
|
191
147
|
"name": "dropdown",
|
|
192
148
|
"source": "src/dropdown/index.scss",
|
|
@@ -209,6 +165,50 @@
|
|
|
209
165
|
"legacy": "primer-select-menu/index.scss",
|
|
210
166
|
"imports": []
|
|
211
167
|
},
|
|
168
|
+
"truncate": {
|
|
169
|
+
"name": "truncate",
|
|
170
|
+
"source": "src/truncate/index.scss",
|
|
171
|
+
"sass": "@primer/css/truncate/index.scss",
|
|
172
|
+
"css": "dist/truncate.css",
|
|
173
|
+
"map": "dist/truncate.css.map",
|
|
174
|
+
"js": "dist/truncate.js",
|
|
175
|
+
"stats": "dist/stats/truncate.json",
|
|
176
|
+
"legacy": "primer-truncate/index.scss",
|
|
177
|
+
"imports": []
|
|
178
|
+
},
|
|
179
|
+
"timeline": {
|
|
180
|
+
"name": "timeline",
|
|
181
|
+
"source": "src/timeline/index.scss",
|
|
182
|
+
"sass": "@primer/css/timeline/index.scss",
|
|
183
|
+
"css": "dist/timeline.css",
|
|
184
|
+
"map": "dist/timeline.css.map",
|
|
185
|
+
"js": "dist/timeline.js",
|
|
186
|
+
"stats": "dist/stats/timeline.json",
|
|
187
|
+
"legacy": "primer-timeline/index.scss",
|
|
188
|
+
"imports": []
|
|
189
|
+
},
|
|
190
|
+
"toasts": {
|
|
191
|
+
"name": "toasts",
|
|
192
|
+
"source": "src/toasts/index.scss",
|
|
193
|
+
"sass": "@primer/css/toasts/index.scss",
|
|
194
|
+
"css": "dist/toasts.css",
|
|
195
|
+
"map": "dist/toasts.css.map",
|
|
196
|
+
"js": "dist/toasts.js",
|
|
197
|
+
"stats": "dist/stats/toasts.json",
|
|
198
|
+
"legacy": "primer-toasts/index.scss",
|
|
199
|
+
"imports": []
|
|
200
|
+
},
|
|
201
|
+
"tooltips": {
|
|
202
|
+
"name": "tooltips",
|
|
203
|
+
"source": "src/tooltips/index.scss",
|
|
204
|
+
"sass": "@primer/css/tooltips/index.scss",
|
|
205
|
+
"css": "dist/tooltips.css",
|
|
206
|
+
"map": "dist/tooltips.css.map",
|
|
207
|
+
"js": "dist/tooltips.js",
|
|
208
|
+
"stats": "dist/stats/tooltips.json",
|
|
209
|
+
"legacy": "primer-tooltips/index.scss",
|
|
210
|
+
"imports": []
|
|
211
|
+
},
|
|
212
212
|
"marketing-support": {
|
|
213
213
|
"name": "marketing-support",
|
|
214
214
|
"source": "src/marketing/support/index.scss",
|
|
@@ -319,17 +319,6 @@
|
|
|
319
319
|
"legacy": "primer-actionlist/index.scss",
|
|
320
320
|
"imports": []
|
|
321
321
|
},
|
|
322
|
-
"labels": {
|
|
323
|
-
"name": "labels",
|
|
324
|
-
"source": "src/labels/index.scss",
|
|
325
|
-
"sass": "@primer/css/labels/index.scss",
|
|
326
|
-
"css": "dist/labels.css",
|
|
327
|
-
"map": "dist/labels.css.map",
|
|
328
|
-
"js": "dist/labels.js",
|
|
329
|
-
"stats": "dist/stats/labels.json",
|
|
330
|
-
"legacy": "primer-labels/index.scss",
|
|
331
|
-
"imports": []
|
|
332
|
-
},
|
|
333
322
|
"forms": {
|
|
334
323
|
"name": "forms",
|
|
335
324
|
"source": "src/forms/index.scss",
|
|
@@ -341,15 +330,15 @@
|
|
|
341
330
|
"legacy": "primer-forms/index.scss",
|
|
342
331
|
"imports": []
|
|
343
332
|
},
|
|
344
|
-
"
|
|
345
|
-
"name": "
|
|
346
|
-
"source": "src/
|
|
347
|
-
"sass": "@primer/css/
|
|
348
|
-
"css": "dist/
|
|
349
|
-
"map": "dist/
|
|
350
|
-
"js": "dist/
|
|
351
|
-
"stats": "dist/stats/
|
|
352
|
-
"legacy": "primer-
|
|
333
|
+
"labels": {
|
|
334
|
+
"name": "labels",
|
|
335
|
+
"source": "src/labels/index.scss",
|
|
336
|
+
"sass": "@primer/css/labels/index.scss",
|
|
337
|
+
"css": "dist/labels.css",
|
|
338
|
+
"map": "dist/labels.css.map",
|
|
339
|
+
"js": "dist/labels.js",
|
|
340
|
+
"stats": "dist/stats/labels.json",
|
|
341
|
+
"legacy": "primer-labels/index.scss",
|
|
353
342
|
"imports": []
|
|
354
343
|
},
|
|
355
344
|
"navigation": {
|
|
@@ -363,6 +352,17 @@
|
|
|
363
352
|
"legacy": "primer-navigation/index.scss",
|
|
364
353
|
"imports": []
|
|
365
354
|
},
|
|
355
|
+
"layout": {
|
|
356
|
+
"name": "layout",
|
|
357
|
+
"source": "src/layout/index.scss",
|
|
358
|
+
"sass": "@primer/css/layout/index.scss",
|
|
359
|
+
"css": "dist/layout.css",
|
|
360
|
+
"map": "dist/layout.css.map",
|
|
361
|
+
"js": "dist/layout.js",
|
|
362
|
+
"stats": "dist/stats/layout.json",
|
|
363
|
+
"legacy": "primer-layout/index.scss",
|
|
364
|
+
"imports": []
|
|
365
|
+
},
|
|
366
366
|
"marketing-utilities": {
|
|
367
367
|
"name": "marketing-utilities",
|
|
368
368
|
"source": "src/marketing/utilities/index.scss",
|
package/package.json
CHANGED
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
// Mixin for applying high contrast-specific styles
|
|
112
112
|
//
|
|
113
113
|
// Example
|
|
114
|
-
//
|
|
114
|
+
//
|
|
115
115
|
// border-color: linear-gradient(...);
|
|
116
116
|
//
|
|
117
117
|
// @include theme-high-contrast {
|
|
@@ -119,19 +119,19 @@
|
|
|
119
119
|
// }
|
|
120
120
|
|
|
121
121
|
@mixin theme-high-contrast() {
|
|
122
|
-
@at-root :is([data-color-mode=
|
|
122
|
+
@at-root :is([data-color-mode='light'][data-light-theme$='high_contrast'], [data-color-mode='dark'][data-dark-theme$='high_contrast']) & {
|
|
123
123
|
@content;
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
@media (prefers-color-scheme: light) {
|
|
127
|
-
@at-root [data-color-mode=
|
|
127
|
+
@at-root [data-color-mode='auto'][data-light-theme$='high_contrast'] & {
|
|
128
128
|
@content;
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
@media (prefers-color-scheme: dark) {
|
|
133
|
-
@at-root [data-color-mode=
|
|
133
|
+
@at-root [data-color-mode='auto'][data-dark-theme$='high_contrast'] & {
|
|
134
134
|
@content;
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
|
-
}
|
|
137
|
+
}
|