@carbon/ibm-products 2.17.0 → 2.17.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/css/index-full-carbon.css +63 -3
- 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 +18 -1
- 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 +18 -1
- 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 +19 -1
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
- package/es/components/Datagrid/useSelectRows.js +14 -9
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +68 -25
- package/lib/components/Datagrid/useSelectRows.js +14 -9
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
- package/package.json +5 -5
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -0
- package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
- package/scss/components/WebTerminal/_web-terminal.scss +5 -0
@@ -4935,6 +4935,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4935
4935
|
overflow-x: hidden;
|
4936
4936
|
}
|
4937
4937
|
|
4938
|
+
.c4p--tearsheet-create .c4p--tearsheet-create__content .cds--form {
|
4939
|
+
height: inherit;
|
4940
|
+
}
|
4941
|
+
|
4938
4942
|
.c4p--tearsheet-create .c4p--tearsheet-create__content .cds--grid {
|
4939
4943
|
padding: 0;
|
4940
4944
|
margin: 0;
|
@@ -5824,6 +5828,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5824
5828
|
}
|
5825
5829
|
}
|
5826
5830
|
.c4p--notifications-panel__container {
|
5831
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
5832
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
5833
|
+
--cds-ai-gradient-start-02: transparent;
|
5827
5834
|
--cds-background: #161616;
|
5828
5835
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
5829
5836
|
--cds-background-brand: #0f62fe;
|
@@ -9471,6 +9478,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9471
9478
|
despite of which carbon theme the user has.
|
9472
9479
|
*/
|
9473
9480
|
.c4p--web-terminal {
|
9481
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
9482
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
9483
|
+
--cds-ai-gradient-start-02: transparent;
|
9474
9484
|
--cds-background: #262626;
|
9475
9485
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
9476
9486
|
--cds-background-brand: #0f62fe;
|
@@ -9888,6 +9898,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9888
9898
|
}
|
9889
9899
|
|
9890
9900
|
.c4p--web-terminal__documentation-overflow {
|
9901
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
9902
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
9903
|
+
--cds-ai-gradient-start-02: transparent;
|
9891
9904
|
--cds-background: #161616;
|
9892
9905
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
9893
9906
|
--cds-background-brand: #0f62fe;
|
@@ -10282,6 +10295,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10282
10295
|
--cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
|
10283
10296
|
}
|
10284
10297
|
|
10298
|
+
.c4p--web-terminal__documentation-overflow .cds--overflow-menu-options__btn {
|
10299
|
+
text-decoration: none;
|
10300
|
+
}
|
10301
|
+
|
10285
10302
|
.c4p--web-terminal__body {
|
10286
10303
|
height: 100%;
|
10287
10304
|
}
|
@@ -11810,7 +11827,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11810
11827
|
position: relative;
|
11811
11828
|
}
|
11812
11829
|
|
11813
|
-
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::
|
11830
|
+
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::after {
|
11814
11831
|
position: absolute;
|
11815
11832
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
11816
11833
|
top: -1px;
|
@@ -17176,6 +17193,9 @@ em {
|
|
17176
17193
|
.cds--white {
|
17177
17194
|
background-color: var(--cds-background);
|
17178
17195
|
color: var(--cds-text-primary);
|
17196
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
17197
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
17198
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
17179
17199
|
--cds-background: #ffffff;
|
17180
17200
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
17181
17201
|
--cds-background-brand: #0f62fe;
|
@@ -17357,6 +17377,9 @@ em {
|
|
17357
17377
|
.cds--g10 {
|
17358
17378
|
background-color: var(--cds-background);
|
17359
17379
|
color: var(--cds-text-primary);
|
17380
|
+
--cds-ai-gradient-end: rgba(255, 255, 255, 0);
|
17381
|
+
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
17382
|
+
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
17360
17383
|
--cds-background: #f4f4f4;
|
17361
17384
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
17362
17385
|
--cds-background-brand: #0f62fe;
|
@@ -17538,6 +17561,8 @@ em {
|
|
17538
17561
|
.cds--g90 {
|
17539
17562
|
background-color: var(--cds-background);
|
17540
17563
|
color: var(--cds-text-primary);
|
17564
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
17565
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
17541
17566
|
--cds-background: #262626;
|
17542
17567
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
17543
17568
|
--cds-background-brand: #0f62fe;
|
@@ -17718,6 +17743,8 @@ em {
|
|
17718
17743
|
.cds--g100 {
|
17719
17744
|
background-color: var(--cds-background);
|
17720
17745
|
color: var(--cds-text-primary);
|
17746
|
+
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
17747
|
+
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
17721
17748
|
--cds-background: #161616;
|
17722
17749
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
17723
17750
|
--cds-background-brand: #0f62fe;
|
@@ -26042,6 +26069,7 @@ button.cds--dropdown-text:focus {
|
|
26042
26069
|
.cds--loading--small {
|
26043
26070
|
block-size: 1rem;
|
26044
26071
|
inline-size: 1rem;
|
26072
|
+
line-height: 1rem;
|
26045
26073
|
}
|
26046
26074
|
.cds--loading--small circle {
|
26047
26075
|
stroke-width: 16;
|
@@ -32472,6 +32500,15 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32472
32500
|
transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
32473
32501
|
}
|
32474
32502
|
|
32503
|
+
.cds--slug__button.cds--slug__button--mini::after,
|
32504
|
+
.cds--slug__button.cds--slug__button--2xs::after {
|
32505
|
+
position: absolute;
|
32506
|
+
block-size: 1.5rem;
|
32507
|
+
content: "";
|
32508
|
+
inline-size: 1.5rem;
|
32509
|
+
opacity: 0;
|
32510
|
+
}
|
32511
|
+
|
32475
32512
|
.cds--slug__button:hover::before {
|
32476
32513
|
opacity: 1;
|
32477
32514
|
}
|
@@ -32648,7 +32685,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32648
32685
|
row-gap: 0;
|
32649
32686
|
}
|
32650
32687
|
|
32651
|
-
.cds--slug.cds--slug--enabled .cds--
|
32688
|
+
.cds--slug.cds--slug--enabled .cds--slug-content {
|
32652
32689
|
border: 1px solid var(--cds-border-subtle);
|
32653
32690
|
border-radius: 16px;
|
32654
32691
|
backdrop-filter: blur(25px);
|
@@ -32658,16 +32695,39 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32658
32695
|
min-inline-size: 17.5rem;
|
32659
32696
|
}
|
32660
32697
|
|
32661
|
-
.cds--slug.cds--slug--enabled .cds--popover-caret {
|
32698
|
+
.cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
|
32662
32699
|
background: var(--cds-border-subtle);
|
32663
32700
|
}
|
32664
32701
|
|
32665
32702
|
.cds--slug.cds--slug--enabled .cds--toggletip-content {
|
32703
|
+
max-inline-size: 20.875rem;
|
32666
32704
|
padding-block-end: 5rem;
|
32667
32705
|
padding-block-start: 2rem;
|
32668
32706
|
padding-inline: 2rem;
|
32669
32707
|
}
|
32670
32708
|
|
32709
|
+
.cds--slug.cds--slug--enabled .cds--slug-actions {
|
32710
|
+
position: absolute;
|
32711
|
+
justify-content: flex-end;
|
32712
|
+
background: var(--cds-layer-accent);
|
32713
|
+
border-end-end-radius: 0.9375rem;
|
32714
|
+
border-end-start-radius: 0.9375rem;
|
32715
|
+
column-gap: 0;
|
32716
|
+
inline-size: 100%;
|
32717
|
+
inset-block-end: 0;
|
32718
|
+
inset-inline-end: 0;
|
32719
|
+
}
|
32720
|
+
|
32721
|
+
.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
|
32722
|
+
border-color: var(--cds-focus, #0f62fe);
|
32723
|
+
box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
|
32724
|
+
}
|
32725
|
+
|
32726
|
+
.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
|
32727
|
+
order: 1;
|
32728
|
+
border-end-end-radius: 1rem;
|
32729
|
+
}
|
32730
|
+
|
32671
32731
|
.cds--stack-horizontal {
|
32672
32732
|
display: inline-grid;
|
32673
32733
|
column-gap: var(--cds-stack-gap, 0);
|