@carbon/ibm-products 1.23.0 → 1.25.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. package/css/components/Datagrid/styles/datagrid.css +83 -11
  2. package/css/components/Datagrid/styles/datagrid.css.map +1 -1
  3. package/css/components/Datagrid/styles/index.css +83 -15
  4. package/css/components/Datagrid/styles/index.css.map +1 -1
  5. package/css/components/Datagrid/styles/useExpandedRow.css +0 -3
  6. package/css/components/Datagrid/styles/useExpandedRow.css.map +1 -1
  7. package/css/index-full-carbon.css +263 -60
  8. package/css/index-full-carbon.css.map +1 -1
  9. package/css/index-full-carbon.min.css +1 -7
  10. package/css/index-full-carbon.min.css.map +1 -1
  11. package/css/index-without-carbon-released-only.css +41 -43
  12. package/css/index-without-carbon-released-only.css.map +1 -1
  13. package/css/index-without-carbon-released-only.min.css +1 -7
  14. package/css/index-without-carbon-released-only.min.css.map +1 -1
  15. package/css/index-without-carbon.css +263 -60
  16. package/css/index-without-carbon.css.map +1 -1
  17. package/css/index-without-carbon.min.css +1 -7
  18. package/css/index-without-carbon.min.css.map +1 -1
  19. package/css/index.css +263 -60
  20. package/css/index.css.map +1 -1
  21. package/css/index.min.css +1 -7
  22. package/css/index.min.css.map +1 -1
  23. package/es/components/AddSelect/AddSelect.js +5 -7
  24. package/es/components/AddSelect/AddSelectBody.js +6 -10
  25. package/es/components/AddSelect/AddSelectColumn.js +4 -1
  26. package/es/components/AddSelect/AddSelectFilter.js +1 -1
  27. package/es/components/AddSelect/AddSelectList.js +1 -1
  28. package/es/components/AddSelect/AddSelectMetaPanel.js +8 -7
  29. package/es/components/AddSelect/AddSelectSidebar.js +4 -26
  30. package/es/components/AddSelect/AddSelectSort.js +2 -0
  31. package/es/components/Card/Card.js +1 -1
  32. package/es/components/Datagrid/Datagrid/Datagrid.js +17 -12
  33. package/es/components/Datagrid/Datagrid/DatagridRow.js +4 -2
  34. package/es/components/Datagrid/useExpandedRow.js +5 -12
  35. package/es/components/Datagrid/useOnRowClick.js +10 -3
  36. package/es/components/EditFullPage/EditFullPage.js +79 -0
  37. package/es/components/EditFullPage/index.js +7 -0
  38. package/es/components/EditTearsheet/EditTearsheet.js +205 -0
  39. package/es/components/EditTearsheet/EditTearsheetForm.js +103 -0
  40. package/es/components/EditTearsheet/index.js +8 -0
  41. package/es/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +230 -0
  42. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +79 -0
  43. package/es/components/EditTearsheetNarrow/index.js +7 -0
  44. package/es/components/EmptyStates/EmptyStateContent.js +2 -1
  45. package/es/components/ImportModal/ImportModal.js +10 -2
  46. package/es/components/WebTerminal/WebTerminal.js +30 -16
  47. package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
  48. package/es/components/WebTerminal/hooks/index.js +45 -0
  49. package/es/components/WebTerminal/index.js +2 -1
  50. package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
  51. package/es/components/index.js +5 -2
  52. package/es/global/js/package-settings.js +5 -1
  53. package/lib/components/AddSelect/AddSelect.js +5 -7
  54. package/lib/components/AddSelect/AddSelectBody.js +6 -10
  55. package/lib/components/AddSelect/AddSelectColumn.js +3 -1
  56. package/lib/components/AddSelect/AddSelectFilter.js +1 -1
  57. package/lib/components/AddSelect/AddSelectList.js +1 -1
  58. package/lib/components/AddSelect/AddSelectMetaPanel.js +8 -7
  59. package/lib/components/AddSelect/AddSelectSidebar.js +3 -26
  60. package/lib/components/AddSelect/AddSelectSort.js +2 -0
  61. package/lib/components/Card/Card.js +1 -1
  62. package/lib/components/Datagrid/Datagrid/Datagrid.js +17 -12
  63. package/lib/components/Datagrid/Datagrid/DatagridRow.js +3 -1
  64. package/lib/components/Datagrid/useExpandedRow.js +5 -20
  65. package/lib/components/Datagrid/useOnRowClick.js +10 -3
  66. package/lib/components/EditFullPage/EditFullPage.js +85 -0
  67. package/lib/components/EditFullPage/index.js +13 -0
  68. package/lib/components/EditTearsheet/EditTearsheet.js +229 -0
  69. package/lib/components/EditTearsheet/EditTearsheetForm.js +122 -0
  70. package/lib/components/EditTearsheet/index.js +21 -0
  71. package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +254 -0
  72. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +85 -0
  73. package/lib/components/EditTearsheetNarrow/index.js +13 -0
  74. package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
  75. package/lib/components/ImportModal/ImportModal.js +11 -2
  76. package/lib/components/WebTerminal/WebTerminal.js +31 -15
  77. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
  78. package/lib/components/WebTerminal/hooks/index.js +69 -0
  79. package/lib/components/WebTerminal/index.js +15 -1
  80. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
  81. package/lib/components/index.js +37 -1
  82. package/lib/global/js/package-settings.js +5 -1
  83. package/package.json +12 -12
  84. package/scss/components/Cascade/_cascade.scss +1 -1
  85. package/scss/components/CreateInfluencer/_create-influencer.scss +2 -0
  86. package/scss/components/Datagrid/_datagrid.scss +0 -1
  87. package/scss/components/Datagrid/_storybook-styles.scss +53 -0
  88. package/scss/components/Datagrid/styles/datagrid.scss +93 -12
  89. package/scss/components/Datagrid/styles/useExpandedRow.scss +0 -6
  90. package/scss/components/EditFullPage/_edit-full-page.scss +34 -0
  91. package/scss/components/EditFullPage/_index.scss +8 -0
  92. package/scss/components/EditFullPage/_storybook-styles.scss +10 -0
  93. package/scss/components/EditTearsheet/_edit-tearsheet.scss +132 -0
  94. package/scss/components/EditTearsheet/_index.scss +8 -0
  95. package/scss/components/EditTearsheet/_storybook-styles.scss +55 -0
  96. package/scss/components/EditTearsheetNarrow/_edit-tearsheet-narrow.scss +34 -0
  97. package/scss/components/EditTearsheetNarrow/_index.scss +8 -0
  98. package/scss/components/EditTearsheetNarrow/_storybook-styles.scss +10 -0
  99. package/scss/components/EmptyStates/_empty-state.scss +16 -9
  100. package/scss/components/InlineEdit/_inline-edit.scss +8 -20
  101. package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -0
  102. package/scss/components/PageHeader/_page-header.scss +3 -1
  103. package/scss/components/StatusIcon/_status-icon.scss +1 -1
  104. package/scss/components/Tearsheet/_tearsheet.scss +2 -2
  105. package/scss/components/WebTerminal/_web-terminal.scss +2 -1
  106. package/scss/components/_index.scss +3 -0
