@carbon/ibm-products 2.99.0 → 2.100.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 (80) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +401 -401
  2. package/css/index-full-carbon.css +91 -3
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-full-carbon.min.css.map +1 -1
  6. package/css/index-without-carbon-released-only.css +91 -3
  7. package/css/index-without-carbon-released-only.css.map +1 -1
  8. package/css/index-without-carbon-released-only.min.css +1 -1
  9. package/css/index-without-carbon-released-only.min.css.map +1 -1
  10. package/css/index-without-carbon.css +91 -3
  11. package/css/index-without-carbon.css.map +1 -1
  12. package/css/index-without-carbon.min.css +1 -1
  13. package/css/index-without-carbon.min.css.map +1 -1
  14. package/css/index.css +91 -3
  15. package/css/index.css.map +1 -1
  16. package/css/index.min.css +1 -1
  17. package/css/index.min.css.map +1 -1
  18. package/es/components/CreateFullPage/CreateFullPage.d.ts +1 -0
  19. package/es/components/CreateFullPage/CreateFullPage.d.ts.map +1 -1
  20. package/es/components/CreateFullPage/CreateFullPage.js +6 -0
  21. package/es/components/CreateFullPage/CreateFullPageStep.d.ts +3 -0
  22. package/es/components/CreateFullPage/CreateFullPageStep.d.ts.map +1 -1
  23. package/es/components/CreateFullPage/CreateFullPageStep.js +9 -0
  24. package/es/components/CreateTearsheet/CreateTearsheet.d.ts +5 -1
  25. package/es/components/CreateTearsheet/CreateTearsheet.d.ts.map +1 -1
  26. package/es/components/CreateTearsheet/CreateTearsheet.js +10 -1
  27. package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts +4 -1
  28. package/es/components/CreateTearsheet/CreateTearsheetDivider.d.ts.map +1 -1
  29. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +11 -1
  30. package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -1
  31. package/es/components/CreateTearsheet/CreateTearsheetStep.d.ts.map +1 -1
  32. package/es/components/CreateTearsheet/CreateTearsheetStep.js +10 -1
  33. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +2 -1
  34. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts.map +1 -1
  35. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +7 -1
  36. package/es/components/OptionsTile/OptionsTile.d.ts.map +1 -1
  37. package/es/components/OptionsTile/OptionsTile.js +19 -3
  38. package/es/components/Saving/Saving.d.ts +1 -1
  39. package/es/components/Saving/Saving.d.ts.map +1 -1
  40. package/es/components/Saving/Saving.js +9 -1
  41. package/es/components/WebTerminal/WebTerminal.d.ts +3 -1
  42. package/es/components/WebTerminal/WebTerminal.d.ts.map +1 -1
  43. package/es/components/WebTerminal/WebTerminal.js +8 -1
  44. package/es/components/WebTerminal/WebTerminalContentWrapper.d.ts +1 -1
  45. package/es/components/WebTerminal/WebTerminalContentWrapper.js +6 -1
  46. package/es/components/WebTerminal/hooks/index.d.ts.map +1 -1
  47. package/es/components/WebTerminal/hooks/index.js +9 -0
  48. package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -0
  49. package/lib/components/CreateFullPage/CreateFullPage.d.ts.map +1 -1
  50. package/lib/components/CreateFullPage/CreateFullPage.js +6 -0
  51. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts +3 -0
  52. package/lib/components/CreateFullPage/CreateFullPageStep.d.ts.map +1 -1
  53. package/lib/components/CreateFullPage/CreateFullPageStep.js +9 -0
  54. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +5 -1
  55. package/lib/components/CreateTearsheet/CreateTearsheet.d.ts.map +1 -1
  56. package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -1
  57. package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts +4 -1
  58. package/lib/components/CreateTearsheet/CreateTearsheetDivider.d.ts.map +1 -1
  59. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +11 -1
  60. package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts +4 -1
  61. package/lib/components/CreateTearsheet/CreateTearsheetStep.d.ts.map +1 -1
  62. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +10 -1
  63. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +2 -1
  64. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts.map +1 -1
  65. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +7 -1
  66. package/lib/components/OptionsTile/OptionsTile.d.ts.map +1 -1
  67. package/lib/components/OptionsTile/OptionsTile.js +19 -3
  68. package/lib/components/Saving/Saving.d.ts +1 -1
  69. package/lib/components/Saving/Saving.d.ts.map +1 -1
  70. package/lib/components/Saving/Saving.js +9 -1
  71. package/lib/components/WebTerminal/WebTerminal.d.ts +3 -1
  72. package/lib/components/WebTerminal/WebTerminal.d.ts.map +1 -1
  73. package/lib/components/WebTerminal/WebTerminal.js +8 -1
  74. package/lib/components/WebTerminal/WebTerminalContentWrapper.d.ts +1 -1
  75. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +6 -1
  76. package/lib/components/WebTerminal/hooks/index.d.ts.map +1 -1
  77. package/lib/components/WebTerminal/hooks/index.js +9 -0
  78. package/package.json +6 -6
  79. package/scss/components/OptionsTile/_options-tile.scss +15 -4
  80. package/scss/components/Tearsheet/_tearsheet_next.scss +49 -1
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2021, 2025
2
+ * Copyright IBM Corp. 2021, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -123,6 +123,10 @@ interface Step {
123
123
  shouldIncludeStep?: boolean;
124
124
  title?: string;
125
125
  }
