@carbon/ibm-products 1.24.0 → 1.25.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 (36) hide show
  1. package/css/index-full-carbon.css +26 -15
  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 +26 -15
  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 +26 -15
  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 +26 -15
  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/EmptyStates/EmptyStateContent.js +2 -1
  18. package/es/components/ImportModal/ImportModal.js +10 -2
  19. package/es/components/WebTerminal/WebTerminal.js +25 -13
  20. package/es/components/WebTerminal/WebTerminalContentWrapper.js +8 -10
  21. package/es/components/WebTerminal/hooks/index.js +45 -0
  22. package/es/components/WebTerminal/index.js +2 -1
  23. package/es/components/WebTerminal/preview-components/Navigation.js +6 -10
  24. package/es/components/index.js +1 -1
  25. package/es/global/js/package-settings.js +1 -0
  26. package/lib/components/EmptyStates/EmptyStateContent.js +2 -1
  27. package/lib/components/ImportModal/ImportModal.js +11 -2
  28. package/lib/components/WebTerminal/WebTerminal.js +26 -13
  29. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +9 -9
  30. package/lib/components/WebTerminal/hooks/index.js +69 -0
  31. package/lib/components/WebTerminal/index.js +15 -1
  32. package/lib/components/WebTerminal/preview-components/Navigation.js +6 -10
  33. package/lib/components/index.js +12 -0
  34. package/lib/global/js/package-settings.js +1 -0
  35. package/package.json +10 -10
  36. package/scss/components/EmptyStates/_empty-state.scss +16 -9
package/css/index-full-carbon.css CHANGED
@@ -12929,24 +12929,39 @@ a.bx--side-nav__link--current::before {
12929
12929
  .c4p--empty-state {
12930
12930
  color: var(--cds-text-01, #161616);
12931
12931
  }
12932
- .c4p--empty-state .c4p--empty-state__header,
12933
- .c4p--empty-state .c4p--empty-state__subtitle {
12934
- padding-bottom: var(--cds-spacing-02, 0.25rem);
12935
- margin: 0;
12936
- }
12937
- .c4p--empty-state .c4p--empty-state__header--small {
12932
+ .c4p--empty-state .c4p--empty-state__header {
12938
12933
  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
12939
12934
  font-weight: var(--cds-productive-heading-03-font-weight, 400);
12940
12935
  line-height: var(--cds-productive-heading-03-line-height, 1.4);
12941
12936
  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
12937
+ padding-bottom: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-02, 0.25rem));
12938
+ margin: 0;
12939
+ }
12940
+ .c4p--empty-state .c4p--empty-state__subtitle {
12941
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
12942
+ font-weight: var(--cds-body-long-01-font-weight, 400);
12943
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
12944
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
12945
+ padding-bottom: var(--cds-spacing-05, 1rem);
12946
+ }
12947
+ .c4p--empty-state .c4p--empty-state__header--small {
12948
+ font-size: var(--cds-body-short-02-font-size, 1rem);
12949
+ font-weight: var(--cds-body-short-02-font-weight, 400);
12950
+ line-height: var(--cds-body-short-02-line-height, 1.375);
12951
+ letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
12952
+ padding-bottom: var(--cds-spacing-03, 0.5rem);
12942
12953
  }
12943
12954
  .c4p--empty-state .c4p--empty-state__subtitle--small {
12944
- font-size: var(--cds-body-short-01-font-size, 0.875rem);
12945
- font-weight: var(--cds-body-short-01-font-weight, 400);
12946
- line-height: var(--cds-body-short-01-line-height, 1.28572);
12947
- letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
12955
+ font-size: var(--cds-caption-01-font-size, 0.75rem);
12956
+ font-weight: var(--cds-caption-01-font-weight, 400);
12957
+ line-height: var(--cds-caption-01-line-height, 1.33333);
12958
+ letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
12948
12959
  }
12949
12960
 
12961
+ .c4p--empty-state__illustration {
12962
+ height: auto;
12963
+ margin-bottom: var(--cds-spacing-05, 1rem);
12964
+ }
12950
12965
  .c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
12951
12966
  min-width: var(--cds-spacing-11, 5rem);
12952
12967
  max-width: var(--cds-spacing-11, 5rem);
@@ -12956,13 +12971,9 @@ a.bx--side-nav__link--current::before {
12956
12971
  max-width: var(--cds-spacing-10, 4rem);
12957
12972
  }
12958
12973
 
12959
- .c4p--empty-state__action-button,
12960
- .c4p--empty-state__link {
12961
- margin-top: var(--cds-spacing-06, 1.5rem);
12962
- }
12963
-
12964
12974
  .c4p--empty-state .c4p--empty-state__action-button {
12965
12975
  display: block;
12976
+ margin-bottom: var(--cds-spacing-05, 1rem);
12966
12977
  }
12967
12978
 
12968
12979
  .c4p--empty-state .c4p--empty-state__link {