@react-spectrum/s2 3.0.0-nightly-e00dc8373-250318 → 3.0.0-nightly-27e5ef1b7-250319
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/package.json +18 -18
- package/style/dist/main.cjs +18 -18
- package/style/dist/module.mjs +9 -9
- package/style/dist/spectrum-theme.cjs +191 -191
- package/style/dist/spectrum-theme.mjs +183 -183
- package/style/dist/style-macro.cjs +74 -74
- package/style/dist/style-macro.mjs +68 -68
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
9
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
10
|
* governing permissions and limitations under the License.
|
|
11
|
-
*/ let $
|
|
11
|
+
*/ let $1d6343f16443be39$var$defaultArbitraryProperty = (value, property)=>({
|
|
12
12
|
[property]: value
|
|
13
13
|
});
|
|
14
|
-
function $
|
|
14
|
+
function $1d6343f16443be39$export$e33e260cb0fb20f7(fn = $1d6343f16443be39$var$defaultArbitraryProperty) {
|
|
15
15
|
return (value, property)=>{
|
|
16
|
-
let selector = Array.isArray(value) ? $
|
|
16
|
+
let selector = Array.isArray(value) ? $1d6343f16443be39$var$generateArbitraryValueSelector(value.map((v)=>JSON.stringify(v)).join('')) : $1d6343f16443be39$var$generateArbitraryValueSelector(JSON.stringify(value));
|
|
17
17
|
return {
|
|
18
18
|
default: [
|
|
19
19
|
fn(value, property),
|
|
@@ -22,15 +22,15 @@ function $a42cf657cdea7060$export$e33e260cb0fb20f7(fn = $a42cf657cdea7060$var$de
|
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
|
-
function $
|
|
26
|
-
return Object.values(obj).flatMap((v)=>typeof v === 'object' ? $
|
|
25
|
+
function $1d6343f16443be39$var$recursiveValues(obj) {
|
|
26
|
+
return Object.values(obj).flatMap((v)=>typeof v === 'object' ? $1d6343f16443be39$var$recursiveValues(v) : [
|
|
27
27
|
v
|
|
28
28
|
]);
|
|
29
29
|
}
|
|
30
|
-
function $
|
|
31
|
-
let valueMap = $
|
|
30
|
+
function $1d6343f16443be39$export$40f4ff17b27355ab(fn, values) {
|
|
31
|
+
let valueMap = $1d6343f16443be39$var$createValueLookup(Array.isArray(values) ? values : $1d6343f16443be39$var$recursiveValues(values));
|
|
32
32
|
return (value, property)=>{
|
|
33
|
-
let v = $
|
|
33
|
+
let v = $1d6343f16443be39$export$22a8270399010c94(value);
|
|
34
34
|
if (v) return {
|
|
35
35
|
default: [
|
|
36
36
|
fn(v[0], property),
|
|
@@ -38,7 +38,7 @@ function $a42cf657cdea7060$export$40f4ff17b27355ab(fn, values) {
|
|
|
38
38
|
]
|
|
39
39
|
};
|
|
40
40
|
let val = Array.isArray(values) ? value : values[String(value)];
|
|
41
|
-
return $
|
|
41
|
+
return $1d6343f16443be39$var$mapConditionalValue(val, (value)=>{
|
|
42
42
|
return [
|
|
43
43
|
fn(value, property),
|
|
44
44
|
valueMap.get(value)
|
|
@@ -46,15 +46,15 @@ function $a42cf657cdea7060$export$40f4ff17b27355ab(fn, values) {
|
|
|
46
46
|
});
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
|
-
function $
|
|
50
|
-
return $
|
|
49
|
+
function $1d6343f16443be39$export$7fdf8c7af26ba416(name, values) {
|
|
50
|
+
return $1d6343f16443be39$export$40f4ff17b27355ab((value, property)=>({
|
|
51
51
|
[property.startsWith('--') ? property : name]: value
|
|
52
52
|
}), values);
|
|
53
53
|
}
|
|
54
|
-
function $
|
|
55
|
-
let valueMap = $
|
|
54
|
+
function $1d6343f16443be39$export$fa08b74e8bc1d2a7(values, fn) {
|
|
55
|
+
let valueMap = $1d6343f16443be39$var$createValueLookup(Array.isArray(values) ? values : $1d6343f16443be39$var$recursiveValues(values));
|
|
56
56
|
return (value, property)=>{
|
|
57
|
-
let v = $
|
|
57
|
+
let v = $1d6343f16443be39$export$22a8270399010c94(value);
|
|
58
58
|
if (v) return {
|
|
59
59
|
default: [
|
|
60
60
|
{
|
|
@@ -64,7 +64,7 @@ function $a42cf657cdea7060$export$fa08b74e8bc1d2a7(values, fn) {
|
|
|
64
64
|
]
|
|
65
65
|
};
|
|
66
66
|
let val = values[String(value)];
|
|
67
|
-
if (val != null) return $
|
|
67
|
+
if (val != null) return $1d6343f16443be39$var$mapConditionalValue(val, (value)=>{
|
|
68
68
|
return [
|
|
69
69
|
{
|
|
70
70
|
[property]: value
|
|
@@ -79,19 +79,19 @@ function $a42cf657cdea7060$export$fa08b74e8bc1d2a7(values, fn) {
|
|
|
79
79
|
{
|
|
80
80
|
[property]: cssValue
|
|
81
81
|
},
|
|
82
|
-
$
|
|
82
|
+
$1d6343f16443be39$var$generateName(value + valueMap.size)
|
|
83
83
|
]
|
|
84
84
|
};
|
|
85
85
|
}
|
|
86
86
|
throw new Error('Invalid sizing value: ' + value);
|
|
87
87
|
};
|
|
88
88
|
}
|
|
89
|
-
function $
|
|
90
|
-
let valueMap = $
|
|
89
|
+
function $1d6343f16443be39$export$852145629bb0d58b(colors, property) {
|
|
90
|
+
let valueMap = $1d6343f16443be39$var$createValueLookup(Object.values(colors).flatMap((v)=>typeof v === 'object' ? Object.values(v) : [
|
|
91
91
|
v
|
|
92
92
|
]));
|
|
93
93
|
return (value, key)=>{
|
|
94
|
-
let v = $
|
|
94
|
+
let v = $1d6343f16443be39$export$22a8270399010c94(value);
|
|
95
95
|
if (v) return {
|
|
96
96
|
default: [
|
|
97
97
|
{
|
|
@@ -102,7 +102,7 @@ function $a42cf657cdea7060$export$852145629bb0d58b(colors, property) {
|
|
|
102
102
|
};
|
|
103
103
|
let [color, opacity] = value.split('/');
|
|
104
104
|
let c = colors[color];
|
|
105
|
-
return $
|
|
105
|
+
return $1d6343f16443be39$var$mapConditionalValue(c, (value)=>{
|
|
106
106
|
let css = opacity ? `rgb(from ${value} r g b / ${opacity}%)` : value;
|
|
107
107
|
let selector = valueMap.get(value) + (opacity ? opacity.replace('.', '-') : '');
|
|
108
108
|
return [
|
|
@@ -114,18 +114,18 @@ function $a42cf657cdea7060$export$852145629bb0d58b(colors, property) {
|
|
|
114
114
|
});
|
|
115
115
|
};
|
|
116
116
|
}
|
|
117
|
-
function $
|
|
117
|
+
function $1d6343f16443be39$var$mapConditionalValue(value, fn) {
|
|
118
118
|
if (typeof value === 'object') {
|
|
119
119
|
let res = {};
|
|
120
|
-
for(let condition in value)res[condition] = $
|
|
120
|
+
for(let condition in value)res[condition] = $1d6343f16443be39$var$mapConditionalValue(value[condition], fn);
|
|
121
121
|
return res;
|
|
122
122
|
} else return fn(value);
|
|
123
123
|
}
|
|
124
|
-
function $
|
|
124
|
+
function $1d6343f16443be39$var$mapConditionalShorthand(value, fn) {
|
|
125
125
|
if (typeof value === 'object') {
|
|
126
126
|
let res = {};
|
|
127
127
|
for(let condition in value){
|
|
128
|
-
let properties = $
|
|
128
|
+
let properties = $1d6343f16443be39$var$mapConditionalShorthand(value[condition], fn);
|
|
129
129
|
for(let property in properties){
|
|
130
130
|
res[property] ??= {};
|
|
131
131
|
res[property][condition] = properties[property];
|
|
@@ -134,27 +134,27 @@ function $a42cf657cdea7060$var$mapConditionalShorthand(value, fn) {
|
|
|
134
134
|
return res;
|
|
135
135
|
} else return fn(value);
|
|
136
136
|
}
|
|
137
|
-
function $
|
|
137
|
+
function $1d6343f16443be39$var$createValueLookup(values, atStart = false) {
|
|
138
138
|
let map = new Map();
|
|
139
|
-
for (let value of values)if (!map.has(value)) map.set(value, $
|
|
139
|
+
for (let value of values)if (!map.has(value)) map.set(value, $1d6343f16443be39$var$generateName(map.size, atStart));
|
|
140
140
|
return map;
|
|
141
141
|
}
|
|
142
|
-
function $
|
|
142
|
+
function $1d6343f16443be39$export$22a8270399010c94(value) {
|
|
143
143
|
if (typeof value === 'string' && value.startsWith('--')) return [
|
|
144
144
|
`var(${value})`,
|
|
145
|
-
$
|
|
145
|
+
$1d6343f16443be39$var$generateArbitraryValueSelector(value)
|
|
146
146
|
];
|
|
147
147
|
else if (typeof value === 'string' && value[0] === '[' && value[value.length - 1] === ']') {
|
|
148
|
-
let s = $
|
|
148
|
+
let s = $1d6343f16443be39$var$generateArbitraryValueSelector(value.slice(1, -1));
|
|
149
149
|
return [
|
|
150
150
|
value.slice(1, -1),
|
|
151
151
|
s
|
|
152
152
|
];
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
|
-
function $
|
|
156
|
-
let themePropertyMap = $
|
|
157
|
-
let themeConditionMap = $
|
|
155
|
+
function $1d6343f16443be39$export$25d302a5b900a763(theme) {
|
|
156
|
+
let themePropertyMap = $1d6343f16443be39$var$createValueLookup(Object.keys(theme.properties), true);
|
|
157
|
+
let themeConditionMap = $1d6343f16443be39$var$createValueLookup(Object.keys(theme.conditions), true);
|
|
158
158
|
let propertyFunctions = new Map(Object.entries(theme.properties).map(([k, v])=>{
|
|
159
159
|
if (typeof v === 'function') return [
|
|
160
160
|
k,
|
|
@@ -162,7 +162,7 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
162
162
|
];
|
|
163
163
|
return [
|
|
164
164
|
k,
|
|
165
|
-
$
|
|
165
|
+
$1d6343f16443be39$export$40f4ff17b27355ab((value, p)=>({
|
|
166
166
|
[p]: value
|
|
167
167
|
}), v)
|
|
168
168
|
];
|
|
@@ -199,7 +199,7 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
199
199
|
if (theme.shorthands[key]) {
|
|
200
200
|
let shorthand = theme.shorthands[key];
|
|
201
201
|
if (typeof shorthand === 'function') {
|
|
202
|
-
let expanded = $
|
|
202
|
+
let expanded = $1d6343f16443be39$var$mapConditionalShorthand(value, shorthand);
|
|
203
203
|
for(let k in expanded){
|
|
204
204
|
let v = expanded[k];
|
|
205
205
|
values.set(k, v);
|
|
@@ -235,7 +235,7 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
235
235
|
for(let i = 0; i <= usedPriorities; i++){
|
|
236
236
|
if (first) first = false;
|
|
237
237
|
else css += ', ';
|
|
238
|
-
css += $
|
|
238
|
+
css += $1d6343f16443be39$var$layerName($1d6343f16443be39$var$generateName(i, true));
|
|
239
239
|
}
|
|
240
240
|
css += ';\n\n';
|
|
241
241
|
// If allowed overrides are provided, generate code to match the input override string and include only allowed classes.
|
|
@@ -268,19 +268,19 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
268
268
|
let className = '';
|
|
269
269
|
let rulesByLayer = new Map();
|
|
270
270
|
for (let [property, propertyRules] of rules){
|
|
271
|
-
if (isStatic) className += $
|
|
271
|
+
if (isStatic) className += $1d6343f16443be39$var$getStaticClassName(propertyRules);
|
|
272
272
|
else {
|
|
273
273
|
let themeProperty = themePropertyMap.get(property);
|
|
274
274
|
let allowsOverrides = themeProperty && allowedOverridesSet.has(themeProperty);
|
|
275
275
|
if (allowsOverrides) // Omit the value if an override was passed in.
|
|
276
276
|
js += `if (!$${themeProperty}) {\n`;
|
|
277
|
-
js += $
|
|
277
|
+
js += $1d6343f16443be39$var$printJS(propertyRules) + '\n';
|
|
278
278
|
if (allowsOverrides) js += '}\n';
|
|
279
279
|
}
|
|
280
|
-
for (let rule of propertyRules)$
|
|
280
|
+
for (let rule of propertyRules)$1d6343f16443be39$var$printRule(rule, rulesByLayer);
|
|
281
281
|
}
|
|
282
282
|
for (let [layer, rules] of rulesByLayer){
|
|
283
|
-
css += `@layer ${$
|
|
283
|
+
css += `@layer ${$1d6343f16443be39$var$layerName(layer)} {\n`;
|
|
284
284
|
css += rules.join('\n\n');
|
|
285
285
|
css += '}\n\n';
|
|
286
286
|
}
|
|
@@ -370,8 +370,8 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
370
370
|
if (prelude.startsWith(':')) return [
|
|
371
371
|
{
|
|
372
372
|
prelude: '',
|
|
373
|
-
layer: $
|
|
374
|
-
body: rules.map((rule)=>$
|
|
373
|
+
layer: $1d6343f16443be39$var$generateName(priority, true),
|
|
374
|
+
body: rules.map((rule)=>$1d6343f16443be39$var$nestRule(rule, prelude)),
|
|
375
375
|
condition: ''
|
|
376
376
|
}
|
|
377
377
|
];
|
|
@@ -380,7 +380,7 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
380
380
|
{
|
|
381
381
|
// Top level layer is based on the priority of the rule, not the condition.
|
|
382
382
|
// Also group in a sub-layer based on the condition so that lightningcss can more effectively deduplicate rules.
|
|
383
|
-
layer: `${$
|
|
383
|
+
layer: `${$1d6343f16443be39$var$generateName(priority, true)}.${themeConditionMap.get(condition) || $1d6343f16443be39$var$generateArbitraryValueSelector(condition, true)}`,
|
|
384
384
|
prelude: prelude,
|
|
385
385
|
body: rules,
|
|
386
386
|
condition: ''
|
|
@@ -404,7 +404,7 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
404
404
|
// 3. Value. The index in the theme, or a hash for arbitrary values.
|
|
405
405
|
let prelude = '.';
|
|
406
406
|
if (property.startsWith('--')) // Include both custom property name and theme property in case the same var is reused between multiple theme properties.
|
|
407
|
-
prelude += $
|
|
407
|
+
prelude += $1d6343f16443be39$var$generateArbitraryValueSelector(property, true) + '_' + themePropertyMap.get(themeProperty) + '-';
|
|
408
408
|
else prelude += themePropertyMap.get(themeProperty);
|
|
409
409
|
let propertyFunction = propertyFunctions.get(themeProperty);
|
|
410
410
|
if (propertyFunction) {
|
|
@@ -422,10 +422,10 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
422
422
|
dependencies.add(v);
|
|
423
423
|
return `var(--${themePropertyMap.get(v)}`;
|
|
424
424
|
});
|
|
425
|
-
body += `${$
|
|
425
|
+
body += `${$1d6343f16443be39$var$kebab(key)}: ${value};`;
|
|
426
426
|
}
|
|
427
427
|
let selector = prelude;
|
|
428
|
-
if (conditions.size > 0) for (let condition of conditions)selector += themeConditionMap.get(condition) || $
|
|
428
|
+
if (conditions.size > 0) for (let condition of conditions)selector += themeConditionMap.get(condition) || $1d6343f16443be39$var$generateArbitraryValueSelector(condition);
|
|
429
429
|
let rules = [
|
|
430
430
|
{
|
|
431
431
|
condition: '',
|
|
@@ -442,11 +442,11 @@ function $a42cf657cdea7060$export$25d302a5b900a763(theme) {
|
|
|
442
442
|
} else throw new Error('Unknown property ' + themeProperty);
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
function $
|
|
445
|
+
function $1d6343f16443be39$var$nestRule(rule, prelude) {
|
|
446
446
|
if (Array.isArray(rule.body)) return {
|
|
447
447
|
prelude: rule.prelude,
|
|
448
448
|
layer: rule.layer,
|
|
449
|
-
body: rule.body.map((r)=>$
|
|
449
|
+
body: rule.body.map((r)=>$1d6343f16443be39$var$nestRule(r, prelude)),
|
|
450
450
|
condition: rule.condition
|
|
451
451
|
};
|
|
452
452
|
else return {
|
|
@@ -461,7 +461,7 @@ function $a42cf657cdea7060$var$nestRule(rule, prelude) {
|
|
|
461
461
|
condition: ''
|
|
462
462
|
};
|
|
463
463
|
}
|
|
464
|
-
function $
|
|
464
|
+
function $1d6343f16443be39$var$kebab(property) {
|
|
465
465
|
if (property.startsWith('--')) return property;
|
|
466
466
|
return property.replace(/([a-z])([A-Z])/g, (_, a, b)=>`${a}-${b.toLowerCase()}`);
|
|
467
467
|
}
|
|
@@ -469,34 +469,34 @@ function $a42cf657cdea7060$var$kebab(property) {
|
|
|
469
469
|
// This maps to an alphabet containing lower case letters, upper case letters, and numbers.
|
|
470
470
|
// For numbers larger than 62, an underscore is prepended.
|
|
471
471
|
// This encoding allows easy parsing to enable runtime merging by property.
|
|
472
|
-
function $
|
|
472
|
+
function $1d6343f16443be39$var$generateName(index, atStart = false) {
|
|
473
473
|
if (index < 26) // lower case letters
|
|
474
474
|
return String.fromCharCode(index + 97);
|
|
475
475
|
if (index < 52) // upper case letters
|
|
476
476
|
return String.fromCharCode(index - 26 + 65);
|
|
477
477
|
if (index < 62 && !atStart) // numbers
|
|
478
478
|
return String.fromCharCode(index - 52 + 48);
|
|
479
|
-
return '_' + $
|
|
479
|
+
return '_' + $1d6343f16443be39$var$generateName(index - (atStart ? 52 : 62));
|
|
480
480
|
}
|
|
481
481
|
// For arbitrary values, we use a hash of the string to generate the class name.
|
|
482
|
-
function $
|
|
483
|
-
let c = $
|
|
482
|
+
function $1d6343f16443be39$var$generateArbitraryValueSelector(v, atStart = false) {
|
|
483
|
+
let c = $1d6343f16443be39$var$hash(v).toString(36);
|
|
484
484
|
if (atStart && /^[0-9]/.test(c)) c = `_${c}`;
|
|
485
485
|
return `-${c}`;
|
|
486
486
|
}
|
|
487
487
|
// djb2 hash function.
|
|
488
488
|
// http://www.cse.yorku.ca/~oz/hash.html
|
|
489
|
-
function $
|
|
489
|
+
function $1d6343f16443be39$var$hash(v) {
|
|
490
490
|
let hash = 5381;
|
|
491
491
|
for(let i = 0; i < v.length; i++)hash = (hash << 5) + hash + v.charCodeAt(i) >>> 0;
|
|
492
492
|
return hash;
|
|
493
493
|
}
|
|
494
|
-
function $
|
|
494
|
+
function $1d6343f16443be39$var$layerName(name) {
|
|
495
495
|
// All of our layers should be sub-layers of a single parent layer, so that
|
|
496
496
|
// the unsafe overrides layer always comes after.
|
|
497
497
|
return `_.${name}`;
|
|
498
498
|
}
|
|
499
|
-
function $
|
|
499
|
+
function $1d6343f16443be39$var$printRule(rule, rulesByLayer, preludes = [], layer = 'a') {
|
|
500
500
|
if (rule.prelude) preludes.push(rule.prelude);
|
|
501
501
|
if (typeof rule.body === 'string') {
|
|
502
502
|
// Nest rule in our stack of preludes (e.g. media queries/selectors).
|
|
@@ -515,36 +515,36 @@ function $a42cf657cdea7060$var$printRule(rule, rulesByLayer, preludes = [], laye
|
|
|
515
515
|
rulesByLayer.set(rule.layer || layer, rules);
|
|
516
516
|
}
|
|
517
517
|
rules.push(content);
|
|
518
|
-
} else for (let b of rule.body)$
|
|
518
|
+
} else for (let b of rule.body)$1d6343f16443be39$var$printRule(b, rulesByLayer, preludes, rule.layer || layer);
|
|
519
519
|
if (rule.prelude) preludes.pop();
|
|
520
520
|
}
|
|
521
|
-
function $
|
|
521
|
+
function $1d6343f16443be39$var$printJS(rules, indent = '') {
|
|
522
522
|
rules = rules.slice().reverse();
|
|
523
523
|
let conditional = rules.filter((rule)=>rule.condition).map((rule, i)=>{
|
|
524
|
-
return `${i > 0 ? ' else ' : ''}if (props.${rule.condition}) {\n${indent} ${$
|
|
524
|
+
return `${i > 0 ? ' else ' : ''}if (props.${rule.condition}) {\n${indent} ${$1d6343f16443be39$var$printRuleChildren(rule, indent + ' ')}\n${indent}}`;
|
|
525
525
|
});
|
|
526
|
-
let elseCases = rules.filter((rule)=>!rule.condition).map((rule)=>$
|
|
526
|
+
let elseCases = rules.filter((rule)=>!rule.condition).map((rule)=>$1d6343f16443be39$var$printRuleChildren(rule, indent + ' '));
|
|
527
527
|
if (conditional.length && elseCases.length) return `${conditional.join('')} else {\n${indent} ${elseCases.join('\n' + indent + ' ')}\n${indent}}`;
|
|
528
528
|
if (conditional.length) return conditional.join('');
|
|
529
529
|
return elseCases.join('\n' + indent);
|
|
530
530
|
}
|
|
531
|
-
function $
|
|
531
|
+
function $1d6343f16443be39$var$printRuleChildren(rule, indent = '') {
|
|
532
532
|
let res = '';
|
|
533
533
|
if (rule.prelude.startsWith('.')) res += `rules += ' ${rule.prelude.slice(1)}';`;
|
|
534
|
-
if (Array.isArray(rule.body)) res += $
|
|
534
|
+
if (Array.isArray(rule.body)) res += $1d6343f16443be39$var$printJS(rule.body, indent);
|
|
535
535
|
return res;
|
|
536
536
|
}
|
|
537
|
-
function $
|
|
538
|
-
return rules.map((rule)=>(rule.prelude.startsWith('.') ? ' ' + rule.prelude.slice(1) : '') + (Array.isArray(rule.body) ? $
|
|
537
|
+
function $1d6343f16443be39$var$getStaticClassName(rules) {
|
|
538
|
+
return rules.map((rule)=>(rule.prelude.startsWith('.') ? ' ' + rule.prelude.slice(1) : '') + (Array.isArray(rule.body) ? $1d6343f16443be39$var$getStaticClassName(rule.body) : '')).join('');
|
|
539
539
|
}
|
|
540
|
-
function $
|
|
540
|
+
function $1d6343f16443be39$export$1776c186c69df29e(css, layer = '_.a') {
|
|
541
541
|
// Check if `this` is undefined, which means style was not called as a macro but as a normal function.
|
|
542
542
|
// We also check if this is globalThis, which happens in non-strict mode bundles.
|
|
543
543
|
// Also allow style to be called as a normal function in tests.
|
|
544
544
|
// @ts-ignore
|
|
545
545
|
// eslint-disable-next-line
|
|
546
546
|
if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The raw macro must be imported with {type: "macro"}.');
|
|
547
|
-
let className = $
|
|
547
|
+
let className = $1d6343f16443be39$var$generateArbitraryValueSelector(css, true);
|
|
548
548
|
css = `@layer ${layer} {
|
|
549
549
|
.${className} {
|
|
550
550
|
${css}
|
|
@@ -558,14 +558,14 @@ function $a42cf657cdea7060$export$1776c186c69df29e(css, layer = '_.a') {
|
|
|
558
558
|
});
|
|
559
559
|
return className;
|
|
560
560
|
}
|
|
561
|
-
function $
|
|
561
|
+
function $1d6343f16443be39$export$d25ddfdf17c3ad3e(css) {
|
|
562
562
|
// Check if `this` is undefined, which means style was not called as a macro but as a normal function.
|
|
563
563
|
// We also check if this is globalThis, which happens in non-strict mode bundles.
|
|
564
564
|
// Also allow style to be called as a normal function in tests.
|
|
565
565
|
// @ts-ignore
|
|
566
566
|
// eslint-disable-next-line
|
|
567
567
|
if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') throw new Error('The keyframes macro must be imported with {type: "macro"}.');
|
|
568
|
-
let name = $
|
|
568
|
+
let name = $1d6343f16443be39$var$generateArbitraryValueSelector(css, true);
|
|
569
569
|
css = `@keyframes ${name} {
|
|
570
570
|
${css}
|
|
571
571
|
}`;
|
|
@@ -577,5 +577,5 @@ function $a42cf657cdea7060$export$d25ddfdf17c3ad3e(css) {
|
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
|
|
580
|
-
export {$
|
|
580
|
+
export {$1d6343f16443be39$export$e33e260cb0fb20f7 as createArbitraryProperty, $1d6343f16443be39$export$40f4ff17b27355ab as createMappedProperty, $1d6343f16443be39$export$22a8270399010c94 as parseArbitraryValue, $1d6343f16443be39$export$7fdf8c7af26ba416 as createRenamedProperty, $1d6343f16443be39$export$fa08b74e8bc1d2a7 as createSizingProperty, $1d6343f16443be39$export$852145629bb0d58b as createColorProperty, $1d6343f16443be39$export$25d302a5b900a763 as createTheme, $1d6343f16443be39$export$1776c186c69df29e as raw, $1d6343f16443be39$export$d25ddfdf17c3ad3e as keyframes};
|
|
581
581
|
//# sourceMappingURL=style-macro.mjs.map
|