@carbon/ibm-products 2.102.0 → 2.103.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 (77) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +558 -460
  2. package/es/components/ActionBar/ActionBar.d.ts +5 -0
  3. package/es/components/ActionBar/ActionBar.d.ts.map +1 -1
  4. package/es/components/ActionBar/ActionBar.js +9 -1
  5. package/es/components/AddSelect/AddSelect.d.ts +3 -0
  6. package/es/components/AddSelect/AddSelect.d.ts.map +1 -1
  7. package/es/components/AddSelect/AddSelect.js +3 -0
  8. package/es/components/Decorator/Decorator.d.ts +3 -0
  9. package/es/components/Decorator/Decorator.d.ts.map +1 -1
  10. package/es/components/Decorator/Decorator.js +7 -1
  11. package/es/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
  12. package/es/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
  13. package/es/components/MultiAddSelect/MultiAddSelect.js +7 -0
  14. package/es/components/NotificationsPanel/NotificationsPanel.js +9 -7
  15. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
  16. package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  17. package/es/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
  18. package/es/components/SearchBar/SearchBar.d.ts +4 -0
  19. package/es/components/SearchBar/SearchBar.d.ts.map +1 -1
  20. package/es/components/SearchBar/SearchBar.js +12 -1
  21. package/es/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
  22. package/es/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
  23. package/es/components/SingleAddSelect/SingleAddSelect.js +7 -0
  24. package/es/components/TagOverflow/TagOverflow.d.ts +5 -1
  25. package/es/components/TagOverflow/TagOverflow.d.ts.map +1 -1
  26. package/es/components/TagOverflow/TagOverflow.js +12 -2
  27. package/es/components/TagOverflow/TagOverflowModal.d.ts +5 -1
  28. package/es/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
  29. package/es/components/TagOverflow/TagOverflowModal.js +5 -1
  30. package/es/components/TagSet/TagSet.d.ts +8 -0
  31. package/es/components/TagSet/TagSet.d.ts.map +1 -1
  32. package/es/components/TagSet/TagSet.js +11 -1
  33. package/es/components/TagSet/TagSetModal.d.ts +5 -1
  34. package/es/components/TagSet/TagSetModal.d.ts.map +1 -1
  35. package/es/components/TagSet/TagSetModal.js +5 -1
  36. package/es/components/Toolbar/Toolbar.d.ts +6 -1
  37. package/es/components/Toolbar/Toolbar.d.ts.map +1 -1
  38. package/es/components/Toolbar/Toolbar.js +9 -1
  39. package/lib/components/ActionBar/ActionBar.d.ts +5 -0
  40. package/lib/components/ActionBar/ActionBar.d.ts.map +1 -1
  41. package/lib/components/ActionBar/ActionBar.js +8 -0
  42. package/lib/components/AddSelect/AddSelect.d.ts +3 -0
  43. package/lib/components/AddSelect/AddSelect.d.ts.map +1 -1
  44. package/lib/components/AddSelect/AddSelect.js +3 -0
  45. package/lib/components/Decorator/Decorator.d.ts +3 -0
  46. package/lib/components/Decorator/Decorator.d.ts.map +1 -1
  47. package/lib/components/Decorator/Decorator.js +6 -0
  48. package/lib/components/MultiAddSelect/MultiAddSelect.d.ts +2 -0
  49. package/lib/components/MultiAddSelect/MultiAddSelect.d.ts.map +1 -1
  50. package/lib/components/MultiAddSelect/MultiAddSelect.js +7 -0
  51. package/lib/components/NotificationsPanel/NotificationsPanel.js +9 -7
  52. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts +5 -0
  53. package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
  54. package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +3 -2
  55. package/lib/components/SearchBar/SearchBar.d.ts +4 -0
  56. package/lib/components/SearchBar/SearchBar.d.ts.map +1 -1
  57. package/lib/components/SearchBar/SearchBar.js +11 -0
  58. package/lib/components/SingleAddSelect/SingleAddSelect.d.ts +2 -0
  59. package/lib/components/SingleAddSelect/SingleAddSelect.d.ts.map +1 -1
  60. package/lib/components/SingleAddSelect/SingleAddSelect.js +7 -0
  61. package/lib/components/TagOverflow/TagOverflow.d.ts +5 -1
  62. package/lib/components/TagOverflow/TagOverflow.d.ts.map +1 -1
  63. package/lib/components/TagOverflow/TagOverflow.js +12 -2
  64. package/lib/components/TagOverflow/TagOverflowModal.d.ts +5 -1
  65. package/lib/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
  66. package/lib/components/TagOverflow/TagOverflowModal.js +5 -1
  67. package/lib/components/TagSet/TagSet.d.ts +8 -0
  68. package/lib/components/TagSet/TagSet.d.ts.map +1 -1
  69. package/lib/components/TagSet/TagSet.js +11 -1
  70. package/lib/components/TagSet/TagSetModal.d.ts +5 -1
  71. package/lib/components/TagSet/TagSetModal.d.ts.map +1 -1
  72. package/lib/components/TagSet/TagSetModal.js +5 -1
  73. package/lib/components/Toolbar/Toolbar.d.ts +6 -1
  74. package/lib/components/Toolbar/Toolbar.d.ts.map +1 -1
  75. package/lib/components/Toolbar/Toolbar.js +9 -1
  76. package/package.json +17 -17
  77. package/telemetry.yml +5 -0
