@carbon/styles 1.49.0 → 1.50.0-rc.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 +47 -3
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/combo-button/_combo-button.scss +26 -1
- package/scss/components/data-table/expandable/_data-table-expandable.scss +2 -0
- package/scss/components/file-uploader/_file-uploader.scss +1 -0
- package/scss/components/menu-button/_menu-button.scss +16 -0
- package/scss/components/overflow-menu/_overflow-menu.scss +11 -0
- package/scss/utilities/_box-shadow.scss +4 -0
package/css/styles.css
CHANGED
|
@@ -5337,6 +5337,14 @@ a.cds--overflow-menu-options__btn::before {
|
|
|
5337
5337
|
}
|
|
5338
5338
|
|
|
5339
5339
|
/*stylelint-enable */
|
|
5340
|
+
.cds--overflow-menu__top-start {
|
|
5341
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
|
|
5342
|
+
}
|
|
5343
|
+
|
|
5344
|
+
.cds--overflow-menu__top-end {
|
|
5345
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
|
|
5346
|
+
}
|
|
5347
|
+
|
|
5340
5348
|
.cds--breadcrumb {
|
|
5341
5349
|
box-sizing: border-box;
|
|
5342
5350
|
padding: 0;
|
|
@@ -9084,19 +9092,28 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
9084
9092
|
}
|
|
9085
9093
|
|
|
9086
9094
|
.cds--combo-button__container--sm .cds--combo-button__primary-action {
|
|
9087
|
-
min-inline-size:
|
|
9095
|
+
min-inline-size: 7.9375rem;
|
|
9088
9096
|
}
|
|
9089
9097
|
|
|
9090
9098
|
.cds--combo-button__container--md .cds--combo-button__primary-action {
|
|
9091
|
-
min-inline-size:
|
|
9099
|
+
min-inline-size: 7.4375rem;
|
|
9092
9100
|
}
|
|
9093
9101
|
|
|
9094
9102
|
.cds--combo-button__container--lg .cds--combo-button__primary-action {
|
|
9095
|
-
min-inline-size:
|
|
9103
|
+
min-inline-size: 6.9375rem;
|
|
9096
9104
|
}
|
|
9097
9105
|
|
|
9098
9106
|
.cds--combo-button__primary-action .cds--btn {
|
|
9099
9107
|
inline-size: 100%;
|
|
9108
|
+
max-inline-size: 14.9375rem;
|
|
9109
|
+
min-inline-size: 6.9375rem;
|
|
9110
|
+
}
|
|
9111
|
+
|
|
9112
|
+
.cds--combo-button__primary-action button {
|
|
9113
|
+
display: block;
|
|
9114
|
+
overflow: hidden;
|
|
9115
|
+
text-overflow: ellipsis;
|
|
9116
|
+
white-space: nowrap;
|
|
9100
9117
|
}
|
|
9101
9118
|
|
|
9102
9119
|
.cds--combo-button__trigger svg {
|
|
@@ -9107,6 +9124,18 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
9107
9124
|
transform: rotate(180deg);
|
|
9108
9125
|
}
|
|
9109
9126
|
|
|
9127
|
+
.cds--combo-button__top {
|
|
9128
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
9129
|
+
}
|
|
9130
|
+
|
|
9131
|
+
.cds--combo-button__top-start {
|
|
9132
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
9133
|
+
}
|
|
9134
|
+
|
|
9135
|
+
.cds--combo-button__top-end {
|
|
9136
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
9137
|
+
}
|
|
9138
|
+
|
|
9110
9139
|
.cds--contained-list {
|
|
9111
9140
|
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
|
|
9112
9141
|
--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));
|
|
@@ -11796,6 +11825,8 @@ tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cd
|
|
|
11796
11825
|
|
|
11797
11826
|
tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
|
|
11798
11827
|
max-block-size: 100%;
|
|
11828
|
+
padding-block: 1rem;
|
|
11829
|
+
padding-block-end: 1.5rem;
|
|
11799
11830
|
}
|
|
11800
11831
|
|
|
11801
11832
|
.cds--parent-row.cds--expandable-row > td,
|
|
@@ -13999,6 +14030,7 @@ button.cds--dropdown-text:focus {
|
|
|
13999
14030
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
14000
14031
|
cursor: no-drop;
|
|
14001
14032
|
text-decoration: none;
|
|
14033
|
+
transition: none;
|
|
14002
14034
|
}
|
|
14003
14035
|
.cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
|
|
14004
14036
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
@@ -17197,6 +17229,18 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
17197
17229
|
transform: rotate(180deg);
|
|
17198
17230
|
}
|
|
17199
17231
|
|
|
17232
|
+
.cds--menu-button__top {
|
|
17233
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
17234
|
+
}
|
|
17235
|
+
|
|
17236
|
+
.cds--menu-button__top-start {
|
|
17237
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
17238
|
+
}
|
|
17239
|
+
|
|
17240
|
+
.cds--menu-button__top-end {
|
|
17241
|
+
transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
|
|
17242
|
+
}
|
|
17243
|
+
|
|
17200
17244
|
.cds--modal {
|
|
17201
17245
|
position: fixed;
|
|
17202
17246
|
z-index: 9000;
|