@carbon/ibm-products-styles 2.71.0-rc.0 → 2.72.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/index-full-carbon.css +43 -11
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +34 -6
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +43 -11
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +43 -11
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/package.json +3 -4
- package/scss/components/PageHeader/_page-header.scss +26 -1
- package/scss/components/TagOverflow/_tag-overflow.scss +12 -6
- package/scss/components/TagSet/_tag-set.scss +12 -6
|
@@ -7306,11 +7306,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7306
7306
|
min-inline-size: initial;
|
|
7307
7307
|
text-align: start;
|
|
7308
7308
|
}
|
|
7309
|
-
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link.cds--link:visited {
|
|
7310
|
-
display: inline-block;
|
|
7311
|
-
margin: 0.5rem 0 0.25rem;
|
|
7312
|
-
color: var(--cds-link-inverse, #78a9ff);
|
|
7313
|
-
}
|
|
7314
7309
|
.c4p--tag-set-overflow__tagset-popover .cds--link:active,
|
|
7315
7310
|
.c4p--tag-set-overflow__tagset-popover .cds--link:active:visited,
|
|
7316
7311
|
.c4p--tag-set-overflow__tagset-popover .cds--link:active:visited:hover {
|
|
@@ -7324,6 +7319,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7324
7319
|
color: var(--cds-link-inverse, #78a9ff);
|
|
7325
7320
|
margin-block-start: 0.5rem;
|
|
7326
7321
|
}
|
|
7322
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:hover {
|
|
7323
|
+
color: var(--cds-link-inverse-hover, #a6c8ff);
|
|
7324
|
+
}
|
|
7325
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:focus {
|
|
7326
|
+
color: var(--cds-focus-inverse, #ffffff);
|
|
7327
|
+
}
|
|
7328
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:visited {
|
|
7329
|
+
color: var(--cds-link-inverse, #78a9ff);
|
|
7330
|
+
}
|
|
7327
7331
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
|
|
7328
7332
|
background-color: var(--cds-background-inverse-hover, #474747);
|
|
7329
7333
|
}
|
|
@@ -7994,6 +7998,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
7994
7998
|
}
|
|
7995
7999
|
.c4p--page-header__next .c4p--page-header__content {
|
|
7996
8000
|
padding: 1.5rem 0;
|
|
8001
|
+
background-color: var(--cds-layer);
|
|
7997
8002
|
}
|
|
7998
8003
|
.c4p--page-header__next .c4p--page-header__content__title-wrapper {
|
|
7999
8004
|
display: grid;
|
|
@@ -8087,11 +8092,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8087
8092
|
block-size: 100%;
|
|
8088
8093
|
}
|
|
8089
8094
|
.c4p--page-header__next .c4p--page-header__tab-bar {
|
|
8095
|
+
background-color: var(--cds-layer);
|
|
8090
8096
|
margin-inline-start: -1rem;
|
|
8091
8097
|
}
|
|
8092
8098
|
.c4p--page-header__next .c4p--page-header__tab-bar--tablist {
|
|
8093
8099
|
display: grid;
|
|
8094
|
-
|
|
8100
|
+
gap: 2rem;
|
|
8095
8101
|
grid-template-columns: auto minmax(0, 1fr);
|
|
8096
8102
|
}
|
|
8097
8103
|
.c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
|
|
@@ -8138,6 +8144,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
|
8138
8144
|
flex-direction: column;
|
|
8139
8145
|
padding: 1rem;
|
|
8140
8146
|
}
|
|
8147
|
+
.c4p--page-header__next .c4p--page-header--tag-overflow-container {
|
|
8148
|
+
align-content: center;
|
|
8149
|
+
text-align: end;
|
|
8150
|
+
transform: translateX(calc(-1 * 1.5rem));
|
|
8151
|
+
}
|
|
8152
|
+
@media (min-width: 42rem) {
|
|
8153
|
+
.c4p--page-header__next .c4p--page-header--tag-overflow-container {
|
|
8154
|
+
transform: translateX(calc(-1 * 0.5rem));
|
|
8155
|
+
}
|
|
8156
|
+
}
|
|
8157
|
+
@media (min-width: 66rem) {
|
|
8158
|
+
.c4p--page-header__next .c4p--page-header--tag-overflow-container {
|
|
8159
|
+
transform: translateX(2.5rem);
|
|
8160
|
+
}
|
|
8161
|
+
}
|
|
8162
|
+
.c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
|
|
8163
|
+
visibility: hidden;
|
|
8164
|
+
}
|
|
8165
|
+
.c4p--page-header__next .c4p--page-header--tag-overflow-container__has-no-hidden-items {
|
|
8166
|
+
/* stylelint-disable-next-line carbon/layout-use */
|
|
8167
|
+
transform: translateX(2rem);
|
|
8168
|
+
}
|
|
8141
8169
|
.c4p--page-header__next .c4p--page-header__tag-item {
|
|
8142
8170
|
flex-shrink: 0;
|
|
8143
8171
|
}
|
|
@@ -17216,11 +17244,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
17216
17244
|
border: none !important;
|
|
17217
17245
|
font-family: inherit;
|
|
17218
17246
|
}
|
|
17219
|
-
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
|
|
17220
|
-
display: inline-block;
|
|
17221
|
-
margin: 0.5rem 0 0.25rem;
|
|
17222
|
-
color: var(--cds-link-inverse, #78a9ff);
|
|
17223
|
-
}
|
|
17224
17247
|
.c4p--tag-overflow-popover__el .cds--link:active,
|
|
17225
17248
|
.c4p--tag-overflow-popover__el .cds--link:active:visited,
|
|
17226
17249
|
.c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
|
|
@@ -17234,6 +17257,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
|
17234
17257
|
color: var(--cds-link-inverse, #78a9ff);
|
|
17235
17258
|
margin-block-start: 0.5rem;
|
|
17236
17259
|
}
|
|
17260
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:hover {
|
|
17261
|
+
color: var(--cds-link-inverse-hover, #a6c8ff);
|
|
17262
|
+
}
|
|
17263
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:focus {
|
|
17264
|
+
color: var(--cds-focus-inverse, #ffffff);
|
|
17265
|
+
}
|
|
17266
|
+
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:visited {
|
|
17267
|
+
color: var(--cds-link-inverse, #78a9ff);
|
|
17268
|
+
}
|
|
17237
17269
|
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
|
|
17238
17270
|
background-color: var(--cds-background-inverse-hover, #474747);
|
|
17239
17271
|
}
|