@carbon/ibm-products 2.85.0 → 2.86.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.
Files changed (74) hide show
  1. package/css/carbon.css +55 -2
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +615 -410
  4. package/css/index-full-carbon.css.map +1 -1
  5. package/css/index-full-carbon.min.css +1 -1
  6. package/css/index-full-carbon.min.css.map +1 -1
  7. package/css/index-without-carbon-released-only.css +3225 -3081
  8. package/css/index-without-carbon-released-only.css.map +1 -1
  9. package/css/index-without-carbon-released-only.min.css +1 -1
  10. package/css/index-without-carbon-released-only.min.css.map +1 -1
  11. package/css/index-without-carbon.css +2958 -2806
  12. package/css/index-without-carbon.css.map +1 -1
  13. package/css/index-without-carbon.min.css +1 -1
  14. package/css/index-without-carbon.min.css.map +1 -1
  15. package/css/index.css +2202 -2011
  16. package/css/index.css.map +1 -1
  17. package/css/index.min.css +1 -1
  18. package/css/index.min.css.map +1 -1
  19. package/es/components/ActionSet/ActionSet.d.ts +6 -0
  20. package/es/components/ActionSet/ActionSet.js +20 -10
  21. package/es/components/Coachmark/next/Coachmark/ContentBody.js +1 -1
  22. package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -2
  23. package/es/components/EditInPlace/EditInPlace.d.ts +2 -3
  24. package/es/components/OptionsTile/OptionsTile.js +35 -12
  25. package/es/components/PageHeader/next/context.js +1 -1
  26. package/es/components/PageHeader/next/index.js +3 -3
  27. package/es/components/StringFormatter/StringFormatter.js +1 -1
  28. package/es/components/TagSet/TagSet.js +1 -1
  29. package/es/components/Tearsheet/next/StackContext.d.ts +1 -1
  30. package/es/components/Tearsheet/next/Tearsheet.d.ts +19 -5
  31. package/es/components/Tearsheet/next/Tearsheet.js +90 -31
  32. package/es/components/Tearsheet/next/TearsheetBody.js +2 -2
  33. package/es/components/Tearsheet/next/TearsheetFooter.d.ts +31 -0
  34. package/es/components/Tearsheet/next/TearsheetFooter.js +39 -0
  35. package/es/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  36. package/es/components/Tearsheet/next/index.d.ts +2 -1
  37. package/es/components/index.d.ts +1 -1
  38. package/es/global/js/hooks/index.d.ts +1 -0
  39. package/es/global/js/utils/devtools.js +1 -1
  40. package/es/index.js +8 -8
  41. package/es/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1184 -1110
  42. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1337 -1334
  43. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +2 -2
  44. package/lib/components/ActionSet/ActionSet.d.ts +6 -0
  45. package/lib/components/ActionSet/ActionSet.js +20 -10
  46. package/lib/components/Coachmark/next/Coachmark/ContentBody.js +0 -3
  47. package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -2
  48. package/lib/components/EditInPlace/EditInPlace.d.ts +2 -3
  49. package/lib/components/OptionsTile/OptionsTile.js +35 -12
  50. package/lib/components/PageHeader/next/index.js +6 -6
  51. package/lib/components/TagSet/TagSet.js +0 -3
  52. package/lib/components/Tearsheet/next/StackContext.d.ts +1 -1
  53. package/lib/components/Tearsheet/next/Tearsheet.d.ts +19 -5
  54. package/lib/components/Tearsheet/next/Tearsheet.js +90 -31
  55. package/lib/components/Tearsheet/next/TearsheetBody.js +2 -2
  56. package/lib/components/Tearsheet/next/TearsheetFooter.d.ts +31 -0
  57. package/lib/components/Tearsheet/next/TearsheetFooter.js +43 -0
  58. package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  59. package/lib/components/Tearsheet/next/index.d.ts +2 -1
  60. package/lib/components/index.d.ts +1 -1
  61. package/lib/global/js/hooks/index.d.ts +1 -0
  62. package/lib/index.js +50 -50
  63. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-10.js +1204 -1130
  64. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +1351 -1348
  65. package/package.json +14 -18
  66. package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -0
  67. package/scss/components/OptionsTile/_options-tile.scss +28 -7
  68. package/scss/components/PageHeader/_page-header.scss +14 -4
  69. package/scss/components/SidePanel/_side-panel.scss +0 -2
  70. package/scss/components/Tearsheet/_index-with-carbon.scss +2 -1
  71. package/scss/components/Tearsheet/_index.scss +1 -0
  72. package/scss/components/Tearsheet/_tearsheet.scss +0 -2
  73. package/scss/components/Tearsheet/_tearsheet_next.scss +351 -229
  74. package/telemetry.yml +4 -1
package/css/carbon.css CHANGED
@@ -97,6 +97,10 @@ textarea {
97
97
  font-family: inherit;
98
98
  }
99
99
 
100
+ :root {
101
+ color-scheme: var(--cds-color-scheme, light);
102
+ }
103
+
100
104
  /* HTML5 display-role reset for older browsers */
101
105
  article,
102
106
  aside,
