@carbon/ibm-products 2.64.0 → 2.65.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 (104) hide show
  1. package/css/index-full-carbon.css +59 -143
  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 +8 -0
  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 +59 -143
  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 +59 -143
  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/Checklist/Checklist.js +8 -7
  18. package/es/components/CoachmarkStack/CoachmarkStack.d.ts +5 -0
  19. package/es/components/CoachmarkStack/CoachmarkStack.js +9 -3
  20. package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +5 -0
  21. package/es/components/CoachmarkStack/CoachmarkStackHome.js +39 -6
  22. package/es/components/CreateFullPage/CreateFullPage.d.ts +1 -1
  23. package/es/components/CreateFullPage/CreateFullPage.js +23 -18
  24. package/es/components/Datagrid/Datagrid/DraggableElement.d.ts +3 -1
  25. package/es/components/Datagrid/Datagrid/DraggableElement.js +3 -1
  26. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +3 -0
  27. package/es/components/InlineTip/InlineTip.js +3 -3
  28. package/es/components/InterstitialScreen/InterstitialScreen.d.ts +36 -59
  29. package/es/components/InterstitialScreen/InterstitialScreen.js +75 -271
  30. package/es/components/InterstitialScreen/InterstitialScreenBody.d.ts +27 -0
  31. package/es/components/InterstitialScreen/InterstitialScreenBody.js +110 -0
  32. package/es/components/InterstitialScreen/InterstitialScreenFooter.d.ts +47 -0
  33. package/es/components/InterstitialScreen/InterstitialScreenFooter.js +184 -0
  34. package/es/components/InterstitialScreen/InterstitialScreenHeader.d.ts +35 -0
  35. package/es/components/InterstitialScreen/InterstitialScreenHeader.js +90 -0
  36. package/es/components/{InterstitialScreenView → InterstitialScreen/_story-assets/InterstitialScreenView}/InterstitialScreenView.d.ts +1 -0
  37. package/{lib/components → es/components/InterstitialScreen/_story-assets}/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +8 -0
  38. package/es/components/NotificationsPanel/NotificationsPanel.js +15 -10
  39. package/es/components/PageHeader/PageHeader.js +1 -1
  40. package/es/components/SidePanel/SidePanel.js +3 -2
  41. package/es/components/Tearsheet/Tearsheet.js +3 -2
  42. package/es/components/index.d.ts +0 -2
  43. package/es/global/js/hooks/useOverflowItems/useOverflowItems.d.ts +2 -2
  44. package/es/global/js/package-settings.d.ts +0 -2
  45. package/es/global/js/package-settings.js +0 -2
  46. package/es/index.js +0 -2
  47. package/es/settings.d.ts +0 -2
  48. package/lib/components/Checklist/Checklist.js +7 -6
  49. package/lib/components/CoachmarkStack/CoachmarkStack.d.ts +5 -0
  50. package/lib/components/CoachmarkStack/CoachmarkStack.js +9 -3
  51. package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +5 -0
  52. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +37 -4
  53. package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -1
  54. package/lib/components/CreateFullPage/CreateFullPage.js +22 -17
  55. package/lib/components/Datagrid/Datagrid/DraggableElement.d.ts +3 -1
  56. package/lib/components/Datagrid/Datagrid/DraggableElement.js +3 -1
  57. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +3 -0
  58. package/lib/components/InlineTip/InlineTip.js +2 -2
  59. package/lib/components/InterstitialScreen/InterstitialScreen.d.ts +36 -59
  60. package/lib/components/InterstitialScreen/InterstitialScreen.js +73 -267
  61. package/lib/components/InterstitialScreen/InterstitialScreenBody.d.ts +27 -0
  62. package/lib/components/InterstitialScreen/InterstitialScreenBody.js +114 -0
  63. package/lib/components/InterstitialScreen/InterstitialScreenFooter.d.ts +47 -0
  64. package/lib/components/InterstitialScreen/InterstitialScreenFooter.js +188 -0
  65. package/lib/components/InterstitialScreen/InterstitialScreenHeader.d.ts +35 -0
  66. package/lib/components/InterstitialScreen/InterstitialScreenHeader.js +94 -0
  67. package/lib/components/{InterstitialScreenView → InterstitialScreen/_story-assets/InterstitialScreenView}/InterstitialScreenView.d.ts +1 -0
  68. package/{es/components → lib/components/InterstitialScreen/_story-assets}/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts +8 -0
  69. package/lib/components/NotificationsPanel/NotificationsPanel.js +14 -9
  70. package/lib/components/PageHeader/PageHeader.js +1 -1
  71. package/lib/components/SidePanel/SidePanel.js +3 -2
  72. package/lib/components/Tearsheet/Tearsheet.js +3 -2
  73. package/lib/components/index.d.ts +0 -2
  74. package/lib/global/js/hooks/useOverflowItems/useOverflowItems.d.ts +2 -2
  75. package/lib/global/js/package-settings.d.ts +0 -2
  76. package/lib/global/js/package-settings.js +0 -2
  77. package/lib/index.js +0 -10
  78. package/lib/settings.d.ts +0 -2
  79. package/package.json +7 -7
  80. package/scss/components/Coachmark/_coachmark-overlay.scss +2 -0
  81. package/scss/components/CoachmarkOverlayElements/_coachmark-overlay-elements.scss +1 -0
  82. package/scss/components/CoachmarkStack/_coachmark-stack.scss +25 -0
  83. package/scss/components/InterstitialScreen/_interstitial-screen.scss +29 -137
  84. package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -0
  85. package/scss/components/PageHeader/_page-header.scss +5 -0
  86. package/scss/components/_index-with-carbon.scss +0 -2
  87. package/scss/components/_index.scss +0 -2
  88. package/telemetry.yml +17 -8
  89. package/es/components/InterstitialScreenView/InterstitialScreenView.js +0 -78
  90. package/es/components/InterstitialScreenView/index.d.ts +0 -8
  91. package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -81
  92. package/es/components/InterstitialScreenViewModule/index.d.ts +0 -8
  93. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +0 -78
  94. package/lib/components/InterstitialScreenView/index.d.ts +0 -8
  95. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +0 -81
  96. package/lib/components/InterstitialScreenViewModule/index.d.ts +0 -8
  97. package/scss/components/InterstitialScreenView/_carbon-imports.scss +0 -9
  98. package/scss/components/InterstitialScreenView/_index-with-carbon.scss +0 -9
  99. package/scss/components/InterstitialScreenView/_index.scss +0 -8
  100. package/scss/components/InterstitialScreenView/_interstitial-screen-view.scss +0 -25
  101. package/scss/components/InterstitialScreenViewModule/_carbon-imports.scss +0 -9
  102. package/scss/components/InterstitialScreenViewModule/_index-with-carbon.scss +0 -9
  103. package/scss/components/InterstitialScreenViewModule/_index.scss +0 -8
  104. package/scss/components/InterstitialScreenViewModule/_interstitial-screen-view-module.scss +0 -59