126
+ /**
127
+ * Use CreateTearsheet when you need a multi-step creation flow with an influencer sidebar.
128
+ * @deprecated This component is deprecated.
129
+ */
126
130
  export declare const CreateTearsheet: React.ForwardRefExoticComponent<CreateTearsheetProps & React.RefAttributes<HTMLDivElement>>;
127
131
  export {};
128
132
  //# sourceMappingURL=CreateTearsheet.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CreateTearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,QAAQ,EAER,iBAAiB,EACjB,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,QAAQ,CACtC,cAAc,CAAC,2BAA2B,GAAG,SAAS,CAAC,CACxD,CAAC;IACF,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,0BAA0B,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,EAAE,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,iCAA+C,CAAC;AAIzE,eAAO,MAAM,iBAAiB,uBAAoB,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAGH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,IAAI;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,6FAsL3B,CAAC"}
1
+ {"version":3,"file":"CreateTearsheet.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EACZ,QAAQ,EAER,iBAAiB,EACjB,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAmBf,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AASpE,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8BAA8B,EAAE,QAAQ,CACtC,cAAc,CAAC,2BAA2B,GAAG,SAAS,CAAC,CACxD,CAAC;IACF,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,0BAA0B,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,IAAI,EAAE,CAAC;CAClB;AACD,eAAO,MAAM,YAAY,iCAA+C,CAAC;AAIzE,eAAO,MAAM,iBAAiB,uBAAoB,CAAC;AAEnD,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAGH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,+BAA+B,CAAC,EAAE,MAAM,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEpC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAGtC;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,IAAI;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,6FAsL3B,CAAC"}
@@ -26,7 +26,7 @@ prop_types = require_runtime.__toESM(prop_types);
26
26
  let _carbon_react = require("@carbon/react");
27
27
  //#region src/components/CreateTearsheet/CreateTearsheet.tsx
28
28
  /**
29
- * Copyright IBM Corp. 2021, 2025
29
+ * Copyright IBM Corp. 2021, 2026
30
30
  *
31
31
  * This source code is licensed under the Apache-2.0 license found in the
32
32
  * LICENSE file in the root directory of this source tree.
@@ -36,6 +36,10 @@ const componentName = "CreateTearsheet";
36
36
  const blockClass = `${require_settings.pkg.prefix}--tearsheet-create`;
37
37
  const StepsContext = (0, react.createContext)(null);
38
38
  const StepNumberContext = (0, react.createContext)(-1);
39
+ /**
40
+ * Use CreateTearsheet when you need a multi-step creation flow with an influencer sidebar.
41
+ * @deprecated This component is deprecated.
42
+ */
39
43
  const CreateTearsheet = (0, react.forwardRef)(({ backButtonText, cancelButtonText, children, className, experimentalSecondarySubmitText, firstFocusElement, description, hasError, influencerWidth = "narrow", initialStep, label, nextButtonText, onClose, onRequestSubmit, open, selectorPrimaryFocus, slug: deprecated_slug, decorator, submitButtonText, title, verticalPosition = "normal", ...rest }, ref) => {
40
44
  const [createTearsheetActions, setCreateTearsheetActions] = (0, react.useState)([]);
41
45
  const [shouldViewAll, setShouldViewAll] = (0, react.useState)(false);
@@ -169,6 +173,11 @@ const CreateTearsheet = (0, react.forwardRef)(({ backButtonText, cancelButtonTex
169
173
  }, child))))));