@@ -2744,6 +2748,8 @@ em {
2744
2748
  --cds-chat-prompt-border-start: #f4f4f4;
2745
2749
  --cds-chat-prompt-text: #161616;
2746
2750
  --cds-chat-shell-background: #ffffff;
2751
+ --cds-color-scheme: light;
2752
+ color-scheme: var(--cds-color-scheme, light);
2747
2753
  --cds-field-01: #f4f4f4;
2748
2754
  --cds-field-02: #ffffff;
2749
2755
  --cds-field-03: #f4f4f4;
@@ -3073,6 +3079,8 @@ em {
3073
3079
  --cds-chat-prompt-border-start: #f4f4f4;
3074
3080
  --cds-chat-prompt-text: #161616;
3075
3081
  --cds-chat-shell-background: #ffffff;
3082
+ --cds-color-scheme: light;
3083
+ color-scheme: var(--cds-color-scheme, light);
3076
3084
  --cds-field-01: #ffffff;
3077
3085
  --cds-field-02: #f4f4f4;
3078
3086
  --cds-field-03: #ffffff;
@@ -3402,6 +3410,8 @@ em {
3402
3410
  --cds-chat-prompt-border-start: #262626;
3403
3411
  --cds-chat-prompt-text: #f4f4f4;
3404
3412
  --cds-chat-shell-background: #262626;
3413
+ --cds-color-scheme: dark;
3414
+ color-scheme: var(--cds-color-scheme, dark);
3405
3415
  --cds-field-01: #393939;
3406
3416
  --cds-field-02: #525252;
3407
3417
  --cds-field-03: #6f6f6f;
@@ -3730,6 +3740,8 @@ em {
3730
3740
  --cds-chat-prompt-border-start: #262626;
3731
3741
  --cds-chat-prompt-text: #f4f4f4;
3732
3742
  --cds-chat-shell-background: #262626;
3743
+ --cds-color-scheme: dark;
3744
+ color-scheme: var(--cds-color-scheme, dark);
3733
3745
  --cds-field-01: #262626;
3734
3746
  --cds-field-02: #393939;
3735
3747
  --cds-field-03: #525252;
@@ -4531,6 +4543,40 @@ li.cds--accordion__item--disabled:last-of-type {
4531
4543
  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
4532
4544
  }
4533
4545
 
4546
+ .cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4547
+ .cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4548
+ .cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4549
+ inset-block-end: -0.25rem;
4550
+ }
4551
+
4552
+ .cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4553
+ .cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4554
+ .cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4555
+ inset-block-start: -0.25rem;
4556
+ }
4557
+
4558
+ .cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4559
+ .cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4560
+ inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
4561
+ }
4562
+
4563
+ .cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4564
+ .cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4565
+ inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
4566
+ }
4567
+
4568
+ .cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4569
+ .cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4570
+ .cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4571
+ inset-inline-start: calc(100% + 0.25rem);
4572
+ }
4573
+
4574
+ .cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4575
+ .cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
4576
+ .cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
4577
+ inset-inline-end: calc(100% + 0.25rem);
4578
+ }
4579
+
4534
4580
  [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
4535
4581
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
4536
4582
  }
@@ -5473,6 +5519,10 @@ li.cds--accordion__item--disabled:last-of-type {
5473
5519
  .cds--btn--icon-only .cds--btn__icon {
5474
5520
  position: static;
5475
5521
  }
5522
+ .cds--btn--icon-only.cds--btn--ghost:focus {
5523
+ background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
5524
+ box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
5525
+ }
5476
5526
  .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
5477
5527
  margin: 0;
5478
5528
  }
@@ -23881,6 +23931,7 @@ span.cds--pagination__text.cds--pagination__items-count {
23881
23931
  font-weight: var(--cds-body-compact-01-font-weight, 400);
23882
23932
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
23883
23933
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
23934
+ display: block;
23884
23935
  overflow: hidden;
23885
23936
  margin: 0.5rem 0 0 0;
23886
23937
  color: var(--cds-text-primary, #161616);
@@ -23906,13 +23957,14 @@ span.cds--pagination__text.cds--pagination__items-count {
23906
23957
  max-inline-size: 100%;
23907
23958
  }
23908
23959
 
23909
- .cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
23960
+ .cds--progress-step-button:focus {
23910
23961
  outline: none;
23911
23962
  }
23912
- .cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
23963
+ .cds--progress-step-button:focus-visible .cds--progress-label {
23913
23964
  color: var(--cds-focus, #0f62fe);
23914
23965
  outline: 0.0625rem solid var(--cds-focus, #0f62fe);
23915
23966
  }
23967
+
23916
23968
  .cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
23917
23969
  box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
23918
23970
  color: var(--cds-text-primary, #161616);
@@ -23965,6 +24017,7 @@ span.cds--pagination__text.cds--pagination__items-count {
23965
24017
  line-height: var(--cds-label-01-line-height, 1.33333);
23966
24018
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
23967
24019
  position: absolute;
24020
+ display: block;
23968
24021
  color: var(--cds-text-secondary, #525252);
23969
24022
  inset-inline-start: 0;
23970
24023
  margin-block-start: 1.75rem;