@sysvale/cuida 3.0.0-beta.6 → 3.0.0-beta.61
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/README.md +14 -29
- package/dist/@sysvale/cuida.es.js +18408 -17130
- package/dist/@sysvale/cuida.umd.js +23 -23
- package/dist/@sysvale/tokens.scss +16 -1
- package/dist/style.css +1 -1
- package/package.json +4 -3
|
@@ -348,14 +348,29 @@ $hoverColors: (
|
|
|
348
348
|
'white': $n-0,
|
|
349
349
|
);
|
|
350
350
|
|
|
351
|
+
$backgroundColors: (
|
|
352
|
+
'teal': $ts-50,
|
|
353
|
+
'green': $gp-50,
|
|
354
|
+
'blue': $bn-50,
|
|
355
|
+
'indigo': $in-50,
|
|
356
|
+
'violet': $vr-50,
|
|
357
|
+
'pink': $pp-50,
|
|
358
|
+
'red': $rc-50,
|
|
359
|
+
'orange': $og-50,
|
|
360
|
+
'amber': $al-50,
|
|
361
|
+
'dark': $n-30,
|
|
362
|
+
'gray': $n-0,
|
|
363
|
+
);
|
|
364
|
+
|
|
351
365
|
@mixin variantResolver {
|
|
352
366
|
@each $color-name, $base-color in $baseColors {
|
|
353
367
|
$disabled: map-get($disabledColors , $color-name);
|
|
354
368
|
$muted: map-get($mutedColors , $color-name);
|
|
369
|
+
$background: map-get($backgroundColors , $color-name);
|
|
355
370
|
$hover: map-get($hoverColors , $color-name);
|
|
356
371
|
|
|
357
372
|
&--#{$color-name} {
|
|
358
|
-
@content($color-name, $base-color, $disabled, $muted, $hover);
|
|
373
|
+
@content($color-name, $base-color, $disabled, $muted, $background, $hover);
|
|
359
374
|
}
|
|
360
375
|
}
|
|
361
376
|
}
|