@carbon/ibm-products 1.24.0 → 1.25.0

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