@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/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 {