@carbon/ibm-products 1.1.0 → 1.2.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (99) hide show
  1. package/README.md +1 -1
  2. package/css/index-full-carbon.css +15 -67
  3. package/css/index-full-carbon.css.map +1 -1
  4. package/css/index-full-carbon.min.css +1 -1
  5. package/css/index-without-carbon-released-only.css +13 -3
  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.css +13 -66
  9. package/css/index-without-carbon.css.map +1 -1
  10. package/css/index-without-carbon.min.css +1 -1
  11. package/css/index.css +13 -66
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +1 -1
  14. package/es/components/APIKeyModal/APIKeyModal.js +2 -2
  15. package/es/components/AboutModal/AboutModal.js +2 -2
  16. package/es/components/ActionBar/ActionBar.js +2 -2
  17. package/es/components/ActionBar/ActionBarItem.js +2 -2
  18. package/es/components/ActionSet/ActionSet.js +2 -2
  19. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
  20. package/es/components/Card/Card.js +20 -6
  21. package/es/components/Cascade/Cascade.js +2 -2
  22. package/es/components/ComboButton/ComboButton.js +2 -2
  23. package/es/components/CreateSidePanel/CreateSidePanel.js +2 -2
  24. package/es/components/EditSidePanel/EditSidePanel.js +2 -2
  25. package/es/components/EmptyStates/EmptyState.js +2 -2
  26. package/es/components/EmptyStates/EmptyStateContent.js +2 -2
  27. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
  28. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
  29. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
  30. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
  31. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
  32. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
  33. package/es/components/ExampleComponent/ExampleComponent.js +2 -2
  34. package/es/components/ExportModal/ExportModal.js +2 -2
  35. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -2
  36. package/es/components/HTTPErrors/HTTPErrorContent.js +2 -2
  37. package/es/components/ImportModal/ImportModal.js +2 -2
  38. package/es/components/PageHeader/PageHeader.js +2 -2
  39. package/es/components/PageHeader/PageHeaderUtils.js +2 -2
  40. package/es/components/ProductiveCard/ProductiveCard.js +3 -2
  41. package/es/components/RemoveModal/RemoveModal.js +2 -2
  42. package/es/components/SidePanel/SidePanel.js +2 -2
  43. package/es/components/TagSet/TagSet.js +2 -2
  44. package/es/components/TagSet/TagSetModal.js +2 -2
  45. package/es/components/Tearsheet/Tearsheet.js +2 -2
  46. package/es/components/Tearsheet/TearsheetNarrow.js +2 -2
  47. package/es/components/Tearsheet/TearsheetShell.js +2 -2
  48. package/es/components/WebTerminal/WebTerminal.js +2 -2
  49. package/es/components/index.js +0 -1
  50. package/es/global/js/hooks/useWindowResize.js +2 -2
  51. package/es/global/js/package-settings.js +2 -3
  52. package/es/global/js/utils/props-helper.js +2 -2
  53. package/es/global/js/utils/story-helper.js +1 -1
  54. package/lib/components/APIKeyModal/APIKeyModal.js +2 -2
  55. package/lib/components/AboutModal/AboutModal.js +2 -2
  56. package/lib/components/ActionBar/ActionBar.js +2 -2
  57. package/lib/components/ActionBar/ActionBarItem.js +2 -2
  58. package/lib/components/ActionSet/ActionSet.js +2 -2
  59. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +2 -2
  60. package/lib/components/Card/Card.js +20 -6
  61. package/lib/components/Cascade/Cascade.js +2 -2
  62. package/lib/components/ComboButton/ComboButton.js +2 -2
  63. package/lib/components/CreateSidePanel/CreateSidePanel.js +2 -2
  64. package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
  65. package/lib/components/EmptyStates/EmptyState.js +2 -2
  66. package/lib/components/EmptyStates/EmptyStateContent.js +2 -2
  67. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +2 -2
  68. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +2 -2
  69. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +2 -2
  70. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +2 -2
  71. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +2 -2
  72. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +2 -2
  73. package/lib/components/ExampleComponent/ExampleComponent.js +2 -2
  74. package/lib/components/ExportModal/ExportModal.js +2 -2
  75. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -2
  76. package/lib/components/HTTPErrors/HTTPErrorContent.js +2 -2
  77. package/lib/components/ImportModal/ImportModal.js +2 -2
  78. package/lib/components/PageHeader/PageHeader.js +2 -2
  79. package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
  80. package/lib/components/ProductiveCard/ProductiveCard.js +3 -2
  81. package/lib/components/RemoveModal/RemoveModal.js +2 -2
  82. package/lib/components/SidePanel/SidePanel.js +2 -2
  83. package/lib/components/TagSet/TagSet.js +2 -2
  84. package/lib/components/TagSet/TagSetModal.js +2 -2
  85. package/lib/components/Tearsheet/Tearsheet.js +2 -2
  86. package/lib/components/Tearsheet/TearsheetNarrow.js +2 -2
  87. package/lib/components/Tearsheet/TearsheetShell.js +2 -2
  88. package/lib/components/WebTerminal/WebTerminal.js +2 -2
  89. package/lib/components/index.js +0 -8
  90. package/lib/global/js/hooks/useWindowResize.js +2 -2
  91. package/lib/global/js/package-settings.js +2 -3
  92. package/lib/global/js/utils/props-helper.js +2 -2
  93. package/lib/global/js/utils/story-helper.js +1 -1
  94. package/package.json +11 -11
  95. package/scss/components/Card/_card.scss +1 -0
  96. package/scss/components/PageHeader/_page-header.scss +5 -4
  97. package/scss/components/ProductiveCard/_productive-card.scss +4 -0
  98. package/scss/components/Tearsheet/_tearsheet.scss +6 -0
  99. package/scss/components/_index.scss +0 -1