@@ -32,7 +32,7 @@
32
32
  z-index: z('modal') + 1;
33
33
  align-items: flex-end;
34
34
  color: $text-01;
35
- // stylelint-disable-next-line carbon/motion-token-use
35
+ // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
36
36
  transition: visibility 0s linear $motion-duration,
37
37
  background-color $motion-duration motion(exit, expressive),
38
38
  opacity $motion-duration motion(exit, expressive);
@@ -43,7 +43,7 @@
43
43
  &.is-visible {
44
44
  z-index: z('modal');
45
45
  align-items: flex-end;
46
- // stylelint-disable-next-line carbon/motion-token-use
46
+ // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
47
47
  transition: visibility 0s linear,
48
48
  background-color $motion-duration motion(entrance, expressive),
49
49
  opacity $motion-duration motion(entrance, expressive);
@@ -42,7 +42,8 @@ $block-class: #{$pkg-prefix}--web-terminal;
42
42
  position: fixed;
43
43
  top: $spacing-09;
44
44
  right: 0;
45
- width: $web-terminal-width;
45
+ width: 100%;
46
+ max-width: $web-terminal-width;
46
47
  height: calc(100vh - #{$spacing-09});
47
48
  border-left: 1px solid $gray-90;
48
49
  color: $text-01;
@@ -45,3 +45,6 @@
45
45
  @import './InlineEdit/index';
46
46
  @import './DataSpreadsheet/index';
47
47
  @import './Datagrid/index';
48
+ @import './EditTearsheet/index';
49
+ @import './EditTearsheetNarrow/index';
50
+ @import './EditFullPage/index';