@codecademy/variance 0.24.1-alpha.4fbb62.0 → 0.24.1-alpha.516502.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/dist/core.js +15 -10
- package/dist/createTheme/createTheme.js +1 -1
- package/package.json +2 -2
package/dist/core.js
CHANGED
|
@@ -115,7 +115,10 @@ export const variance = {
|
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
},
|
|
118
|
-
compose(
|
|
118
|
+
compose() {
|
|
119
|
+
for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
120
|
+
parsers[_key] = arguments[_key];
|
|
121
|
+
}
|
|
119
122
|
return this.createParser(parsers.reduce((carry, parser) => ({
|
|
120
123
|
...carry,
|
|
121
124
|
...parser.config
|
|
@@ -135,9 +138,10 @@ export const variance = {
|
|
|
135
138
|
const staticCss = getStaticCss(cssProps, ['theme',
|
|
136
139
|
// Just in case this gets passed somehow
|
|
137
140
|
...selectors, ...filteredProps]);
|
|
138
|
-
return
|
|
139
|
-
|
|
140
|
-
|
|
141
|
+
return _ref => {
|
|
142
|
+
let {
|
|
143
|
+
theme
|
|
144
|
+
} = _ref;
|
|
141
145
|
if (cache) return cache;
|
|
142
146
|
const css = parser({
|
|
143
147
|
...cssProps,
|
|
@@ -165,12 +169,13 @@ export const variance = {
|
|
|
165
169
|
},
|
|
166
170
|
createVariant(config) {
|
|
167
171
|
const css = this.createCss(config);
|
|
168
|
-
return
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
return _ref2 => {
|
|
173
|
+
let {
|
|
174
|
+
prop = 'variant',
|
|
175
|
+
defaultVariant,
|
|
176
|
+
base = {},
|
|
177
|
+
variants
|
|
178
|
+
} = _ref2;
|
|
174
179
|
const baseFn = css(base);
|
|
175
180
|
const variantFns = {};
|
|
176
181
|
Object.keys(variants).forEach(key => {
|
|
@@ -3,7 +3,7 @@ import merge from 'lodash/merge';
|
|
|
3
3
|
import { flattenScale } from '../utils/flattenScale';
|
|
4
4
|
import { serializeTokens } from '../utils/serializeTokens';
|
|
5
5
|
class ThemeBuilder {
|
|
6
|
-
#theme = {};
|
|
6
|
+
#theme = (() => ({}))();
|
|
7
7
|
constructor(baseTheme) {
|
|
8
8
|
this.#theme = baseTheme;
|
|
9
9
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/variance",
|
|
3
3
|
"description": "Constraint based CSS in JS for building scalable design systems",
|
|
4
|
-
"version": "0.24.1-alpha.
|
|
4
|
+
"version": "0.24.1-alpha.516502.0",
|
|
5
5
|
"author": "codecaaron <aaron@codecademy.com>",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"csstype": "^3.0.7",
|
|
@@ -32,5 +32,5 @@
|
|
|
32
32
|
"build": "nx build @codecademy/variance"
|
|
33
33
|
},
|
|
34
34
|
"types": "dist/index.d.ts",
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "c2627a87a58b1277d1fcc7c1f9ee8afe4b277620"
|
|
36
36
|
}
|