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

Sign up to get free protection for your applications and to get access to all the features.
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
- }