@carbon/styles 1.31.0 → 1.31.2
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 +20 -4
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/_layout.scss +22 -3
- package/scss/components/button/_mixins.scss +10 -2
- package/scss/components/contained-list/_contained-list.scss +18 -2
- package/scss/components/notification/_actionable-notification.scss +2 -1
- package/scss/utilities/_layout.scss +3 -23
package/css/styles.css
CHANGED
|
@@ -4160,9 +4160,12 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4160
4160
|
.cds--btn {
|
|
4161
4161
|
--cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
|
|
4162
4162
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
|
4163
|
-
--temp-1lh: (
|
|
4163
|
+
--temp-1lh: (
|
|
4164
|
+
var(--cds-body-compact-01-line-height, 1.28572) * 1em
|
|
4165
|
+
);
|
|
4164
4166
|
--temp-padding-block-max: calc(
|
|
4165
|
-
(var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
|
|
4167
|
+
(var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
|
|
4168
|
+
0.0625rem
|
|
4166
4169
|
);
|
|
4167
4170
|
box-sizing: border-box;
|
|
4168
4171
|
padding: 0;
|
|
@@ -7728,6 +7731,11 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7728
7731
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
|
7729
7732
|
}
|
|
7730
7733
|
|
|
7734
|
+
.cds--contained-list > ul {
|
|
7735
|
+
padding: 0;
|
|
7736
|
+
margin: 0;
|
|
7737
|
+
}
|
|
7738
|
+
|
|
7731
7739
|
.cds--contained-list__header {
|
|
7732
7740
|
position: sticky;
|
|
7733
7741
|
z-index: 1;
|
|
@@ -7819,12 +7827,17 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7819
7827
|
|
|
7820
7828
|
.cds--contained-list-item {
|
|
7821
7829
|
position: relative;
|
|
7830
|
+
list-style: none;
|
|
7822
7831
|
}
|
|
7823
7832
|
|
|
7824
7833
|
.cds--contained-list-item:not(:first-of-type) {
|
|
7825
7834
|
margin-top: -1px;
|
|
7826
7835
|
}
|
|
7827
7836
|
|
|
7837
|
+
.cds--contained-list-item__content {
|
|
7838
|
+
box-sizing: border-box;
|
|
7839
|
+
}
|
|
7840
|
+
|
|
7828
7841
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
|
7829
7842
|
box-sizing: border-box;
|
|
7830
7843
|
padding: 0;
|
|
@@ -7857,7 +7870,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7857
7870
|
|
|
7858
7871
|
.cds--contained-list-item__content,
|
|
7859
7872
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
|
7860
|
-
--temp-1lh: (
|
|
7873
|
+
--temp-1lh: (
|
|
7874
|
+
var(--cds-body-01-line-height, 1.42857) * 1em
|
|
7875
|
+
);
|
|
7861
7876
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
|
7862
7877
|
font-weight: var(--cds-body-01-font-weight, 400);
|
|
7863
7878
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
|
@@ -16454,7 +16469,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
16454
16469
|
|
|
16455
16470
|
/* Tertiary action button when not inline (toast) */
|
|
16456
16471
|
.cds--actionable-notification__action-button.cds--btn--tertiary {
|
|
16457
|
-
padding:
|
|
16472
|
+
padding-right: 1rem;
|
|
16473
|
+
padding-left: 1rem;
|
|
16458
16474
|
margin-bottom: 1rem;
|
|
16459
16475
|
margin-left: calc(2rem + 1.25rem - 0.125rem);
|
|
16460
16476
|
}
|