package/css/index.css CHANGED
@@ -13998,6 +13998,9 @@ a.bx--side-nav__link--current::before {
13998
13998
  border-right: 1px solid var(--cds-ui-03, #e0e0e0);
13999
13999
  overflow-y: auto;
14000
14000
  }
14001
+ .c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
14002
+ padding-right: 0;
14003
+ }
14001
14004
  .c4p--tearsheet .c4p--tearsheet__influencer--wide {
14002
14005
  flex-basis: 321px;
14003
14006
  }
@@ -14697,69 +14700,6 @@ a.bx--side-nav__link--current::before {
14697
14700
  display: block;
14698
14701
  }
14699
14702
 
14700
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14701
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14702
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14703
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14704
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14705
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14706
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14707
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14708
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14709
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14710
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14711
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14712
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14713
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14714
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14715
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14716
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14717
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14718
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14719
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14720
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14721
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14722
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14723
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14724
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14725
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14726
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14727
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14728
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14729
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14730
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14731
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14732
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14733
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14734
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14735
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14736
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14737
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14738
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14739
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14740
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14741
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14742
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14743
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14744
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14745
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14746
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14747
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14748
- .c4p--example-component {
14749
- display: flex;
14750
- justify-content: flex-end;
14751
- --c4p--example-component--border-color: transparent;
14752
- }
14753
-
14754
- .c4p--example-component.c4p--example-component--boxed-set {
14755
- border: 10px solid var(--c4p--example-component--border-color);
14756
- }
14757
-
14758
- .c4p--example-component.c4p--example-component--shadow-set {
14759
- margin: var(--cds-spacing-04, 0.75rem);
14760
- box-shadow: 0 0 10px var(--c4p--example-component--border-color);
14761
- }
14762
-
14763
14703
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14764
14704
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14765
14705
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15391,6 +15331,7 @@ a.bx--side-nav__link--current::before {
15391
15331
  }
15392
15332
 
15393
15333
  .c4p--card__icon {
15334
+ color: inherit;
15394
15335
  cursor: pointer;
15395
15336
  }
15396
15337
 
@@ -18946,7 +18887,8 @@ a.bx--side-nav__link--current::before {
18946
18887
  display: block;
18947
18888
  width: 100%;
18948
18889
  height: 100%;
18949
- animation: background-and-shadow-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
18890
+ animation: background-and-shadow-appear 1000ms linear paused forwards;
18891
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
18950
18892
  content: "";
18951
18893
  z-index: -1;
18952
18894
  }
@@ -19085,7 +19027,8 @@ a.bx--side-nav__link--current::before {
19085
19027
  display: block;
19086
19028
  width: 100%;
19087
19029
  height: 100%;
19088
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19030
+ animation: background-appear 1000ms linear paused forwards;
19031
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19089
19032
  content: "";
19090
19033
  }
19091
19034
  .c4p--page-header .c4p--page-header__action-bar-column--influenced-by-collapse-button {
@@ -19256,7 +19199,8 @@ a.bx--side-nav__link--current::before {
19256
19199
  display: block;
19257
19200
  width: 100%;
19258
19201
  height: 100%;
19259
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19202
+ animation: background-appear 1000ms linear paused forwards;
19203
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19260
19204
  content: "";
19261
19205
  }
19262
19206
  .c4p--page-header .c4p--page-header__page-actions-content {
@@ -19487,6 +19431,9 @@ a.bx--side-nav__link--current::before {
19487
19431
  justify-content: space-between;
19488
19432
  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
19489
19433
  }
19434
+ .c4p--card__productive .c4p--card__footer .bx--btn svg {
19435
+ margin-left: var(--cds-spacing-03, 0.5rem);
19436
+ }
19490
19437
  .c4p--card__productive .c4p--card__footer-no-button {
19491
19438
  justify-content: flex-end;
19492
19439
  }