@react-spectrum/s2 3.0.0-nightly-e00dc8373-250318 → 3.0.0-nightly-4b2c6e76f-250320
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
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var $
|
|
2
|
+
var $346a586d9b655682$exports = require("./style-macro.cjs");
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
function $parcel$export(e, n, v, s) {
|
|
6
6
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
$parcel$export(module.exports, "baseColor", () => $
|
|
10
|
-
$parcel$export(module.exports, "lightDark", () => $
|
|
11
|
-
$parcel$export(module.exports, "colorMix", () => $
|
|
12
|
-
$parcel$export(module.exports, "linearGradient", () => $
|
|
13
|
-
$parcel$export(module.exports, "fontRelative", () => $
|
|
14
|
-
$parcel$export(module.exports, "edgeToText", () => $
|
|
15
|
-
$parcel$export(module.exports, "space", () => $
|
|
16
|
-
$parcel$export(module.exports, "size", () => $
|
|
17
|
-
$parcel$export(module.exports, "style", () => $
|
|
9
|
+
$parcel$export(module.exports, "baseColor", () => $309cb17cf235357e$export$49bbad2a916ab57c);
|
|
10
|
+
$parcel$export(module.exports, "lightDark", () => $309cb17cf235357e$export$d19e682d444755ed);
|
|
11
|
+
$parcel$export(module.exports, "colorMix", () => $309cb17cf235357e$export$9b476054b78b89cd);
|
|
12
|
+
$parcel$export(module.exports, "linearGradient", () => $309cb17cf235357e$export$46def8197cf4dd4c);
|
|
13
|
+
$parcel$export(module.exports, "fontRelative", () => $309cb17cf235357e$export$ba024f4caf693d15);
|
|
14
|
+
$parcel$export(module.exports, "edgeToText", () => $309cb17cf235357e$export$17b63977b35bb6d2);
|
|
15
|
+
$parcel$export(module.exports, "space", () => $309cb17cf235357e$export$a941ed4b947d12f8);
|
|
16
|
+
$parcel$export(module.exports, "size", () => $309cb17cf235357e$export$346677f925de839c);
|
|
17
|
+
$parcel$export(module.exports, "style", () => $309cb17cf235357e$export$1d567c320f4763bc);
|
|
18
18
|
/*
|
|
19
19
|
* Copyright 2024 Adobe. All rights reserved.
|
|
20
20
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -26,11 +26,11 @@ $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320
|
|
|
26
26
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
27
27
|
* governing permissions and limitations under the License.
|
|
28
28
|
*/
|
|
29
|
-
function $
|
|
29
|
+
function $309cb17cf235357e$var$pxToRem(px) {
|
|
30
30
|
if (typeof px === 'string') px = parseFloat(px);
|
|
31
31
|
return px / 16 + 'rem';
|
|
32
32
|
}
|
|
33
|
-
const $
|
|
33
|
+
const $309cb17cf235357e$var$color = {
|
|
34
34
|
transparent: 'transparent',
|
|
35
35
|
black: 'black',
|
|
36
36
|
white: 'white',
|
|
@@ -466,8 +466,8 @@ const $7dddb03c6ef7d79c$var$color = {
|
|
|
466
466
|
Mark: 'Mark',
|
|
467
467
|
LinkText: 'LinkText'
|
|
468
468
|
};
|
|
469
|
-
function $
|
|
470
|
-
let keys = Object.keys($
|
|
469
|
+
function $309cb17cf235357e$export$49bbad2a916ab57c(base) {
|
|
470
|
+
let keys = Object.keys($309cb17cf235357e$var$color);
|
|
471
471
|
let index = keys.indexOf(base);
|
|
472
472
|
if (index === -1) throw new Error('Invalid base color ' + base);
|
|
473
473
|
return {
|
|
@@ -477,21 +477,21 @@ function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
|
|
|
477
477
|
isPressed: keys[index + 1]
|
|
478
478
|
};
|
|
479
479
|
}
|
|
480
|
-
function $
|
|
481
|
-
let arbitrary = (0, $
|
|
480
|
+
function $309cb17cf235357e$var$parseColor(value) {
|
|
481
|
+
let arbitrary = (0, $346a586d9b655682$exports.parseArbitraryValue)(value);
|
|
482
482
|
if (arbitrary) return arbitrary[0];
|
|
483
483
|
let [colorValue, opacity] = value.split('/');
|
|
484
|
-
colorValue = $
|
|
484
|
+
colorValue = $309cb17cf235357e$var$color[colorValue];
|
|
485
485
|
if (opacity) colorValue = `rgb(from ${colorValue} r g b / ${opacity}%)`;
|
|
486
486
|
return colorValue;
|
|
487
487
|
}
|
|
488
|
-
function $
|
|
489
|
-
return `[light-dark(${$
|
|
488
|
+
function $309cb17cf235357e$export$d19e682d444755ed(light, dark) {
|
|
489
|
+
return `[light-dark(${$309cb17cf235357e$var$parseColor(light)}, ${$309cb17cf235357e$var$parseColor(dark)})]`;
|
|
490
490
|
}
|
|
491
|
-
function $
|
|
492
|
-
return `[color-mix(in srgb, ${$
|
|
491
|
+
function $309cb17cf235357e$export$9b476054b78b89cd(a, b, percent) {
|
|
492
|
+
return `[color-mix(in srgb, ${$309cb17cf235357e$var$parseColor(a)}, ${$309cb17cf235357e$var$parseColor(b)} ${percent}%)]`;
|
|
493
493
|
}
|
|
494
|
-
function $
|
|
494
|
+
function $309cb17cf235357e$export$46def8197cf4dd4c(angle, ...tokens) {
|
|
495
495
|
// Generate @property rules for each gradient stop color. This allows the gradient to be animated.
|
|
496
496
|
let propertyDefinitions = [];
|
|
497
497
|
for(let i = 0; i < tokens.length; i++)propertyDefinitions.push(`@property --g${i} {
|
|
@@ -511,12 +511,12 @@ function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
|
|
|
511
511
|
}
|
|
512
512
|
];
|
|
513
513
|
}
|
|
514
|
-
function $
|
|
514
|
+
function $309cb17cf235357e$var$generateSpacing(px) {
|
|
515
515
|
let res = {};
|
|
516
|
-
for (let p of px)res[p] = $
|
|
516
|
+
for (let p of px)res[p] = $309cb17cf235357e$var$pxToRem(p);
|
|
517
517
|
return res;
|
|
518
518
|
}
|
|
519
|
-
const $
|
|
519
|
+
const $309cb17cf235357e$var$baseSpacing = $309cb17cf235357e$var$generateSpacing([
|
|
520
520
|
0,
|
|
521
521
|
2,
|
|
522
522
|
4,
|
|
@@ -553,7 +553,7 @@ const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing(
|
|
|
553
553
|
]);
|
|
554
554
|
// This should match the above, but negative. There's no way to negate a number
|
|
555
555
|
// type in typescript so this has to be done manually for now.
|
|
556
|
-
const $
|
|
556
|
+
const $309cb17cf235357e$var$negativeSpacing = $309cb17cf235357e$var$generateSpacing([
|
|
557
557
|
// -2, // spacing-50 !! TODO: should we support this?
|
|
558
558
|
-4,
|
|
559
559
|
-8,
|
|
@@ -587,107 +587,107 @@ const $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpac
|
|
|
587
587
|
-320,
|
|
588
588
|
-384
|
|
589
589
|
]);
|
|
590
|
-
function $
|
|
590
|
+
function $309cb17cf235357e$export$ba024f4caf693d15(base, baseFontSize = 14) {
|
|
591
591
|
return base / baseFontSize + 'em';
|
|
592
592
|
}
|
|
593
|
-
function $
|
|
594
|
-
return `calc(${$
|
|
593
|
+
function $309cb17cf235357e$export$17b63977b35bb6d2(height) {
|
|
594
|
+
return `calc(${$309cb17cf235357e$var$baseSpacing[height]} * 3 / 8)`;
|
|
595
595
|
}
|
|
596
|
-
function $
|
|
597
|
-
return $
|
|
596
|
+
function $309cb17cf235357e$export$a941ed4b947d12f8(px) {
|
|
597
|
+
return $309cb17cf235357e$var$pxToRem(px);
|
|
598
598
|
}
|
|
599
|
-
const $
|
|
600
|
-
...$
|
|
599
|
+
const $309cb17cf235357e$var$spacing = {
|
|
600
|
+
...$309cb17cf235357e$var$baseSpacing,
|
|
601
601
|
// font-size relative values
|
|
602
|
-
'text-to-control': $
|
|
602
|
+
'text-to-control': $309cb17cf235357e$export$ba024f4caf693d15(10),
|
|
603
603
|
'text-to-visual': {
|
|
604
|
-
default: $
|
|
605
|
-
touch: $
|
|
604
|
+
default: $309cb17cf235357e$export$ba024f4caf693d15(6),
|
|
605
|
+
touch: $309cb17cf235357e$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
|
|
606
606
|
},
|
|
607
607
|
// height relative values
|
|
608
608
|
'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',
|
|
609
609
|
'pill': 'calc(self(height, self(minHeight)) / 2)'
|
|
610
610
|
};
|
|
611
|
-
function $
|
|
612
|
-
return `calc(${$
|
|
611
|
+
function $309cb17cf235357e$export$346677f925de839c(px) {
|
|
612
|
+
return `calc(${$309cb17cf235357e$var$pxToRem(px)} * var(--s2-scale))`;
|
|
613
613
|
}
|
|
614
|
-
const $
|
|
614
|
+
const $309cb17cf235357e$var$sizing = {
|
|
615
615
|
auto: 'auto',
|
|
616
616
|
full: '100%',
|
|
617
617
|
min: 'min-content',
|
|
618
618
|
max: 'max-content',
|
|
619
619
|
fit: 'fit-content',
|
|
620
620
|
control: {
|
|
621
|
-
default: $
|
|
621
|
+
default: $309cb17cf235357e$export$346677f925de839c(32),
|
|
622
622
|
size: {
|
|
623
|
-
XS: $
|
|
624
|
-
S: $
|
|
625
|
-
L: $
|
|
626
|
-
XL: $
|
|
623
|
+
XS: $309cb17cf235357e$export$346677f925de839c(20),
|
|
624
|
+
S: $309cb17cf235357e$export$346677f925de839c(24),
|
|
625
|
+
L: $309cb17cf235357e$export$346677f925de839c(40),
|
|
626
|
+
XL: $309cb17cf235357e$export$346677f925de839c(48)
|
|
627
627
|
}
|
|
628
628
|
},
|
|
629
629
|
// With browser support for round() we could do this:
|
|
630
630
|
// 'control-sm': `round(${16 / 14}em, 2px)`
|
|
631
631
|
'control-sm': {
|
|
632
|
-
default: $
|
|
632
|
+
default: $309cb17cf235357e$export$346677f925de839c(16),
|
|
633
633
|
size: {
|
|
634
|
-
S: $
|
|
635
|
-
L: $
|
|
636
|
-
XL: $
|
|
634
|
+
S: $309cb17cf235357e$export$346677f925de839c(14),
|
|
635
|
+
L: $309cb17cf235357e$export$346677f925de839c(18),
|
|
636
|
+
XL: $309cb17cf235357e$export$346677f925de839c(20)
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
639
|
};
|
|
640
|
-
const $
|
|
641
|
-
...$
|
|
640
|
+
const $309cb17cf235357e$var$height = {
|
|
641
|
+
...$309cb17cf235357e$var$sizing,
|
|
642
642
|
screen: '100vh'
|
|
643
643
|
};
|
|
644
|
-
const $
|
|
645
|
-
...$
|
|
644
|
+
const $309cb17cf235357e$var$width = {
|
|
645
|
+
...$309cb17cf235357e$var$sizing,
|
|
646
646
|
screen: '100vw'
|
|
647
647
|
};
|
|
648
|
-
function $
|
|
649
|
-
return (0, $
|
|
648
|
+
function $309cb17cf235357e$var$createSpectrumSizingProperty(values) {
|
|
649
|
+
return (0, $346a586d9b655682$exports.createSizingProperty)(values, (px)=>`calc(${$309cb17cf235357e$var$pxToRem(px)} * var(--s2-scale))`);
|
|
650
650
|
}
|
|
651
|
-
const $
|
|
652
|
-
...$
|
|
653
|
-
...$
|
|
651
|
+
const $309cb17cf235357e$var$margin = {
|
|
652
|
+
...$309cb17cf235357e$var$spacing,
|
|
653
|
+
...$309cb17cf235357e$var$negativeSpacing,
|
|
654
654
|
auto: 'auto'
|
|
655
655
|
};
|
|
656
|
-
const $
|
|
657
|
-
...$
|
|
656
|
+
const $309cb17cf235357e$var$inset = {
|
|
657
|
+
...$309cb17cf235357e$var$baseSpacing,
|
|
658
658
|
auto: 'auto',
|
|
659
659
|
full: '100%'
|
|
660
660
|
};
|
|
661
|
-
const $
|
|
662
|
-
...$
|
|
663
|
-
...$
|
|
661
|
+
const $309cb17cf235357e$var$translate = {
|
|
662
|
+
...$309cb17cf235357e$var$baseSpacing,
|
|
663
|
+
...$309cb17cf235357e$var$negativeSpacing,
|
|
664
664
|
full: '100%'
|
|
665
665
|
};
|
|
666
|
-
const $
|
|
666
|
+
const $309cb17cf235357e$var$borderWidth = {
|
|
667
667
|
0: '0px',
|
|
668
668
|
1: "1px",
|
|
669
669
|
2: "2px",
|
|
670
670
|
4: "4px"
|
|
671
671
|
};
|
|
672
|
-
const $
|
|
672
|
+
const $309cb17cf235357e$var$radius = {
|
|
673
673
|
none: "0px",
|
|
674
|
-
sm: $
|
|
675
|
-
default: $
|
|
676
|
-
lg: $
|
|
677
|
-
xl: $
|
|
674
|
+
sm: $309cb17cf235357e$var$pxToRem("4px"),
|
|
675
|
+
default: $309cb17cf235357e$var$pxToRem("8px"),
|
|
676
|
+
lg: $309cb17cf235357e$var$pxToRem("10px"),
|
|
677
|
+
xl: $309cb17cf235357e$var$pxToRem("16px"),
|
|
678
678
|
full: '9999px',
|
|
679
679
|
pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',
|
|
680
|
-
control: $
|
|
681
|
-
'control-sm': $
|
|
680
|
+
control: $309cb17cf235357e$export$ba024f4caf693d15(8),
|
|
681
|
+
'control-sm': $309cb17cf235357e$export$ba024f4caf693d15(4)
|
|
682
682
|
};
|
|
683
|
-
let $
|
|
683
|
+
let $309cb17cf235357e$var$gridTrack = (value)=>{
|
|
684
684
|
if (typeof value === 'string') return value;
|
|
685
|
-
return value.map((v)=>$
|
|
685
|
+
return value.map((v)=>$309cb17cf235357e$var$gridTrackSize(v)).join(' ');
|
|
686
686
|
};
|
|
687
|
-
let $
|
|
688
|
-
return value in $
|
|
687
|
+
let $309cb17cf235357e$var$gridTrackSize = (value)=>{
|
|
688
|
+
return value in $309cb17cf235357e$var$baseSpacing ? $309cb17cf235357e$var$baseSpacing[value] : value;
|
|
689
689
|
};
|
|
690
|
-
const $
|
|
690
|
+
const $309cb17cf235357e$var$transitionProperty = {
|
|
691
691
|
// var(--gp) is generated by the backgroundImage property when setting a gradient.
|
|
692
692
|
// It includes a list of all of the custom properties used for each color stop.
|
|
693
693
|
default: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
|
|
@@ -699,7 +699,7 @@ const $7dddb03c6ef7d79c$var$transitionProperty = {
|
|
|
699
699
|
none: 'none'
|
|
700
700
|
};
|
|
701
701
|
// TODO
|
|
702
|
-
const $
|
|
702
|
+
const $309cb17cf235357e$var$timingFunction = {
|
|
703
703
|
default: 'cubic-bezier(0.45, 0, 0.4, 1)',
|
|
704
704
|
linear: 'linear',
|
|
705
705
|
in: 'cubic-bezier(0.5, 0, 1, 1)',
|
|
@@ -707,11 +707,11 @@ const $7dddb03c6ef7d79c$var$timingFunction = {
|
|
|
707
707
|
'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
|
|
708
708
|
};
|
|
709
709
|
// TODO: do these need tokens or are arbitrary values ok?
|
|
710
|
-
let $
|
|
710
|
+
let $309cb17cf235357e$var$durationProperty = (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
711
711
|
[property]: typeof value === 'number' ? value + 'ms' : value
|
|
712
712
|
}));
|
|
713
713
|
// const colorWithAlpha = createColorProperty(color);
|
|
714
|
-
const $
|
|
714
|
+
const $309cb17cf235357e$var$fontWeightBase = {
|
|
715
715
|
light: '300',
|
|
716
716
|
// TODO: spectrum calls this "regular" but CSS calls it "normal". We also call other properties "default". What do we want to match?
|
|
717
717
|
normal: '400',
|
|
@@ -720,7 +720,7 @@ const $7dddb03c6ef7d79c$var$fontWeightBase = {
|
|
|
720
720
|
'extra-bold': '800',
|
|
721
721
|
black: '900'
|
|
722
722
|
};
|
|
723
|
-
const $
|
|
723
|
+
const $309cb17cf235357e$var$i18nFonts = {
|
|
724
724
|
':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
|
|
725
725
|
':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
|
|
726
726
|
':lang(ja)': "adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', Osaka, YuGothic, 'Yu Gothic', '\u30E1\u30A4\u30EA\u30AA', Meiryo, '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic', sans-serif",
|
|
@@ -730,7 +730,7 @@ const $7dddb03c6ef7d79c$var$i18nFonts = {
|
|
|
730
730
|
':lang(zh-hant)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif",
|
|
731
731
|
':lang(zh-Hans, zh-CN, zh-SG)': "adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif"
|
|
732
732
|
};
|
|
733
|
-
const $
|
|
733
|
+
const $309cb17cf235357e$var$fontSize = {
|
|
734
734
|
// The default font size scale is for use within UI components.
|
|
735
735
|
'ui-xs': {
|
|
736
736
|
"default": "0.6875rem",
|
|
@@ -914,11 +914,11 @@ const $7dddb03c6ef7d79c$var$fontSize = {
|
|
|
914
914
|
touch: "1.5rem"
|
|
915
915
|
}
|
|
916
916
|
};
|
|
917
|
-
const $
|
|
917
|
+
const $309cb17cf235357e$export$1d567c320f4763bc = (0, $346a586d9b655682$exports.createTheme)({
|
|
918
918
|
properties: {
|
|
919
919
|
// colors
|
|
920
|
-
color: (0, $
|
|
921
|
-
...$
|
|
920
|
+
color: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
921
|
+
...$309cb17cf235357e$var$color,
|
|
922
922
|
accent: {
|
|
923
923
|
default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
|
|
924
924
|
isHovered: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
|
|
@@ -953,8 +953,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
953
953
|
code: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
|
|
954
954
|
auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
|
|
955
955
|
}),
|
|
956
|
-
backgroundColor: (0, $
|
|
957
|
-
...$
|
|
956
|
+
backgroundColor: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
957
|
+
...$309cb17cf235357e$var$color,
|
|
958
958
|
accent: {
|
|
959
959
|
default: "light-dark(rgb(59, 99, 251), rgb(64, 105, 253))",
|
|
960
960
|
isHovered: "light-dark(rgb(39, 77, 234), rgb(52, 91, 248))",
|
|
@@ -1043,8 +1043,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1043
1043
|
pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
|
|
1044
1044
|
elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
|
|
1045
1045
|
}),
|
|
1046
|
-
borderColor: (0, $
|
|
1047
|
-
...$
|
|
1046
|
+
borderColor: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
1047
|
+
...$309cb17cf235357e$var$color,
|
|
1048
1048
|
negative: {
|
|
1049
1049
|
default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
|
|
1050
1050
|
isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
|
|
@@ -1053,8 +1053,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1053
1053
|
},
|
|
1054
1054
|
disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
|
|
1055
1055
|
}),
|
|
1056
|
-
outlineColor: (0, $
|
|
1057
|
-
...$
|
|
1056
|
+
outlineColor: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
1057
|
+
...$309cb17cf235357e$var$color,
|
|
1058
1058
|
'focus-ring': {
|
|
1059
1059
|
default: "light-dark(rgb(75, 117, 255), rgb(64, 105, 253))",
|
|
1060
1060
|
forcedColors: 'Highlight'
|
|
@@ -1063,7 +1063,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1063
1063
|
// textDecorationColor: colorWithAlpha,
|
|
1064
1064
|
// accentColor: colorWithAlpha,
|
|
1065
1065
|
// caretColor: colorWithAlpha,
|
|
1066
|
-
fill: (0, $
|
|
1066
|
+
fill: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
1067
1067
|
none: 'none',
|
|
1068
1068
|
currentColor: 'currentColor',
|
|
1069
1069
|
accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
|
|
@@ -1091,40 +1091,40 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1091
1091
|
cinnamon: "light-dark(rgb(184, 109, 70), rgb(192, 119, 80))",
|
|
1092
1092
|
brown: "light-dark(rgb(154, 123, 77), rgb(163, 132, 84))",
|
|
1093
1093
|
silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
|
|
1094
|
-
...$
|
|
1094
|
+
...$309cb17cf235357e$var$color
|
|
1095
1095
|
}),
|
|
1096
|
-
stroke: (0, $
|
|
1096
|
+
stroke: (0, $346a586d9b655682$exports.createColorProperty)({
|
|
1097
1097
|
none: 'none',
|
|
1098
1098
|
currentColor: 'currentColor',
|
|
1099
|
-
...$
|
|
1099
|
+
...$309cb17cf235357e$var$color
|
|
1100
1100
|
}),
|
|
1101
1101
|
// dimensions
|
|
1102
|
-
borderSpacing: $
|
|
1102
|
+
borderSpacing: $309cb17cf235357e$var$baseSpacing,
|
|
1103
1103
|
flexBasis: {
|
|
1104
1104
|
auto: 'auto',
|
|
1105
1105
|
full: '100%',
|
|
1106
|
-
...$
|
|
1106
|
+
...$309cb17cf235357e$var$baseSpacing
|
|
1107
1107
|
},
|
|
1108
|
-
rowGap: $
|
|
1109
|
-
columnGap: $
|
|
1110
|
-
height: $
|
|
1111
|
-
width: $
|
|
1112
|
-
containIntrinsicWidth: $
|
|
1113
|
-
containIntrinsicHeight: $
|
|
1114
|
-
minHeight: $
|
|
1115
|
-
maxHeight: $
|
|
1116
|
-
...$
|
|
1108
|
+
rowGap: $309cb17cf235357e$var$spacing,
|
|
1109
|
+
columnGap: $309cb17cf235357e$var$spacing,
|
|
1110
|
+
height: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
|
|
1111
|
+
width: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
|
|
1112
|
+
containIntrinsicWidth: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
|
|
1113
|
+
containIntrinsicHeight: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
|
|
1114
|
+
minHeight: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
|
|
1115
|
+
maxHeight: $309cb17cf235357e$var$createSpectrumSizingProperty({
|
|
1116
|
+
...$309cb17cf235357e$var$height,
|
|
1117
1117
|
none: 'none'
|
|
1118
1118
|
}),
|
|
1119
|
-
minWidth: $
|
|
1120
|
-
maxWidth: $
|
|
1121
|
-
...$
|
|
1119
|
+
minWidth: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
|
|
1120
|
+
maxWidth: $309cb17cf235357e$var$createSpectrumSizingProperty({
|
|
1121
|
+
...$309cb17cf235357e$var$width,
|
|
1122
1122
|
none: 'none'
|
|
1123
1123
|
}),
|
|
1124
|
-
borderStartWidth: (0, $
|
|
1125
|
-
borderEndWidth: (0, $
|
|
1126
|
-
borderTopWidth: $
|
|
1127
|
-
borderBottomWidth: $
|
|
1124
|
+
borderStartWidth: (0, $346a586d9b655682$exports.createRenamedProperty)('borderInlineStartWidth', $309cb17cf235357e$var$borderWidth),
|
|
1125
|
+
borderEndWidth: (0, $346a586d9b655682$exports.createRenamedProperty)('borderInlineEndWidth', $309cb17cf235357e$var$borderWidth),
|
|
1126
|
+
borderTopWidth: $309cb17cf235357e$var$borderWidth,
|
|
1127
|
+
borderBottomWidth: $309cb17cf235357e$var$borderWidth,
|
|
1128
1128
|
borderStyle: [
|
|
1129
1129
|
'solid',
|
|
1130
1130
|
'dashed',
|
|
@@ -1138,43 +1138,43 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1138
1138
|
1: '1',
|
|
1139
1139
|
2: '2'
|
|
1140
1140
|
},
|
|
1141
|
-
marginStart: (0, $
|
|
1142
|
-
marginEnd: (0, $
|
|
1143
|
-
marginTop: $
|
|
1144
|
-
marginBottom: $
|
|
1145
|
-
paddingStart: (0, $
|
|
1146
|
-
paddingEnd: (0, $
|
|
1147
|
-
paddingTop: $
|
|
1148
|
-
paddingBottom: $
|
|
1149
|
-
scrollMarginStart: (0, $
|
|
1150
|
-
scrollMarginEnd: (0, $
|
|
1151
|
-
scrollMarginTop: $
|
|
1152
|
-
scrollMarginBottom: $
|
|
1153
|
-
scrollPaddingStart: (0, $
|
|
1154
|
-
scrollPaddingEnd: (0, $
|
|
1155
|
-
scrollPaddingTop: $
|
|
1156
|
-
scrollPaddingBottom: $
|
|
1157
|
-
textIndent: $
|
|
1158
|
-
translateX: (0, $
|
|
1141
|
+
marginStart: (0, $346a586d9b655682$exports.createRenamedProperty)('marginInlineStart', $309cb17cf235357e$var$margin),
|
|
1142
|
+
marginEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('marginInlineEnd', $309cb17cf235357e$var$margin),
|
|
1143
|
+
marginTop: $309cb17cf235357e$var$margin,
|
|
1144
|
+
marginBottom: $309cb17cf235357e$var$margin,
|
|
1145
|
+
paddingStart: (0, $346a586d9b655682$exports.createRenamedProperty)('paddingInlineStart', $309cb17cf235357e$var$spacing),
|
|
1146
|
+
paddingEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('paddingInlineEnd', $309cb17cf235357e$var$spacing),
|
|
1147
|
+
paddingTop: $309cb17cf235357e$var$spacing,
|
|
1148
|
+
paddingBottom: $309cb17cf235357e$var$spacing,
|
|
1149
|
+
scrollMarginStart: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollMarginInlineStart', $309cb17cf235357e$var$baseSpacing),
|
|
1150
|
+
scrollMarginEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollMarginInlineEnd', $309cb17cf235357e$var$baseSpacing),
|
|
1151
|
+
scrollMarginTop: $309cb17cf235357e$var$baseSpacing,
|
|
1152
|
+
scrollMarginBottom: $309cb17cf235357e$var$baseSpacing,
|
|
1153
|
+
scrollPaddingStart: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollPaddingInlineStart', $309cb17cf235357e$var$baseSpacing),
|
|
1154
|
+
scrollPaddingEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollPaddingInlineEnd', $309cb17cf235357e$var$baseSpacing),
|
|
1155
|
+
scrollPaddingTop: $309cb17cf235357e$var$baseSpacing,
|
|
1156
|
+
scrollPaddingBottom: $309cb17cf235357e$var$baseSpacing,
|
|
1157
|
+
textIndent: $309cb17cf235357e$var$baseSpacing,
|
|
1158
|
+
translateX: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
|
|
1159
1159
|
'--translateX': value,
|
|
1160
1160
|
translate: 'var(--translateX, 0) var(--translateY, 0)'
|
|
1161
|
-
}), $
|
|
1162
|
-
translateY: (0, $
|
|
1161
|
+
}), $309cb17cf235357e$var$translate),
|
|
1162
|
+
translateY: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
|
|
1163
1163
|
'--translateY': value,
|
|
1164
1164
|
translate: 'var(--translateX, 0) var(--translateY, 0)'
|
|
1165
|
-
}), $
|
|
1166
|
-
rotate: (0, $
|
|
1165
|
+
}), $309cb17cf235357e$var$translate),
|
|
1166
|
+
rotate: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1167
1167
|
[property]: typeof value === 'number' ? `${value}deg` : value
|
|
1168
1168
|
})),
|
|
1169
|
-
scaleX: (0, $
|
|
1169
|
+
scaleX: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
|
|
1170
1170
|
'--scaleX': value,
|
|
1171
1171
|
scale: 'var(--scaleX, 1) var(--scaleY, 1)'
|
|
1172
1172
|
})),
|
|
1173
|
-
scaleY: (0, $
|
|
1173
|
+
scaleY: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
|
|
1174
1174
|
'--scaleY': value,
|
|
1175
1175
|
scale: 'var(--scaleX, 1) var(--scaleY, 1)'
|
|
1176
1176
|
})),
|
|
1177
|
-
transform: (0, $
|
|
1177
|
+
transform: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1178
1178
|
position: [
|
|
1179
1179
|
'absolute',
|
|
1180
1180
|
'fixed',
|
|
@@ -1182,12 +1182,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1182
1182
|
'sticky',
|
|
1183
1183
|
'static'
|
|
1184
1184
|
],
|
|
1185
|
-
insetStart: (0, $
|
|
1186
|
-
insetEnd: (0, $
|
|
1187
|
-
top: $
|
|
1188
|
-
left: $
|
|
1189
|
-
bottom: $
|
|
1190
|
-
right: $
|
|
1185
|
+
insetStart: (0, $346a586d9b655682$exports.createRenamedProperty)('insetInlineStart', $309cb17cf235357e$var$inset),
|
|
1186
|
+
insetEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('insetInlineEnd', $309cb17cf235357e$var$inset),
|
|
1187
|
+
top: $309cb17cf235357e$var$inset,
|
|
1188
|
+
left: $309cb17cf235357e$var$inset,
|
|
1189
|
+
bottom: $309cb17cf235357e$var$inset,
|
|
1190
|
+
right: $309cb17cf235357e$var$inset,
|
|
1191
1191
|
aspectRatio: {
|
|
1192
1192
|
auto: 'auto',
|
|
1193
1193
|
square: '1 / 1',
|
|
@@ -1197,16 +1197,16 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1197
1197
|
fontFamily: {
|
|
1198
1198
|
sans: {
|
|
1199
1199
|
default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
|
|
1200
|
-
...$
|
|
1200
|
+
...$309cb17cf235357e$var$i18nFonts
|
|
1201
1201
|
},
|
|
1202
1202
|
serif: {
|
|
1203
1203
|
default: 'adobe-clean-serif, "Source Serif", Georgia, serif',
|
|
1204
|
-
...$
|
|
1204
|
+
...$309cb17cf235357e$var$i18nFonts
|
|
1205
1205
|
},
|
|
1206
1206
|
code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
|
|
1207
1207
|
},
|
|
1208
|
-
fontSize: $
|
|
1209
|
-
fontWeight: (0, $
|
|
1208
|
+
fontSize: $309cb17cf235357e$var$fontSize,
|
|
1209
|
+
fontWeight: (0, $346a586d9b655682$exports.createMappedProperty)((value, property)=>{
|
|
1210
1210
|
if (property === 'fontWeight') return {
|
|
1211
1211
|
// Set font-variation-settings in addition to font-weight to work around typekit issue.
|
|
1212
1212
|
fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
|
|
@@ -1217,18 +1217,18 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1217
1217
|
[property]: value
|
|
1218
1218
|
};
|
|
1219
1219
|
}, {
|
|
1220
|
-
...$
|
|
1220
|
+
...$309cb17cf235357e$var$fontWeightBase,
|
|
1221
1221
|
heading: {
|
|
1222
|
-
default: $
|
|
1223
|
-
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $
|
|
1222
|
+
default: $309cb17cf235357e$var$fontWeightBase["extra-bold"],
|
|
1223
|
+
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["extra-bold"]
|
|
1224
1224
|
},
|
|
1225
1225
|
title: {
|
|
1226
|
-
default: $
|
|
1227
|
-
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $
|
|
1226
|
+
default: $309cb17cf235357e$var$fontWeightBase["bold"],
|
|
1227
|
+
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["bold"]
|
|
1228
1228
|
},
|
|
1229
1229
|
detail: {
|
|
1230
|
-
default: $
|
|
1231
|
-
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $
|
|
1230
|
+
default: $309cb17cf235357e$var$fontWeightBase["medium"],
|
|
1231
|
+
':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["bold"]
|
|
1232
1232
|
}
|
|
1233
1233
|
}),
|
|
1234
1234
|
lineHeight: {
|
|
@@ -1289,7 +1289,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1289
1289
|
'sub',
|
|
1290
1290
|
'super'
|
|
1291
1291
|
],
|
|
1292
|
-
textDecoration: (0, $
|
|
1292
|
+
textDecoration: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
|
|
1293
1293
|
textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
|
|
1294
1294
|
textUnderlineOffset: value === 'underline' ? "1px" : undefined
|
|
1295
1295
|
}), [
|
|
@@ -1302,7 +1302,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1302
1302
|
'ellipsis',
|
|
1303
1303
|
'clip'
|
|
1304
1304
|
],
|
|
1305
|
-
lineClamp: (0, $
|
|
1305
|
+
lineClamp: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
|
|
1306
1306
|
overflow: 'hidden',
|
|
1307
1307
|
display: '-webkit-box',
|
|
1308
1308
|
'-webkit-box-orient': 'vertical',
|
|
@@ -1349,10 +1349,10 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1349
1349
|
dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
|
|
1350
1350
|
none: 'none'
|
|
1351
1351
|
},
|
|
1352
|
-
borderTopStartRadius: (0, $
|
|
1353
|
-
borderTopEndRadius: (0, $
|
|
1354
|
-
borderBottomStartRadius: (0, $
|
|
1355
|
-
borderBottomEndRadius: (0, $
|
|
1352
|
+
borderTopStartRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderStartStartRadius', $309cb17cf235357e$var$radius),
|
|
1353
|
+
borderTopEndRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderStartEndRadius', $309cb17cf235357e$var$radius),
|
|
1354
|
+
borderBottomStartRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderEndStartRadius', $309cb17cf235357e$var$radius),
|
|
1355
|
+
borderBottomEndRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderEndEndRadius', $309cb17cf235357e$var$radius),
|
|
1356
1356
|
forcedColorAdjust: [
|
|
1357
1357
|
'auto',
|
|
1358
1358
|
'none'
|
|
@@ -1362,7 +1362,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1362
1362
|
'dark',
|
|
1363
1363
|
'light dark'
|
|
1364
1364
|
],
|
|
1365
|
-
backgroundImage: (0, $
|
|
1365
|
+
backgroundImage: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>{
|
|
1366
1366
|
if (typeof value === 'string') return {
|
|
1367
1367
|
[property]: value
|
|
1368
1368
|
};
|
|
@@ -1375,7 +1375,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1375
1375
|
let properties = [];
|
|
1376
1376
|
value[0].stops.forEach(([color], i)=>{
|
|
1377
1377
|
properties.push(`--g${i}`);
|
|
1378
|
-
values[`--g${i}`] = $
|
|
1378
|
+
values[`--g${i}`] = $309cb17cf235357e$var$parseColor(color);
|
|
1379
1379
|
});
|
|
1380
1380
|
// This is used by transition-property so we automatically transition all of the color stops.
|
|
1381
1381
|
values['--gp'] = properties.join(', ');
|
|
@@ -1461,7 +1461,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1461
1461
|
'plus-darker',
|
|
1462
1462
|
'plus-lighter'
|
|
1463
1463
|
],
|
|
1464
|
-
opacity: (0, $
|
|
1464
|
+
opacity: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1465
1465
|
outlineStyle: [
|
|
1466
1466
|
'none',
|
|
1467
1467
|
'solid',
|
|
@@ -1470,19 +1470,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1470
1470
|
'double',
|
|
1471
1471
|
'inset'
|
|
1472
1472
|
],
|
|
1473
|
-
outlineOffset: (0, $
|
|
1473
|
+
outlineOffset: (0, $346a586d9b655682$exports.createArbitraryProperty)((v, property)=>({
|
|
1474
1474
|
[property]: `${v}px`
|
|
1475
1475
|
})),
|
|
1476
|
-
outlineWidth: $
|
|
1477
|
-
transition: (0, $
|
|
1478
|
-
transitionDelay: $
|
|
1479
|
-
transitionDuration: $
|
|
1480
|
-
transitionTimingFunction: $
|
|
1481
|
-
animation: (0, $
|
|
1476
|
+
outlineWidth: $309cb17cf235357e$var$borderWidth,
|
|
1477
|
+
transition: (0, $346a586d9b655682$exports.createRenamedProperty)('transitionProperty', $309cb17cf235357e$var$transitionProperty),
|
|
1478
|
+
transitionDelay: $309cb17cf235357e$var$durationProperty,
|
|
1479
|
+
transitionDuration: $309cb17cf235357e$var$durationProperty,
|
|
1480
|
+
transitionTimingFunction: $309cb17cf235357e$var$timingFunction,
|
|
1481
|
+
animation: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1482
1482
|
[property === 'animation' ? 'animationName' : property]: value
|
|
1483
1483
|
})),
|
|
1484
|
-
animationDuration: $
|
|
1485
|
-
animationDelay: $
|
|
1484
|
+
animationDuration: $309cb17cf235357e$var$durationProperty,
|
|
1485
|
+
animationDelay: $309cb17cf235357e$var$durationProperty,
|
|
1486
1486
|
animationDirection: [
|
|
1487
1487
|
'normal',
|
|
1488
1488
|
'reverse',
|
|
@@ -1495,8 +1495,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1495
1495
|
'backwards',
|
|
1496
1496
|
'both'
|
|
1497
1497
|
],
|
|
1498
|
-
animationIterationCount: (0, $
|
|
1499
|
-
animationTimingFunction: $
|
|
1498
|
+
animationIterationCount: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1499
|
+
animationTimingFunction: $309cb17cf235357e$var$timingFunction,
|
|
1500
1500
|
// layout
|
|
1501
1501
|
display: [
|
|
1502
1502
|
'block',
|
|
@@ -1570,12 +1570,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1570
1570
|
'wrap-reverse',
|
|
1571
1571
|
'nowrap'
|
|
1572
1572
|
],
|
|
1573
|
-
flexShrink: (0, $
|
|
1574
|
-
flexGrow: (0, $
|
|
1575
|
-
gridColumnStart: (0, $
|
|
1576
|
-
gridColumnEnd: (0, $
|
|
1577
|
-
gridRowStart: (0, $
|
|
1578
|
-
gridRowEnd: (0, $
|
|
1573
|
+
flexShrink: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1574
|
+
flexGrow: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1575
|
+
gridColumnStart: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1576
|
+
gridColumnEnd: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1577
|
+
gridRowStart: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1578
|
+
gridRowEnd: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1579
1579
|
gridAutoFlow: [
|
|
1580
1580
|
'row',
|
|
1581
1581
|
'column',
|
|
@@ -1583,19 +1583,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1583
1583
|
'row dense',
|
|
1584
1584
|
'column dense'
|
|
1585
1585
|
],
|
|
1586
|
-
gridAutoRows: (0, $
|
|
1587
|
-
[property]: $
|
|
1586
|
+
gridAutoRows: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1587
|
+
[property]: $309cb17cf235357e$var$gridTrackSize(value)
|
|
1588
1588
|
})),
|
|
1589
|
-
gridAutoColumns: (0, $
|
|
1590
|
-
[property]: $
|
|
1589
|
+
gridAutoColumns: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1590
|
+
[property]: $309cb17cf235357e$var$gridTrackSize(value)
|
|
1591
1591
|
})),
|
|
1592
|
-
gridTemplateColumns: (0, $
|
|
1593
|
-
[property]: $
|
|
1592
|
+
gridTemplateColumns: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1593
|
+
[property]: $309cb17cf235357e$var$gridTrack(value)
|
|
1594
1594
|
})),
|
|
1595
|
-
gridTemplateRows: (0, $
|
|
1596
|
-
[property]: $
|
|
1595
|
+
gridTemplateRows: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1596
|
+
[property]: $309cb17cf235357e$var$gridTrack(value)
|
|
1597
1597
|
})),
|
|
1598
|
-
gridTemplateAreas: (0, $
|
|
1598
|
+
gridTemplateAreas: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
|
|
1599
1599
|
[property]: value.map((v)=>`"${v}"`).join('')
|
|
1600
1600
|
})),
|
|
1601
1601
|
float: [
|
|
@@ -1722,7 +1722,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1722
1722
|
'auto',
|
|
1723
1723
|
'smooth'
|
|
1724
1724
|
],
|
|
1725
|
-
order: (0, $
|
|
1725
|
+
order: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1726
1726
|
pointerEvents: [
|
|
1727
1727
|
'none',
|
|
1728
1728
|
'auto'
|
|
@@ -1850,9 +1850,9 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
|
|
|
1850
1850
|
'contents',
|
|
1851
1851
|
'transform'
|
|
1852
1852
|
],
|
|
1853
|
-
zIndex: (0, $
|
|
1853
|
+
zIndex: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
|
|
1854
1854
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
1855
|
-
disableTapHighlight: (0, $
|
|
1855
|
+
disableTapHighlight: (0, $346a586d9b655682$exports.createArbitraryProperty)((_value)=>({
|
|
1856
1856
|
'-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
|
|
1857
1857
|
}))
|
|
1858
1858
|
},
|