170
174
  });
171
175
  CreateTearsheet.displayName = componentName;
176
+ /**@ts-ignore*/
177
+ CreateTearsheet.deprecated = {
178
+ level: "warn",
179
+ details: `Please replace ${componentName} with Create Tearsheet pattern`
180
+ };
172
181
  const deprecatedProps = {
173
182
  /**
174
183
  * @deprecated Property replaced by `decorator`
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2021, 2024
2
+ * Copyright IBM Corp. 2021, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -9,6 +9,9 @@ interface CreateTearsheetDividerProps {
9
9
  /** Specifies an optional className to be added to the tearsheet divider */
10
10
  className?: string;
11
11
  }
12
+ /**
13
+ * @deprecated This component is deprecated.
14
+ */
12
15
  export declare const CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps>;
13
16
  export {};
14
17
  //# sourceMappingURL=CreateTearsheetDivider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CreateTearsheetDivider.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetDivider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,UAAU,2BAA2B;IACnC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAYtE,CAAC"}
1
+ {"version":3,"file":"CreateTearsheetDivider.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetDivider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,UAAU,2BAA2B;IACnC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAYtE,CAAC"}
@@ -14,13 +14,17 @@ let prop_types = require("prop-types");
14
14
  prop_types = require_runtime.__toESM(prop_types);
15
15
  //#region src/components/CreateTearsheet/CreateTearsheetDivider.tsx
16
16
  /**
17
- * Copyright IBM Corp. 2021, 2024
17
+ * Copyright IBM Corp. 2021, 2026
18
18
  *
19
19
  * This source code is licensed under the Apache-2.0 license found in the
20
20
  * LICENSE file in the root directory of this source tree.
21
21
  */
22
22
  var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
23
+ const componentName = "CreateTearsheetDivider";
23
24
  const blockClass = `${require_settings.pkg.prefix}--tearsheet-create__section--divider`;
