@politiet/sheriff-web-components 2.0.1 → 2.0.3
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/frameworks/react.d.ts +4 -4
- package/dist/frameworks/react.d.ts.map +1 -1
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.d.ts +1 -0
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.js +1 -0
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSRadioGroupWrapper.d.ts +1 -0
- package/dist/react-wrappers/SDSRadioGroupWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSRadioGroupWrapper.js +1 -0
- package/dist/react-wrappers/SDSRadioGroupWrapper.js.map +1 -1
- package/dist/sds-alert/sds-alert.styles.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.styles.js +25 -3
- package/dist/sds-alert/sds-alert.styles.js.map +1 -1
- package/dist/sds-button/sds-button.styles.d.ts.map +1 -1
- package/dist/sds-button/sds-button.styles.js +13 -1
- package/dist/sds-button/sds-button.styles.js.map +1 -1
- package/dist/sds-card/sds-card.d.ts +1 -1
- package/dist/sds-card/sds-card.d.ts.map +1 -1
- package/dist/sds-card/sds-card.js +5 -5
- package/dist/sds-card/sds-card.js.map +1 -1
- package/dist/sds-card/sds-card.styles.js +6 -6
- package/dist/sds-card/sds-card.styles.js.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.styles.js +17 -17
- package/dist/sds-checkbox/sds-checkbox.styles.js.map +1 -1
- package/dist/sds-checkbox-group/sds-checkbox-group.styles.js +2 -2
- package/dist/sds-checkbox-group/sds-checkbox-group.styles.js.map +1 -1
- package/dist/sds-chip/sds-chip.styles.js +19 -19
- package/dist/sds-chip/sds-chip.styles.js.map +1 -1
- package/dist/sds-radio/sds-radio.d.ts +17 -4
- package/dist/sds-radio/sds-radio.d.ts.map +1 -1
- package/dist/sds-radio/sds-radio.js +76 -21
- package/dist/sds-radio/sds-radio.js.map +1 -1
- package/dist/sds-radio/sds-radio.styles.js +27 -27
- package/dist/sds-radio/sds-radio.styles.js.map +1 -1
- package/dist/sds-radio-group/sds-radio-group.d.ts +1 -0
- package/dist/sds-radio-group/sds-radio-group.d.ts.map +1 -1
- package/dist/sds-radio-group/sds-radio-group.js +14 -10
- package/dist/sds-radio-group/sds-radio-group.js.map +1 -1
- package/dist/sds-radio-group/sds-radio-group.styles.js +2 -2
- package/dist/sds-radio-group/sds-radio-group.styles.js.map +1 -1
- package/dist/sds-switch/sds-switch.styles.js +3 -3
- package/dist/sds-switch/sds-switch.styles.js.map +1 -1
- package/dist/sds-textarea/sds-textarea.styles.js +11 -11
- package/dist/sds-textarea/sds-textarea.styles.js.map +1 -1
- package/dist/sds-textfield/sds-textfield.styles.js +7 -7
- package/dist/sds-textfield/sds-textfield.styles.js.map +1 -1
- package/dist/sheriff-web-components.js +218 -133
- package/package.json +2 -2
|
@@ -615,6 +615,7 @@ const styles$g = i$4`
|
|
|
615
615
|
--_sds-alert-title-line-height: var(--sds-alert-title-line-height, var(--sds-components-line-height-tall-title-md));
|
|
616
616
|
|
|
617
617
|
--_sds-alert-icon-color: var(--sds-alert-icon-color, var(--sds-color-alert-info-text-subtle));
|
|
618
|
+
--_sds-alert-icon-color-background: var(--sds-alert-icon-color-background, var(--sds-color-action-contrast-default, white));
|
|
618
619
|
--_sds-alert-max-line-width: var(--sds-alert-max-line-width, var(--sds-typography-max-line-width));
|
|
619
620
|
--_sds-alert-padding: var(--sds-alert-padding, var(--sds-spacing-sm));
|
|
620
621
|
|
|
@@ -670,7 +671,6 @@ const styles$g = i$4`
|
|
|
670
671
|
display: flex;
|
|
671
672
|
flex: 1;
|
|
672
673
|
flex-direction: column;
|
|
673
|
-
gap: var(--_sds-alert-content-gap);
|
|
674
674
|
}
|
|
675
675
|
|
|
676
676
|
.sds-alert__actions {
|
|
@@ -695,8 +695,30 @@ const styles$g = i$4`
|
|
|
695
695
|
--_sds-alert-line-height: var(--sds-alert-line-height, var(--sds-components-line-height-tall-content-md));
|
|
696
696
|
--_sds-alert-font-weight: var(--sds-alert-font-weight, var(--sds-typography-body-md-tall-desktop-font-weight));
|
|
697
697
|
|
|
698
|
-
|
|
699
|
-
|
|
698
|
+
position: relative;
|
|
699
|
+
|
|
700
|
+
&::after {
|
|
701
|
+
content: '';
|
|
702
|
+
position: absolute;
|
|
703
|
+
top: 8px;
|
|
704
|
+
left: 9px;
|
|
705
|
+
width: 16px;
|
|
706
|
+
height: 16px;
|
|
707
|
+
background-color: var(--_sds-alert-icon-color-background);
|
|
708
|
+
z-index: 0;
|
|
709
|
+
clip-path: circle(50%);
|
|
710
|
+
}
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
:host([variant='secondary']):host([data-palette='attention']) {
|
|
714
|
+
--sds-icon-color: var(--sds-alert-icon-color, var(--sds-color-action-default));
|
|
715
|
+
|
|
716
|
+
&::after {
|
|
717
|
+
top: 9px;
|
|
718
|
+
left: 7px;
|
|
719
|
+
width: 20px;
|
|
720
|
+
height: 16px;
|
|
721
|
+
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
700
722
|
}
|
|
701
723
|
}
|
|
702
724
|
|
|
@@ -1099,7 +1121,7 @@ const styles$e = i$4`
|
|
|
1099
1121
|
}
|
|
1100
1122
|
|
|
1101
1123
|
.sds-button:active {
|
|
1102
|
-
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-
|
|
1124
|
+
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
|
|
1103
1125
|
}
|
|
1104
1126
|
}
|
|
1105
1127
|
|
|
@@ -1126,6 +1148,18 @@ const styles$e = i$4`
|
|
|
1126
1148
|
}
|
|
1127
1149
|
}
|
|
1128
1150
|
|
|
1151
|
+
:host([variant='tertiary']):host([icon]) {
|
|
1152
|
+
.sds-button:hover {
|
|
1153
|
+
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
|
|
1154
|
+
--_sds-button-border-color: var(--sds-button-border-color, transparent);
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
.sds-button:active {
|
|
1158
|
+
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
|
|
1159
|
+
--_sds-button-border-color: var(--sds-button-border-color, transparent);
|
|
1160
|
+
}
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1129
1163
|
:host([size='medium']), /* Deprecated */
|
|
1130
1164
|
:host([size='md']) {
|
|
1131
1165
|
--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-md));
|
|
@@ -1399,7 +1433,7 @@ function validateSlotContent(slot, allowedTags, allowText, warningMessage) {
|
|
|
1399
1433
|
}
|
|
1400
1434
|
const styles$d = i$4`
|
|
1401
1435
|
:host {
|
|
1402
|
-
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-main-surface-tinted));
|
|
1436
|
+
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
1403
1437
|
--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
|
|
1404
1438
|
--_sds-card-padding: var(--sds-card-padding, var(--sds-spacing-xs));
|
|
1405
1439
|
--_sds-card-gap: var(--sds-card-gap, var(--sds-spacing-3xs));
|
|
@@ -1407,14 +1441,14 @@ const styles$d = i$4`
|
|
|
1407
1441
|
--_sds-card-focus-color: var(--sds-card-focus-color, var(--sds-color-states-focus-outer));
|
|
1408
1442
|
--_sds-card-focus-inner-color: var(--sds-card-focus-inner-color, var(--sds-color-states-focus-inner));
|
|
1409
1443
|
--_sds-card-focus-spacing: var(--sds-card-focus-spacing, var(--sds-color-states-focus-spacing));
|
|
1410
|
-
--_sds-card-icon-color: var(--sds-card-icon-color, var(--sds-color-main-action-default));
|
|
1444
|
+
--_sds-card-icon-color: var(--sds-card-icon-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
1411
1445
|
|
|
1412
|
-
--_sds-card-heading-color: var(--sds-card-heading-color, var(--sds-color-main-text-default));
|
|
1446
|
+
--_sds-card-heading-color: var(--sds-card-heading-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1413
1447
|
--_sds-card-heading-font-size: var(--sds-card-heading-font-size, var(--sds-typography-heading-md-mobile-font-size));
|
|
1414
1448
|
--_sds-card-heading-font-weight: var(--sds-card-heading-font-weight, var(--sds-typography-heading-md-mobile-font-weight));
|
|
1415
1449
|
--_sds-card-heading-line-height: var(--sds-card-heading-line-height, var(--sds-typography-heading-md-mobile-line-height));
|
|
1416
1450
|
|
|
1417
|
-
--_sds-card-text-color: var(--sds-card-text-color, var(--sds-color-neutral-text-default));
|
|
1451
|
+
--_sds-card-text-color: var(--sds-card-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
1418
1452
|
--_sds-card-text-font-size: var(--sds-card-text-font-size, var(--sds-typography-body-md-mobile-font-size));
|
|
1419
1453
|
--_sds-card-text-font-weight: var(--sds-card-text-font-weight, var(--sds-typography-body-md-mobile-font-weight));
|
|
1420
1454
|
--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-mobile-line-height));
|
|
@@ -1440,11 +1474,11 @@ const styles$d = i$4`
|
|
|
1440
1474
|
flex: 1;
|
|
1441
1475
|
|
|
1442
1476
|
&:hover {
|
|
1443
|
-
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-main-surface-hover));
|
|
1477
|
+
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
|
|
1444
1478
|
}
|
|
1445
1479
|
|
|
1446
1480
|
&:active {
|
|
1447
|
-
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-main-surface-active));
|
|
1481
|
+
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
|
|
1448
1482
|
}
|
|
1449
1483
|
|
|
1450
1484
|
&:focus-visible {
|
|
@@ -1533,13 +1567,13 @@ let SDSCard = class extends i$1 {
|
|
|
1533
1567
|
firstUpdated() {
|
|
1534
1568
|
const contentWarning = "[sds-card] text slot should only contain top-level <p> elements with no nested elements:";
|
|
1535
1569
|
const headerWarning = "[sds-card] header slot should only contain one of <h2>–<h6> elements:";
|
|
1536
|
-
validateSlotContent(this.
|
|
1570
|
+
validateSlotContent(this.textSlot, ["P"], false, contentWarning);
|
|
1537
1571
|
const headerNodes = this.headingSlot.assignedNodes({ flatten: true });
|
|
1538
1572
|
if (headerNodes.length > 0) {
|
|
1539
1573
|
validateSlotContent(this.headingSlot, ["H2", "H3", "H4", "H5", "H6"], false, headerWarning);
|
|
1540
1574
|
}
|
|
1541
|
-
this.
|
|
1542
|
-
validateSlotContent(this.
|
|
1575
|
+
this.textSlot.addEventListener("slotchange", () => {
|
|
1576
|
+
validateSlotContent(this.textSlot, ["P"], false, contentWarning);
|
|
1543
1577
|
});
|
|
1544
1578
|
this.headingSlot.addEventListener("slotchange", () => {
|
|
1545
1579
|
const nodes = this.headingSlot.assignedNodes({ flatten: true });
|
|
@@ -1565,8 +1599,8 @@ __decorateClass$d([
|
|
|
1565
1599
|
e$3("slot#heading")
|
|
1566
1600
|
], SDSCard.prototype, "headingSlot", 2);
|
|
1567
1601
|
__decorateClass$d([
|
|
1568
|
-
e$3("slot#
|
|
1569
|
-
], SDSCard.prototype, "
|
|
1602
|
+
e$3("slot#text")
|
|
1603
|
+
], SDSCard.prototype, "textSlot", 2);
|
|
1570
1604
|
SDSCard = __decorateClass$d([
|
|
1571
1605
|
guardedCustomElement("sds-card")
|
|
1572
1606
|
], SDSCard);
|
|
@@ -1579,10 +1613,10 @@ const styles$c = i$4`
|
|
|
1579
1613
|
--_sds-checkbox-label-font-size: var(--sds-checkbox-label-font-size, var(--sds-components-font-size-content-md));
|
|
1580
1614
|
--_sds-checkbox-label-font-weight: var(--sds-checkbox-label-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
1581
1615
|
--_sds-checkbox-label-line-height: var(--sds-checkbox-label-line-height, var(--sds-components-line-height-tall-content-md));
|
|
1582
|
-
--_sds-checkbox-label-text-color: var(--sds-checkbox-label-text-color, var(--sds-color-neutral-text-default));
|
|
1616
|
+
--_sds-checkbox-label-text-color: var(--sds-checkbox-label-text-color, var(--sds-text-default, var(--sds-color-neutral-text-default)));
|
|
1583
1617
|
|
|
1584
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-neutral-surface-default));
|
|
1585
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-neutral-border-default));
|
|
1618
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
1619
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
1586
1620
|
--_sds-checkbox-input-border-width: var(--sds-checkbox-input-border-width, var(--sds-border-md));
|
|
1587
1621
|
--_sds-checkbox-input-border-radius: var(--sds-checkbox-input-border-radius, var(--sds-radius-xs));
|
|
1588
1622
|
--_sds-checkbox-input-border-style: var(--sds-checkbox-input-border-style, solid);
|
|
@@ -1590,7 +1624,7 @@ const styles$c = i$4`
|
|
|
1590
1624
|
--_sds-checkbox-input-aspect-ratio: var(--sds-checkbox-input-aspect-ratio, 1);
|
|
1591
1625
|
--_sds-checkbox-input-icon-color: var(--sds-checkbox-input-text-color, var(--sds-color-main-action-contrast-default));
|
|
1592
1626
|
|
|
1593
|
-
--_sds-checkbox-help-text-color: var(--sds-checkbox-help-text-color, var(--sds-color-neutral-text-subtle));
|
|
1627
|
+
--_sds-checkbox-help-text-color: var(--sds-checkbox-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
1594
1628
|
--_sds-checkbox-help-text-font-size: var(--sds-checkbox-help-text-font-size, var(--sds-components-font-size-md));
|
|
1595
1629
|
--_sds-checkbox-help-text-font-weight: var(--sds-checkbox-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
1596
1630
|
--_sds-checkbox-help-text-line-height: var(--sds-checkbox-help-text-line-height, var(--sds-components-line-height-squeezed-md));
|
|
@@ -1659,8 +1693,8 @@ const styles$c = i$4`
|
|
|
1659
1693
|
margin: 0;
|
|
1660
1694
|
|
|
1661
1695
|
&[readonly] {
|
|
1662
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-neutral-surface-tinted));
|
|
1663
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-neutral-border-subtle));
|
|
1696
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
1697
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
|
|
1664
1698
|
cursor: default;
|
|
1665
1699
|
pointer-events: none;
|
|
1666
1700
|
|
|
@@ -1671,8 +1705,8 @@ const styles$c = i$4`
|
|
|
1671
1705
|
}
|
|
1672
1706
|
|
|
1673
1707
|
&[checked] {
|
|
1674
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-main-action-default));
|
|
1675
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-default));
|
|
1708
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
1709
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
1676
1710
|
|
|
1677
1711
|
&::after {
|
|
1678
1712
|
content: '';
|
|
@@ -1688,30 +1722,30 @@ const styles$c = i$4`
|
|
|
1688
1722
|
}
|
|
1689
1723
|
|
|
1690
1724
|
&[readonly] {
|
|
1691
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-neutral-surface-tinted));
|
|
1692
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-neutral-border-subtle));
|
|
1693
|
-
--_sds-checkbox-input-icon-color: var(--sds-checkbox-input-dot-color, var(--sds-color-neutral-action-default));
|
|
1725
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
1726
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
|
|
1727
|
+
--_sds-checkbox-input-icon-color: var(--sds-checkbox-input-dot-color, var(--sds-color-action-default, var(--sds-color-neutral-action-default)));
|
|
1694
1728
|
cursor: default;
|
|
1695
1729
|
pointer-events: none;
|
|
1696
1730
|
}
|
|
1697
1731
|
}
|
|
1698
1732
|
|
|
1699
1733
|
&:hover {
|
|
1700
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-hover));
|
|
1734
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
1701
1735
|
}
|
|
1702
1736
|
|
|
1703
1737
|
&:active:not([readonly]) {
|
|
1704
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-active));
|
|
1738
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-active, var(--sds-color-main-action-active)));
|
|
1705
1739
|
}
|
|
1706
1740
|
|
|
1707
1741
|
&[checked]:hover {
|
|
1708
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-main-action-hover));
|
|
1709
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-hover));
|
|
1742
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
1743
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
1710
1744
|
}
|
|
1711
1745
|
|
|
1712
1746
|
&[checked]:active:not([readonly]) {
|
|
1713
|
-
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-main-action-active));
|
|
1714
|
-
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-main-action-active));
|
|
1747
|
+
--_sds-checkbox-input-background-color: var(--sds-checkbox-input-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
1748
|
+
--_sds-checkbox-input-border-color: var(--sds-checkbox-input-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
1715
1749
|
}
|
|
1716
1750
|
|
|
1717
1751
|
&:focus-visible {
|
|
@@ -1959,7 +1993,7 @@ const styles$b = i$4`
|
|
|
1959
1993
|
--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
|
|
1960
1994
|
--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
|
|
1961
1995
|
--_sds-checkbox-group-font-size: var(--sds-checkbox-group-font-size, var(--sds-components-font-size-md));
|
|
1962
|
-
--_sds-checkbox-group-text-color: var(--sds-checkbox-group-text-color, var(--sds-color-neutral-text-default));
|
|
1996
|
+
--_sds-checkbox-group-text-color: var(--sds-checkbox-group-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
1963
1997
|
--_sds-checkbox-group-max-line-width: var(--sds-checkbox-group-max-line-width, var(--sds-typography-max-line-width));
|
|
1964
1998
|
--_sds-checkbox-group-disabled-opacity: var(--sds-checkbox-group-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
1965
1999
|
|
|
@@ -1967,7 +2001,7 @@ const styles$b = i$4`
|
|
|
1967
2001
|
--_sds-checkbox-group-legend-line-height: var(--sds-checkbox-group-legend-line-height, var(--sds-components-line-height-squeezed-md));
|
|
1968
2002
|
--_sds-checkbox-group-legend-help-text-gap: var(--sds-checkbox-group-legend-help-text-gap, var(--sds-spacing-4xs));
|
|
1969
2003
|
|
|
1970
|
-
--_sds-checkbox-group-help-text-color: var(--sds-checkbox-group-help-text-color, var(--sds-color-neutral-text-subtle));
|
|
2004
|
+
--_sds-checkbox-group-help-text-color: var(--sds-checkbox-group-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
1971
2005
|
--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-md));
|
|
1972
2006
|
--_sds-checkbox-group-help-text-font-weight: var(--sds-checkbox-group-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
1973
2007
|
--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-md));
|
|
@@ -2169,7 +2203,7 @@ const styles$a = i$4`
|
|
|
2169
2203
|
--_sds-chip-gap: var(--sds-chip-gap, var(--sds-spacing-4xs));
|
|
2170
2204
|
--_sds-chip-padding-inline: var(--sds-chip-padding-inline, var(--sds-spacing-2xs));
|
|
2171
2205
|
|
|
2172
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-border-default));
|
|
2206
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-border-default, var(--sds-color-main-border-default)));
|
|
2173
2207
|
--_sds-chip-border-width: var(--sds-chip-border-width, var(--sds-border-sm));
|
|
2174
2208
|
--_sds-chip-border-radius: var(--sds-chip-border-radius, var(--sds-radius-full));
|
|
2175
2209
|
|
|
@@ -2180,8 +2214,8 @@ const styles$a = i$4`
|
|
|
2180
2214
|
|
|
2181
2215
|
--_sds-chip-disabled-opacity: var(--sds-chip-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
2182
2216
|
|
|
2183
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-surface-tinted));
|
|
2184
|
-
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-text-default));
|
|
2217
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
2218
|
+
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
2185
2219
|
|
|
2186
2220
|
display: inline-block;
|
|
2187
2221
|
box-sizing: border-box;
|
|
@@ -2194,30 +2228,30 @@ const styles$a = i$4`
|
|
|
2194
2228
|
}
|
|
2195
2229
|
|
|
2196
2230
|
:host(:hover) {
|
|
2197
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-surface-hover));
|
|
2198
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-default));
|
|
2231
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
|
|
2232
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2199
2233
|
}
|
|
2200
2234
|
|
|
2201
2235
|
:host(:active) {
|
|
2202
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-surface-active));
|
|
2203
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-default));
|
|
2236
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
|
|
2237
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2204
2238
|
}
|
|
2205
2239
|
|
|
2206
2240
|
:host([checked]) {
|
|
2207
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-default));
|
|
2208
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-default));
|
|
2241
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2242
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2209
2243
|
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-action-contrast-default));
|
|
2210
2244
|
}
|
|
2211
2245
|
|
|
2212
2246
|
:host([checked]:hover) {
|
|
2213
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-hover));
|
|
2247
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2214
2248
|
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-action-contrast-default));
|
|
2215
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-hover));
|
|
2249
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2216
2250
|
}
|
|
2217
2251
|
|
|
2218
2252
|
:host([checked]:active) {
|
|
2219
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-active));
|
|
2220
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-active));
|
|
2253
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2254
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2221
2255
|
}
|
|
2222
2256
|
|
|
2223
2257
|
:host([size='sm']) {
|
|
@@ -2269,20 +2303,20 @@ const styles$a = i$4`
|
|
|
2269
2303
|
}
|
|
2270
2304
|
|
|
2271
2305
|
&.sds-chip--removable {
|
|
2272
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-default));
|
|
2306
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2273
2307
|
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-action-contrast-default));
|
|
2274
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-default));
|
|
2308
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2275
2309
|
|
|
2276
2310
|
&:hover {
|
|
2277
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-hover));
|
|
2311
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2278
2312
|
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-action-contrast-default));
|
|
2279
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-hover));
|
|
2313
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2280
2314
|
}
|
|
2281
2315
|
|
|
2282
2316
|
&:active {
|
|
2283
|
-
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-main-action-active));
|
|
2317
|
+
--_sds-chip-background-color: var(--sds-chip-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2284
2318
|
--_sds-chip-text-color: var(--sds-chip-text-color, var(--sds-color-main-action-contrast-default));
|
|
2285
|
-
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-main-action-active));
|
|
2319
|
+
--_sds-chip-border-color: var(--sds-chip-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2286
2320
|
}
|
|
2287
2321
|
}
|
|
2288
2322
|
|
|
@@ -2972,16 +3006,16 @@ const styles$6 = i$4`
|
|
|
2972
3006
|
--_sds-radio-label-font-size: var(--sds-radio-label-font-size, var(--sds-components-font-size-content-md));
|
|
2973
3007
|
--_sds-radio-label-font-weight: var(--sds-radio-label-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
2974
3008
|
--_sds-radio-label-line-height: var(--sds-radio-label-line-height, var(--sds-components-line-height-tall-content-md));
|
|
2975
|
-
--_sds-radio-label-text-color: var(--sds-radio-label-text-color, var(--sds-color-neutral-text-default));
|
|
3009
|
+
--_sds-radio-label-text-color: var(--sds-radio-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
2976
3010
|
|
|
2977
|
-
--_sds-radio-help-text-color: var(--sds-radio-help-text-color, var(--sds-color-neutral-text-subtle));
|
|
3011
|
+
--_sds-radio-help-text-color: var(--sds-radio-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
2978
3012
|
--_sds-radio-help-text-font-size: var(--sds-radio-help-text-font-size, var(--sds-components-font-size-content-md));
|
|
2979
3013
|
--_sds-radio-help-text-font-weight: var(--sds-radio-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
2980
3014
|
--_sds-radio-help-text-line-height: var(--sds-radio-help-text-line-height, var(--sds-components-line-height-tall-content-md));
|
|
2981
3015
|
|
|
2982
3016
|
--_sds-radio-input-size: var(--sds-radio-input-size, var(--sds-components-icon-md));
|
|
2983
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-default));
|
|
2984
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-neutral-border-default));
|
|
3017
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3018
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
2985
3019
|
--_sds-radio-input-border-width: var(--sds-radio-input-border-width, var(--sds-border-md));
|
|
2986
3020
|
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, transparent);
|
|
2987
3021
|
--_sds-radio-input-dot-size: var(--sds-radio-input-dot-size, 4.5px);
|
|
@@ -3012,7 +3046,7 @@ const styles$6 = i$4`
|
|
|
3012
3046
|
}
|
|
3013
3047
|
|
|
3014
3048
|
.sds-radio--error {
|
|
3015
|
-
--_sds-radio-label-text-color: var(--sds-radio-label-text-color, var(--sds-color-alert-danger-text-default));
|
|
3049
|
+
--_sds-radio-label-text-color: var(--sds-radio-label-text-color, var(--sds-color-text-default, var(--sds-color-alert-danger-text-default)));
|
|
3016
3050
|
}
|
|
3017
3051
|
|
|
3018
3052
|
.sds-radio__help-text {
|
|
@@ -3054,8 +3088,8 @@ const styles$6 = i$4`
|
|
|
3054
3088
|
grid-row: 1;
|
|
3055
3089
|
|
|
3056
3090
|
&[readonly] {
|
|
3057
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-tinted));
|
|
3058
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-neutral-border-subtle));
|
|
3091
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
3092
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
|
|
3059
3093
|
cursor: default;
|
|
3060
3094
|
pointer-events: none;
|
|
3061
3095
|
|
|
@@ -3066,38 +3100,38 @@ const styles$6 = i$4`
|
|
|
3066
3100
|
}
|
|
3067
3101
|
|
|
3068
3102
|
&[checked] {
|
|
3069
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-main-action-default));
|
|
3070
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-main-action-default));
|
|
3071
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-main-action-contrast-default));
|
|
3103
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
3104
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
3105
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
3072
3106
|
|
|
3073
3107
|
&[readonly] {
|
|
3074
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-tinted));
|
|
3075
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-neutral-border-subtle));
|
|
3076
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-neutral-action-default));
|
|
3108
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
3109
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
|
|
3110
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-action-default, var(--sds-color-neutral-action-default)));
|
|
3077
3111
|
cursor: default;
|
|
3078
3112
|
pointer-events: none;
|
|
3079
3113
|
}
|
|
3080
3114
|
}
|
|
3081
3115
|
|
|
3082
3116
|
&:hover {
|
|
3083
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-default));
|
|
3084
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-main-action-hover));
|
|
3117
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3118
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
3085
3119
|
|
|
3086
3120
|
&[checked] {
|
|
3087
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-main-action-hover));
|
|
3088
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-main-action-hover));
|
|
3089
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-neutral-surface-default));
|
|
3121
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
3122
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
3123
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3090
3124
|
}
|
|
3091
3125
|
}
|
|
3092
3126
|
|
|
3093
3127
|
&:active:not([readonly], [checked]) {
|
|
3094
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-default));
|
|
3095
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-main-action-active));
|
|
3128
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3129
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
3096
3130
|
|
|
3097
3131
|
&[checked] {
|
|
3098
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-main-action-active));
|
|
3099
|
-
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-main-action-active));
|
|
3100
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-neutral-surface-default));
|
|
3132
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
3133
|
+
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
3134
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3101
3135
|
}
|
|
3102
3136
|
}
|
|
3103
3137
|
|
|
@@ -3115,24 +3149,24 @@ const styles$6 = i$4`
|
|
|
3115
3149
|
}
|
|
3116
3150
|
|
|
3117
3151
|
&:hover {
|
|
3118
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-default));
|
|
3152
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3119
3153
|
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-alert-danger-action-hover));
|
|
3120
3154
|
|
|
3121
3155
|
&[checked] {
|
|
3122
3156
|
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-alert-danger-action-hover));
|
|
3123
3157
|
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-alert-danger-action-hover));
|
|
3124
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-neutral-surface-default));
|
|
3158
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3125
3159
|
}
|
|
3126
3160
|
}
|
|
3127
3161
|
|
|
3128
3162
|
&:active:not([readonly], [checked]) {
|
|
3129
|
-
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-neutral-surface-default));
|
|
3163
|
+
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3130
3164
|
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-alert-danger-action-active));
|
|
3131
3165
|
|
|
3132
3166
|
&[checked] {
|
|
3133
3167
|
--_sds-radio-input-background-color: var(--sds-radio-input-background-color, var(--sds-color-alert-danger-action-active));
|
|
3134
3168
|
--_sds-radio-input-border-color: var(--sds-radio-input-border-color, var(--sds-color-alert-danger-action-active));
|
|
3135
|
-
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-neutral-surface-default));
|
|
3169
|
+
--_sds-radio-input-dot-color: var(--sds-radio-input-dot-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3136
3170
|
}
|
|
3137
3171
|
}
|
|
3138
3172
|
}
|
|
@@ -3173,7 +3207,6 @@ var __decorateClass$6 = (decorators, target, key, kind) => {
|
|
|
3173
3207
|
let SDSRadio = class extends i$1 {
|
|
3174
3208
|
constructor() {
|
|
3175
3209
|
super();
|
|
3176
|
-
this.disabled = false;
|
|
3177
3210
|
this.required = false;
|
|
3178
3211
|
this.label = "";
|
|
3179
3212
|
this.hideLabel = false;
|
|
@@ -3182,6 +3215,10 @@ let SDSRadio = class extends i$1 {
|
|
|
3182
3215
|
this.error = false;
|
|
3183
3216
|
this.readOnly = false;
|
|
3184
3217
|
this.size = "md";
|
|
3218
|
+
this._disabled = false;
|
|
3219
|
+
this._disabledIsAuthorControlled = false;
|
|
3220
|
+
this._settingDisabledFromParent = false;
|
|
3221
|
+
this._parentRequestDisabled = false;
|
|
3185
3222
|
this._initialChecked = false;
|
|
3186
3223
|
this._handleKeydown = (event) => {
|
|
3187
3224
|
if (!this.name || this.disabled || this.readOnly) return;
|
|
@@ -3232,6 +3269,39 @@ let SDSRadio = class extends i$1 {
|
|
|
3232
3269
|
this.internals = this.attachInternals();
|
|
3233
3270
|
this.attachShadow({ mode: "open", delegatesFocus: true });
|
|
3234
3271
|
}
|
|
3272
|
+
/**
|
|
3273
|
+
* disabled:
|
|
3274
|
+
* - If set directly (prop/attr), this radio becomes "self-controlled"
|
|
3275
|
+
* and ignores parentRequestDisabled.
|
|
3276
|
+
* - If not self-controlled, this follows parentRequestDisabled (group/form).
|
|
3277
|
+
*/
|
|
3278
|
+
get disabled() {
|
|
3279
|
+
return this._disabled;
|
|
3280
|
+
}
|
|
3281
|
+
set disabled(value) {
|
|
3282
|
+
const newVal = value ?? false;
|
|
3283
|
+
const oldVal = this._disabled;
|
|
3284
|
+
if (oldVal === newVal) return;
|
|
3285
|
+
this._disabled = newVal;
|
|
3286
|
+
this.requestUpdate("disabled", oldVal);
|
|
3287
|
+
if (!this._settingDisabledFromParent) {
|
|
3288
|
+
this._disabledIsAuthorControlled = newVal;
|
|
3289
|
+
}
|
|
3290
|
+
}
|
|
3291
|
+
get parentRequestDisabled() {
|
|
3292
|
+
return this._parentRequestDisabled;
|
|
3293
|
+
}
|
|
3294
|
+
set parentRequestDisabled(value) {
|
|
3295
|
+
const newVal = value ?? false;
|
|
3296
|
+
const oldVal = this._parentRequestDisabled;
|
|
3297
|
+
if (oldVal === newVal) return;
|
|
3298
|
+
this._parentRequestDisabled = newVal;
|
|
3299
|
+
this.requestUpdate("parentRequestDisabled", oldVal);
|
|
3300
|
+
if (this._disabledIsAuthorControlled) return;
|
|
3301
|
+
this._settingDisabledFromParent = true;
|
|
3302
|
+
this.disabled = newVal;
|
|
3303
|
+
this._settingDisabledFromParent = false;
|
|
3304
|
+
}
|
|
3235
3305
|
connectedCallback() {
|
|
3236
3306
|
super.connectedCallback();
|
|
3237
3307
|
this.internals.role = "radio";
|
|
@@ -3248,6 +3318,26 @@ let SDSRadio = class extends i$1 {
|
|
|
3248
3318
|
super.firstUpdated(_changedProperties);
|
|
3249
3319
|
this._updateGroupValidation();
|
|
3250
3320
|
}
|
|
3321
|
+
updated(changedProperties) {
|
|
3322
|
+
super.updated(changedProperties);
|
|
3323
|
+
if (changedProperties.has("checked")) {
|
|
3324
|
+
if (this.checked) {
|
|
3325
|
+
this._uncheckSiblings();
|
|
3326
|
+
this.internals.setFormValue(this.value ?? null);
|
|
3327
|
+
} else {
|
|
3328
|
+
this.internals.setFormValue(null);
|
|
3329
|
+
}
|
|
3330
|
+
this._updateGroupValidation();
|
|
3331
|
+
}
|
|
3332
|
+
if (changedProperties.has("required") && this.control) {
|
|
3333
|
+
this.control.required = this.required ?? false;
|
|
3334
|
+
}
|
|
3335
|
+
if (!this._disabledIsAuthorControlled && this.disabled !== this._parentRequestDisabled) {
|
|
3336
|
+
this._settingDisabledFromParent = true;
|
|
3337
|
+
this.disabled = this._parentRequestDisabled ?? false;
|
|
3338
|
+
this._settingDisabledFromParent = false;
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3251
3341
|
_getGroupRadios() {
|
|
3252
3342
|
if (!this.name) return [this];
|
|
3253
3343
|
const root = this.getRootNode();
|
|
@@ -3273,21 +3363,6 @@ let SDSRadio = class extends i$1 {
|
|
|
3273
3363
|
this.internals.setFormValue(this.checked ? this.value ?? "on" : null);
|
|
3274
3364
|
this._updateGroupValidation();
|
|
3275
3365
|
}
|
|
3276
|
-
updated(changedProperties) {
|
|
3277
|
-
super.updated(changedProperties);
|
|
3278
|
-
if (changedProperties.has("checked")) {
|
|
3279
|
-
if (this.checked) {
|
|
3280
|
-
this._uncheckSiblings();
|
|
3281
|
-
this.internals.setFormValue(this.value ?? null);
|
|
3282
|
-
} else {
|
|
3283
|
-
this.internals.setFormValue(null);
|
|
3284
|
-
}
|
|
3285
|
-
this._updateGroupValidation();
|
|
3286
|
-
}
|
|
3287
|
-
if (changedProperties.has("required") && this.control) {
|
|
3288
|
-
this.control.required = this.required ?? false;
|
|
3289
|
-
}
|
|
3290
|
-
}
|
|
3291
3366
|
_uncheckSiblings() {
|
|
3292
3367
|
if (!this.name) return;
|
|
3293
3368
|
const radios = this._getGroupRadios();
|
|
@@ -3323,7 +3398,9 @@ let SDSRadio = class extends i$1 {
|
|
|
3323
3398
|
this.internals.setValidity({ customError: !!message }, message);
|
|
3324
3399
|
}
|
|
3325
3400
|
formDisabledCallback(disabled) {
|
|
3401
|
+
this._settingDisabledFromParent = true;
|
|
3326
3402
|
this.disabled = disabled;
|
|
3403
|
+
this._settingDisabledFromParent = false;
|
|
3327
3404
|
if (this.control) this.control.disabled = disabled;
|
|
3328
3405
|
}
|
|
3329
3406
|
focus() {
|
|
@@ -3353,7 +3430,8 @@ let SDSRadio = class extends i$1 {
|
|
|
3353
3430
|
value="${o$1(this.value)}"
|
|
3354
3431
|
?checked="${this.checked ?? false}"
|
|
3355
3432
|
.checked="${this.checked ?? false}"
|
|
3356
|
-
?disabled="${this.disabled}"
|
|
3433
|
+
?disabled="${this.disabled ?? false}"
|
|
3434
|
+
.disabled="${this.disabled ?? false}"
|
|
3357
3435
|
?required="${this.required}"
|
|
3358
3436
|
?readonly="${this.readOnly}"
|
|
3359
3437
|
@change="${this._handleChange}"
|
|
@@ -3369,9 +3447,6 @@ let SDSRadio = class extends i$1 {
|
|
|
3369
3447
|
};
|
|
3370
3448
|
SDSRadio.styles = [styles$6];
|
|
3371
3449
|
SDSRadio.formAssociated = true;
|
|
3372
|
-
__decorateClass$6([
|
|
3373
|
-
n2({ type: Boolean, reflect: true })
|
|
3374
|
-
], SDSRadio.prototype, "disabled", 2);
|
|
3375
3450
|
__decorateClass$6([
|
|
3376
3451
|
n2({ type: Boolean, reflect: true })
|
|
3377
3452
|
], SDSRadio.prototype, "required", 2);
|
|
@@ -3402,6 +3477,12 @@ __decorateClass$6([
|
|
|
3402
3477
|
__decorateClass$6([
|
|
3403
3478
|
n2({ type: String, attribute: "help-text" })
|
|
3404
3479
|
], SDSRadio.prototype, "helpText", 2);
|
|
3480
|
+
__decorateClass$6([
|
|
3481
|
+
n2({ type: Boolean, reflect: true })
|
|
3482
|
+
], SDSRadio.prototype, "disabled", 1);
|
|
3483
|
+
__decorateClass$6([
|
|
3484
|
+
n2({ type: Boolean, attribute: false })
|
|
3485
|
+
], SDSRadio.prototype, "parentRequestDisabled", 1);
|
|
3405
3486
|
__decorateClass$6([
|
|
3406
3487
|
e$3("#control")
|
|
3407
3488
|
], SDSRadio.prototype, "control", 2);
|
|
@@ -3414,7 +3495,7 @@ const styles$5 = i$4`
|
|
|
3414
3495
|
--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
|
|
3415
3496
|
--_sds-radio-group-font-family: var(--sds-radio-group-font-family, var(--sds-typography-font-family-roboto));
|
|
3416
3497
|
--_sds-radio-group-font-size: var(--sds-radio-group-font-size, var(--sds-components-font-size-md));
|
|
3417
|
-
--_sds-radio-group-text-color: var(--sds-radio-group-text-color, var(--sds-color-neutral-text-default));
|
|
3498
|
+
--_sds-radio-group-text-color: var(--sds-radio-group-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
3418
3499
|
--_sds-radio-group-max-line-width: var(--sds-radio-group-max-line-width, var(--sds-typography-max-line-width));
|
|
3419
3500
|
--_sds-radio-group-disabled-opacity: var(--sds-radio-group-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
3420
3501
|
|
|
@@ -3422,7 +3503,7 @@ const styles$5 = i$4`
|
|
|
3422
3503
|
--_sds-radio-group-legend-line-height: var(--sds-radio-group-legend-line-height, var(--sds-components-line-height-squeezed-md));
|
|
3423
3504
|
--_sds_radio-group-legend-help-text-gap: var(--sds-radio-group-legend-help-text-gap, var(--sds-spacing-4xs));
|
|
3424
3505
|
|
|
3425
|
-
--_sds-radio-group-help-text-color: var(--sds-radio-group-help-text-color, var(--sds-color-neutral-text-subtle));
|
|
3506
|
+
--_sds-radio-group-help-text-color: var(--sds-radio-group-help-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
3426
3507
|
--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-md));
|
|
3427
3508
|
--_sds-radio-group-help-text-font-weight: var(--sds-radio-group-help-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
|
|
3428
3509
|
--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-md));
|
|
@@ -3538,28 +3619,32 @@ let SDSRadioGroup = class extends i$1 {
|
|
|
3538
3619
|
this._updateChildProps([...updatableRadioProps]);
|
|
3539
3620
|
};
|
|
3540
3621
|
}
|
|
3622
|
+
_getChildRadios() {
|
|
3623
|
+
return this._slotElement?.assignedElements({ flatten: true }).filter((element) => element.tagName === "SDS-RADIO") ?? [];
|
|
3624
|
+
}
|
|
3541
3625
|
_updateChildProps(changedAttributes) {
|
|
3542
|
-
const radios = this.
|
|
3543
|
-
radios
|
|
3544
|
-
|
|
3626
|
+
const radios = this._getChildRadios();
|
|
3627
|
+
for (const childRadio of radios) {
|
|
3628
|
+
for (const attribute of changedAttributes) {
|
|
3545
3629
|
switch (attribute) {
|
|
3546
3630
|
case "readOnly":
|
|
3547
|
-
|
|
3631
|
+
childRadio.readOnly = this.readOnly;
|
|
3548
3632
|
break;
|
|
3549
3633
|
case "disabled":
|
|
3550
|
-
|
|
3634
|
+
childRadio.parentRequestDisabled = this.disabled;
|
|
3551
3635
|
break;
|
|
3552
3636
|
case "errorMessage":
|
|
3553
|
-
|
|
3637
|
+
childRadio.error = Boolean(this.errorMessage);
|
|
3554
3638
|
break;
|
|
3555
3639
|
case "required":
|
|
3556
|
-
|
|
3640
|
+
childRadio.required = this.required;
|
|
3557
3641
|
break;
|
|
3558
3642
|
case "size":
|
|
3559
|
-
|
|
3643
|
+
childRadio.size = this.size;
|
|
3644
|
+
break;
|
|
3560
3645
|
}
|
|
3561
|
-
}
|
|
3562
|
-
}
|
|
3646
|
+
}
|
|
3647
|
+
}
|
|
3563
3648
|
}
|
|
3564
3649
|
updated(changedProps) {
|
|
3565
3650
|
super.updated(changedProps);
|
|
@@ -3643,12 +3728,12 @@ SDSRadioGroup = __decorateClass$5([
|
|
|
3643
3728
|
], SDSRadioGroup);
|
|
3644
3729
|
const styles$4 = i$4`
|
|
3645
3730
|
:host {
|
|
3646
|
-
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-neutral-surface-default));
|
|
3647
|
-
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-neutral-text-default));
|
|
3731
|
+
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
3732
|
+
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
3648
3733
|
|
|
3649
3734
|
--_sds-switch-transition-time: var(--sds-switch-transition-time, 200ms);
|
|
3650
3735
|
|
|
3651
|
-
--_sds-switch-border-color: var(--sds-switch-border-color, var(--sds-color-neutral-border-default));
|
|
3736
|
+
--_sds-switch-border-color: var(--sds-switch-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
3652
3737
|
--_sds-switch-border-width: var(--sds-switch-border-width, var(--sds-border-md));
|
|
3653
3738
|
--_sds-switch-border-radius: var(--sds-switch-border-radius, var(--sds-radius-full));
|
|
3654
3739
|
|
|
@@ -4350,10 +4435,10 @@ SDSText = __decorateClass$2([
|
|
|
4350
4435
|
], SDSText);
|
|
4351
4436
|
const styles$1 = i$4`
|
|
4352
4437
|
:host {
|
|
4353
|
-
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-neutral-background-default));
|
|
4354
|
-
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-neutral-text-default));
|
|
4438
|
+
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
4439
|
+
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
4355
4440
|
|
|
4356
|
-
--_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-neutral-border-default));
|
|
4441
|
+
--_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
4357
4442
|
--_sds-textfield-border-width: var(--sds-textfield-border-width, var(--sds-border-sm));
|
|
4358
4443
|
--_sds-textfield-border-radius: var(--sds-textfield-border-radius, var(--sds-radius-sm));
|
|
4359
4444
|
|
|
@@ -4370,12 +4455,12 @@ const styles$1 = i$4`
|
|
|
4370
4455
|
--_sds-textfield-disabled-opacity: var(--sds-textfield-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
4371
4456
|
--_sds-textfield-max-width: var(--sds-textfield-input-max-width, var(--sds-typography-max-line-width, 80ch));
|
|
4372
4457
|
|
|
4373
|
-
--_sds-textfield-label-text-color: var(--sds-textfield-label-text-color, var(--sds-color-neutral-text-default));
|
|
4458
|
+
--_sds-textfield-label-text-color: var(--sds-textfield-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
4374
4459
|
--_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-md));
|
|
4375
4460
|
--_sds-textfield-label-font-weight: var(--sds-textfield-label-font-weight, var(--sds-typography-font-weight-medium));
|
|
4376
4461
|
--_sds-textfield-label-line-height: var(--sds-textfield-label-line-height, var(--sds-components-line-height-squeezed-md));
|
|
4377
4462
|
|
|
4378
|
-
--_sds-textfield-helptext-text-color: var(--sds-textfield-helptext-text-color, var(--sds-color-neutral-text-subtle));
|
|
4463
|
+
--_sds-textfield-helptext-text-color: var(--sds-textfield-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
4379
4464
|
--_sds-textfield-helptext-font-size: var(--sds-textfield-helptext-font-size, var(--sds-components-font-size-content-md));
|
|
4380
4465
|
--_sds-textfield-helptext-font-weight: var(--sds-textfield-helptext-font-weight, var(--sds-typography-font-weight-regular));
|
|
4381
4466
|
--_sds-textfield-helptext-line-height: var(--sds-textfield-helptext-line-height, var(--sds-components-line-height-squeezed-md));
|
|
@@ -4418,7 +4503,7 @@ const styles$1 = i$4`
|
|
|
4418
4503
|
width: 100%;
|
|
4419
4504
|
|
|
4420
4505
|
&:hover {
|
|
4421
|
-
--_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-neutral-border-strong));
|
|
4506
|
+
--_sds-textfield-border-color: var(--sds-textfield-border-color, var(--sds-color-border-strong, var(--sds-color-neutral-border-strong)));
|
|
4422
4507
|
}
|
|
4423
4508
|
|
|
4424
4509
|
&:focus-visible {
|
|
@@ -4462,7 +4547,7 @@ const styles$1 = i$4`
|
|
|
4462
4547
|
}
|
|
4463
4548
|
|
|
4464
4549
|
:host([readonly]) {
|
|
4465
|
-
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-neutral-surface-tinted));
|
|
4550
|
+
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
4466
4551
|
}
|
|
4467
4552
|
|
|
4468
4553
|
:host([disabled]) {
|
|
@@ -4736,10 +4821,10 @@ SDSTextField = __decorateClass$1([
|
|
|
4736
4821
|
], SDSTextField);
|
|
4737
4822
|
const styles = i$4`
|
|
4738
4823
|
:host {
|
|
4739
|
-
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-neutral-background-default));
|
|
4740
|
-
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-neutral-text-default));
|
|
4824
|
+
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
4825
|
+
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
4741
4826
|
|
|
4742
|
-
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-neutral-border-default));
|
|
4827
|
+
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
4743
4828
|
--_sds-textarea-border-width: var(--sds-textarea-border-width, var(--sds-border-sm));
|
|
4744
4829
|
--_sds-textarea-border-radius: var(--sds-textarea-border-radius, var(--sds-radius-sm));
|
|
4745
4830
|
|
|
@@ -4754,19 +4839,19 @@ const styles = i$4`
|
|
|
4754
4839
|
--_sds-textarea-padding-inline: var(--sds-textarea-padding-inline, var(--sds-spacing-2xs));
|
|
4755
4840
|
--_sds-textarea-disabled-opacity: var(--sds-textarea-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
4756
4841
|
|
|
4757
|
-
--_sds-textarea-label-text-color: var(--sds-textarea-label-text-color, var(--sds-color-neutral-text-default));
|
|
4842
|
+
--_sds-textarea-label-text-color: var(--sds-textarea-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
4758
4843
|
--_sds-textarea-label-font-size: var(--sds-textarea-label-font-size, var(--sds-components-font-size-md));
|
|
4759
4844
|
--_sds-textarea-label-font-weight: var(--sds-textarea-label-font-weight, var(--sds-typography-font-weight-medium));
|
|
4760
4845
|
--_sds-textarea-label-line-height: var(--sds-textarea-label-line-height, var(--sds-components-line-height-squeezed-md));
|
|
4761
4846
|
|
|
4762
4847
|
--_sds-textarea-label-gap: var(--sds-textarea-gap, var(--sds-spacing-4xs));
|
|
4763
4848
|
|
|
4764
|
-
--_sds-textarea-helptext-text-color: var(--sds-textarea-helptext-text-color, var(--sds-color-neutral-text-subtle));
|
|
4849
|
+
--_sds-textarea-helptext-text-color: var(--sds-textarea-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
4765
4850
|
--_sds-textarea-helptext-font-size: var(--sds-textarea-helptext-font-size, var(--sds-components-font-size-md));
|
|
4766
4851
|
--_sds-textarea-helptext-font-weight: var(--sds-textarea-helptext-font-weight, var(--sds-typography-font-weight-regular));
|
|
4767
4852
|
--_sds-textarea-helptext-line-height: var(--sds-textarea-helptext-line-height, var(--sds-components-line-height-squeezed-md));
|
|
4768
4853
|
|
|
4769
|
-
--_sds-textarea-counter-text-color: var(--sds-textarea-counter-text-color, var(--sds-color-neutral-text-default));
|
|
4854
|
+
--_sds-textarea-counter-text-color: var(--sds-textarea-counter-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
4770
4855
|
--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-md));
|
|
4771
4856
|
--_sds-textarea-counter-font-weight: var(--sds-textarea-counter-font-weight, var(--sds-typography-font-weight-regular));
|
|
4772
4857
|
--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-md));
|
|
@@ -4809,7 +4894,7 @@ const styles = i$4`
|
|
|
4809
4894
|
resize: vertical;
|
|
4810
4895
|
|
|
4811
4896
|
&:hover {
|
|
4812
|
-
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-main-action-hover));
|
|
4897
|
+
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
4813
4898
|
}
|
|
4814
4899
|
|
|
4815
4900
|
&:focus-visible {
|
|
@@ -4819,8 +4904,8 @@ const styles = i$4`
|
|
|
4819
4904
|
}
|
|
4820
4905
|
|
|
4821
4906
|
&:active {
|
|
4822
|
-
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-main-action-active));
|
|
4823
|
-
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-main-text-default));
|
|
4907
|
+
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
4908
|
+
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
4824
4909
|
}
|
|
4825
4910
|
}
|
|
4826
4911
|
|
|
@@ -4877,8 +4962,8 @@ const styles = i$4`
|
|
|
4877
4962
|
}
|
|
4878
4963
|
|
|
4879
4964
|
:host([readonly]) {
|
|
4880
|
-
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-neutral-surface-tinted));
|
|
4881
|
-
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-neutral-border-subtle));
|
|
4965
|
+
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
4966
|
+
--_sds-textarea-border-color: var(--sds-textarea-border-color, var(--sds-color-border-subtle, var(--sds-color-neutral-border-subtle)));
|
|
4882
4967
|
.sds-textarea__input {
|
|
4883
4968
|
resize: none;
|
|
4884
4969
|
}
|