@carbon/ibm-products 1.0.0 → 1.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. package/README.md +1 -1
  2. package/css/index-full-carbon.css +11 -63
  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 +11 -0
  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 +11 -63
  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 +11 -63
  12. package/css/index.css.map +1 -1
  13. package/css/index.min.css +1 -1
  14. package/es/components/Card/Card.js +18 -4
  15. package/es/components/ExpressiveCard/ExpressiveCard.js +3 -2
  16. package/es/components/PageHeader/PageHeader.js +38 -28
  17. package/es/components/ProductiveCard/ProductiveCard.js +3 -2
  18. package/es/components/Toolbar/ToolbarButton.js +7 -5
  19. package/es/components/index.js +0 -1
  20. package/es/global/js/package-settings.js +0 -1
  21. package/es/global/js/utils/story-helper.js +1 -1
  22. package/lib/components/Card/Card.js +18 -4
  23. package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -2
  24. package/lib/components/PageHeader/PageHeader.js +38 -28
  25. package/lib/components/ProductiveCard/ProductiveCard.js +3 -2
  26. package/lib/components/Toolbar/ToolbarButton.js +6 -3
  27. package/lib/components/index.js +0 -8
  28. package/lib/global/js/package-settings.js +0 -1
  29. package/lib/global/js/utils/story-helper.js +1 -1
  30. package/package.json +8 -8
  31. package/scss/components/ButtonSetWithOverflow/_button-set-with-overflow.scss +1 -0
  32. package/scss/components/Card/_card.scss +1 -0
  33. package/scss/components/PageHeader/_page-header.scss +3 -0
  34. package/scss/components/PageHeader/_storybook-styles.scss +1 -0
  35. package/scss/components/ProductiveCard/_productive-card.scss +4 -0
  36. package/scss/components/Tearsheet/_tearsheet.scss +6 -0
  37. package/scss/components/_index.scss +0 -1
@@ -84,7 +84,7 @@ exports.prepareStory = prepareStory;
84
84
  var CodesandboxLink = function CodesandboxLink(_ref) {
85
85
  var exampleDirectory = _ref.exampleDirectory;
86
86
  return /*#__PURE__*/_react.default.createElement("a", {
87
- href: "https://codesandbox.io/s/github/carbon-design-system/ibm-cloud-cognitive/tree/main/examples/cloud-cognitive/".concat(exampleDirectory)
87
+ href: "https://codesandbox.io/s/github/carbon-design-system/ibm-cloud-cognitive/tree/main/examples/carbon-for-ibm-products/".concat(exampleDirectory)
88
88
  }, /*#__PURE__*/_react.default.createElement("img", {
89
89
  alt: "Edit on CodeSandbox",
90
90
  src: "https://codesandbox.io/static/img/play-codesandbox.svg"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/ibm-products",
3
3
  "description": "Carbon for IBM Products",
4
- "version": "1.0.0",
4
+ "version": "1.2.1",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -52,20 +52,20 @@
52
52
  "devDependencies": {
53
53
  "@babel/cli": "^7.16.0",
54
54
  "@babel/core": "^7.16.0",
55
- "babel-preset-ibm-cloud-cognitive": "^0.13.0",
56
- "chalk": "^4.1.2",
55
+ "babel-preset-ibm-cloud-cognitive": "^0.14.0",
56
+ "chalk": "^5.0.0",
57
57
  "change-case": "^4.1.2",
58
58
  "copyfiles": "^2.4.1",
59
59
  "cross-env": "^7.0.3",
60
60
  "fs-extra": "^10.0.0",
61
61
  "glob": "^7.2.0",
62
- "jest": "^27.3.1",
63
- "jest-config-ibm-cloud-cognitive": "^0.21.0",
62
+ "jest": "^27.4.3",
63
+ "jest-config-ibm-cloud-cognitive": "^0.23.1",
64
64
  "npm-check-updates": "^12.0.2",
65
65
  "npm-run-all": "^4.1.5",
66
66
  "rimraf": "^3.0.2",
67
- "sass": "^1.43.4",
68
- "yargs": "^17.2.1"
67
+ "sass": "^1.44.0",
68
+ "yargs": "^17.3.0"
69
69
  },
70
70
  "dependencies": {
71
71
  "@babel/runtime": "^7.16.3",
@@ -86,5 +86,5 @@
86
86
  "react": "^16.8.6 || ^17.0.1",
87
87
  "react-dom": "^16.8.6 || ^17.0.1"
88
88
  },
89
- "gitHead": "5b7378009e0e2bfcf264d7a0fdfe8293a9f4242e"
89
+ "gitHead": "63230fc607bd984fbc15794f58d9b0c00b23b1a4"
90
90
  }
@@ -22,6 +22,7 @@ $block-class: #{$pkg-prefix}--button-set-with-overflow;
22
22
  @include block-wrap($block-class) {
23
23
  &.#{$block-class} {
24
24
  display: flex;
25
+ width: 100%;
25
26
  }
26
27
 
27
28
  .#{$block-class}__space {
@@ -102,6 +102,7 @@
102
102
  }
103
103
 
104
104
  .#{$block-class}__icon {
105
+ color: inherit;
105
106
  cursor: pointer;
106
107
  }
107
108
 
@@ -488,8 +488,11 @@ $right-section-alt-width: 100% - $left-section-alt-width;
488
488
 
489
489
  .#{$block-class}__page-actions-content {
490
490
  position: relative; // ensure appears over ::before
491
+ display: flex;
492
+ overflow: hidden;
491
493
  width: 100%;
492
494
  height: 100%;
495
+ justify-content: flex-end;
493
496
  }
494
497
 
495
498
  .#{$block-class}__title-row .#{$block-class}__page-actions--in-breadcrumb {
@@ -9,6 +9,7 @@
9
9
 
10
10
  @import 'carbon-components/scss/components/ui-shell/ui-shell';
11
11
  @import 'carbon-components/scss/components/data-table/data-table';
12
+ @import 'carbon-components/scss/components/button/button';
12
13
 
13
14
  $story-class: 'page-header-stories';
14
15
 
@@ -36,6 +36,10 @@
36
36
  align-items: center;
37
37
  justify-content: space-between;
38
38
  border-top: 1px solid $ui-03;
39
+
40
+ .#{$carbon-prefix}--btn svg {
41
+ margin-left: $spacing-03;
42
+ }
39
43
  }
40
44
 
41
45
  .#{$block-class}__footer-no-button {
@@ -225,6 +225,12 @@
225
225
  flex: 0 0 257px; // influencer width 256px plus 1px border
226
226
  border-right: 1px solid $ui-03;
227
227
  overflow-y: auto;
228
+
229
+ // the normal 80% content width inside modals should not apply to influencer content
230
+ // apply the class again for higher specificity
231
+ &.#{$block-class}__influencer p {
232
+ padding-right: 0;
233
+ }
228
234
  }
229
235
 
230
236
  .#{$block-class}__influencer--wide {
@@ -21,7 +21,6 @@
21
21
  @import './CreateTearsheet/index';
22
22
  @import './CreateTearsheetNarrow/index';
23
23
  @import './EmptyStates/index';
24
- @import './ExampleComponent/index';
25
24
  @import './ExportModal/index';
26
25
  @import './ExpressiveCard/index';
27
26
  @import './HTTPErrors/index';