@@ -23,7 +23,7 @@ const defaults = {
23
23
  modalAriaLabel: "List of all tags",
24
24
  searchLabel: ""
25
25
  };
26
- const TagSetModal = ({ allTags, className, title, modalAriaLabel = defaults.modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
26
+ const TagSetModal = ({ allTags, className, closeLabel, title, modalAriaLabel = defaults.modalAriaLabel, onClose, open, portalTarget: portalTargetIn, searchClearLabel, searchLabel = defaults.searchLabel, searchPlaceholder, ...rest }) => {
27
27
  const [filteredModalTags, setFilteredModalTags] = (0, react.useState)([]);
28
28
  const [search, setSearch] = (0, react.useState)("");
29
29
  const renderPortalUse = require_usePortalTarget.usePortalTarget(portalTargetIn);
@@ -57,10 +57,12 @@ const TagSetModal = ({ allTags, className, title, modalAriaLabel = defaults.moda
57
57
  }, /* @__PURE__ */ react.default.createElement(_carbon_react.ModalHeader, {
58
58
  className: `${blockClass}__header`,
59
59
  closeModal: onClose,
60
+ iconDescription: closeLabel,
60
61
  title
61
62
  }, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
62
63
  "data-modal-primary-focus": true,
63
64
  className: `${blockClass}__search`,
65
+ closeButtonLabelText: searchClearLabel,
64
66
  labelText: searchLabel,
65
67
  placeholder: searchPlaceholder,
66
68
  onChange: handleSearch,
@@ -81,9 +83,11 @@ TagSetModal.propTypes = {
81
83
  label: prop_types.default.string.isRequired
82
84
  })),
83
85
  className: prop_types.default.string,
86
+ closeLabel: prop_types.default.string,
84
87
  onClose: prop_types.default.func,
85
88
  open: prop_types.default.bool,
86
89
  portalTarget: prop_types.default.node,
90
+ searchClearLabel: prop_types.default.string,
87
91
  searchLabel: prop_types.default.string,
88
92
  searchPlaceholder: prop_types.default.string,
89
93
  title: prop_types.default.string
@@ -16,7 +16,12 @@ interface ToolbarContextType {
16
16
  vertical?: boolean;
17
17
  }
18
18
  declare const ToolbarContext: React.Context<ToolbarContextType>;
19
- /** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
19
+ /**
20
+ * Toolbars are a collection of action items that organize a program's interaction patterns into a series of closely related commands.
21
+ *
22
+ * @deprecated Toolbar is deprecated and will be removed in a future major release.
23
+ * This component has no known production adoption and will not be migrating to Carbon core.
24
+ */
20
25
  declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & {
21
26
  children?: React.ReactNode | undefined;
22
27
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,QAAA,MAAM,UAAU,QAA2B,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,mCAAwC,CAAC;AAE7D,0IAA0I;AAC1I,QAAA,MAAM,OAAO;;wCA2FZ,CAAC;AAEF,QAAA,MAAM,aAAa,YAAY,CAAC;AAchC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAQN,MAAM,OAAO,CAAC;AASf,QAAA,MAAM,UAAU,QAA2B,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,mCAAwC,CAAC;AAE7D;;;;;GAKG;AACH,QAAA,MAAM,OAAO;;wCAkGZ,CAAC;AAEF,QAAA,MAAM,aAAa,YAAY,CAAC;AAchC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -23,8 +23,16 @@ let prop_types = require("prop-types");
23
23
  var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
24
24
  const blockClass = `${require_settings.pkg.prefix}--toolbar`;
25
25
  const ToolbarContext = (0, react.createContext)({});
26
- /** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
26
+ /**
27
+ * Toolbars are a collection of action items that organize a program's interaction patterns into a series of closely related commands.
28
+ *
29
+ * @deprecated Toolbar is deprecated and will be removed in a future major release.
30
+ * This component has no known production adoption and will not be migrating to Carbon core.
31
+ */
27
32
  const Toolbar = (0, react.forwardRef)(({ children, className, vertical, ...rest }, r) => {
33
+ (0, react.useEffect)(() => {
34
+ console.warn("Toolbar is deprecated and will be removed in a future major release. Reason: This component has no known production adoption and will not be migrating to Carbon core.");
35
+ }, []);
28
36
  const focusableElements = (0, react.useRef)(void 0);
29
37
  const getFocusableElements$1 = (0, react.useCallback)(() => focusableElements.current, [focusableElements]);
30
38
  const localRef = (0, react.useRef)(null);
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.102.0",
4
+ "version": "2.103.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -66,9 +66,9 @@
66
66
  "@babel/preset-env": "^7.26.9",
67
67
  "@babel/preset-react": "^7.26.3",
68
68
  "@babel/preset-typescript": "^7.26.0",
69
- "@carbon/charts-react": "^1.27.21",
70
- "@carbon/ibm-products-utilities": "1.11.0",
71
- "@carbon/styles": "^1.117.0",
69
+ "@carbon/charts-react": "^1.27.25",
70
+ "@carbon/ibm-products-utilities": "1.12.0",
71
+ "@carbon/styles": "^1.118.0",
72
72
  "@figma/code-connect": "^1.4.0",
73
73
  "@ibm/telemetry-js-config-generator": "^2.0.1",
74
74
  "@storybook/addon-a11y": "^10.3.5",
@@ -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.60.0",
83
+ "babel-preset-ibm-cloud-cognitive": "^0.61.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.61.0",
91
+ "jest-config-ibm-cloud-cognitive": "^1.62.0",
92
92
  "jest-environment-jsdom": "^30.0.5",
93
93
  "namor": "^1.1.2",
94
94
  "npm-run-all2": "^8.0.0",
@@ -107,11 +107,11 @@
107
107
  "dependencies": {
108
108
  "@babel/runtime": "^7.26.10",
109
109
  "@carbon-labs/react-resizer": "^0.25.0",
110
- "@carbon/feature-flags": "^1.10.0",
111
- "@carbon/ibm-products-styles": "^2.98.0",
110
+ "@carbon/feature-flags": "^1.11.0",
111
+ "@carbon/ibm-products-styles": "^2.99.0",
112
112
  "@carbon/telemetry": "^0.1.0",
113
- "@carbon/utilities": "0.25.0",
114
- "@carbon/utilities-react": "0.30.0",
113
+ "@carbon/utilities": "0.28.0",
114
+ "@carbon/utilities-react": "0.31.0",
115
115
  "@dnd-kit/core": "^6.3.1",
116
116
  "@dnd-kit/modifiers": "^9.0.0",
117
117
  "@dnd-kit/sortable": "^10.0.0",
@@ -122,15 +122,15 @@
122
122
  "react-window": "^1.8.11"
123
123
  },
124
124
  "peerDependencies": {
125
- "@carbon/grid": "^11.64.0",
126
- "@carbon/layout": "^11.61.0",
127
- "@carbon/motion": "^11.54.0",
128
- "@carbon/react": "^1.118.0",
129
- "@carbon/themes": "^11.83.0",
130
- "@carbon/type": "^11.69.0",
125
+ "@carbon/grid": "^11.65.0",
126
+ "@carbon/layout": "^11.62.0",
127
+ "@carbon/motion": "^11.55.0",
128
+ "@carbon/react": "^1.119.0",
129
+ "@carbon/themes": "^11.84.0",
130
+ "@carbon/type": "^11.70.0",
131
131
  "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
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": "e02d3e4498f72d4b169535feeb17b83b5b24a643"
135
+ "gitHead": "5472f9ffc41e01587b427c8437739dc9e5709233"
136
136
  }
package/telemetry.yml CHANGED
@@ -23,6 +23,8 @@ collect:
23
23
  - allPageRowsLabel
24
24
  - allRowsLabel
25
25
  - allTagsModalAriaLabel
26
+ - allTagsModalCloseLabel
27
+ - allTagsModalSearchClearLabel
26
28
  - allTagsModalSearchLabel
27
29
  - allTagsModalSearchPlaceholderText
28
30
  - allTagsModalSearchThreshold
@@ -960,6 +962,7 @@ collect:
960
962
  # PageHeaderTabBar
961
963
  - disableStickyTabBar
962
964
  # PageHeaderTagOverflow
965
+ - hiddenTagsLabel
963
966
  - renderOverflowTag
964
967
  - renderPopoverContent
965
968
  # PageHeaderTitle
@@ -1040,7 +1043,9 @@ collect:
1040
1043
  - tagComponent
1041
1044
  # TagOverflowModal
1042
1045
  - allTags
1046
+ - closeLabel
1043
1047
  - onTagClose
1048
+ - searchClearLabel
1044
1049
  # Tearsheet
1045
1050
  - containerClassName
1046
1051
  - keepMounted