@descope/web-components-ui 1.0.104 → 1.0.105
Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.esm.js
CHANGED
@@ -1402,11 +1402,16 @@ const Checkbox = compose(
|
|
1402
1402
|
// Checkbox
|
1403
1403
|
checkboxBackgroundColor: { ...checkboxElement, property: 'background-color' },
|
1404
1404
|
checkboxRadius: { ...checkboxElement, property: 'border-radius' },
|
1405
|
-
|
1405
|
+
|
1406
|
+
checkboxSize: [
|
1406
1407
|
{ ...checkboxElement, property: 'width' },
|
1407
|
-
{ ...label$6, property: 'margin-left' }
|
1408
|
+
{ ...label$6, property: 'margin-left' },
|
1409
|
+
{ ...checkboxElement, property: 'height' },
|
1410
|
+
{ ...checkboxSurface, property: 'font-size' },
|
1411
|
+
{ ...component$1, property: 'font-size' },
|
1412
|
+
{ ...label$6, property: 'line-height' },
|
1413
|
+
{ ...checkboxHiddenLabel$1, property: 'line-height' }
|
1408
1414
|
],
|
1409
|
-
checkboxHeight: { ...checkboxElement, property: 'height' },
|
1410
1415
|
|
1411
1416
|
checkboxOutlineWidth: { ...checkboxElement, property: 'outline-width' },
|
1412
1417
|
checkboxOutlineOffset: { ...checkboxElement, property: 'outline-offset' },
|
@@ -1414,18 +1419,15 @@ const Checkbox = compose(
|
|
1414
1419
|
checkboxOutlineStyle: { ...checkboxElement, property: 'outline-style' },
|
1415
1420
|
|
1416
1421
|
// Checkmark
|
1417
|
-
checkmarkSize: [{ ...checkboxSurface, property: 'font-size' }, { ...component$1, property: 'font-size' }],
|
1418
1422
|
checkmarkTextColor: { ...checkboxSurface, property: 'color' },
|
1419
1423
|
|
1420
1424
|
// Label
|
1421
1425
|
labelFontSize: [
|
1426
|
+
{ ...host$9, property: 'font-size' },
|
1427
|
+
{ ...checkboxElement, property: 'font-size' },
|
1422
1428
|
{ ...label$6, property: 'font-size' },
|
1423
1429
|
{ ...checkboxHiddenLabel$1, property: 'font-size' }
|
1424
1430
|
],
|
1425
|
-
labelLineHeight: [
|
1426
|
-
{ ...label$6, property: 'line-height' },
|
1427
|
-
{ ...checkboxHiddenLabel$1, property: 'line-height' }
|
1428
|
-
],
|
1429
1431
|
labelFontWeight: [
|
1430
1432
|
{ ...label$6, property: 'font-weight' },
|
1431
1433
|
{ ...checkboxHiddenLabel$1, property: 'font-weight' }
|
@@ -5634,43 +5636,30 @@ const vars$c = Checkbox.cssVarList;
|
|
5634
5636
|
|
5635
5637
|
const checkbox = {
|
5636
5638
|
[vars$c.checkboxBackgroundColor]: globalRefs$a.colors.surface.main,
|
5637
|
-
|
5638
|
-
[vars$c.labelFontSize]: '12px',
|
5639
|
-
[vars$c.labelFontWeight]: '400',
|
5640
|
-
[vars$c.labelTextColor]: globalRefs$a.colors.surface.contrast,
|
5641
5639
|
[vars$c.cursor]: 'pointer',
|
5642
5640
|
|
5643
|
-
[vars$c.checkboxWidth]: 'calc(1em - 2px)',
|
5644
|
-
[vars$c.checkboxHeight]: 'calc(1em - 2px)',
|
5645
|
-
[vars$c.labelMargin]: 'calc(1em + 5px)',
|
5646
|
-
|
5647
5641
|
[vars$c.checkboxRadius]: globalRefs$a.radius.xs,
|
5642
|
+
[vars$c.checkboxSize]: '2em',
|
5643
|
+
|
5644
|
+
[vars$c.labelTextColor]: globalRefs$a.colors.surface.contrast,
|
5645
|
+
[vars$c.labelMargin]: '0.5em',
|
5646
|
+
[vars$c.labelFontWeight]: '400',
|
5648
5647
|
|
5649
5648
|
size: {
|
5650
5649
|
xs: {
|
5651
|
-
[vars$c.labelFontSize]: '
|
5652
|
-
[vars$c.labelLineHeight]: '1.1em',
|
5653
|
-
[vars$c.checkmarkSize]: '18px',
|
5650
|
+
[vars$c.labelFontSize]: '8px',
|
5654
5651
|
},
|
5655
5652
|
sm: {
|
5656
|
-
[vars$c.labelFontSize]: '
|
5657
|
-
[vars$c.labelLineHeight]: '1.2em',
|
5658
|
-
[vars$c.checkmarkSize]: '22px',
|
5653
|
+
[vars$c.labelFontSize]: '10px',
|
5659
5654
|
},
|
5660
5655
|
md: {
|
5661
|
-
[vars$c.labelFontSize]: '
|
5662
|
-
[vars$c.labelLineHeight]: '1.35em',
|
5663
|
-
[vars$c.checkmarkSize]: '26px',
|
5656
|
+
[vars$c.labelFontSize]: '14px',
|
5664
5657
|
},
|
5665
5658
|
lg: {
|
5666
5659
|
[vars$c.labelFontSize]: '20px',
|
5667
|
-
[vars$c.labelLineHeight]: '1.5em',
|
5668
|
-
[vars$c.checkmarkSize]: '34px',
|
5669
5660
|
},
|
5670
5661
|
xl: {
|
5671
|
-
[vars$c.labelFontSize]: '
|
5672
|
-
[vars$c.labelLineHeight]: '1.75em',
|
5673
|
-
[vars$c.checkmarkSize]: '38px',
|
5662
|
+
[vars$c.labelFontSize]: '25px',
|
5674
5663
|
}
|
5675
5664
|
},
|
5676
5665
|
|