@codecademy/gamut-styles 17.4.1-alpha.6babbf.0 → 17.4.1-alpha.91e4de.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/core/_fonts.scss +20 -11
- package/dist/ColorMode.js +1 -1
- package/package.json +3 -3
- package/utils/mixins/_font-smoothing.scss +1 -1
- package/utils/mixins/_shadow.scss +15 -5
package/core/_fonts.scss
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
font-family: "Nunito Sans";
|
|
3
3
|
font-display: swap;
|
|
4
4
|
src: url("../fonts/Nunito_Sans/nunitosans-regular-webfont.eot");
|
|
5
|
-
src:
|
|
6
|
-
|
|
5
|
+
src:
|
|
6
|
+
url("../fonts/Nunito_Sans/nunitosans-regular-webfont.woff2") format("woff2"),
|
|
7
7
|
url("../fonts/Nunito_Sans/nunitosans-regular-webfont.woff") format("woff"),
|
|
8
8
|
url("../fonts/Nunito_Sans/nunitosans-regular-webfont.ttf") format("ttf");
|
|
9
9
|
font-weight: normal;
|
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
font-family: "Nunito Sans";
|
|
14
14
|
font-display: swap;
|
|
15
15
|
src: url("../fonts/Nunito_Sans/nunitosans-bold-webfont.eot");
|
|
16
|
-
src:
|
|
16
|
+
src:
|
|
17
|
+
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.woff2") format("woff2"),
|
|
17
18
|
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.woff") format("woff"),
|
|
18
19
|
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.ttf") format("ttf");
|
|
19
20
|
font-weight: bold;
|
|
@@ -23,7 +24,8 @@
|
|
|
23
24
|
font-family: "Regular Bold";
|
|
24
25
|
font-display: swap;
|
|
25
26
|
src: url("../fonts/Regular_Bold/Regular-BoldWEB.eot");
|
|
26
|
-
src:
|
|
27
|
+
src:
|
|
28
|
+
url("../fonts/Regular_Bold/Regular-BoldWEB.woff2") format("woff2"),
|
|
27
29
|
url("../fonts/Regular_Bold/Regular-BoldWEB.woff") format("woff"),
|
|
28
30
|
url("../fonts/Regular_Bold/Regular-BoldWEB.svg") format("svg");
|
|
29
31
|
}
|
|
@@ -32,7 +34,8 @@
|
|
|
32
34
|
@font-face {
|
|
33
35
|
font-family: "Regular Patch";
|
|
34
36
|
src: url("../fonts/Nunito_Sans/nunitosans-bold-webfont.eot");
|
|
35
|
-
src:
|
|
37
|
+
src:
|
|
38
|
+
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.woff2") format("woff2"),
|
|
36
39
|
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.woff") format("woff"),
|
|
37
40
|
url("../fonts/Nunito_Sans/nunitosans-bold-webfont.ttf") format("ttf");
|
|
38
41
|
unicode-range: U+003C, U+003E;
|
|
@@ -43,7 +46,8 @@
|
|
|
43
46
|
font-family: "Apercu";
|
|
44
47
|
font-style: normal;
|
|
45
48
|
font-weight: normal;
|
|
46
|
-
src:
|
|
49
|
+
src:
|
|
50
|
+
url("../fonts/Apercu/apercu-regular-pro.woff2") format("woff2"),
|
|
47
51
|
url("../fonts/Apercu/apercu-regular-pro.woff") format("woff");
|
|
48
52
|
}
|
|
49
53
|
|
|
@@ -52,7 +56,8 @@
|
|
|
52
56
|
font-family: "Apercu";
|
|
53
57
|
font-style: normal;
|
|
54
58
|
font-weight: bold;
|
|
55
|
-
src:
|
|
59
|
+
src:
|
|
60
|
+
url("../fonts/Apercu/apercu-bold-pro.woff2") format("woff2"),
|
|
56
61
|
url("../fonts/Apercu/apercu-bold-pro.woff") format("woff");
|
|
57
62
|
}
|
|
58
63
|
|
|
@@ -61,7 +66,8 @@
|
|
|
61
66
|
font-family: "Apercu";
|
|
62
67
|
font-style: italic;
|
|
63
68
|
font-weight: normal;
|
|
64
|
-
src:
|
|
69
|
+
src:
|
|
70
|
+
url("../fonts/Apercu/apercu-italic-pro.woff2") format("woff2"),
|
|
65
71
|
url("../fonts/Apercu/apercu-italic-pro.woff") format("woff");
|
|
66
72
|
}
|
|
67
73
|
|
|
@@ -70,7 +76,8 @@
|
|
|
70
76
|
font-family: "Apercu";
|
|
71
77
|
font-style: italic;
|
|
72
78
|
font-weight: bold;
|
|
73
|
-
src:
|
|
79
|
+
src:
|
|
80
|
+
url("../fonts/Apercu/apercu-bold-italic-pro.woff2") format("woff2"),
|
|
74
81
|
url("../fonts/Apercu/apercu-bold-italic-pro.woff") format("woff");
|
|
75
82
|
}
|
|
76
83
|
|
|
@@ -78,7 +85,8 @@
|
|
|
78
85
|
font-display: swap;
|
|
79
86
|
font-family: "Suisse";
|
|
80
87
|
font-weight: normal;
|
|
81
|
-
src:
|
|
88
|
+
src:
|
|
89
|
+
url("../fonts/Suisse/SuisseIntlMono-Regular-WebS.woff2") format("woff2"),
|
|
82
90
|
url("../fonts/Suisse/SuisseIntlMono-Regular-WebS.woff") format("woff");
|
|
83
91
|
}
|
|
84
92
|
|
|
@@ -86,6 +94,7 @@
|
|
|
86
94
|
font-display: swap;
|
|
87
95
|
font-family: "Suisse";
|
|
88
96
|
font-weight: bold;
|
|
89
|
-
src:
|
|
97
|
+
src:
|
|
98
|
+
url("../fonts/Suisse/SuisseIntlMono-Bold-WebS.woff2") format("woff2"),
|
|
90
99
|
url("../fonts/Suisse/SuisseIntlMono-Bold-WebS.woff") format("woff");
|
|
91
100
|
}
|
package/dist/ColorMode.js
CHANGED
|
@@ -73,7 +73,7 @@ export const VariableProvider = /*#__PURE__*/_styled('div', _extends({}, {
|
|
|
73
73
|
return variables;
|
|
74
74
|
}, css({
|
|
75
75
|
textColor: 'text'
|
|
76
|
-
}), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9JZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBtYXBWYWx1ZXMgZnJvbSAnbG9kYXNoL21hcFZhbHVlcyc7XG5pbXBvcnQgcGljayBmcm9tICdsb2Rhc2gvcGljayc7XG5pbXBvcnQge1xuICBDb21wb25lbnRQcm9wcyxcbiAgY3JlYXRlQ29udGV4dCxcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0aGVtZSBhcyBHYW11dFRoZW1lIH0gZnJvbSAnLic7XG5pbXBvcnQge1xuICBiYWNrZ3JvdW5kLFxuICBib3JkZXIsXG4gIGNvbG9yLFxuICBjc3MsXG4gIGZsZXgsXG4gIGdyaWQsXG4gIGxheW91dCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxufSBmcm9tICcuL3ZhcmlhbmNlL3Byb3BzJztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICcuL3ZhcmlhbmNlL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgQ29sb3JzID0ga2V5b2YgVGhlbWVbJ2NvbG9ycyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlQ29uZmlnID0gVGhlbWVbJ21vZGVzJ107XG5leHBvcnQgdHlwZSBDb2xvck1vZGVzID0ga2V5b2YgQ29sb3JNb2RlQ29uZmlnO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlU2hhcGUgPSBDb2xvck1vZGVDb25maWdbQ29sb3JNb2Rlc107XG5leHBvcnQgdHlwZSBDb2xvckFsaWFzID0ga2V5b2YgQ29sb3JNb2RlU2hhcGU7XG5cbmV4cG9ydCB0eXBlIENvbG9yTW9kZVByb3BzID0ge1xuICBtb2RlOiBDb2xvck1vZGVzIHwgJ3N5c3RlbSc7XG4gIGJnPzogQ29sb3JzO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3ZpZGVyUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBsYXlvdXQsXG4gIGNvbG9yLFxuICBncmlkLFxuICBmbGV4LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG4gIGJvcmRlcixcbiAgYmFja2dyb3VuZFxuKTtcblxuZXhwb3J0IGNvbnN0IG1vZGVDb2xvclByb3BzID0gKHtcbiAgdGhlbWUsXG4gIG1vZGUsXG59OiBUaGVtZVByb3BzPHsgbW9kZT86IENvbG9yTW9kZXMgfT4pID0+
|
|
76
|
+
}), providerProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Db2xvck1vZGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9JZ0MiLCJmaWxlIjoiLi4vc3JjL0NvbG9yTW9kZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBzZXJpYWxpemVUb2tlbnMsXG4gIFN0eWxlUHJvcHMsXG4gIFRoZW1lUHJvcHMsXG4gIHZhcmlhbmNlLFxufSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgeyBDU1NPYmplY3QsIFRoZW1lLCBUaGVtZVByb3ZpZGVyLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBtYXBWYWx1ZXMgZnJvbSAnbG9kYXNoL21hcFZhbHVlcyc7XG5pbXBvcnQgcGljayBmcm9tICdsb2Rhc2gvcGljayc7XG5pbXBvcnQge1xuICBDb21wb25lbnRQcm9wcyxcbiAgY3JlYXRlQ29udGV4dCxcbiAgZm9yd2FyZFJlZixcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VNZW1vLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyB0aGVtZSBhcyBHYW11dFRoZW1lIH0gZnJvbSAnLic7XG5pbXBvcnQge1xuICBiYWNrZ3JvdW5kLFxuICBib3JkZXIsXG4gIGNvbG9yLFxuICBjc3MsXG4gIGZsZXgsXG4gIGdyaWQsXG4gIGxheW91dCxcbiAgcG9zaXRpb25pbmcsXG4gIHNwYWNlLFxufSBmcm9tICcuL3ZhcmlhbmNlL3Byb3BzJztcbmltcG9ydCB7IHN0eWxlZE9wdGlvbnMgfSBmcm9tICcuL3ZhcmlhbmNlL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgQ29sb3JzID0ga2V5b2YgVGhlbWVbJ2NvbG9ycyddO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlQ29uZmlnID0gVGhlbWVbJ21vZGVzJ107XG5leHBvcnQgdHlwZSBDb2xvck1vZGVzID0ga2V5b2YgQ29sb3JNb2RlQ29uZmlnO1xuZXhwb3J0IHR5cGUgQ29sb3JNb2RlU2hhcGUgPSBDb2xvck1vZGVDb25maWdbQ29sb3JNb2Rlc107XG5leHBvcnQgdHlwZSBDb2xvckFsaWFzID0ga2V5b2YgQ29sb3JNb2RlU2hhcGU7XG5cbmV4cG9ydCB0eXBlIENvbG9yTW9kZVByb3BzID0ge1xuICBtb2RlOiBDb2xvck1vZGVzIHwgJ3N5c3RlbSc7XG4gIGJnPzogQ29sb3JzO1xufTtcblxuZXhwb3J0IGNvbnN0IHByb3ZpZGVyUHJvcHMgPSB2YXJpYW5jZS5jb21wb3NlKFxuICBsYXlvdXQsXG4gIGNvbG9yLFxuICBncmlkLFxuICBmbGV4LFxuICBwb3NpdGlvbmluZyxcbiAgc3BhY2UsXG4gIGJvcmRlcixcbiAgYmFja2dyb3VuZFxuKTtcblxuZXhwb3J0IGNvbnN0IG1vZGVDb2xvclByb3BzID0gKHtcbiAgdGhlbWUsXG4gIG1vZGUsXG59OiBUaGVtZVByb3BzPHsgbW9kZT86IENvbG9yTW9kZXMgfT4pID0+IHtcbiAgaWYgKCF0aGVtZSB8fCAhbW9kZSB8fCBtb2RlID09PSB0aGVtZT8ubW9kZSkgcmV0dXJuIHt9O1xuICBjb25zdCB7IGNvbG9ycyB9ID0gdGhlbWU7XG4gIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgbWFwVmFsdWVzKHRoZW1lPy5tb2Rlc1ttb2RlXSwgKGNvbG9yKSA9PiBjb2xvcnNbY29sb3JdKSxcbiAgICAnY29sb3InLFxuICAgIHRoZW1lXG4gICkudmFyaWFibGVzO1xufTtcblxuaW50ZXJmYWNlIEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZSB7XG4gICdiYWNrZ3JvdW5kLWN1cnJlbnQnPzoga2V5b2YgdHlwZW9mIEdhbXV0VGhlbWUuY29sb3JzO1xufVxuXG5jb25zdCBCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQgPVxuICBjcmVhdGVDb250ZXh0PEJhY2tncm91bmRDdXJyZW50Q29udGV4dEludGVyZmFjZT4oe1xuICAgICdiYWNrZ3JvdW5kLWN1cnJlbnQnOiB1bmRlZmluZWQsXG4gIH0pO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlQ29sb3JNb2RlcygpOiBbXG4gIENvbG9yTW9kZXMsXG4gIENvbG9yTW9kZVNoYXBlLFxuICBDb2xvck1vZGVDb25maWcsXG4gIChjb2xvcjogQ29sb3JzKSA9PiBzdHJpbmcsXG5dIHtcbiAgY29uc3QgYmdDdXJyZW50ID0gdXNlQ29udGV4dChCYWNrZ3JvdW5kQ3VycmVudENvbnRleHQpO1xuICBjb25zdCB7IG1vZGUsIG1vZGVzLCBfZ2V0Q29sb3JWYWx1ZTogZ2V0Q29sb3JWYWx1ZSB9ID0gdXNlVGhlbWUoKSB8fCB7fTtcbiAgY29uc3QgbW9kZXNDb3B5ID0geyAuLi5tb2RlcyB9O1xuXG4gIGlmIChcbiAgICBiZ0N1cnJlbnRbJ2JhY2tncm91bmQtY3VycmVudCddICYmXG4gICAgbW9kZXNDb3B5W21vZGVdWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSAhPT0gYmdDdXJyZW50WydiYWNrZ3JvdW5kLWN1cnJlbnQnXVxuICApIHtcbiAgICAvKiBzZXRzIHRoZSBjb2xvciB0byB0aGUgY29weSBvZiBvdXIgbW9kZXMgb2JqZWN0LCBhbmQgY2FzdHMgdGhlIHR5cGUgYXMgdGhlIGRlZmF1bHQgY29sb3IgdmFsdWVzIGZvciBiYWNrZ3JvdW5kLWN1cnJlbnQuXG4gICAgd2UgY291bGQgcG90ZW50aWFsbHkgYWx0ZXIgdGhlIE1lcmdlIHR5cGUgdXRpbGl0eSBmdW5jdGlvbiBmcm9tIGNyZWF0ZVRoZW1lLCBidXQgc2luY2UgJ2JhY2tncm91bmQtY3VycmVudCcgaXMgdGhlIG9ubHkgZXhjZXB0aW9uIHRvIHRoZSB0eXBlLW1lcmdpbmcgcnVsZSAgYW5kIHRoaXMgaXMgdGhlIG9ubHkgcGxhY2Ugd2Ugb3ZlcnJpZGUsIHRoaXMgc2VlbXMgdG8gYmUgYSBtb3JlIHN0cmFpZ2h0Zm9yd2FyZCArIGxvd2VyLXJpc2sgc29sdXRpb24uXG4gICAgKi9cblxuICAgIG1vZGVzQ29weVttb2RlXVsnYmFja2dyb3VuZC1jdXJyZW50J10gPSBiZ0N1cnJlbnRbJ2JhY2tncm91bmQtY3VycmVudCddIGFzXG4gICAgICB8ICd3aGl0ZSdcbiAgICAgIHwgJ25hdnktODAwJztcbiAgfVxuXG4gIHJldHVybiBbbW9kZSwgbW9kZXNDb3B5Py5bbW9kZV0sIG1vZGVzLCBnZXRDb2xvclZhbHVlXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUN1cnJlbnRNb2RlKG1vZGU/OiBDb2xvck1vZGVzKSB7XG4gIGNvbnN0IFthY3RpdmVNb2RlXSA9IHVzZUNvbG9yTW9kZXMoKTtcbiAgcmV0dXJuIG1vZGUgPz8gYWN0aXZlTW9kZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVByZWZlcnNEYXJrTW9kZSgpIHtcbiAgY29uc3QgW3ByZWZlcnNEYXJrTW9kZSwgc2V0UHJlZmVyc0RhcmtNb2RlXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZ1bmN0aW9uIG9uQ2hhbmdlKGV2ZW50OiBNZWRpYVF1ZXJ5TGlzdEV2ZW50KSB7XG4gICAgICBzZXRQcmVmZXJzRGFya01vZGUoZXZlbnQubWF0Y2hlcyk7XG4gICAgfVxuXG4gICAgaWYgKHdpbmRvdyAmJiAnbWF0Y2hNZWRpYScgaW4gd2luZG93KSB7XG4gICAgICBjb25zdCBtcSA9IHdpbmRvdy5tYXRjaE1lZGlhKCcocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspJyk7XG5cbiAgICAgIGlmIChtcSAmJiAnYWRkRXZlbnRMaXN0ZW5lcicgaW4gbXEpIHtcbiAgICAgICAgc2V0UHJlZmVyc0RhcmtNb2RlKG1xLm1hdGNoZXMpO1xuICAgICAgICBtcS5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBvbkNoYW5nZSk7XG5cbiAgICAgICAgcmV0dXJuICgpID0+IG1xLnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2NoYW5nZScsIG9uQ2hhbmdlKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gcHJlZmVyc0RhcmtNb2RlO1xufVxuXG5leHBvcnQgY29uc3QgVmFyaWFibGVQcm92aWRlciA9IHN0eWxlZChcbiAgJ2RpdicsXG4gIHN0eWxlZE9wdGlvbnMoWyd2YXJpYWJsZXMnLCAnYWx3YXlzU2V0VmFyaWFibGVzJ10pXG4pPFxuICBTdHlsZVByb3BzPHR5cGVvZiBwcm92aWRlclByb3BzPiAmIHtcbiAgICB2YXJpYWJsZXM/OiBDU1NPYmplY3Q7XG4gICAgYWx3YXlzU2V0VmFyaWFibGVzPzogYm9vbGVhbjtcbiAgfVxuPigoeyB2YXJpYWJsZXMgfSkgPT4gdmFyaWFibGVzLCBjc3MoeyB0ZXh0Q29sb3I6ICd0ZXh0JyB9KSwgcHJvdmlkZXJQcm9wcyk7XG5cbmV4cG9ydCBjb25zdCBDb2xvck1vZGUgPSBmb3J3YXJkUmVmPFxuICBIVE1MRGl2RWxlbWVudCxcbiAgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgVmFyaWFibGVQcm92aWRlcj4sICdiZyc+ICYgQ29sb3JNb2RlUHJvcHNcbj4oKHsgbW9kZTogcHJlZmVyZW5jZSwgYWx3YXlzU2V0VmFyaWFibGVzLCBiZywgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgLy8gY2hlY2tzIGlmIHRoZSB1c2VyIGhhcyBzZXQgJ3N5c3RlbScgYXMgdGhlaXIgY29sb3IgbW9kZSBwcmVmZXJlbmNlXG4gIC8vIHRoZW4gc2V0cyB0aGUgY29sb3IgbW9kZVxuICBjb25zdCBwcmVmZXJzRGFya01vZGUgPSB1c2VQcmVmZXJzRGFya01vZGUoKTtcbiAgY29uc3QgbW9kZSA9XG4gICAgcHJlZmVyZW5jZSA9PT0gJ3N5c3RlbScgPyAocHJlZmVyc0RhcmtNb2RlID8gJ2RhcmsnIDogJ2xpZ2h0JykgOiBwcmVmZXJlbmNlO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBtb2RlcywgbW9kZTogYWN0aXZlLCBjb2xvcnMgfSA9IHRoZW1lO1xuICBjb25zdCBjb250ZXh0QmcgPSBiZyA/ICdiYWNrZ3JvdW5kLWN1cnJlbnQnIDogdW5kZWZpbmVkO1xuICAvLyBUaGlzIG1ha2VzIHN1cmUgdGhlIGJhY2tncm91bmQtY3VycmVudCBjb250ZXh0IGlzIGFsd2F5cyBzZXQgdG8gdGhlIGNvcnJlY3QgY29sb3IgKyBub3QgdGhlIHNlbWFudGljIGNvbG9yIG5hbWUuXG4gIGNvbnN0IGN1cnJlbnRQYXJlbnRCZyA9IHVzZUNvbnRleHQoQmFja2dyb3VuZEN1cnJlbnRDb250ZXh0KTtcblxuICBjb25zdCBiZ0N1cnJlbnQgPVxuICAgIGJnID09PSAnYmFja2dyb3VuZC1jdXJyZW50J1xuICAgICAgPyBjdXJyZW50UGFyZW50QmdbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgICAgID8gY3VycmVudFBhcmVudEJnWydiYWNrZ3JvdW5kLWN1cnJlbnQnXVxuICAgICAgICA6IG1vZGVzW2FjdGl2ZV1bJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgICA6IGJnO1xuXG4gIC8qKiBTZXJpYWxpemUgY29sb3IgdmFyaWFibGVzIGZvciB0aGUgY3VycmVudCBtb2RlXG4gICAqIDEuIElmIGFsbCB2YXJpYWJsZXMgYXJlIHJlcXVpcmVkIGFkZCBhbGwgbW9kZSB2YXJpYWJsZXMgdG8gdGhlIGN1cnJlbnQgY29udGV4dFxuICAgKiAyLiBJZiB0aGUgdXNlciBoYXMgc3BlY2lmaWVkIGEgYmFja2dyb3VuZCBjb2xvciAtIHNldCB0aGF0IGNvbG9yIHRvIHRoZSBjdXJyZW50LWJnXG4gICAqIDMuIElmIG5vdFxuICAgKi9cbiAgY29uc3QgeyB2YXJpYWJsZXMgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBzZXJpYWxpemVUb2tlbnMoXG4gICAgICBtYXBWYWx1ZXMobW9kZXNbbW9kZV0sIChjb2xvciwga2V5KSA9PiB7XG4gICAgICAgIGlmIChrZXkgPT09ICdiYWNrZ3JvdW5kLWN1cnJlbnQnICYmIHR5cGVvZiBiZyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICByZXR1cm4gY29sb3JzW2JnXTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gY29sb3JzW2NvbG9yXTtcbiAgICAgIH0pLFxuICAgICAgJ2NvbG9yJyxcbiAgICAgIHRoZW1lXG4gICAgKTtcbiAgfSwgW2NvbG9ycywgbW9kZSwgbW9kZXMsIHRoZW1lLCBiZ10pO1xuXG4gIGlmIChhY3RpdmUgPT09IG1vZGUpIHtcbiAgICBjb25zdCB2YXJzID0gYWx3YXlzU2V0VmFyaWFibGVzXG4gICAgICA/IHZhcmlhYmxlc1xuICAgICAgOiBwaWNrKHZhcmlhYmxlcywgWyctLWNvbG9yLWJhY2tncm91bmQtY3VycmVudCddKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8QmFja2dyb3VuZEN1cnJlbnRDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgIHZhbHVlPXt7ICdiYWNrZ3JvdW5kLWN1cnJlbnQnOiBiZ0N1cnJlbnQgfX1cbiAgICAgID5cbiAgICAgICAgPFZhcmlhYmxlUHJvdmlkZXIgey4uLnJlc3R9IHZhcmlhYmxlcz17dmFyc30gYmc9e2NvbnRleHRCZ30gcmVmPXtyZWZ9IC8+XG4gICAgICA8L0JhY2tncm91bmRDdXJyZW50Q29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17eyBtb2RlIH19PlxuICAgICAgPFZhcmlhYmxlUHJvdmlkZXJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHZhcmlhYmxlcz17dmFyaWFibGVzfVxuICAgICAgICBiZz17Y29udGV4dEJnfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgIC8+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG4iXX0= */");
|
|
77
77
|
export const ColorMode = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
78
78
|
let {
|
|
79
79
|
mode: preference,
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/gamut-styles",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "17.4.1-alpha.
|
|
4
|
+
"version": "17.4.1-alpha.91e4de.0",
|
|
5
5
|
"author": "Jake Hiller <jake@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
|
-
"@codecademy/variance": "0.22.1-alpha.
|
|
7
|
+
"@codecademy/variance": "0.22.1-alpha.91e4de.0",
|
|
8
8
|
"@emotion/is-prop-valid": "^1.1.0",
|
|
9
9
|
"polished": "^4.1.2"
|
|
10
10
|
},
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "nx build @codecademy/gamut-styles"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "41614215450b4a12e18d4fb381660bbfc680954c"
|
|
38
38
|
}
|
|
@@ -2,18 +2,28 @@
|
|
|
2
2
|
|
|
3
3
|
@mixin shadow($depth: 1) {
|
|
4
4
|
@if $depth == 1 {
|
|
5
|
-
box-shadow:
|
|
5
|
+
box-shadow:
|
|
6
|
+
0 1px 3px rgba(0, 0, 0, 0.12),
|
|
7
|
+
0 1px 2px rgba(0, 0, 0, 0.24);
|
|
6
8
|
}
|
|
7
9
|
@if $depth == 2 {
|
|
8
|
-
box-shadow:
|
|
10
|
+
box-shadow:
|
|
11
|
+
0 3px 6px rgba(0, 0, 0, 0.16),
|
|
12
|
+
0 3px 6px rgba(0, 0, 0, 0.23);
|
|
9
13
|
}
|
|
10
14
|
@if $depth == 3 {
|
|
11
|
-
box-shadow:
|
|
15
|
+
box-shadow:
|
|
16
|
+
0 10px 20px rgba(0, 0, 0, 0.19),
|
|
17
|
+
0 6px 6px rgba(0, 0, 0, 0.23);
|
|
12
18
|
}
|
|
13
19
|
@if $depth == 4 {
|
|
14
|
-
box-shadow:
|
|
20
|
+
box-shadow:
|
|
21
|
+
0 14px 28px rgba(0, 0, 0, 0.25),
|
|
22
|
+
0 10px 10px rgba(0, 0, 0, 0.22);
|
|
15
23
|
}
|
|
16
24
|
@if $depth == 5 {
|
|
17
|
-
box-shadow:
|
|
25
|
+
box-shadow:
|
|
26
|
+
0 19px 38px rgba(0, 0, 0, 0.3),
|
|
27
|
+
0 15px 12px rgba(0, 0, 0, 0.22);
|
|
18
28
|
}
|
|
19
29
|
}
|