25
+ /**
26
+ * @deprecated This component is deprecated.
27
+ */
24
28
  const CreateTearsheetDivider = (0, react.forwardRef)(({ className, ...rest }, ref) => {
25
29
  return /* @__PURE__ */ react.default.createElement("span", {
26
30
  ...rest,
@@ -28,6 +32,12 @@ const CreateTearsheetDivider = (0, react.forwardRef)(({ className, ...rest }, re
28
32
  className: (0, import_classnames.default)(blockClass, className)
29
33
  });
30
34
  });
35
+ CreateTearsheetDivider.displayName = componentName;
36
+ /**@ts-ignore*/
37
+ CreateTearsheetDivider.deprecated = {
38
+ level: "warn",
39
+ details: `Please replace ${componentName} with Create Tearsheet pattern`
40
+ };
31
41
  CreateTearsheetDivider.propTypes = {
32
42
  /**
33
43
  * Sets an optional className to be added to the tearsheet divider
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2021, 2025
2
+ * Copyright IBM Corp. 2021, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -121,6 +121,9 @@ export type ExperimentalSecondarySubmit = {
121
121
  hideSecondarySubmit?: boolean;
122
122
  onClick?: () => void;
123
123
  };
124
+ /**
125
+ * @deprecated This component is deprecated.
126
+ */
124
127
  export declare const CreateTearsheetStep: React.ForwardRefExoticComponent<CreateTearsheetStepProps & React.RefAttributes<unknown>>;
125
128
  export {};
126
129
  //# sourceMappingURL=CreateTearsheetStep.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CreateTearsheetStep.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetStep.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAkBf,KAAK,uBAAuB,GACxB;IACE;;;;OAIG;IACH,WAAW,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GACD;IACE;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEN,UAAU,4BAA6B,SAAQ,iBAAiB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAID,KAAK,wBAAwB,GAAG,4BAA4B,GAC1D,uBAAuB,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0FAmK/B,CAAC"}
1
+ {"version":3,"file":"CreateTearsheetStep.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheet/CreateTearsheetStep.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAMZ,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAkBf,KAAK,uBAAuB,GACxB;IACE;;;;OAIG;IACH,WAAW,EAAE,KAAK,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,GACD;IACE;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEN,UAAU,4BAA6B,SAAQ,iBAAiB;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAE1D;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAID,KAAK,wBAAwB,GAAG,4BAA4B,GAC1D,uBAAuB,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,0FAmK/B,CAAC"}
@@ -19,7 +19,7 @@ prop_types = require_runtime.__toESM(prop_types);
19
19
  let _carbon_react = require("@carbon/react");
20
20
  //#region src/components/CreateTearsheet/CreateTearsheetStep.tsx
21
21
  /**
22
- * Copyright IBM Corp. 2021, 2025
22
+ * Copyright IBM Corp. 2021, 2026
23
23
  *
24
24
  * This source code is licensed under the Apache-2.0 license found in the
25
25
  * LICENSE file in the root directory of this source tree.
@@ -31,6 +31,9 @@ const defaults = {
31
31
  hasFieldset: true,
32
32
  includeStep: true
33
33
  };
34
+ /**
35
+ * @deprecated This component is deprecated.
36
+ */
34
37
  const CreateTearsheetStep = (0, react.forwardRef)(({ children, className, description, disableSubmit, experimentalSecondarySubmit, fieldsetLegendText, fieldsetLegendId, hasFieldset = defaults.hasFieldset, includeStep = defaults.includeStep, introStep, invalid, onMount, onNext, onPrevious, secondaryButtonDisabled, secondaryLabel, subtitle, title, ...rest }, ref) => {
35
38
  const localRef = (0, react.useRef)(null);
36
39
  const stepRef = ref || localRef;
@@ -113,6 +116,12 @@ const CreateTearsheetStep = (0, react.forwardRef)(({ children, className, descri
113
116
  legendId: fieldsetLegendId
114
117
  }, children) : children))) : require_pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateTearsheet. This is not allowed. ${componentName}s should always be children of the CreateTearsheet`);
115
118
  });
119
+ CreateTearsheetStep.displayName = componentName;
120
+ /**@ts-ignore*/
121
+ CreateTearsheetStep.deprecated = {
122
+ level: "warn",
123
+ details: `Please replace ${componentName} with Create Tearsheet pattern`
124
+ };
116
125
  CreateTearsheetStep.propTypes = {
117
126
  /**
118
127
  * Content that shows in the tearsheet step
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2021, 2021
2
+ * Copyright IBM Corp. 2021, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -81,6 +81,7 @@ export interface CreateTearsheetNarrowProps extends PropsWithChildren {
81
81
  /**
82
82
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
83
83
  * Use when the form fields can be broken down into sections using section headers.
84
+ * @deprecated This component is deprecated.
84
85
  */
85
86
  export declare const CreateTearsheetNarrow: React.ForwardRefExoticComponent<CreateTearsheetNarrowProps & React.RefAttributes<unknown>>;
86
87
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"CreateTearsheetNarrow.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB5D,KAAK,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3C,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,4FAkFjC,CAAC"}
1
+ {"version":3,"file":"CreateTearsheetNarrow.d.ts","sourceRoot":"","sources":["../../../src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiB5D,KAAK,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3C,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;IACnE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACD;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,4FAkFjC,CAAC"}
@@ -18,7 +18,7 @@ prop_types = require_runtime.__toESM(prop_types);
18
18
  let _carbon_react = require("@carbon/react");
19
19
  //#region src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx
20
20
  /**
21
- * Copyright IBM Corp. 2021, 2021
21
+ * Copyright IBM Corp. 2021, 2026
22
22
  *
23
23
  * This source code is licensed under the Apache-2.0 license found in the
24
24
  * LICENSE file in the root directory of this source tree.
@@ -29,6 +29,7 @@ const componentName = "CreateTearsheetNarrow";
29
29
  /**
30
30
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
31
31
  * Use when the form fields can be broken down into sections using section headers.
32
+ * @deprecated This component is deprecated.
32
33
  */
33
34
  const CreateTearsheetNarrow = react.default.forwardRef(({ children, className, description, disableSubmit, formDescription, formTitle, label, open, onRequestClose, onRequestSubmit, primaryButtonText, secondaryButtonText, selectorPrimaryFocus, title, verticalPosition, ...rest }, ref) => {
34
35
  const actions = [{
@@ -70,6 +71,11 @@ const CreateTearsheetNarrow = react.default.forwardRef(({ children, className, d
70
71
  }, children));
71
72
  });
72
73
  CreateTearsheetNarrow.displayName = componentName;
74
+ /**@ts-ignore*/
75
+ CreateTearsheetNarrow.deprecated = {
76
+ level: "warn",
77
+ details: `Please replace ${componentName} with Create Tearsheet Narrow pattern`
78
+ };
73
79
  CreateTearsheetNarrow.propTypes = {
74
80
  /**
75
81
  * Provide the contents of the CreateTearsheetNarrow.
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsTile.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsTile/OptionsTile.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,eAAO,MAAM,WAAW,yFAwQvB,CAAC"}
1
+ {"version":3,"file":"OptionsTile.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsTile/OptionsTile.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAoB,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAOD,eAAO,MAAM,WAAW,yFA4SvB,CAAC"}
@@ -117,9 +117,10 @@ const OptionsTile = react.default.forwardRef((props, ref) => {
117
117
  text = warnText;
118
118
  } else if (locked) {
119
119
  Icon = _carbon_react_icons.Locked;
120
- if (!text) text = lockedText;
120
+ if (!isExpandable) text = lockedText;
121
+ else if (!text) text = lockedText;
121
122
  }
122
- const summaryHidden = !(invalid || warn || locked) && enabled === false;
123
+ const summaryHidden = !(invalid || warn || locked) && open;
123
124
  const summaryClasses = (0, import_classnames.default)(`${blockClass}__summary`, {
124
125
  [`${blockClass}__summary--closing`]: closing,
125
126
  [`${blockClass}__summary--open`]: open,
@@ -175,7 +176,22 @@ const OptionsTile = react.default.forwardRef((props, ref) => {
175
176
  className: `${blockClass}__content`,
176
177
  ref: contentRef,
177
178
  "data-testid": "options-tile-content"
178
- }, /* @__PURE__ */ react.default.createElement(_carbon_react.Layer, null, isLocked && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__locked-text` }, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Locked, { size: 16 }), lockedText), children))) : /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__static-content` }, renderTitle()));
179
+ }, /* @__PURE__ */ react.default.createElement(_carbon_react.Layer, null, isLocked && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__locked-text` }, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Locked, { size: 16 }), lockedText), children))) : /* @__PURE__ */ react.default.createElement("div", { className: (0, import_classnames.default)(`${blockClass}__static-content`, { [`${blockClass}__header--has-toggle`]: enabled !== void 0 }) }, enabled !== void 0 && /* @__PURE__ */ react.default.createElement("div", {
180
+ className: `${blockClass}__toggle-container`,
181
+ "data-testid": "options-tile-toggle-container",
182
+ onMouseDown: (evt) => {
183
+ evt.preventDefault();
184
+ }
185
+ }, /* @__PURE__ */ react.default.createElement(_carbon_react.Toggle, {
186
+ id: `${titleId}-toggle`,
187
+ className: `${blockClass}__toggle`,
188
+ toggled: enabled,
189
+ "aria-labelledby": titleId,
190
+ hideLabel: true,
191
+ onToggle,
192
+ size: "sm",
193
+ disabled: isLocked
194
+ })), renderTitle()));
179
195
  });
