@carbon/ibm-products 2.15.2 → 2.17.0-alpha.8

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 (149) hide show
  1. package/css/config-dev.css +3 -0
  2. package/css/config-dev.css.map +1 -0
  3. package/css/index-full-carbon.css +195 -1
  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 +1852 -38
  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 +195 -1
  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 +5 -1
  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/Datagrid/Datagrid/DatagridContent.js +12 -9
  20. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -3
  21. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +36 -22
  22. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +12 -11
  23. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +7 -3
  24. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +24 -13
  25. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
  26. package/es/components/Datagrid/Datagrid/addons/stateReducer.js +50 -14
  27. package/es/components/Datagrid/Datagrid.docs-page.js +4 -4
  28. package/es/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +1 -1
  29. package/es/components/Datagrid/useActionsColumn.js +1 -4
  30. package/es/components/Datagrid/useDatagrid.js +5 -1
  31. package/es/components/Datagrid/useFlexResize.js +19 -9
  32. package/es/components/Datagrid/useInfiniteScroll.js +1 -5
  33. package/es/components/Datagrid/useOnRowClick.js +6 -7
  34. package/es/components/Datagrid/useSelectRows.js +8 -5
  35. package/es/components/Datagrid/useSortableColumns.js +5 -7
  36. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -1
  37. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -1
  38. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -1
  39. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -1
  40. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -1
  41. package/es/components/EmptyStates/assets/ErrorIllustration.js +5 -3
  42. package/es/components/EmptyStates/assets/NoDataIllustration.js +5 -3
  43. package/es/components/EmptyStates/assets/NoTagsIllustration.js +5 -3
  44. package/es/components/EmptyStates/assets/NotFoundIllustration.js +5 -3
  45. package/es/components/EmptyStates/assets/NotificationsIllustration.js +5 -3
  46. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +5 -3
  47. package/es/components/InlineTip/InlineTip.docs-page.js +13 -0
  48. package/es/components/InlineTip/InlineTip.js +217 -0
  49. package/es/components/InlineTip/InlineTipButton.js +53 -0
  50. package/es/components/InlineTip/InlineTipLink.js +57 -0
  51. package/es/components/InlineTip/index.js +10 -0
  52. package/es/components/InlineTip/utils.js +36 -0
  53. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.docs-page.js +11 -0
  54. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +140 -0
  55. package/es/components/SteppedAnimatedMedia/assets/index.js +4 -0
  56. package/es/components/SteppedAnimatedMedia/index.js +8 -0
  57. package/es/global/js/package-settings.js +3 -4
  58. package/lib/components/Datagrid/Datagrid/DatagridContent.js +12 -9
  59. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +3 -3
  60. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +41 -29
  61. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +11 -11
  62. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +7 -3
  63. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +23 -12
  64. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
  65. package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +51 -15
  66. package/lib/components/Datagrid/Datagrid.docs-page.js +4 -4
  67. package/lib/components/Datagrid/Datagrid.stories/StickyActionsColumnStory.js +1 -1
  68. package/lib/components/Datagrid/useActionsColumn.js +1 -7
  69. package/lib/components/Datagrid/useDatagrid.js +5 -1
  70. package/lib/components/Datagrid/useFlexResize.js +19 -9
  71. package/lib/components/Datagrid/useInfiniteScroll.js +0 -4
  72. package/lib/components/Datagrid/useOnRowClick.js +6 -7
  73. package/lib/components/Datagrid/useSelectRows.js +8 -5
  74. package/lib/components/Datagrid/useSortableColumns.js +5 -7
  75. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -1
  76. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -1
  77. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -1
  78. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -1
  79. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -1
  80. package/lib/components/EmptyStates/assets/ErrorIllustration.js +5 -3
  81. package/lib/components/EmptyStates/assets/NoDataIllustration.js +5 -3
  82. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +5 -3
  83. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +5 -3
  84. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +5 -3
  85. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +5 -3
  86. package/lib/components/InlineTip/InlineTip.docs-page.js +23 -0
  87. package/lib/components/InlineTip/InlineTip.js +224 -0
  88. package/lib/components/InlineTip/InlineTipButton.js +57 -0
  89. package/lib/components/InlineTip/InlineTipLink.js +61 -0
  90. package/lib/components/InlineTip/index.js +26 -0
  91. package/lib/components/InlineTip/utils.js +43 -0
  92. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.docs-page.js +21 -0
  93. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +148 -0
  94. package/lib/components/SteppedAnimatedMedia/assets/index.js +9 -0
  95. package/lib/components/SteppedAnimatedMedia/index.js +12 -0
  96. package/lib/global/js/package-settings.js +3 -4
  97. package/package.json +6 -7
  98. package/scss/components/Datagrid/styles/_datagrid.scss +5 -0
  99. package/scss/components/{TooltipTrigger/_storybook-styles.scss → InlineTip/_index.scss} +2 -0
  100. package/scss/components/InlineTip/_inline-tip.scss +229 -0
  101. package/scss/components/SidePanel/_side-panel.scss +1 -4
  102. package/scss/components/_index-released-only-with-carbon.scss +1 -0
  103. package/scss/components/_index-released-only.scss +1 -0
  104. package/scss/components/_index.scss +1 -0
  105. package/scss/config-dev.scss +3 -0
  106. package/scss/components/APIKeyModal/_storybook-styles.scss +0 -35
  107. package/scss/components/AboutModal/_storybook-styles.scss +0 -29
  108. package/scss/components/ActionBar/_storybook-styles.scss +0 -8
  109. package/scss/components/ActionSet/_storybook-styles.scss +0 -36
  110. package/scss/components/AddSelect/_storybook-styles.scss +0 -6
  111. package/scss/components/BreadcrumbWithOverflow/_storybook-styles.scss +0 -8
  112. package/scss/components/ButtonMenu/_storybook-styles.scss +0 -6
  113. package/scss/components/ButtonSetWithOverflow/_storybook-styles.scss +0 -8
  114. package/scss/components/Card/_storybook-styles.scss +0 -12
  115. package/scss/components/Cascade/_storybook-styles.scss +0 -34
  116. package/scss/components/Checklist/_storybook-styles.scss +0 -13
  117. package/scss/components/CreateFullPage/_storybook-styles.scss +0 -67
  118. package/scss/components/CreateModal/_storybook-styles.scss +0 -54
  119. package/scss/components/CreateSidePanel/_storybook-styles.scss +0 -32
  120. package/scss/components/CreateTearsheet/_storybook-styles.scss +0 -56
  121. package/scss/components/CreateTearsheetNarrow/_storybook-styles.scss +0 -27
  122. package/scss/components/DataSpreadsheet/_storybook-styles.scss +0 -17
  123. package/scss/components/Datagrid/_storybook-styles.scss +0 -157
  124. package/scss/components/EditFullPage/_storybook-styles.scss +0 -10
  125. package/scss/components/EditInPlace/_storybook-styles.scss +0 -15
  126. package/scss/components/EditSidePanel/_storybook-styles.scss +0 -32
  127. package/scss/components/EditTearsheet/_storybook-styles.scss +0 -59
  128. package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +0 -10
  129. package/scss/components/EditUpdateCards/_storybook-styles.scss +0 -55
  130. package/scss/components/EmptyStates/_storybook-styles.scss +0 -6
  131. package/scss/components/ExampleComponent/_storybook-styles.scss +0 -6
  132. package/scss/components/ExportModal/_storybook-styles.scss +0 -6
  133. package/scss/components/ExpressiveCard/_storybook-styles.scss +0 -26
  134. package/scss/components/FilterSummary/_storybook-styles.scss +0 -16
  135. package/scss/components/ImportModal/_storybook-styles.scss +0 -6
  136. package/scss/components/MultiAddSelect/_storybook-styles.scss +0 -6
  137. package/scss/components/NotificationsPanel/_storybook-styles.scss +0 -23
  138. package/scss/components/OptionsTile/_storybook-styles.scss +0 -29
  139. package/scss/components/PageHeader/_storybook-styles.scss +0 -90
  140. package/scss/components/ProductiveCard/_storybook-styles.scss +0 -23
  141. package/scss/components/RemoveModal/_storybook-styles.scss +0 -6
  142. package/scss/components/Saving/_storybook-styles.scss +0 -12
  143. package/scss/components/SidePanel/_storybook-styles.scss +0 -52
  144. package/scss/components/SingleAddSelect/_storybook-styles.scss +0 -6
  145. package/scss/components/StatusIcon/_storybook-styles.scss +0 -6
  146. package/scss/components/TagSet/_storybook-styles.scss +0 -8
  147. package/scss/components/Tearsheet/_storybook-styles.scss +0 -25
  148. package/scss/components/UserProfileImage/_storybook.scss +0 -6
  149. package/scss/components/WebTerminal/_storybook-styles.scss +0 -46
