@carbon/ibm-products 1.1.0 → 1.2.3

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 (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/README.md CHANGED
@@ -68,7 +68,7 @@ can be found here on
68
68
  ### Packages
69
69
 
70
70
  You can find example projects using the components in the
71
- [examples folder](../../packages/examples/cloud-cognitive).
71
+ [examples folder](../../packages/examples/carbon-for-ibm-products).
72
72
 
73
73
  ## Usage
74
74
 
@@ -13999,6 +13999,9 @@ a.bx--side-nav__link--current::before {
13999
13999
  border-right: 1px solid var(--cds-ui-03, #e0e0e0);
14000
14000
  overflow-y: auto;
14001
14001
  }
14002
+ .c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
14003
+ padding-right: 0;
14004
+ }
14002
14005
  .c4p--tearsheet .c4p--tearsheet__influencer--wide {
14003
14006
  flex-basis: 321px;
14004
14007
  }
@@ -14698,69 +14701,6 @@ a.bx--side-nav__link--current::before {
14698
14701
  display: block;
14699
14702
  }
14700
14703
 
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
- /* stylelint-disable-line no-invalid-position-at-import-rule */
14749
- .c4p--example-component {
14750
- display: flex;
14751
- justify-content: flex-end;
14752
- --c4p--example-component--border-color: transparent;
14753
- }
14754
-
14755
- .c4p--example-component.c4p--example-component--boxed-set {
14756
- border: 10px solid var(--c4p--example-component--border-color);
14757
- }
14758
-
14759
- .c4p--example-component.c4p--example-component--shadow-set {
14760
- margin: var(--cds-spacing-04, 0.75rem);
14761
- box-shadow: 0 0 10px var(--c4p--example-component--border-color);
14762
- }
14763
-
14764
14704
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14765
14705
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14766
14706
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15392,6 +15332,7 @@ a.bx--side-nav__link--current::before {
15392
15332
  }
15393
15333
 
15394
15334
  .c4p--card__icon {
15335
+ color: inherit;
15395
15336
  cursor: pointer;
15396
15337
  }
15397
15338
 
@@ -18947,7 +18888,8 @@ a.bx--side-nav__link--current::before {
18947
18888
  display: block;
18948
18889
  width: 100%;
18949
18890
  height: 100%;
18950
- animation: background-and-shadow-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
18891
+ animation: background-and-shadow-appear 1000ms linear paused forwards;
18892
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
18951
18893
  content: "";
18952
18894
  z-index: -1;
18953
18895
  }
@@ -19086,7 +19028,8 @@ a.bx--side-nav__link--current::before {
19086
19028
  display: block;
19087
19029
  width: 100%;
19088
19030
  height: 100%;
19089
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19031
+ animation: background-appear 1000ms linear paused forwards;
19032
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19090
19033
  content: "";
19091
19034
  }
19092
19035
  .c4p--page-header .c4p--page-header__action-bar-column--influenced-by-collapse-button {
@@ -19257,7 +19200,8 @@ a.bx--side-nav__link--current::before {
19257
19200
  display: block;
19258
19201
  width: 100%;
19259
19202
  height: 100%;
19260
- animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
19203
+ animation: background-appear 1000ms linear paused forwards;
19204
+ animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
19261
19205
  content: "";
19262
19206
  }
19263
19207
  .c4p--page-header .c4p--page-header__page-actions-content {
@@ -19488,6 +19432,9 @@ a.bx--side-nav__link--current::before {
19488
19432
  justify-content: space-between;
19489
19433
  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
19490
19434
  }
19435
+ .c4p--card__productive .c4p--card__footer .bx--btn svg {
19436
+ margin-left: var(--cds-spacing-03, 0.5rem);
19437
+ }
19491
19438
  .c4p--card__productive .c4p--card__footer-no-button {
19492
19439
  justify-content: flex-end;
19493
19440
  }
@@ -23450,6 +23397,8 @@ li.bx--accordion__item--disabled:last-of-type {
23450
23397
  clip: rect(0, 0, 0, 0);
23451
23398
  visibility: inherit;
23452
23399
  white-space: nowrap;
23400
+ top: 1.25rem;
23401
+ left: 0.7rem;
23453
23402
  }
23454
23403
 
23455
23404
  .bx--checkbox-label {
@@ -31839,7 +31788,6 @@ span.bx--pagination__text {
31839
31788
  min-width: auto;
31840
31789
  padding-right: 3rem;
31841
31790
  margin: 0;
31842
- line-height: 1;
31843
31791
  }
31844
31792
 
31845
31793
  .bx--time-picker__input-field {