@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.
Files changed (32) hide show
  1. package/css/index-full-carbon.css +63 -3
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +18 -1
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +18 -1
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +19 -1
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
  18. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  19. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
  20. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +67 -24
  21. package/es/components/Datagrid/useSelectRows.js +14 -9
  22. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
  23. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +6 -4
  24. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +19 -1
  25. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +8 -0
  26. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +68 -25
  27. package/lib/components/Datagrid/useSelectRows.js +14 -9
  28. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -0
  29. package/package.json +5 -5
  30. package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -0
  31. package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
  32. 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)::before {
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--popover-content {
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);