@@ -1,90 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2020, 2021
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/styles/scss/theme' as *;
9
- @use '@carbon/react/scss/spacing' as *;
10
- @use '@carbon/styles/scss/type';
11
-
12
- @use '@carbon/react/scss/components/ui-shell';
13
- @use '@carbon/react/scss/components/data-table';
14
- @use '@carbon/react/scss/components/button';
15
-
16
- $story-class: 'page-header-stories';
17
-
18
- .#{$story-class}__content-switcher {
19
- justify-content: flex-start;
20
- }
21
-
22
- .#{$story-class}__content-switcher button {
23
- width: auto;
24
- }
25
-
26
- .#{$story-class}__dummy-content {
27
- position: relative; // used to raise the stacking context and check it still goes under the page header
28
- padding-top: $spacing-05;
29
- margin-top: $spacing-05;
30
- background-color: $background;
31
- color: $text-primary;
32
- }
33
-
34
- .#{$story-class}__dummy-content-block {
35
- min-height: 120vh;
36
- background: $layer-01;
37
- background-clip: content-box;
38
- }
39
-
40
- .#{$story-class}__dummy-content-text {
41
- @include type.type-style('body-compact-01');
42
-
43
- padding: $spacing-05;
44
- }
45
-
46
- .#{$story-class}__status-icon {
47
- fill: $support-success;
48
- vertical-align: middle;
49
- }
50
-
51
- .#{$story-class}__app {
52
- position: relative;
53
- display: flex;
54
- // min and max height needed to prevent scroll off screen (verify on in context page)
55
- min-height: 100vh;
56
- max-height: 100vh;
57
- flex-direction: column;
58
- }
59
-
60
- .#{$story-class}__viewport {
61
- overflow: hidden;
62
- height: 100vh;
63
- }
64
-
65
- .#{$story-class}__viewport--scroll {
66
- overflow-y: auto;
67
- }
68
-
69
- .#{$story-class}__viewport .#{$story-class}__content-container {
70
- height: 100%;
71
- overflow-y: auto;
72
- }
73
-
74
- .#{$story-class}__viewport
75
- .#{$story-class}__content-container--with-global-header {
76
- height: calc(100% - #{$spacing-09});
77
- margin-top: $spacing-09;
78
- }
79
-
80
- .#{$story-class}__viewport--scroll .#{$story-class}__content-container {
81
- overflow-y: initial;
82
- }
83
-
84
- // cspell:disable-next-line
85
- .sbdocs .#{$story-class}__viewport {
86
- max-height: 50vh;
87
- background-color: $background;
88
- box-shadow: 0 0 4px 1px $layer-accent-01;
89
- color: $text-primary;
90
- }
@@ -1,23 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2020, 2022
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
- // shared card styles can be found in the Card folder
9
- @use '../Card/storybook-styles';
10
- @use '@carbon/styles/scss/theme' as *;
11
- @use '@carbon/styles/scss/spacing' as *;
12
-
13
- .graph {
14
- width: 200px;
15
- height: 100px;
16
- border: 10px solid $border-subtle-01;
17
- border-right-color: $support-success;
18
- border-bottom: 0;
19
- border-left-color: $support-error;
20
- margin: 0 auto $spacing-06 auto;
21
- border-top-left-radius: 110px;
22
- border-top-right-radius: 110px;
23
- }
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2020, 2021
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
- //
@@ -1,12 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2021, 2021
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/styles/scss/spacing' as *;
9
-
10
- .saving-story-textarea {
11
- margin-bottom: $spacing-03;
12
- }
@@ -1,52 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2020, 2022
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/styles/scss/theme' as *;
9
- @use '@carbon/styles/scss/spacing' as *;
10
- @use '@carbon/themes/scss/themes';
11
- @use '@carbon/styles/scss/type';
12
- @use '../../global/decorators/side-panel-decorator' as *;
13
-
14
- $story-prefix: side-panel-stories__;
15
-
16
- .side-panel-stories__body-content {
17
- .#{$story-prefix}text-inputs {
18
- display: flex;
19
- margin: $spacing-05 0;
20
- }
21
- .#{$story-prefix}text-inputs #side-panel-story-text-input-a,
22
- .#{$story-prefix}text-inputs #side-panel-story-text-input-c {
23
- margin-right: $spacing-05;
24
- }
25
- .#{$story-prefix}text-area-container {
26
- position: relative;
27
- }
28
- .#{$story-prefix}text-area-container .#{$story-prefix}allowed-characters {
29
- @include type.type-style('label-01');
30
-
31
- position: absolute;
32
- right: 0;
33
- color: $text-secondary;
34
- }
35
- .#{$story-prefix}text-area-container
36
- .#{$story-prefix}allowed-characters-invalid {
37
- color: $support-error;
38
- }
39
- .#{$story-prefix}content-subtitle {
40
- margin: $spacing-05 0 $spacing-04;
41
- }
42
- }
43
-
44
- .#{$story-prefix}header {
45
- @include theme(themes.$g100);
46
- }
47
-
48
- .#{$story-prefix}grid {
49
- height: 100%;
50
- }
51
-
52
- @include side-panel-decorator($story-prefix);
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2022
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
- //
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2021, 2021
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
- //
@@ -1,8 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2022, 2022
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 '../../global/styles/display-box' as *;
@@ -1,25 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2020, 2021
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 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
9
- @use '@carbon/styles/scss/spacing' as *;
10
-
11
- .tearsheet-stories__dummy-content-block {
12
- padding: $spacing-06 $spacing-07;
13
- }
14
-
15
- .tearsheet-stories__narrow-content-block {
16
- padding: $spacing-05;
17
- }
18
-
19
- .tearsheet-stories__tabs {
20
- margin-left: calc(-1 * #{$spacing-05});
21
- }
22
-
23
- .tearsheet-stories__tabs .#{c4p-settings.$carbon-prefix}--tab-content {
24
- display: none;
25
- }
@@ -1,6 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2021, 2021
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
- //
@@ -1,46 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2021, 2023
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 */
9
-
10
- @use '@carbon/styles/scss/colors';
11
- @use '@carbon/styles/scss/spacing' as *;
12
- @use '@carbon/styles/scss/theme' as *;
13
- @use '@carbon/styles/scss/themes';
14
- @use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
15
-
16
- $storybook-block-class: #{c4p-settings.$pkg-prefix}--notifications-panel__story;
17
-
18
- .cds--header {
19
- @include theme(themes.$g100);
20
- }
21
-
22
- .sb-show-main.sb-main-centered #root {
23
- padding: 0 !important;
24
- margin: 0 !important;
25
- }
26
-
27
- .example-terminal {
28
- padding: $spacing-05;
29
- color: colors.$gray-10;
30
- font-family: 'IBM Plex Mono', monospace;
31
-
32
- p {
33
- padding-bottom: $spacing-07;
34
- font-size: 14px;
35
- }
36
- }
37
-
38
- $story-anchor: 'web-terminal';
39
- #storybook-docs {
40
- ul {
41
- list-style: initial;
42
- }
43
- ol {
44
- list-style: decimal;
45
- }
46
- }