@@ -1,81 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2020, 2025
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- 'use strict';
9
-
10
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
11
- var index = require('../../_virtual/index.js');
12
- var React = require('react');
13
- var cx = require('classnames');
14
- var devtools = require('../../global/js/utils/devtools.js');
15
- var settings = require('../../settings.js');
16
-
17
- var _excluded = ["className", "title", "description"];
18
-
19
- // Carbon and package components we use.
20
- /* TODO: @import(s) of carbon components and other package components. */
21
-
22
- // The block part of our conventional BEM class names (blockClass__E--M).
23
- var blockClass = "".concat(settings.pkg.prefix, "--interstitial-screen-view-module");
24
- var componentName = 'InterstitialScreenViewModule';
25
-
26
- // NOTE: the component SCSS is not imported here: it is rolled up separately.
27
-
28
- // Default values can be included here and then assigned to the prop params,
29
- // e.g. prop = defaults.prop,
30
- // This gathers default values together neatly and ensures non-primitive
31
- // values are initialized early to avoid react making unnecessary re-renders.
32
- // Note that default values are not required for props that are 'required',
33
- // nor for props where the component can apply undefined values reasonably.
34
- // Default values should be provided when the component needs to make a choice
35
- // or assumption when a prop is not supplied.
36
-
37
- /**
38
- * View module to help in building interstitial screen views.
39
- */
40
- exports.InterstitialScreenViewModule = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
41
- var className = _ref.className,
42
- title = _ref.title,
43
- description = _ref.description,
44
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
45
- return /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
46
- className: cx(blockClass,
47
- // Apply the block class to the main HTML element
48
- className // Apply any supplied class names to the main HTML element.
49
- ),
50
- ref: ref
51
- }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("h1", {
52
- className: "".concat(blockClass, "--heading")
53
- }, title), /*#__PURE__*/React.createElement("p", {
54
- className: "".concat(blockClass, "--body")
55
- }, description));
56
- });
57
-
58
- // Return a placeholder if not released and not enabled by feature flag
59
- exports.InterstitialScreenViewModule = settings.pkg.checkComponentEnabled(exports.InterstitialScreenViewModule, componentName);
60
-
61
- // The display name of the component, used by React. Note that displayName
62
- // is used in preference to relying on function.name.
63
- exports.InterstitialScreenViewModule.displayName = componentName;
64
-
65
- // The types and DocGen commentary for the component props,
66
- // in alphabetical order (for consistency).
67
- // See https://www.npmjs.com/package/prop-types#usage.
68
- exports.InterstitialScreenViewModule.propTypes = {
69
- /**
70
- * Provide an optional class to be applied to the containing node.
71
- */
72
- className: index.default.string,
73
- /**
74
- * The description of this component.
75
- */
76
- description: index.default.string.isRequired,
77
- /**
78
- * The title of this component.
79
- */
80
- title: index.default.string.isRequired
81
- };
@@ -1,8 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2024, 2024
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- export { InterstitialScreenViewModule } from './InterstitialScreenViewModule';
8
- export type { InterstitialScreenViewModuleProps } from './InterstitialScreenViewModule';
@@ -1,9 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- // Import any Carbon component styles used from InterstitialScreenView in this file.
9
- // InterstitialScreenView uses the following Carbon components:
@@ -1,9 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @use './carbon-imports';
9
- @use './interstitial-screen-view';
@@ -1,8 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @use './interstitial-screen-view';
@@ -1,25 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- // Standard imports.
9
- @use '../../global/styles/project-settings' as c4p-settings;
10
- @use '../../global/styles/mixins';
11
-
12
- // Other Carbon settings if needed
13
- // TODO: @use '@carbon/styles/scss/grid';
14
- // or
15
- // TODO: @use '@carbon/styles/scss/grid';
16
-
17
- // InterstitialScreenView uses the following Carbon for IBM Products components:
18
- // TODO: @use(s) of IBM Products component styles used by InterstitialScreenView
19
-
20
- // The block part of our conventional BEM class names (blockClass__E--M).
21
- $block-class: #{c4p-settings.$pkg-prefix}--interstitial-screen-view;
22
-
23
- .#{$block-class} {
24
- block-size: 100%;
25
- }
@@ -1,9 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- // Import any Carbon component styles used from InterstitialScreenViewModule in this file.
9
- // InterstitialScreenViewModule uses the following Carbon components:
@@ -1,9 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @use './carbon-imports';
9
- @use './interstitial-screen-view-module';
@@ -1,8 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @use './interstitial-screen-view-module';
@@ -1,59 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2024, 2024
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- /* stylelint-disable max-nesting-depth */
9
-
10
- // Standard imports.
11
- @use '../../global/styles/project-settings' as c4p-settings;
12
- @use '../../global/styles/mixins';
13
- @use '@carbon/styles/scss/type';
14
- @use '@carbon/styles/scss/spacing' as *;
15
- @use '@carbon/styles/scss/breakpoint' as *;
16
-
17
- // Other Carbon settings if needed
18
- // TODO: @use '@carbon/styles/scss/grid';
19
- // or
20
- // TODO: @use '@carbon/styles/scss/grid';
21
-
22
- // InterstitialScreenViewModule uses the following Carbon for IBM Products components:
23
- // TODO: @use(s) of IBM Products component styles used by InterstitialScreenViewModule
24
-
25
- // The block part of our conventional BEM class names (blockClass__E--M).
26
-
27
- $interstitial-block-class: #{c4p-settings.$pkg-prefix}--interstitial-screen;
28
- $block-class: #{c4p-settings.$pkg-prefix}--interstitial-screen-view-module;
29
-
30
- .#{$block-class} {
31
- margin: $spacing-07;
32
-
33
- &--heading {
34
- @include type.type-style('heading-05');
35
-
36
- margin-block-end: $spacing-07;
37
- }
38
-
39
- &--body {
40
- @include type.type-style('body-01');
41
- }
42
- }
43
- .#{$interstitial-block-class} {
44
- &--modal {
45
- .#{$block-class} {
46
- margin: $spacing-11 $spacing-07;
47
- }
48
- }
49
-
50
- &--full-screen {
51
- .#{$block-class} {
52
- margin: $spacing-12 $spacing-08;
53
-
54
- @include breakpoint-down(xlg) {
55
- margin: $spacing-12 $spacing-07;
56
- }
57
- }
58
- }
59
- }