@arbor-css/core 0.0.102 → 0.0.104
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/cli/introspection.d.ts +1 -1
- package/dist/cli/introspection.d.ts.map +1 -1
- package/dist/cli/introspection.js +1 -2
- package/dist/cli/introspection.js.map +1 -1
- package/dist/cli/introspection.test.js +1 -1
- package/dist/cli/introspection.test.js.map +1 -1
- package/dist/cli/run.js +4 -2
- package/dist/cli/run.js.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +39 -12
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.js +4 -4
- package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +15 -5
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.js +15 -5
- package/dist/presets/arborPreset/modeSchema/intents/common.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +13 -4
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.js +2 -2
- package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +39 -12
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.js +4 -4
- package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/text.d.ts +3 -0
- package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +142 -68
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts +52 -44
- package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/primitives/typography.js +12 -4
- package/dist/presets/arborPreset/modeSchema/primitives/typography.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.d.ts +320 -11
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.js +70 -19
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +502 -0
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +12 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.js +4 -2
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts +21 -2
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.js +18 -4
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +253 -121
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +174 -11
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +24 -1
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/functions.test.js +7 -8
- package/dist/presets/basicPreset/functions.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +53 -41
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/mixins.js +94 -60
- package/dist/presets/basicPreset/mixins.js.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +63 -42
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.js +13 -13
- package/dist/presets/basicPreset/preset.js.map +1 -1
- package/dist/runtime/components/FunctionsList.d.ts +2 -0
- package/dist/runtime/components/FunctionsList.d.ts.map +1 -0
- package/dist/runtime/components/FunctionsList.js +123 -0
- package/dist/runtime/components/FunctionsList.js.map +1 -0
- package/dist/runtime/components/MixinsList.d.ts +2 -0
- package/dist/runtime/components/MixinsList.d.ts.map +1 -0
- package/dist/runtime/components/MixinsList.js +123 -0
- package/dist/runtime/components/MixinsList.js.map +1 -0
- package/dist/runtime/components/ModeGraph.d.ts +3 -0
- package/dist/runtime/components/ModeGraph.d.ts.map +1 -0
- package/dist/runtime/components/ModeGraph.js +325 -0
- package/dist/runtime/components/ModeGraph.js.map +1 -0
- package/dist/runtime/components/Outputs.d.ts +7 -0
- package/dist/runtime/components/Outputs.d.ts.map +1 -0
- package/dist/runtime/components/Outputs.js +39 -0
- package/dist/runtime/components/Outputs.js.map +1 -0
- package/dist/runtime/components/index.d.ts +1 -10
- package/dist/runtime/components/index.d.ts.map +1 -1
- package/dist/runtime/components/index.js +11 -10
- package/dist/runtime/components/index.js.map +1 -1
- package/dist/runtime/componentsOld/BaseElement.d.ts +8 -0
- package/dist/runtime/componentsOld/BaseElement.d.ts.map +1 -0
- package/dist/runtime/componentsOld/BaseElement.js +14 -0
- package/dist/runtime/componentsOld/BaseElement.js.map +1 -0
- package/dist/runtime/componentsOld/ModeSelector.d.ts.map +1 -0
- package/dist/runtime/componentsOld/ModeSelector.js.map +1 -0
- package/dist/runtime/componentsOld/SchemeSelector.d.ts.map +1 -0
- package/dist/runtime/componentsOld/SchemeSelector.js.map +1 -0
- package/dist/runtime/componentsOld/SystemDemo.d.ts.map +1 -0
- package/dist/runtime/componentsOld/SystemDemo.js.map +1 -0
- package/dist/runtime/componentsOld/TokenColorValuePreview.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenColorValuePreview.js.map +1 -0
- package/dist/runtime/componentsOld/TokenFontValuesPreview.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenFontValuesPreview.js.map +1 -0
- package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenShadowValuePreview.js.map +1 -0
- package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenSizeValuePreview.js.map +1 -0
- package/dist/runtime/componentsOld/TokenValuePreview.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenValuePreview.js.map +1 -0
- package/dist/runtime/componentsOld/TokenValues.d.ts.map +1 -0
- package/dist/runtime/componentsOld/TokenValues.js.map +1 -0
- package/dist/runtime/componentsOld/index.d.ts +11 -0
- package/dist/runtime/componentsOld/index.d.ts.map +1 -0
- package/dist/runtime/componentsOld/index.js +11 -0
- package/dist/runtime/componentsOld/index.js.map +1 -0
- package/dist/runtime/index.d.ts +0 -1
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +0 -1
- package/dist/runtime/index.js.map +1 -1
- package/dist/runtime/registration.d.ts +2 -1
- package/dist/runtime/registration.d.ts.map +1 -1
- package/dist/runtime/registration.js +11 -6
- package/dist/runtime/registration.js.map +1 -1
- package/dist/runtime/tokenGroups.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts +2 -1
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +2 -2
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +1 -1
- package/dist/stylesheet/modeToCss.d.ts +3 -1
- package/dist/stylesheet/modeToCss.d.ts.map +1 -1
- package/dist/stylesheet/modeToCss.js +7 -172
- package/dist/stylesheet/modeToCss.js.map +1 -1
- package/dist/util/buildModeTokenGraph.d.ts +30 -0
- package/dist/util/buildModeTokenGraph.d.ts.map +1 -0
- package/dist/util/buildModeTokenGraph.js +200 -0
- package/dist/util/buildModeTokenGraph.js.map +1 -0
- package/dist/util/buildModeTokenGraph.test.d.ts +2 -0
- package/dist/util/buildModeTokenGraph.test.d.ts.map +1 -0
- package/dist/util/buildModeTokenGraph.test.js +66 -0
- package/dist/util/buildModeTokenGraph.test.js.map +1 -0
- package/dist/util/resolveComputedTokenValue.test.js +4 -4
- package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
- package/package.json +9 -8
- package/dist/runtime/components/BaseElement.d.ts +0 -6
- package/dist/runtime/components/BaseElement.d.ts.map +0 -1
- package/dist/runtime/components/BaseElement.js +0 -10
- package/dist/runtime/components/BaseElement.js.map +0 -1
- package/dist/runtime/components/ModeSelector.d.ts.map +0 -1
- package/dist/runtime/components/ModeSelector.js.map +0 -1
- package/dist/runtime/components/SchemeSelector.d.ts.map +0 -1
- package/dist/runtime/components/SchemeSelector.js.map +0 -1
- package/dist/runtime/components/SystemDemo.d.ts.map +0 -1
- package/dist/runtime/components/SystemDemo.js.map +0 -1
- package/dist/runtime/components/TokenColorValuePreview.d.ts.map +0 -1
- package/dist/runtime/components/TokenColorValuePreview.js.map +0 -1
- package/dist/runtime/components/TokenFontValuesPreview.d.ts.map +0 -1
- package/dist/runtime/components/TokenFontValuesPreview.js.map +0 -1
- package/dist/runtime/components/TokenShadowValuePreview.d.ts.map +0 -1
- package/dist/runtime/components/TokenShadowValuePreview.js.map +0 -1
- package/dist/runtime/components/TokenSizeValuePreview.d.ts.map +0 -1
- package/dist/runtime/components/TokenSizeValuePreview.js.map +0 -1
- package/dist/runtime/components/TokenValuePreview.d.ts.map +0 -1
- package/dist/runtime/components/TokenValuePreview.js.map +0 -1
- package/dist/runtime/components/TokenValues.d.ts.map +0 -1
- package/dist/runtime/components/TokenValues.js.map +0 -1
- /package/dist/runtime/{components → componentsOld}/ModeSelector.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/ModeSelector.js +0 -0
- /package/dist/runtime/{components → componentsOld}/SchemeSelector.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/SchemeSelector.js +0 -0
- /package/dist/runtime/{components → componentsOld}/SystemDemo.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/SystemDemo.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenColorValuePreview.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenColorValuePreview.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenFontValuesPreview.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenFontValuesPreview.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenShadowValuePreview.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenShadowValuePreview.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenSizeValuePreview.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenSizeValuePreview.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenValuePreview.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenValuePreview.js +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenValues.d.ts +0 -0
- /package/dist/runtime/{components → componentsOld}/TokenValues.js +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Css, Equation } from '@arbor-css/calc';
|
|
2
2
|
import { CreateMixin } from '@arbor-css/functions';
|
|
3
|
+
import { GlobalContext } from '@arbor-css/globals';
|
|
3
4
|
import { RequiredTokens } from './commonFunctions.js';
|
|
4
|
-
export declare function createColorMixins(createMixinValue: CreateMixin, tokens: RequiredTokens, { name, property,
|
|
5
|
+
export declare function createColorMixins(createMixinValue: CreateMixin, tokens: RequiredTokens, { name, property, defineExtraProperties, }: {
|
|
5
6
|
name: string;
|
|
6
7
|
property: string;
|
|
7
|
-
description: string;
|
|
8
8
|
defineExtraProperties?: (css: Css) => Record<string, Equation>;
|
|
9
9
|
}): {
|
|
10
10
|
ref: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
@@ -156,35 +156,35 @@ export declare function createColorMixins(createMixinValue: CreateMixin, tokens:
|
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
158
|
}>;
|
|
159
|
-
|
|
159
|
+
lighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
160
160
|
readonly name: "--source";
|
|
161
161
|
readonly fallback: string;
|
|
162
162
|
}], {
|
|
163
163
|
[x: string]: /*elided*/ any;
|
|
164
164
|
$root?: undefined;
|
|
165
165
|
}>;
|
|
166
|
-
|
|
166
|
+
heavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
167
167
|
readonly name: "--source";
|
|
168
168
|
readonly fallback: string;
|
|
169
169
|
}], {
|
|
170
170
|
[x: string]: /*elided*/ any;
|
|
171
171
|
$root?: undefined;
|
|
172
172
|
}>;
|
|
173
|
-
|
|
173
|
+
desaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
174
174
|
readonly name: "--source";
|
|
175
175
|
readonly fallback: string;
|
|
176
176
|
}], {
|
|
177
177
|
[x: string]: /*elided*/ any;
|
|
178
178
|
$root?: undefined;
|
|
179
179
|
}>;
|
|
180
|
-
|
|
180
|
+
saturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
181
181
|
readonly name: "--source";
|
|
182
182
|
readonly fallback: string;
|
|
183
183
|
}], {
|
|
184
184
|
[x: string]: /*elided*/ any;
|
|
185
185
|
$root?: undefined;
|
|
186
186
|
}>;
|
|
187
|
-
|
|
187
|
+
faded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
188
188
|
readonly name: "--source";
|
|
189
189
|
readonly fallback: string;
|
|
190
190
|
}], {
|
|
@@ -192,9 +192,14 @@ export declare function createColorMixins(createMixinValue: CreateMixin, tokens:
|
|
|
192
192
|
$root?: undefined;
|
|
193
193
|
}>;
|
|
194
194
|
};
|
|
195
|
-
export declare function createPresetMixins(tokens: RequiredTokens, createMixinValue: CreateMixin): {
|
|
196
|
-
readonly shadow: import("@arbor-css/functions").ArborMixin<
|
|
197
|
-
|
|
195
|
+
export declare function createPresetMixins(tokens: RequiredTokens, createMixinValue: CreateMixin, context: GlobalContext): {
|
|
196
|
+
readonly shadow: import("@arbor-css/functions").ArborMixin<readonly [{
|
|
197
|
+
readonly name: "--shadow";
|
|
198
|
+
readonly fallback: "0 0 0 0 transparent";
|
|
199
|
+
readonly type: "*";
|
|
200
|
+
readonly description: "The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.";
|
|
201
|
+
}], {
|
|
202
|
+
value: {
|
|
198
203
|
"@@TOKEN@@": true;
|
|
199
204
|
name: string;
|
|
200
205
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -243,7 +248,14 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
243
248
|
prefixed: any;
|
|
244
249
|
};
|
|
245
250
|
};
|
|
246
|
-
|
|
251
|
+
}>;
|
|
252
|
+
readonly ring: import("@arbor-css/functions").ArborMixin<readonly [{
|
|
253
|
+
readonly name: "--ring";
|
|
254
|
+
readonly fallback: "0 0 0 0 transparent";
|
|
255
|
+
readonly type: "*";
|
|
256
|
+
readonly description: "The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.";
|
|
257
|
+
}], {
|
|
258
|
+
value: {
|
|
247
259
|
"@@TOKEN@@": true;
|
|
248
260
|
name: string;
|
|
249
261
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -442,35 +454,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
442
454
|
};
|
|
443
455
|
};
|
|
444
456
|
}>;
|
|
445
|
-
readonly
|
|
457
|
+
readonly accentLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
446
458
|
readonly name: "--source";
|
|
447
459
|
readonly fallback: string;
|
|
448
460
|
}], {
|
|
449
461
|
[x: string]: /*elided*/ any;
|
|
450
462
|
$root?: undefined;
|
|
451
463
|
}>;
|
|
452
|
-
readonly
|
|
464
|
+
readonly accentHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
453
465
|
readonly name: "--source";
|
|
454
466
|
readonly fallback: string;
|
|
455
467
|
}], {
|
|
456
468
|
[x: string]: /*elided*/ any;
|
|
457
469
|
$root?: undefined;
|
|
458
470
|
}>;
|
|
459
|
-
readonly
|
|
471
|
+
readonly accentDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
460
472
|
readonly name: "--source";
|
|
461
473
|
readonly fallback: string;
|
|
462
474
|
}], {
|
|
463
475
|
[x: string]: /*elided*/ any;
|
|
464
476
|
$root?: undefined;
|
|
465
477
|
}>;
|
|
466
|
-
readonly
|
|
478
|
+
readonly accentSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
467
479
|
readonly name: "--source";
|
|
468
480
|
readonly fallback: string;
|
|
469
481
|
}], {
|
|
470
482
|
[x: string]: /*elided*/ any;
|
|
471
483
|
$root?: undefined;
|
|
472
484
|
}>;
|
|
473
|
-
readonly
|
|
485
|
+
readonly accentFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
474
486
|
readonly name: "--source";
|
|
475
487
|
readonly fallback: string;
|
|
476
488
|
}], {
|
|
@@ -626,35 +638,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
626
638
|
};
|
|
627
639
|
};
|
|
628
640
|
}>;
|
|
629
|
-
readonly
|
|
641
|
+
readonly bgLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
630
642
|
readonly name: "--source";
|
|
631
643
|
readonly fallback: string;
|
|
632
644
|
}], {
|
|
633
645
|
[x: string]: /*elided*/ any;
|
|
634
646
|
$root?: undefined;
|
|
635
647
|
}>;
|
|
636
|
-
readonly
|
|
648
|
+
readonly bgHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
637
649
|
readonly name: "--source";
|
|
638
650
|
readonly fallback: string;
|
|
639
651
|
}], {
|
|
640
652
|
[x: string]: /*elided*/ any;
|
|
641
653
|
$root?: undefined;
|
|
642
654
|
}>;
|
|
643
|
-
readonly
|
|
655
|
+
readonly bgDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
644
656
|
readonly name: "--source";
|
|
645
657
|
readonly fallback: string;
|
|
646
658
|
}], {
|
|
647
659
|
[x: string]: /*elided*/ any;
|
|
648
660
|
$root?: undefined;
|
|
649
661
|
}>;
|
|
650
|
-
readonly
|
|
662
|
+
readonly bgSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
651
663
|
readonly name: "--source";
|
|
652
664
|
readonly fallback: string;
|
|
653
665
|
}], {
|
|
654
666
|
[x: string]: /*elided*/ any;
|
|
655
667
|
$root?: undefined;
|
|
656
668
|
}>;
|
|
657
|
-
readonly
|
|
669
|
+
readonly bgFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
658
670
|
readonly name: "--source";
|
|
659
671
|
readonly fallback: string;
|
|
660
672
|
}], {
|
|
@@ -810,35 +822,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
810
822
|
};
|
|
811
823
|
};
|
|
812
824
|
}>;
|
|
813
|
-
readonly
|
|
825
|
+
readonly borderLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
814
826
|
readonly name: "--source";
|
|
815
827
|
readonly fallback: string;
|
|
816
828
|
}], {
|
|
817
829
|
[x: string]: /*elided*/ any;
|
|
818
830
|
$root?: undefined;
|
|
819
831
|
}>;
|
|
820
|
-
readonly
|
|
832
|
+
readonly borderHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
821
833
|
readonly name: "--source";
|
|
822
834
|
readonly fallback: string;
|
|
823
835
|
}], {
|
|
824
836
|
[x: string]: /*elided*/ any;
|
|
825
837
|
$root?: undefined;
|
|
826
838
|
}>;
|
|
827
|
-
readonly
|
|
839
|
+
readonly borderDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
828
840
|
readonly name: "--source";
|
|
829
841
|
readonly fallback: string;
|
|
830
842
|
}], {
|
|
831
843
|
[x: string]: /*elided*/ any;
|
|
832
844
|
$root?: undefined;
|
|
833
845
|
}>;
|
|
834
|
-
readonly
|
|
846
|
+
readonly borderSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
835
847
|
readonly name: "--source";
|
|
836
848
|
readonly fallback: string;
|
|
837
849
|
}], {
|
|
838
850
|
[x: string]: /*elided*/ any;
|
|
839
851
|
$root?: undefined;
|
|
840
852
|
}>;
|
|
841
|
-
readonly
|
|
853
|
+
readonly borderFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
842
854
|
readonly name: "--source";
|
|
843
855
|
readonly fallback: string;
|
|
844
856
|
}], {
|
|
@@ -994,35 +1006,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
994
1006
|
};
|
|
995
1007
|
};
|
|
996
1008
|
}>;
|
|
997
|
-
readonly
|
|
1009
|
+
readonly fillLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
998
1010
|
readonly name: "--source";
|
|
999
1011
|
readonly fallback: string;
|
|
1000
1012
|
}], {
|
|
1001
1013
|
[x: string]: /*elided*/ any;
|
|
1002
1014
|
$root?: undefined;
|
|
1003
1015
|
}>;
|
|
1004
|
-
readonly
|
|
1016
|
+
readonly fillHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1005
1017
|
readonly name: "--source";
|
|
1006
1018
|
readonly fallback: string;
|
|
1007
1019
|
}], {
|
|
1008
1020
|
[x: string]: /*elided*/ any;
|
|
1009
1021
|
$root?: undefined;
|
|
1010
1022
|
}>;
|
|
1011
|
-
readonly
|
|
1023
|
+
readonly fillDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1012
1024
|
readonly name: "--source";
|
|
1013
1025
|
readonly fallback: string;
|
|
1014
1026
|
}], {
|
|
1015
1027
|
[x: string]: /*elided*/ any;
|
|
1016
1028
|
$root?: undefined;
|
|
1017
1029
|
}>;
|
|
1018
|
-
readonly
|
|
1030
|
+
readonly fillSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1019
1031
|
readonly name: "--source";
|
|
1020
1032
|
readonly fallback: string;
|
|
1021
1033
|
}], {
|
|
1022
1034
|
[x: string]: /*elided*/ any;
|
|
1023
1035
|
$root?: undefined;
|
|
1024
1036
|
}>;
|
|
1025
|
-
readonly
|
|
1037
|
+
readonly fillFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
1026
1038
|
readonly name: "--source";
|
|
1027
1039
|
readonly fallback: string;
|
|
1028
1040
|
}], {
|
|
@@ -1178,35 +1190,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
1178
1190
|
};
|
|
1179
1191
|
};
|
|
1180
1192
|
}>;
|
|
1181
|
-
readonly
|
|
1193
|
+
readonly fgLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1182
1194
|
readonly name: "--source";
|
|
1183
1195
|
readonly fallback: string;
|
|
1184
1196
|
}], {
|
|
1185
1197
|
[x: string]: /*elided*/ any;
|
|
1186
1198
|
$root?: undefined;
|
|
1187
1199
|
}>;
|
|
1188
|
-
readonly
|
|
1200
|
+
readonly fgHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1189
1201
|
readonly name: "--source";
|
|
1190
1202
|
readonly fallback: string;
|
|
1191
1203
|
}], {
|
|
1192
1204
|
[x: string]: /*elided*/ any;
|
|
1193
1205
|
$root?: undefined;
|
|
1194
1206
|
}>;
|
|
1195
|
-
readonly
|
|
1207
|
+
readonly fgDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1196
1208
|
readonly name: "--source";
|
|
1197
1209
|
readonly fallback: string;
|
|
1198
1210
|
}], {
|
|
1199
1211
|
[x: string]: /*elided*/ any;
|
|
1200
1212
|
$root?: undefined;
|
|
1201
1213
|
}>;
|
|
1202
|
-
readonly
|
|
1214
|
+
readonly fgSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1203
1215
|
readonly name: "--source";
|
|
1204
1216
|
readonly fallback: string;
|
|
1205
1217
|
}], {
|
|
1206
1218
|
[x: string]: /*elided*/ any;
|
|
1207
1219
|
$root?: undefined;
|
|
1208
1220
|
}>;
|
|
1209
|
-
readonly
|
|
1221
|
+
readonly fgFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
1210
1222
|
readonly name: "--source";
|
|
1211
1223
|
readonly fallback: string;
|
|
1212
1224
|
}], {
|
|
@@ -1362,35 +1374,35 @@ export declare function createPresetMixins(tokens: RequiredTokens, createMixinVa
|
|
|
1362
1374
|
};
|
|
1363
1375
|
};
|
|
1364
1376
|
}>;
|
|
1365
|
-
readonly
|
|
1377
|
+
readonly strokeLighter: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1366
1378
|
readonly name: "--source";
|
|
1367
1379
|
readonly fallback: string;
|
|
1368
1380
|
}], {
|
|
1369
1381
|
[x: string]: /*elided*/ any;
|
|
1370
1382
|
$root?: undefined;
|
|
1371
1383
|
}>;
|
|
1372
|
-
readonly
|
|
1384
|
+
readonly strokeHeavier: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1373
1385
|
readonly name: "--source";
|
|
1374
1386
|
readonly fallback: string;
|
|
1375
1387
|
}], {
|
|
1376
1388
|
[x: string]: /*elided*/ any;
|
|
1377
1389
|
$root?: undefined;
|
|
1378
1390
|
}>;
|
|
1379
|
-
readonly
|
|
1391
|
+
readonly strokeDesaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1380
1392
|
readonly name: "--source";
|
|
1381
1393
|
readonly fallback: string;
|
|
1382
1394
|
}], {
|
|
1383
1395
|
[x: string]: /*elided*/ any;
|
|
1384
1396
|
$root?: undefined;
|
|
1385
1397
|
}>;
|
|
1386
|
-
readonly
|
|
1398
|
+
readonly strokeSaturated: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
1387
1399
|
readonly name: "--source";
|
|
1388
1400
|
readonly fallback: string;
|
|
1389
1401
|
}], {
|
|
1390
1402
|
[x: string]: /*elided*/ any;
|
|
1391
1403
|
$root?: undefined;
|
|
1392
1404
|
}>;
|
|
1393
|
-
readonly
|
|
1405
|
+
readonly strokeFaded: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
1394
1406
|
readonly name: "--source";
|
|
1395
1407
|
readonly fallback: string;
|
|
1396
1408
|
}], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,
|
|
1
|
+
{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAwB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAKN,cAAc,EAEd,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,iBAAiB,CAChC,gBAAgB,EAAE,WAAW,EAC7B,MAAM,EAAE,cAAc,EACtB,EACC,IAAI,EACJ,QAAQ,EACR,qBAAqB,GACrB,EAAE;IACF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC/D;;;;;;;;;;;;;0CAoHyF,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EArBzB;AAED,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,WAAW,EAC7B,OAAO,EAAE,aAAa;;;;;;;;;;;;;;;;;;0CA9BoE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;0CA9CiE,CAAC;0BAIrF,CAAC;;;;;;;;;;;;;8CAwBJ,CAAC;8BAEJ,CAAA;;;;;;;;;;;;;;;;8CAc+B,CAAC;8BAER,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8IzB;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
|
|
2
|
-
export function createColorMixins(createMixinValue, tokens, { name, property,
|
|
2
|
+
export function createColorMixins(createMixinValue, tokens, { name, property, defineExtraProperties, }) {
|
|
3
3
|
const refMixin = createMixinValue(name, {
|
|
4
|
-
description,
|
|
4
|
+
description: ({ tokens }) => `Applies ${property}, and also exposes this color for reference by other mixins or functions via ${tokens.ref.name}.`,
|
|
5
5
|
parameters: ['--color'],
|
|
6
6
|
definition: (css, { parameters: [color], tokens }) => {
|
|
7
7
|
return {
|
|
@@ -39,7 +39,7 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
39
39
|
},
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
|
-
const lightenMixin = createMixinValue(`${name}-
|
|
42
|
+
const lightenMixin = createMixinValue(`${name}-lighter`, {
|
|
43
43
|
description: `Lightens the ${property} color applied to ${refMixin.name} by a number of steps.`,
|
|
44
44
|
parameters: [
|
|
45
45
|
'--step',
|
|
@@ -52,7 +52,7 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
52
52
|
[refMixin.contributeTokens.ref.name]: lightenColorAlteration(css, tokens, source, step),
|
|
53
53
|
}),
|
|
54
54
|
});
|
|
55
|
-
const darkenMixin = createMixinValue(`${name}-
|
|
55
|
+
const darkenMixin = createMixinValue(`${name}-heavier`, {
|
|
56
56
|
description: `Darkens the ${property} color applied to ${refMixin.name} by a number of steps.`,
|
|
57
57
|
parameters: [
|
|
58
58
|
'--step',
|
|
@@ -65,7 +65,7 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
65
65
|
[refMixin.contributeTokens.ref.name]: darkenColorAlteration(css, tokens, source, step),
|
|
66
66
|
}),
|
|
67
67
|
});
|
|
68
|
-
const desaturateMixin = createMixinValue(`${name}-
|
|
68
|
+
const desaturateMixin = createMixinValue(`${name}-desaturated`, {
|
|
69
69
|
description: `Desaturates the ${property} color applied to ${refMixin.name} by a number of steps.`,
|
|
70
70
|
parameters: [
|
|
71
71
|
'--step',
|
|
@@ -78,7 +78,7 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
78
78
|
[refMixin.contributeTokens.ref.name]: desaturateColorAlteration(css, tokens, source, step),
|
|
79
79
|
}),
|
|
80
80
|
});
|
|
81
|
-
const saturateMixin = createMixinValue(`${name}-
|
|
81
|
+
const saturateMixin = createMixinValue(`${name}-saturated`, {
|
|
82
82
|
description: `Saturates the ${property} color applied to ${refMixin.name} by a number of steps.`,
|
|
83
83
|
parameters: [
|
|
84
84
|
'--step',
|
|
@@ -91,7 +91,7 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
91
91
|
[refMixin.contributeTokens.ref.name]: saturateColorAlteration(css, tokens, source, step),
|
|
92
92
|
}),
|
|
93
93
|
});
|
|
94
|
-
const fadeMixin = createMixinValue(`${name}-
|
|
94
|
+
const fadeMixin = createMixinValue(`${name}-faded`, {
|
|
95
95
|
description: `Sets the ${property} color applied to ${refMixin.name} to a specific opacity.`,
|
|
96
96
|
parameters: [
|
|
97
97
|
'--opacity',
|
|
@@ -106,49 +106,85 @@ export function createColorMixins(createMixinValue, tokens, { name, property, de
|
|
|
106
106
|
});
|
|
107
107
|
return {
|
|
108
108
|
ref: refMixin,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
109
|
+
lighter: lightenMixin,
|
|
110
|
+
heavier: darkenMixin,
|
|
111
|
+
desaturated: desaturateMixin,
|
|
112
|
+
saturated: saturateMixin,
|
|
113
|
+
faded: fadeMixin,
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
|
-
export function createPresetMixins(tokens, createMixinValue) {
|
|
116
|
+
export function createPresetMixins(tokens, createMixinValue, context) {
|
|
117
|
+
// pre-create shadow tokens so they can be reused in both mixins
|
|
118
|
+
const shadowValueToken = context.createMixinToken('shadow-value', {
|
|
119
|
+
purpose: 'shadow',
|
|
120
|
+
description: 'The main stacked shadow layer used by the shadow mixin. Assign this property to apply a shadow.',
|
|
121
|
+
});
|
|
122
|
+
const ringValueToken = context.createMixinToken('ring-value', {
|
|
123
|
+
purpose: 'shadow',
|
|
124
|
+
description: 'A "ring" shadow, often used as a focus indicator. Assign this property to apply a ring. See the "ring" function.',
|
|
125
|
+
});
|
|
117
126
|
const shadow = createMixinValue('shadow', {
|
|
118
127
|
description: 'Applies stacked box-shadow layers as assignable tokens, so ring and shadow portions can be assigned independently.',
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
128
|
+
parameters: [
|
|
129
|
+
{
|
|
130
|
+
name: '--shadow',
|
|
131
|
+
fallback: '0 0 0 0 transparent',
|
|
132
|
+
type: '*',
|
|
133
|
+
description: 'The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.',
|
|
134
|
+
},
|
|
135
|
+
],
|
|
136
|
+
definition: (css, { tokens, parameters: [shadowParam] }) => ({
|
|
137
|
+
[tokens.value.name]: css `
|
|
138
|
+
${shadowParam}
|
|
139
|
+
`,
|
|
122
140
|
'box-shadow': css `
|
|
123
|
-
${
|
|
141
|
+
${[ringValueToken, css `0 0 0 0 transparent`]}, ${[
|
|
142
|
+
tokens.value,
|
|
143
|
+
css `0 0 0 0 transparent`,
|
|
144
|
+
]}
|
|
124
145
|
`,
|
|
125
146
|
}),
|
|
126
147
|
contributeTokens: {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
148
|
+
value: shadowValueToken,
|
|
149
|
+
},
|
|
150
|
+
});
|
|
151
|
+
const ring = createMixinValue('ring', {
|
|
152
|
+
description: 'Creates a solid ring using box-shadow. Combines with shadows applied via the shadow mixin.',
|
|
153
|
+
parameters: [
|
|
154
|
+
{
|
|
155
|
+
name: '--ring',
|
|
156
|
+
fallback: '0 0 0 0 transparent',
|
|
157
|
+
type: '*',
|
|
158
|
+
description: 'The main shadow layer, often used for elevation. If not specified, no shadow is initially applied.',
|
|
134
159
|
},
|
|
160
|
+
],
|
|
161
|
+
definition: (css, { tokens, parameters: [ringParam] }) => ({
|
|
162
|
+
[tokens.value.name]: css `
|
|
163
|
+
${ringParam}
|
|
164
|
+
`,
|
|
165
|
+
'box-shadow': css `
|
|
166
|
+
${[tokens.value, css `0 0 0 0 transparent`]}, ${[
|
|
167
|
+
shadowValueToken,
|
|
168
|
+
css `0 0 0 0 transparent`,
|
|
169
|
+
]}
|
|
170
|
+
`,
|
|
171
|
+
}),
|
|
172
|
+
contributeTokens: {
|
|
173
|
+
value: ringValueToken,
|
|
135
174
|
},
|
|
136
175
|
});
|
|
137
176
|
// colors
|
|
138
177
|
const fgMixins = createColorMixins(createMixinValue, tokens, {
|
|
139
178
|
name: 'fg',
|
|
140
179
|
property: 'color',
|
|
141
|
-
description: 'Routes color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
142
180
|
});
|
|
143
181
|
const bgMixins = createColorMixins(createMixinValue, tokens, {
|
|
144
182
|
name: 'bg',
|
|
145
183
|
property: 'background',
|
|
146
|
-
description: 'Routes background color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
147
184
|
});
|
|
148
185
|
const borderMixins = createColorMixins(createMixinValue, tokens, {
|
|
149
186
|
name: 'border',
|
|
150
187
|
property: 'border-color',
|
|
151
|
-
description: 'Routes border color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
152
188
|
defineExtraProperties: (css) => ({
|
|
153
189
|
'border-style': css `solid`,
|
|
154
190
|
'border-width': css `
|
|
@@ -159,56 +195,54 @@ export function createPresetMixins(tokens, createMixinValue) {
|
|
|
159
195
|
const fillMixins = createColorMixins(createMixinValue, tokens, {
|
|
160
196
|
name: 'fill',
|
|
161
197
|
property: 'fill',
|
|
162
|
-
description: 'Routes SVG fill assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
163
198
|
});
|
|
164
199
|
const strokeMixins = createColorMixins(createMixinValue, tokens, {
|
|
165
200
|
name: 'stroke',
|
|
166
201
|
property: 'stroke',
|
|
167
|
-
description: 'Routes SVG stroke assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
168
202
|
});
|
|
169
203
|
const accentMixins = createColorMixins(createMixinValue, tokens, {
|
|
170
204
|
name: 'accent',
|
|
171
205
|
property: 'accent-color',
|
|
172
|
-
description: 'Routes accent-color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
173
206
|
});
|
|
174
207
|
return {
|
|
175
208
|
shadow,
|
|
209
|
+
ring,
|
|
176
210
|
accent: accentMixins.ref,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
211
|
+
accentLighter: accentMixins.lighter,
|
|
212
|
+
accentHeavier: accentMixins.heavier,
|
|
213
|
+
accentDesaturated: accentMixins.desaturated,
|
|
214
|
+
accentSaturated: accentMixins.saturated,
|
|
215
|
+
accentFaded: accentMixins.faded,
|
|
182
216
|
bg: bgMixins.ref,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
217
|
+
bgLighter: bgMixins.lighter,
|
|
218
|
+
bgHeavier: bgMixins.heavier,
|
|
219
|
+
bgDesaturated: bgMixins.desaturated,
|
|
220
|
+
bgSaturated: bgMixins.saturated,
|
|
221
|
+
bgFaded: bgMixins.faded,
|
|
188
222
|
border: borderMixins.ref,
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
223
|
+
borderLighter: borderMixins.lighter,
|
|
224
|
+
borderHeavier: borderMixins.heavier,
|
|
225
|
+
borderDesaturated: borderMixins.desaturated,
|
|
226
|
+
borderSaturated: borderMixins.saturated,
|
|
227
|
+
borderFaded: borderMixins.faded,
|
|
194
228
|
fill: fillMixins.ref,
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
229
|
+
fillLighter: fillMixins.lighter,
|
|
230
|
+
fillHeavier: fillMixins.heavier,
|
|
231
|
+
fillDesaturated: fillMixins.desaturated,
|
|
232
|
+
fillSaturated: fillMixins.saturated,
|
|
233
|
+
fillFaded: fillMixins.faded,
|
|
200
234
|
fg: fgMixins.ref,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
235
|
+
fgLighter: fgMixins.lighter,
|
|
236
|
+
fgHeavier: fgMixins.heavier,
|
|
237
|
+
fgDesaturated: fgMixins.desaturated,
|
|
238
|
+
fgSaturated: fgMixins.saturated,
|
|
239
|
+
fgFaded: fgMixins.faded,
|
|
206
240
|
stroke: strokeMixins.ref,
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
241
|
+
strokeLighter: strokeMixins.lighter,
|
|
242
|
+
strokeHeavier: strokeMixins.heavier,
|
|
243
|
+
strokeDesaturated: strokeMixins.desaturated,
|
|
244
|
+
strokeSaturated: strokeMixins.saturated,
|
|
245
|
+
strokeFaded: strokeMixins.faded,
|
|
212
246
|
};
|
|
213
247
|
}
|
|
214
248
|
//# sourceMappingURL=mixins.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mixins.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"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"}
|