@carbon/ibm-products 2.17.0 → 2.17.1
Sign up to get free protection for your applications and to get access to all the features.
- 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);
|