180
196
  OptionsTile.displayName = componentName;
181
197
  OptionsTile.propTypes = {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2021, 2024
2
+ * Copyright IBM Corp. 2021, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -1 +1 @@
1
- {"version":3,"file":"Saving.d.ts","sourceRoot":"","sources":["../../../src/components/Saving/Saving.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9B,KAAK,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,MAAM,6EAsFlB,CAAC"}
1
+ {"version":3,"file":"Saving.d.ts","sourceRoot":"","sources":["../../../src/components/Saving/Saving.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,KAAK,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC9B,KAAK,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACnE;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACjE;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,eAAO,MAAM,MAAM,6EAsFlB,CAAC"}
@@ -17,11 +17,14 @@ let _carbon_react = require("@carbon/react");
17
17
  let _carbon_react_icons = require("@carbon/react/icons");
18
18
  //#region src/components/Saving/Saving.tsx
19
19
  /**
20
- * Copyright IBM Corp. 2021, 2024
20
+ * Copyright IBM Corp. 2021, 2026
21
21
  *
22
22
  * This source code is licensed under the Apache-2.0 license found in the
23
23
  * LICENSE file in the root directory of this source tree.
24
24
  */
25
+ /**
26
+ * @deprecated This component is deprecated.
27
+ */
25
28
  var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
26
29
  const componentName = "Saving";
27
30
  const Saving = (0, react.forwardRef)(({ secondaryButtonText, className, defaultIconDescription, defaultText, failIconDescription, failText, inProgressIconDescription, inProgressText, onRequestCancel, onRequestSave, status, successIconDescription, successText, type, ...rest }, ref) => {
@@ -143,5 +146,10 @@ Saving.propTypes = {
143
146
  type: prop_types.default.oneOf(["manual", "auto"]).isRequired
144
147
  };
145
148
  Saving.displayName = componentName;
149
+ /**@ts-ignore*/
150
+ Saving.deprecated = {
151
+ level: "warn",
152
+ details: `Please replace ${componentName} with Saving Example`
153
+ };
146
154
  //#endregion
147
155
  exports.Saving = Saving;
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2020, 2022
2
+ * Copyright IBM Corp. 2020, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -47,6 +47,8 @@ export interface WebTerminalProps extends PropsWithChildren {
47
47
  }
48
48
  /**
49
49
  * The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
50
+ *
51
+ * @deprecated This component is deprecated.
50
52
  */
51
53
  export declare const WebTerminal: React.ForwardRefExoticComponent<WebTerminalProps & React.RefAttributes<HTMLDivElement>>;
52
54
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"WebTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/WebTerminal/WebTerminal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAwB,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAI9E,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAuBf,UAAU,MAAM;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,gBAAgB,CAAC,EAAE,CAAC;IAE1D;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAMD;;GAEG;AACH,eAAO,MAAM,WAAW,yFAkIvB,CAAC"}
1
+ {"version":3,"file":"WebTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/WebTerminal/WebTerminal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAwB,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAI9E,OAAO,KAAK,EAAE,EAGZ,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAuBf,UAAU,MAAM;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,gBAAgB,CAAC,EAAE,CAAC;IAE1D;;OAEG;IACH,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAMD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAkIvB,CAAC"}
@@ -19,7 +19,7 @@ let _carbon_react = require("@carbon/react");
19
19
  let _carbon_react_icons = require("@carbon/react/icons");
20
20
  //#region src/components/WebTerminal/WebTerminal.tsx
21
21
  /**
22
- * Copyright IBM Corp. 2020, 2022
22
+ * Copyright IBM Corp. 2020, 2026
23
23
  *
24
24
  * This source code is licensed under the Apache-2.0 license found in the
25
25
  * LICENSE file in the root directory of this source tree.
@@ -36,6 +36,8 @@ const defaults = {
36
36
  };
37
37
  /**
38
38
  * The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
39
+ *
40
+ * @deprecated This component is deprecated.
39
41
  */
40
42
  const WebTerminal = react.default.forwardRef(({ actions = defaults.actions, children, className, closeIconDescription, documentationLinks = defaults.documentationLinks, documentationLinksIconDescription = defaults.documentationLinksIconDescription, isInitiallyOpen = defaults.isInitiallyOpen, webTerminalAriaLabel = defaults.webTerminalAriaLabel, ...rest }, ref) => {
41
43
  const localRef = (0, react.useRef)(null);
@@ -116,6 +118,11 @@ const WebTerminal = react.default.forwardRef(({ actions = defaults.actions, chil
116
118
  })), /* @__PURE__ */ react.default.createElement(_carbon_react.Theme, { theme: "g100" }, /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__body` }, children))) : null;
117
119
  });
118
120
  WebTerminal.displayName = componentName;
121
+ /**@ts-ignore*/
122
+ WebTerminal.deprecated = {
123
+ level: "warn",
124
+ details: `Please replace ${componentName} with Web Terminal pattern`
125
+ };
119
126
  WebTerminal.propTypes = {
120
127
  /**
121
128
  * An array of actions to be displayed in the web terminal header bar
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2022, 2022
2
+ * Copyright IBM Corp. 2022, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -15,7 +15,7 @@ let prop_types = require("prop-types");
15
15
  prop_types = require_runtime.__toESM(prop_types);
16
16
  //#region src/components/WebTerminal/WebTerminalContentWrapper.tsx
17
17
  /**
18
- * Copyright IBM Corp. 2022, 2022
18
+ * Copyright IBM Corp. 2022, 2026
19
19
  *
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
@@ -32,6 +32,11 @@ const WebTerminalContentWrapper = react.default.forwardRef(({ children, ...rest
32
32
  }, children);
33
33
  });
34
34
  WebTerminalContentWrapper.displayName = componentName;
35
+ /**@ts-ignore*/
36
+ WebTerminalContentWrapper.deprecated = {
37
+ level: "warn",
38
+ details: `Please replace ${componentName} with Web Terminal pattern`
39
+ };
35
40
  WebTerminalContentWrapper.propTypes = {
36
41
  /**
37
42
  * Pass in content as children.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WebTerminal/hooks/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,uCAA4C,CAAC;AAI5E,UAAU,wBAAwB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC;AAaF,eAAO,MAAM,cAAc,8BAE1B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/WebTerminal/hooks/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,kBAAkB,uCAA4C,CAAC;AAI5E,UAAU,wBAAwB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC;AAqBF,eAAO,MAAM,cAAc,8BAK1B,CAAC"}
@@ -6,12 +6,14 @@
6
6
  */
7
7
 
8
8
  const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
9
+ const require_pconsole = require("../../../global/js/utils/pconsole.js");
9
10
  let react = require("react");
10
11
  react = require_runtime.__toESM(react);
11
12
  let prop_types = require("prop-types");
12
13
  prop_types = require_runtime.__toESM(prop_types);
13
14
  //#region src/components/WebTerminal/hooks/index.tsx
14
15
  const WebTerminalContext = (0, react.createContext)({});
16
+ const componentName = "WebTerminalProvider";
15
17
  const WebTerminalProvider = ({ children }) => {
16
18
  const [open, setOpen] = (0, react.useState)(false);
17
19
  const openWebTerminal = (0, react.useCallback)(() => setOpen(true), []);
@@ -24,12 +26,19 @@ const WebTerminalProvider = ({ children }) => {
24
26
  toggleWebTerminal
25
27
  } }, children);
26
28
  };
29
+ WebTerminalProvider.displayName = componentName;
30
+ /**@ts-ignore*/
31
+ WebTerminalProvider.deprecated = {
32
+ level: "warn",
33
+ details: `Please replace ${componentName} with Web Terminal pattern`
34
+ };
27
35
  WebTerminalProvider.propTypes = {
28
36
  /**
29
37
  * Provide your own terminal component as children to show up in the web terminal
30
38
  */
31
39
  children: prop_types.default.oneOfType([prop_types.default.arrayOf(prop_types.default.node), prop_types.default.node]).isRequired };
32
40
  const useWebTerminal = () => {
41
+ require_pconsole.default.warn(`Carbon for IBM Products (WARNING): Hook "useWebTerminal" is deprecated. Please replace with Web Terminal pattern`);
33
42
  return (0, react.useContext)(WebTerminalContext);
34
43
  };
35
44
  //#endregion
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "2.99.0",
4
+ "version": "2.100.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -67,7 +67,7 @@
67
67
  "@babel/preset-react": "^7.26.3",
68
68
  "@babel/preset-typescript": "^7.26.0",
69
69
  "@carbon/charts-react": "^1.27.18",
70
- "@carbon/ibm-products-utilities": "1.8.0",
70
+ "@carbon/ibm-products-utilities": "1.9.0",
71
71
  "@carbon/styles": "^1.114.0",
72
72
  "@figma/code-connect": "^1.4.0",
73
73
  "@ibm/telemetry-js-config-generator": "^2.0.1",
@@ -80,7 +80,7 @@
80
80
  "@types/react-table": "^7.7.20",
81
81
  "@vitejs/plugin-react": "^5.0.0",
82
82
  "babel-plugin-dev-expression": "^0.2.3",
83
- "babel-preset-ibm-cloud-cognitive": "^0.57.0",
83
+ "babel-preset-ibm-cloud-cognitive": "^0.58.0",
84
84
  "change-case": "5.4.4",
85
85
  "classnames": "^2.5.1",
86
86
  "copyfiles": "^2.4.1",
@@ -88,7 +88,7 @@
88
88
  "fs-extra": "^11.3.0",
89
89
  "glob": "^13.0.0",
90
90
  "jest": "^30.0.5",
91
- "jest-config-ibm-cloud-cognitive": "^1.58.0",
91
+ "jest-config-ibm-cloud-cognitive": "^1.59.0",
92
92
  "jest-environment-jsdom": "^30.0.5",
93
93
  "namor": "^1.1.2",
94
94
  "npm-run-all2": "^8.0.0",
@@ -108,7 +108,7 @@
108
108
  "@babel/runtime": "^7.26.10",
109
109
  "@carbon-labs/react-resizer": "^0.25.0",
110
110
  "@carbon/feature-flags": "^1.8.0",
111
- "@carbon/ibm-products-styles": "^2.95.0",
111
+ "@carbon/ibm-products-styles": "^2.96.0",
112
112
  "@carbon/telemetry": "^0.1.0",
113
113
  "@carbon/utilities": "^0.25.0",
114
114
  "@carbon/utilities-react": "0.28.0",
@@ -132,5 +132,5 @@
132
132
  "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
133
133
  "react-is": "^16.13.1 || ^17.0.2 || ^18.3.1 || ^19.0.0"
134
134
  },
135
- "gitHead": "4e2783128ab5da7b4f2c161b415dce861fb68d45"
135
+ "gitHead": "27710b2ea428a3904fc8895ee9b4c2798188f6db"
136
136
  }
@@ -36,7 +36,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
36
36
  align-items: center;
37
37
  justify-content: center;
38
38
  inline-size: calc(
39
- #{$spacing-05} + 2rem + #{$spacing-05}
39
+ #{$spacing-05} + #{$spacing-07} + #{$spacing-05}
40
40
  ); // spacing + toggle width + spacing
41
41
 
42
42
  inset-block: 0;
@@ -67,24 +67,35 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
67
67
 
68
68
  .#{$block-class}__header,
69
69
  .#{$block-class}__static-content {
70
- display: grid;
71
70
  box-sizing: border-box;
72
71
  align-items: center;
73
- grid-template-columns: 3rem 1fr 0; // chevron container, heading, toggle width
74
72
  padding-inline-end: $spacing-05;
75
73
  }
76
74
 
77
75
  .#{$block-class}__header {
76
+ display: grid;
78
77
  flex-grow: 1;
79
78
  background-color: transparent;
80
79
  cursor: pointer;
80
+ grid-template-columns: 3rem 1fr 0; // chevron container, heading, toggle width
81
81
  inline-size: 100%;
82
82
 
83
83
  transition: background-color $duration-fast-01 motion(entrance, productive);
84
84
 
85
85
  &--has-toggle {
86
86
  inline-size: calc(
87
- 100% - (#{$spacing-05} + 2rem + #{$spacing-05})
87
+ 100% - (#{$spacing-05} + #{$spacing-07} + #{$spacing-05})
88
+ ); // total width - toggle container width
89
+ }
90
+ }
91
+
92
+ .#{$block-class}__static-content {
93
+ display: flex;
94
+ padding-inline-start: $spacing-05;
95
+
96
+ &.#{$block-class}__header--has-toggle {
97
+ inline-size: calc(
98
+ 100% - (#{$spacing-05} + #{$spacing-07} + #{$spacing-05})
88
99
  ); // total width - toggle container width
89
100
  }
90
101
  }