@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.
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);