@carbon/styles 1.5.0 → 1.7.0
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/css/styles.css +21 -4
- package/css/styles.min.css +1 -1
- package/package.json +4 -3
- package/scss/components/data-table/sort/_data-table-sort.scss +1 -0
- package/scss/components/modal/_modal.scss +2 -1
- package/scss/components/notification/_actionable-notification.scss +1 -0
- package/scss/components/tabs/_tabs.scss +7 -1
- package/scss/components/tag/_tag.scss +3 -1
- package/scss/components/toggle/_toggle.scss +106 -644
package/css/styles.css
CHANGED
|
@@ -1078,6 +1078,7 @@ em {
|
|
|
1078
1078
|
--cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
|
|
1079
1079
|
--cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
|
|
1080
1080
|
display: grid;
|
|
1081
|
+
width: 100%;
|
|
1081
1082
|
max-width: 99rem;
|
|
1082
1083
|
padding-right: var(--cds-grid-margin);
|
|
1083
1084
|
padding-left: var(--cds-grid-margin);
|
|
@@ -6811,8 +6812,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
6811
6812
|
.cds--tag--outline {
|
|
6812
6813
|
background-color: var(--cds-background, #ffffff);
|
|
6813
6814
|
color: var(--cds-text-primary, #161616);
|
|
6814
|
-
-webkit-box-shadow:
|
|
6815
|
-
box-shadow:
|
|
6815
|
+
-webkit-box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
|
|
6816
|
+
box-shadow: 0 0 0 1px var(--cds-background-inverse, #393939);
|
|
6816
6817
|
}
|
|
6817
6818
|
.cds--tag--outline.cds--tag--interactive:hover,
|
|
6818
6819
|
.cds--tag--outline .cds--tag__close-icon:hover {
|
|
@@ -6824,6 +6825,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
6824
6825
|
.cds--tag--interactive.cds--tag--disabled {
|
|
6825
6826
|
background-color: var(--cds-layer);
|
|
6826
6827
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
6828
|
+
-webkit-box-shadow: none;
|
|
6829
|
+
box-shadow: none;
|
|
6827
6830
|
}
|
|
6828
6831
|
.cds--tag--disabled.cds--tag--interactive:hover,
|
|
6829
6832
|
.cds--tag--disabled .cds--tag__close-icon:hover,
|
|
@@ -9949,6 +9952,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
|
9949
9952
|
.cds--data-table.cds--data-table--sort th > .cds--table-header-label {
|
|
9950
9953
|
padding-right: 1rem;
|
|
9951
9954
|
padding-left: 1rem;
|
|
9955
|
+
line-height: 1;
|
|
9952
9956
|
}
|
|
9953
9957
|
|
|
9954
9958
|
th .cds--table-sort__flex {
|
|
@@ -12635,11 +12639,11 @@ button.cds--dropdown-text:focus {
|
|
|
12635
12639
|
|
|
12636
12640
|
.cds--modal-content p,
|
|
12637
12641
|
.cds--modal-content__regular-content {
|
|
12638
|
-
padding-right: 20%;
|
|
12639
12642
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
|
12640
12643
|
font-weight: var(--cds-body-01-font-weight, 400);
|
|
12641
12644
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
|
12642
12645
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
|
12646
|
+
padding-right: calc(20% - 2rem);
|
|
12643
12647
|
}
|
|
12644
12648
|
|
|
12645
12649
|
.cds--modal-content--with-form {
|
|
@@ -13891,6 +13895,8 @@ button.cds--dropdown-text:focus {
|
|
|
13891
13895
|
display: -webkit-box;
|
|
13892
13896
|
display: -ms-flexbox;
|
|
13893
13897
|
display: flex;
|
|
13898
|
+
-ms-flex-wrap: wrap;
|
|
13899
|
+
flex-wrap: wrap;
|
|
13894
13900
|
word-break: break-word;
|
|
13895
13901
|
}
|
|
13896
13902
|
|
|
@@ -18403,7 +18409,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
18403
18409
|
display: -webkit-box;
|
|
18404
18410
|
display: -ms-flexbox;
|
|
18405
18411
|
display: flex;
|
|
18406
|
-
width:
|
|
18412
|
+
width: auto;
|
|
18407
18413
|
overflow-x: auto;
|
|
18408
18414
|
scroll-behavior: smooth;
|
|
18409
18415
|
scrollbar-width: none;
|
|
@@ -18764,6 +18770,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
18764
18770
|
}
|
|
18765
18771
|
}
|
|
18766
18772
|
|
|
18773
|
+
.cds--tab-content--interactive:focus {
|
|
18774
|
+
outline: none;
|
|
18775
|
+
}
|
|
18776
|
+
|
|
18767
18777
|
.cds--tabs.cds--skeleton {
|
|
18768
18778
|
cursor: default;
|
|
18769
18779
|
pointer-events: none;
|
|
@@ -19595,6 +19605,13 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
19595
19605
|
column-gap: 1rem;
|
|
19596
19606
|
}
|
|
19597
19607
|
|
|
19608
|
+
.cds--toggle {
|
|
19609
|
+
-webkit-user-select: none;
|
|
19610
|
+
-moz-user-select: none;
|
|
19611
|
+
-ms-user-select: none;
|
|
19612
|
+
user-select: none;
|
|
19613
|
+
}
|
|
19614
|
+
|
|
19598
19615
|
.cds--toggle__label-text {
|
|
19599
19616
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
|
19600
19617
|
font-weight: var(--cds-label-01-font-weight, 400);
|