dap-design-system 0.29.1 → 0.30.1
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/components.native.css +211 -103
- package/dist/components.native.css.map +1 -1
- package/dist/dds.d.ts +7 -3
- package/dist/dds.js +39 -13
- package/dist/dds.js.map +1 -1
- package/dist/manifest/types/vue/index.d.ts +234 -232
- package/dist/manifest/vscode.html-custom-data.json +138 -137
- package/dist/manifest/web-types.json +326 -326
- package/dist/react-types.ts +10 -10
- package/dist/react.d.ts +7 -3
- package/dist/react.js +103 -103
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
|
@@ -217,6 +217,29 @@
|
|
|
217
217
|
.dds-button--subtle.dds-link:active {
|
|
218
218
|
color: var(--dds-button-subtle-text-pressed);
|
|
219
219
|
}
|
|
220
|
+
.dds-button--subtle-neutral {
|
|
221
|
+
border: var(--dds-border-width-large) solid transparent;
|
|
222
|
+
background-color: var(--dds-button-subtle-background-neutral-enabled);
|
|
223
|
+
color: var(--dds-button-subtle-text-neutral-enabled);
|
|
224
|
+
}
|
|
225
|
+
.dds-button--subtle-neutral:hover {
|
|
226
|
+
background-color: var(--dds-button-subtle-background-neutral-hover);
|
|
227
|
+
color: var(--dds-button-subtle-text-neutral-hover);
|
|
228
|
+
}
|
|
229
|
+
.dds-button--subtle-neutral:active {
|
|
230
|
+
background-color: var(--dds-button-subtle-background-neutral-pressed);
|
|
231
|
+
color: var(--dds-button-subtle-text-neutral-hover);
|
|
232
|
+
}
|
|
233
|
+
.dds-button--subtle-neutral.dds-link {
|
|
234
|
+
color: var(--dds-button-subtle-text-neutral-enabled);
|
|
235
|
+
text-decoration: none;
|
|
236
|
+
}
|
|
237
|
+
.dds-button--subtle-neutral.dds-link:hover {
|
|
238
|
+
color: var(--dds-button-subtle-text-neutral-hover);
|
|
239
|
+
}
|
|
240
|
+
.dds-button--subtle-neutral.dds-link:active {
|
|
241
|
+
color: var(--dds-button-subtle-text-neutral-hover);
|
|
242
|
+
}
|
|
220
243
|
.dds-button--subtle-inverted {
|
|
221
244
|
border: var(--dds-border-width-large) solid transparent;
|
|
222
245
|
background-color: var(--dds-button-subtle-background-inverted-enabled);
|
|
@@ -243,29 +266,29 @@
|
|
|
243
266
|
.dds-button--subtle-inverted.dds-link:active {
|
|
244
267
|
color: var(--dds-button-subtle-text-pressed);
|
|
245
268
|
}
|
|
246
|
-
.dds-button--subtle.dds-button--danger, .dds-button--subtle-inverted.dds-button--danger {
|
|
269
|
+
.dds-button--subtle.dds-button--danger, .dds-button--subtle-inverted.dds-button--danger, .dds-button--subtle-neutral.dds-button--danger {
|
|
247
270
|
border-color: transparent;
|
|
248
271
|
background-color: var(--dds-button-subtle-background-destructive-enabled);
|
|
249
272
|
color: var(--dds-button-subtle-text-destructive-enabled);
|
|
250
273
|
}
|
|
251
|
-
.dds-button--subtle.dds-button--danger:hover, .dds-button--subtle-inverted.dds-button--danger:hover {
|
|
274
|
+
.dds-button--subtle.dds-button--danger:hover, .dds-button--subtle-inverted.dds-button--danger:hover, .dds-button--subtle-neutral.dds-button--danger:hover {
|
|
252
275
|
background-color: var(--dds-button-subtle-background-destructive-hover);
|
|
253
276
|
color: var(--dds-button-subtle-text-destructive-hover);
|
|
254
277
|
}
|
|
255
|
-
.dds-button--subtle.dds-button--danger:active, .dds-button--subtle-inverted.dds-button--danger:active {
|
|
278
|
+
.dds-button--subtle.dds-button--danger:active, .dds-button--subtle-inverted.dds-button--danger:active, .dds-button--subtle-neutral.dds-button--danger:active {
|
|
256
279
|
background-color: var(--dds-button-subtle-background-destructive-pressed);
|
|
257
280
|
color: var(--dds-button-subtle-text-destructive-pressed);
|
|
258
281
|
}
|
|
259
|
-
.dds-button--subtle[disabled], .dds-button--subtle-inverted[disabled] {
|
|
282
|
+
.dds-button--subtle[disabled], .dds-button--subtle-inverted[disabled], .dds-button--subtle-neutral[disabled] {
|
|
260
283
|
border-color: transparent;
|
|
261
284
|
background-color: var(--dds-button-subtle-background-disabled);
|
|
262
285
|
color: var(--dds-button-subtle-text-disabled);
|
|
263
286
|
}
|
|
264
|
-
.dds-button--subtle[disabled]:hover, .dds-button--subtle-inverted[disabled]:hover {
|
|
287
|
+
.dds-button--subtle[disabled]:hover, .dds-button--subtle-inverted[disabled]:hover, .dds-button--subtle-neutral[disabled]:hover {
|
|
265
288
|
background-color: var(--dds-button-subtle-background-disabled);
|
|
266
289
|
color: var(--dds-button-subtle-text-disabled);
|
|
267
290
|
}
|
|
268
|
-
.dds-button--subtle[disabled]:active, .dds-button--subtle-inverted[disabled]:active {
|
|
291
|
+
.dds-button--subtle[disabled]:active, .dds-button--subtle-inverted[disabled]:active, .dds-button--subtle-neutral[disabled]:active {
|
|
269
292
|
background-color: var(--dds-button-subtle-background-disabled);
|
|
270
293
|
color: var(--dds-button-subtle-text-disabled);
|
|
271
294
|
}
|
|
@@ -813,6 +836,7 @@
|
|
|
813
836
|
.dds-checkbox[disabled], .dds-checkbox:disabled, .dds-checkbox.input__control--disabled {
|
|
814
837
|
border-color: var(--dds-button-primary-background-disabled);
|
|
815
838
|
background-color: var(--dds-button-primary-background-disabled);
|
|
839
|
+
cursor: not-allowed;
|
|
816
840
|
color: var(--dds-button-primary-icon-disabled);
|
|
817
841
|
cursor: not-allowed;
|
|
818
842
|
}
|
|
@@ -849,100 +873,6 @@
|
|
|
849
873
|
background-color: var(--dds-background-negative-strong-inverted);
|
|
850
874
|
}
|
|
851
875
|
|
|
852
|
-
.dds-choice-wrap {
|
|
853
|
-
display: inline-flex;
|
|
854
|
-
position: relative;
|
|
855
|
-
align-items: center;
|
|
856
|
-
}
|
|
857
|
-
.dds-choice-wrap > input {
|
|
858
|
-
top: 2px;
|
|
859
|
-
align-self: flex-start;
|
|
860
|
-
margin-right: var(--dds-spacing-200);
|
|
861
|
-
}
|
|
862
|
-
.dds-choice-wrap:has(input[disabled]) {
|
|
863
|
-
color: var(--dds-text-neutral-disabled);
|
|
864
|
-
}
|
|
865
|
-
.dds-choice-wrap--xs > input {
|
|
866
|
-
top: 0;
|
|
867
|
-
}
|
|
868
|
-
.dds-choice-wrap--xs .dds-choice-label-container .dds-label {
|
|
869
|
-
font-size: var(--dds-font-sm);
|
|
870
|
-
}
|
|
871
|
-
.dds-choice-wrap--xs .dds-choice-label-container .dds-typography-description {
|
|
872
|
-
font-size: var(--dds-font-xs);
|
|
873
|
-
letter-spacing: 0;
|
|
874
|
-
line-height: var(--dds-font-line-height-xlarge);
|
|
875
|
-
}
|
|
876
|
-
.dds-choice-wrap--sm > input {
|
|
877
|
-
top: 1px;
|
|
878
|
-
}
|
|
879
|
-
.dds-choice-wrap--sm .dds-choice-label-container .dds-label {
|
|
880
|
-
font-size: var(--dds-font-base);
|
|
881
|
-
}
|
|
882
|
-
.dds-choice-wrap--sm .dds-choice-label-container .dds-typography-description {
|
|
883
|
-
font-size: var(--dds-font-sm);
|
|
884
|
-
letter-spacing: 0;
|
|
885
|
-
line-height: var(--dds-font-line-height-xlarge);
|
|
886
|
-
}
|
|
887
|
-
.dds-choice-wrap--lg > input {
|
|
888
|
-
top: 3px;
|
|
889
|
-
}
|
|
890
|
-
.dds-choice-wrap--lg .dds-choice-label-container .dds-label {
|
|
891
|
-
font-size: var(--dds-font-lg);
|
|
892
|
-
}
|
|
893
|
-
.dds-choice-wrap--lg .dds-choice-label-container .dds-typography-description {
|
|
894
|
-
font-size: var(--dds-font-lg);
|
|
895
|
-
letter-spacing: 0;
|
|
896
|
-
line-height: var(--dds-font-line-height-xlarge);
|
|
897
|
-
}
|
|
898
|
-
|
|
899
|
-
.dds-choice-label-container {
|
|
900
|
-
display: flex;
|
|
901
|
-
flex-direction: column;
|
|
902
|
-
}
|
|
903
|
-
|
|
904
|
-
.dds-choice-wrap--background {
|
|
905
|
-
padding: var(--dds-spacing-400);
|
|
906
|
-
border: var(--dds-border-width-base) solid transparent;
|
|
907
|
-
border-radius: var(--dds-radius-base);
|
|
908
|
-
background-color: var(--dds-background-neutral-subtle);
|
|
909
|
-
transition-property: all;
|
|
910
|
-
transition-duration: var(--dds-transition-fast);
|
|
911
|
-
transition-timing-function: var(--dds-easing-ease-in-out);
|
|
912
|
-
outline-color: var(--dds-focus-outer-ring);
|
|
913
|
-
outline-offset: var(--dds-spacing-50);
|
|
914
|
-
outline-width: var(--dds-border-width-large);
|
|
915
|
-
}
|
|
916
|
-
.dds-choice-wrap--background:has(.dds-checkbox:focus) {
|
|
917
|
-
outline-style: solid;
|
|
918
|
-
}
|
|
919
|
-
.dds-choice-wrap--background:has(.dds-checkbox:disabled) {
|
|
920
|
-
background-color: var(--dds-background-neutral-disabled-inverted);
|
|
921
|
-
}
|
|
922
|
-
|
|
923
|
-
.dds-choice-wrap--background-border {
|
|
924
|
-
padding: var(--dds-spacing-400);
|
|
925
|
-
border: var(--dds-border-width-base) solid transparent;
|
|
926
|
-
border-radius: var(--dds-radius-base);
|
|
927
|
-
background-color: var(--dds-background-neutral-subtle);
|
|
928
|
-
transition-property: all;
|
|
929
|
-
transition-duration: var(--dds-transition-fast);
|
|
930
|
-
transition-timing-function: var(--dds-easing-ease-in-out);
|
|
931
|
-
outline-color: var(--dds-focus-outer-ring);
|
|
932
|
-
outline-offset: var(--dds-spacing-50);
|
|
933
|
-
outline-width: var(--dds-border-width-large);
|
|
934
|
-
border-color: var(--dds-border-neutral-subtle);
|
|
935
|
-
}
|
|
936
|
-
.dds-choice-wrap--background-border:has(.dds-checkbox:focus) {
|
|
937
|
-
outline-style: solid;
|
|
938
|
-
}
|
|
939
|
-
.dds-choice-wrap--background-border:has(.dds-checkbox:disabled) {
|
|
940
|
-
background-color: var(--dds-background-neutral-disabled-inverted);
|
|
941
|
-
}
|
|
942
|
-
.dds-choice-wrap--background-border:has(.dds-checkbox:checked) {
|
|
943
|
-
border-color: var(--dds-background-brand-base-inverted);
|
|
944
|
-
}
|
|
945
|
-
|
|
946
876
|
.high-contrast-theme .dds-checkbox {
|
|
947
877
|
border: 1px solid var(--dds-border-neutral-transparent-interactive, #fff500);
|
|
948
878
|
}
|
|
@@ -1567,6 +1497,100 @@
|
|
|
1567
1497
|
background-color: var(--dds-background-ui-negative-enabled);
|
|
1568
1498
|
}
|
|
1569
1499
|
|
|
1500
|
+
.dds-choice-wrap {
|
|
1501
|
+
display: inline-flex;
|
|
1502
|
+
position: relative;
|
|
1503
|
+
align-items: center;
|
|
1504
|
+
}
|
|
1505
|
+
.dds-choice-wrap > input {
|
|
1506
|
+
top: 2px;
|
|
1507
|
+
align-self: flex-start;
|
|
1508
|
+
margin-right: var(--dds-spacing-200);
|
|
1509
|
+
}
|
|
1510
|
+
.dds-choice-wrap:has(input[disabled]) {
|
|
1511
|
+
color: var(--dds-text-neutral-disabled);
|
|
1512
|
+
}
|
|
1513
|
+
.dds-choice-wrap--xs > input {
|
|
1514
|
+
top: 0;
|
|
1515
|
+
}
|
|
1516
|
+
.dds-choice-wrap--xs .dds-choice-label-container .dds-label {
|
|
1517
|
+
font-size: var(--dds-font-sm);
|
|
1518
|
+
}
|
|
1519
|
+
.dds-choice-wrap--xs .dds-choice-label-container .dds-typography-description {
|
|
1520
|
+
font-size: var(--dds-font-xs);
|
|
1521
|
+
letter-spacing: 0;
|
|
1522
|
+
line-height: var(--dds-font-line-height-xlarge);
|
|
1523
|
+
}
|
|
1524
|
+
.dds-choice-wrap--sm > input {
|
|
1525
|
+
top: 1px;
|
|
1526
|
+
}
|
|
1527
|
+
.dds-choice-wrap--sm .dds-choice-label-container .dds-label {
|
|
1528
|
+
font-size: var(--dds-font-base);
|
|
1529
|
+
}
|
|
1530
|
+
.dds-choice-wrap--sm .dds-choice-label-container .dds-typography-description {
|
|
1531
|
+
font-size: var(--dds-font-sm);
|
|
1532
|
+
letter-spacing: 0;
|
|
1533
|
+
line-height: var(--dds-font-line-height-xlarge);
|
|
1534
|
+
}
|
|
1535
|
+
.dds-choice-wrap--lg > input {
|
|
1536
|
+
top: 3px;
|
|
1537
|
+
}
|
|
1538
|
+
.dds-choice-wrap--lg .dds-choice-label-container .dds-label {
|
|
1539
|
+
font-size: var(--dds-font-lg);
|
|
1540
|
+
}
|
|
1541
|
+
.dds-choice-wrap--lg .dds-choice-label-container .dds-typography-description {
|
|
1542
|
+
font-size: var(--dds-font-lg);
|
|
1543
|
+
letter-spacing: 0;
|
|
1544
|
+
line-height: var(--dds-font-line-height-xlarge);
|
|
1545
|
+
}
|
|
1546
|
+
|
|
1547
|
+
.dds-choice-label-container {
|
|
1548
|
+
display: flex;
|
|
1549
|
+
flex-direction: column;
|
|
1550
|
+
}
|
|
1551
|
+
|
|
1552
|
+
.dds-choice-wrap--background {
|
|
1553
|
+
padding: var(--dds-spacing-400);
|
|
1554
|
+
border: var(--dds-border-width-base) solid transparent;
|
|
1555
|
+
border-radius: var(--dds-radius-base);
|
|
1556
|
+
background-color: var(--dds-background-neutral-subtle);
|
|
1557
|
+
transition-property: all;
|
|
1558
|
+
transition-duration: var(--dds-transition-fast);
|
|
1559
|
+
transition-timing-function: var(--dds-easing-ease-in-out);
|
|
1560
|
+
outline-color: var(--dds-focus-outer-ring);
|
|
1561
|
+
outline-offset: var(--dds-spacing-50);
|
|
1562
|
+
outline-width: var(--dds-border-width-large);
|
|
1563
|
+
}
|
|
1564
|
+
.dds-choice-wrap--background:has(.dds-checkbox:focus) {
|
|
1565
|
+
outline-style: solid;
|
|
1566
|
+
}
|
|
1567
|
+
.dds-choice-wrap--background:has(.dds-checkbox:disabled) {
|
|
1568
|
+
background-color: var(--dds-background-neutral-disabled-inverted);
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.dds-choice-wrap--background-border {
|
|
1572
|
+
padding: var(--dds-spacing-400);
|
|
1573
|
+
border: var(--dds-border-width-base) solid transparent;
|
|
1574
|
+
border-radius: var(--dds-radius-base);
|
|
1575
|
+
background-color: var(--dds-background-neutral-subtle);
|
|
1576
|
+
transition-property: all;
|
|
1577
|
+
transition-duration: var(--dds-transition-fast);
|
|
1578
|
+
transition-timing-function: var(--dds-easing-ease-in-out);
|
|
1579
|
+
outline-color: var(--dds-focus-outer-ring);
|
|
1580
|
+
outline-offset: var(--dds-spacing-50);
|
|
1581
|
+
outline-width: var(--dds-border-width-large);
|
|
1582
|
+
border-color: var(--dds-border-neutral-subtle);
|
|
1583
|
+
}
|
|
1584
|
+
.dds-choice-wrap--background-border:has(.dds-checkbox:focus) {
|
|
1585
|
+
outline-style: solid;
|
|
1586
|
+
}
|
|
1587
|
+
.dds-choice-wrap--background-border:has(.dds-checkbox:disabled) {
|
|
1588
|
+
background-color: var(--dds-background-neutral-disabled-inverted);
|
|
1589
|
+
}
|
|
1590
|
+
.dds-choice-wrap--background-border:has(.dds-checkbox:checked) {
|
|
1591
|
+
border-color: var(--dds-background-brand-base-inverted);
|
|
1592
|
+
}
|
|
1593
|
+
|
|
1570
1594
|
.dds-link {
|
|
1571
1595
|
transition-property: all;
|
|
1572
1596
|
transition-duration: var(--dds-transition-fast);
|
|
@@ -1666,18 +1690,102 @@
|
|
|
1666
1690
|
text-decoration: none;
|
|
1667
1691
|
}
|
|
1668
1692
|
|
|
1693
|
+
.dds-radiobutton {
|
|
1694
|
+
transition-property: all;
|
|
1695
|
+
transition-duration: var(--dds-transition-fast);
|
|
1696
|
+
transition-timing-function: var(--dds-easing-ease-in-out);
|
|
1697
|
+
outline-color: var(--dds-focus-outer-ring);
|
|
1698
|
+
outline-offset: var(--dds-spacing-50);
|
|
1699
|
+
outline-width: var(--dds-border-width-large);
|
|
1700
|
+
display: inline-flex;
|
|
1701
|
+
box-sizing: border-box;
|
|
1702
|
+
align-items: center;
|
|
1703
|
+
justify-content: center;
|
|
1704
|
+
width: var(--dds-spacing-600);
|
|
1705
|
+
min-width: var(--dds-spacing-600);
|
|
1706
|
+
height: var(--dds-spacing-600);
|
|
1707
|
+
border-width: var(--dds-border-width-large);
|
|
1708
|
+
border-style: solid;
|
|
1709
|
+
border-radius: var(--dds-radius-rounded);
|
|
1710
|
+
border-color: var(--dds-border-neutral-base);
|
|
1711
|
+
background-color: var(--dds-background-neutral-base);
|
|
1712
|
+
appearance: none;
|
|
1713
|
+
cursor: pointer;
|
|
1714
|
+
}
|
|
1715
|
+
.dds-radiobutton:hover {
|
|
1716
|
+
border-color: var(--dds-border-neutral-medium);
|
|
1717
|
+
background-color: var(--dds-background-neutral-medium);
|
|
1718
|
+
}
|
|
1719
|
+
.dds-radiobutton:active {
|
|
1720
|
+
border-color: var(--dds-border-neutral-strong);
|
|
1721
|
+
background-color: var(--dds-background-neutral-strong);
|
|
1722
|
+
}
|
|
1723
|
+
.dds-radiobutton.input__control--checked {
|
|
1724
|
+
border-width: 0;
|
|
1725
|
+
background-color: var(--dds-background-brand-base-inverted);
|
|
1726
|
+
}
|
|
1727
|
+
.dds-radiobutton.input__control--checked:hover {
|
|
1728
|
+
background-color: var(--dds-background-brand-medium-inverted);
|
|
1729
|
+
}
|
|
1730
|
+
.dds-radiobutton.input__control--checked:active {
|
|
1731
|
+
background-color: var(--dds-background-brand-strong-inverted);
|
|
1732
|
+
}
|
|
1733
|
+
.dds-radiobutton.input__control--checked .radio__icon {
|
|
1734
|
+
opacity: 1;
|
|
1735
|
+
}
|
|
1736
|
+
.dds-radiobutton[disabled], .dds-radiobutton:disabled, .dds-radiobutton.input__control--disabled {
|
|
1737
|
+
border-width: 0;
|
|
1738
|
+
background-color: var(--dds-background-neutral-disabled);
|
|
1739
|
+
cursor: not-allowed;
|
|
1740
|
+
pointer-events: none;
|
|
1741
|
+
}
|
|
1742
|
+
.dds-radiobutton[disabled] .radio__icon, .dds-radiobutton:disabled .radio__icon, .dds-radiobutton.input__control--disabled .radio__icon {
|
|
1743
|
+
background-color: var(--dds-background-neutral-stronger);
|
|
1744
|
+
}
|
|
1745
|
+
.dds-radiobutton.dds-radiobutton--invalid, .dds-radiobutton[invalid], .dds-radiobutton:invalid, .dds-radiobutton.input__control--invalid {
|
|
1746
|
+
border-color: var(--dds-border-negative-base);
|
|
1747
|
+
background-color: var(--dds-background-negative-base);
|
|
1748
|
+
}
|
|
1749
|
+
.dds-radiobutton.dds-radiobutton--invalid:hover, .dds-radiobutton[invalid]:hover, .dds-radiobutton:invalid:hover, .dds-radiobutton.input__control--invalid:hover {
|
|
1750
|
+
border-color: var(--dds-border-negative-medium);
|
|
1751
|
+
background-color: var(--dds-background-negative-medium);
|
|
1752
|
+
}
|
|
1753
|
+
.dds-radiobutton.dds-radiobutton--invalid:active, .dds-radiobutton[invalid]:active, .dds-radiobutton:invalid:active, .dds-radiobutton.input__control--invalid:active {
|
|
1754
|
+
border-color: var(--dds-border-negative-strong);
|
|
1755
|
+
background-color: var(--dds-background-negative-strong);
|
|
1756
|
+
}
|
|
1757
|
+
.dds-radiobutton:invalid:checked, .dds-radiobutton[invalid][checked], .dds-radiobutton:invalid[checked], .dds-radiobutton[invalid]:checked, .dds-radiobutton.dds-radiobutton--invalid[checked], .dds-radiobutton.dds-radiobutton--invalid:checked, .dds-radiobutton.input__control--invalid.input__control--checked {
|
|
1758
|
+
border-width: 0;
|
|
1759
|
+
background-color: var(--dds-background-negative-base-inverted);
|
|
1760
|
+
}
|
|
1761
|
+
.dds-radiobutton:invalid:checked:hover, .dds-radiobutton[invalid][checked]:hover, .dds-radiobutton:invalid[checked]:hover, .dds-radiobutton[invalid]:checked:hover, .dds-radiobutton.dds-radiobutton--invalid[checked]:hover, .dds-radiobutton.dds-radiobutton--invalid:checked:hover, .dds-radiobutton.input__control--invalid.input__control--checked:hover {
|
|
1762
|
+
background-color: var(--dds-background-negative-medium-inverted);
|
|
1763
|
+
}
|
|
1764
|
+
.dds-radiobutton:invalid:checked:active, .dds-radiobutton[invalid][checked]:active, .dds-radiobutton:invalid[checked]:active, .dds-radiobutton[invalid]:checked:active, .dds-radiobutton.dds-radiobutton--invalid[checked]:active, .dds-radiobutton.dds-radiobutton--invalid:checked:active, .dds-radiobutton.input__control--invalid.input__control--checked:active {
|
|
1765
|
+
background-color: var(--dds-background-negative-strong-inverted);
|
|
1766
|
+
}
|
|
1767
|
+
.dds-radiobutton:focus {
|
|
1768
|
+
outline-style: solid;
|
|
1769
|
+
}
|
|
1770
|
+
.dds-radiobutton:checked, .dds-radiobutton[checked] {
|
|
1771
|
+
border-width: 0;
|
|
1772
|
+
background-color: var(--dds-background-brand-base-inverted);
|
|
1773
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><circle cx="12" cy="12" r="6"></circle></svg>');
|
|
1774
|
+
background-repeat: no-repeat;
|
|
1775
|
+
background-position: center;
|
|
1776
|
+
}
|
|
1777
|
+
|
|
1669
1778
|
.dds-typography {
|
|
1670
1779
|
margin: 0;
|
|
1671
|
-
color: var(--dds-text-neutral-base);
|
|
1672
1780
|
font-family: var(--font-family);
|
|
1673
1781
|
font-weight: var(--dds-font-weight-medium);
|
|
1674
1782
|
letter-spacing: 0;
|
|
1675
1783
|
}
|
|
1676
1784
|
|
|
1677
1785
|
.dds-heading {
|
|
1678
|
-
color: var(--dds-text-neutral-strong);
|
|
1679
1786
|
font-weight: var(--dds-font-weight-bold);
|
|
1680
1787
|
line-height: var(--dds-font-line-height-large);
|
|
1788
|
+
color: var(--dds-text-neutral-strong);
|
|
1681
1789
|
}
|
|
1682
1790
|
|
|
1683
1791
|
.dds-typography-h1 {
|
|
@@ -1726,9 +1834,9 @@
|
|
|
1726
1834
|
}
|
|
1727
1835
|
|
|
1728
1836
|
.dds-typography-description {
|
|
1729
|
-
color: var(--dds-text-neutral-subtle);
|
|
1730
1837
|
font-size: var(--dds-font-base);
|
|
1731
1838
|
line-height: var(--dds-font-line-height-xlarge);
|
|
1839
|
+
color: var(--dds-text-neutral-subtle);
|
|
1732
1840
|
}
|
|
1733
1841
|
|
|
1734
1842
|
.dds-typography-description--lg {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/components/button/_styles/button.native.scss","../src/styles/mixins.scss","../src/components/button/_styles/button.mixin.scss","../src/components/card/_styles/card.native.scss","../src/components/card/_styles/card.mixin.scss","../src/components/card/_styles/card-title.mixin.scss","../src/components/card/_styles/card-subtitle.mixin.scss","../src/components/card/_styles/card-image.mixin.scss","../src/components/card/_styles/card-content.mixin.scss","../src/components/card/_styles/card-actions.mixin.scss","../src/components/checkbox/_styles/checkbox.native.scss","../src/components/checkbox/_styles/checkbox.mixin.scss","../src/components/form/form-label/_styles/form-label.
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/components/button/_styles/button.native.scss","../src/styles/mixins.scss","../src/components/button/_styles/button.mixin.scss","../src/components/card/_styles/card.native.scss","../src/components/card/_styles/card.mixin.scss","../src/components/card/_styles/card-title.mixin.scss","../src/components/card/_styles/card-subtitle.mixin.scss","../src/components/card/_styles/card-image.mixin.scss","../src/components/card/_styles/card-content.mixin.scss","../src/components/card/_styles/card-actions.mixin.scss","../src/components/checkbox/_styles/checkbox.native.scss","../src/components/checkbox/_styles/checkbox.mixin.scss","../src/components/divider/_styles/divider.native.scss","../src/components/divider/_styles/divider.mixin.scss","../src/components/feedback/_styles/feedback.native.scss","../src/components/feedback/_styles/feedback.mixin.scss","../src/components/form/form-label/_styles/form-label.native.scss","../src/components/form/form-label/_styles/form-label.mixin.scss","../src/components/icon/_styles/icon.native.scss","../src/components/icon/_styles/icon.mixin.scss","../src/components/input/_styles/input.native.scss","../src/components/input/_styles/input.mixin.scss","../src/components/label/_styles/label.native.scss","../src/components/typography/_styles/typography.mixin.scss","../src/components/label/_styles/label.mixin.scss","../src/components/link/_styles/link.native.scss","../src/components/link/_styles/link.mixin.scss","../src/components/radio-button/_styles/radio-button.native.scss","../src/components/radio-button/_styles/radio-button.mixin.scss","../src/components/typography/_styles/typography.native.scss","../src/styles/native.scss"],"names":[],"mappings":"AAEA;ECDE;EACA;EACA;EAIA;EACA;EACA;ECHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAOJ;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAQJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EAGA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AFtiBN;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAKF;EACE;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;;AG7EN;EFNE;EACA;EACA;EAIA;EACA;EACA;EGHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;;ADzBN;EEVE;EACA;EACA;EAIA;EACA;;AAEA;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EAEA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EACA;;;AF5DJ;EGfE;EACA;EAIA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;;AH/CN;EIpBE;EACA;EACA;EACA;EACA;EACA;;;AJmBF;EKxBE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;;ALnCN;EM5BE;EACA;EACA;;AAEA;EACE;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EAEE;;AAGF;EAEE;EACA;;;AN5BN;ECqBE;EACA;EACA;EACA;;ADrBA;EAIE;EACA;;;AOvCJ;ETDE;EACA;EACA;EAIA;EACA;EACA;EUHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDfA;;ACiBA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EAIE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAIJ;EAIE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EAwCA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AApCF;EAGE;EACA;EACA;EAiBF;EACA;;AAdE;EACE;EACA;;AAGF;EACE;EACA;;AD7GJ;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;ECsGA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;ADpGF;EACE;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;;AE3CN;ECJE;EACA;EACA;EACA;EACA;EDGA;;AAGE;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAIJ;ECPA;EACA;EACA;EACA;EACA;EDME;;AAGE;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAKN;ECXA;;;ACfF;ECDE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACjEJ;ECCE;EACA;EACA;;AAEA;EA8CA;;AA1CA;EA0BA;;AAtBA;EA0BA;;AAtBA;EA0BA;;AAtBA;EA0BA;;AAtBA;EA8BA;EACA;EACA;EACA;;AA7BA;EAiCA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ADpEJ;EACE;ECkDA;EACA;EACA;EACA;;;ADhDF;EACE;ECmDA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ADxDJ;ECiEE;EACA;EACA;;;AD/DF;ECyDE;;;ADrDF;EC+DE;EACA;;;ACxFF;ECDE;EACA;EACA;EACA;EAmBA;EACA;;ADlBA;ECEA;EACA;;ADCA;ECGA;EACA;;ADAA;ECIA;EACA;;ADDA;ECKA;EACA;;ADFA;ECMA;EACA;;ADHA;ECOA;EACA;;;AChCF;EnBKE;EACA;EACA;EARA;EACA;EACA;EoBWA;EACA;EAC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","file":"components.native.css"}
|
package/dist/dds.d.ts
CHANGED
|
@@ -594,7 +594,7 @@ declare type ButtonSize = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
|
|
|
594
594
|
|
|
595
595
|
declare type ButtonSize_2 = Extract<Size, 'lg' | 'md' | 'sm' | 'xs'>;
|
|
596
596
|
|
|
597
|
-
declare type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted';
|
|
597
|
+
declare type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' | 'subtle-neutral';
|
|
598
598
|
|
|
599
599
|
declare type ButtonVariant_2 = 'neutral' | 'brand' | 'inverted' | 'inverted-brand';
|
|
600
600
|
|
|
@@ -666,6 +666,8 @@ declare class ComboboxBaseElement extends GenericFormElement {
|
|
|
666
666
|
setValidity(): void;
|
|
667
667
|
handleInvalid(event: Event): void;
|
|
668
668
|
getActiveDescendant(): DapDSOptionItem | null | undefined;
|
|
669
|
+
getSearchIconSize(size: string): "lg" | "md" | "sm";
|
|
670
|
+
getInnerIconSize(size: string): 10 | 16;
|
|
669
671
|
renderCombobox(): TemplateResult_2;
|
|
670
672
|
}
|
|
671
673
|
|
|
@@ -954,7 +956,7 @@ export declare class DapDSButton extends GenericFormElement {
|
|
|
954
956
|
*/
|
|
955
957
|
button: HTMLButtonElement | HTMLLinkElement;
|
|
956
958
|
/** The variant of the button
|
|
957
|
-
* @type { 'primary' | 'outline' | 'subtle' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' }
|
|
959
|
+
* @type { 'primary' | 'outline' | 'subtle' | 'subtle-neutral' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' }
|
|
958
960
|
*/
|
|
959
961
|
variant: ButtonVariant;
|
|
960
962
|
/** The size of the button
|
|
@@ -1629,7 +1631,9 @@ export declare class DapDSDataTable<T> extends DdsElement {
|
|
|
1629
1631
|
manualSorting: boolean;
|
|
1630
1632
|
/** Enables manual pagination. If this option is set to true, the table will not automatically paginate rows and instead will expect you to manually paginate the rows before passing them to the table. This is useful if you are doing server-side pagination and aggregation. */
|
|
1631
1633
|
manualPagination: boolean;
|
|
1632
|
-
/** If set to true, pagination will be reset to the first page when page-altering
|
|
1634
|
+
/** If set to true, pagination will be reset to the first page when page-altering
|
|
1635
|
+
* state changes eg. data is updated, filters change, grouping changes, etc. This behavior is automatically disabled when manualPagination is true but
|
|
1636
|
+
* it can be overridden by explicitly assigning a boolean value to the autoResetPageIndex table option. */
|
|
1633
1637
|
autoResetPageIndex: boolean;
|
|
1634
1638
|
/** Enable row click on the table */
|
|
1635
1639
|
enableRowClick: boolean;
|