@storybook/design-system - npm Package Compare versions

Comparing version 5.2.1 to 5.3.0

CHANGELOG.md

@@ -0,1 +1,20 @@
+# v5.3.0 (Mon Nov 23 2020)
+
+#### 🚀 Enhancement
+
+- Port over Cardinal component from Chromatic [#221](https://github.com/storybookjs/design-system/pull/221) ([@winkerVSbecks](https://github.com/winkerVSbecks))
+
+#### 🐛 Bug Fix
+
+- remove gradient background from tooltips [#230](https://github.com/storybookjs/design-system/pull/230) ([@domyen](https://github.com/domyen))
+- Add default tooltips for copied and uncopied states [#229](https://github.com/storybookjs/design-system/pull/229) ([@winkerVSbecks](https://github.com/winkerVSbecks))
+- Update Storybook to 6.1.1 and change component organization [#228](https://github.com/storybookjs/design-system/pull/228) ([@domyen](https://github.com/domyen))
+
+#### Authors: 2
+
+- Dominic Nguyen ([@domyen](https://github.com/domyen))
+- Varun Vachhar ([@winkerVSbecks](https://github.com/winkerVSbecks))
+
+---
+
 # v5.2.1 (Fri Nov 20 2020)
@@ -2,0 +21,0 @@

dist/components/ButtonToggle.stories.js

@@ -34,3 +34,3 @@ "use strict";
 var _default = {
-  title: 'Design System/ButtonToggle'
+  title: 'ButtonToggle'
 };
@@ -37,0 +37,0 @@ exports["default"] = _default;

dist/components/clipboard/Clipboard.js

@@ -26,2 +26,4 @@ "use strict";
 
+var _TooltipNote = require("../tooltip/TooltipNote");
+
 var _WithTooltip = _interopRequireDefault(require("../tooltip/WithTooltip"));
@@ -90,4 +92,12 @@
   copyOptions: undefined,
-  renderCopiedTooltip: function renderCopiedTooltip() {},
-  renderUncopiedTooltip: function renderUncopiedTooltip() {},
+  renderCopiedTooltip: function renderCopiedTooltip() {
+    return /*#__PURE__*/_react["default"].createElement(_TooltipNote.TooltipNote, {
+      note: "Copied"
+    });
+  },
+  renderUncopiedTooltip: function renderUncopiedTooltip() {
+    return /*#__PURE__*/_react["default"].createElement(_TooltipNote.TooltipNote, {
+      note: "Copy to clipboard"
+    });
+  },
   resetTimeout: 3000,
@@ -94,0 +104,0 @@ toCopy: undefined,

dist/components/clipboard/Clipboard.stories.js

@@ -20,3 +20,3 @@ "use strict";
 var _default = {
-  title: 'Design System/Clipboard/Clipboard',
+  title: 'Clipboard/Clipboard',
   decorators: [function (storyFn) {
@@ -23,0 +23,0 @@ return /*#__PURE__*/_react["default"].createElement("div", {

dist/components/clipboard/ClipboardCode.stories.js

@@ -14,5 +14,4 @@ "use strict";
 
-/* eslint-disable import/no-extraneous-dependencies */
 var _default = {
-  title: 'Design System/Clipboard/ClipboardCode'
+  title: 'Clipboard/ClipboardCode'
 };
@@ -19,0 +18,0 @@ exports["default"] = _default;

dist/components/clipboard/ClipboardIcon.stories.js

@@ -15,3 +15,3 @@ "use strict";
 var _default = {
-  title: 'Design System/Clipboard/ClipboardIcon'
+  title: 'Clipboard/ClipboardIcon'
 };
@@ -18,0 +18,0 @@ exports["default"] = _default;

dist/components/clipboard/ClipboardInput.js

@@ -47,3 +47,3 @@ "use strict";
 function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  margin-top: 15px;\n"]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n"]);
 
@@ -50,0 +50,0 @@ _templateObject = function _templateObject() {

dist/components/clipboard/ClipboardInput.stories.js

@@ -15,3 +15,3 @@ "use strict";
 var _default = {
-  title: 'Design System/Clipboard/ClipboardInput'
+  title: 'Clipboard/ClipboardInput'
 };
@@ -18,0 +18,0 @@ exports["default"] = _default;

dist/components/FormErrorState.stories.js

@@ -57,3 +57,3 @@ "use strict";
 var _default = {
-  title: 'Design System/forms/FormErrorState',
+  title: 'forms/FormErrorState',
   component: _FormErrorState.FormErrorState
@@ -60,0 +60,0 @@ };

dist/components/index.js

@@ -185,2 +185,15 @@ "use strict";
 
+var _Cardinal = require("./Cardinal");
+
+Object.keys(_Cardinal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Cardinal[key];
+    }
+  });
+});
+
 var _FormErrorState = require("./FormErrorState");
@@ -187,0 +200,0 @@

dist/components/Link.stories.js

@@ -37,3 +37,3 @@ "use strict";
 var _default = {
-  title: 'Design System/Link',
+  title: 'Link',
   component: _Link.Link
@@ -40,0 +40,0 @@ };

dist/components/SharedStyles.stories.js

@@ -39,3 +39,3 @@ "use strict";
 var _default = {
-  title: 'Design System/SharedStyles'
+  title: 'SharedStyles'
 };
@@ -42,0 +42,0 @@ exports["default"] = _default;

dist/components/tag/TagItem.stories.js

@@ -22,3 +22,3 @@ "use strict";
   component: _TagItem.TagItem,
-  title: 'Design System/Tag/TagItem'
+  title: 'Tag/TagItem'
 };
@@ -25,0 +25,0 @@ exports["default"] = _default;

dist/components/tag/TagLink.stories.js

@@ -25,3 +25,3 @@ "use strict";
   component: _TagLink.TagLink,
-  title: 'Design System/Tag/TagLink'
+  title: 'Tag/TagLink'
 };
@@ -28,0 +28,0 @@ exports["default"] = _default;

dist/components/tag/TagList.stories.js

@@ -27,3 +27,3 @@ "use strict";
   excludeStories: /.*Data$/,
-  title: 'Design System/Tag/TagList'
+  title: 'Tag/TagList'
 };
@@ -30,0 +30,0 @@ exports["default"] = _default;

dist/components/tooltip/Tooltip.js

@@ -27,3 +27,3 @@ "use strict";
 function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n      margin-bottom: ", "px;\n      margin-top: ", "px;\n      margin-left: ", "px;\n      margin-right: ", "px;\n\n      background-image: linear-gradient(\n        -1deg,\n        rgba(248, 248, 248, 0.97) 0%,\n        rgba(255, 255, 255, 0.97) 100%\n      );\n      filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.05)) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));\n      border-radius: ", "px;\n      font-size: ", "px;\n    "]);
+  var data = (0, _taggedTemplateLiteral2["default"])(["\n      margin-bottom: ", "px;\n      margin-top: ", "px;\n      margin-left: ", "px;\n      margin-right: ", "px;\n\n      background: rgba(255, 255, 255, 0.97);\n\n      filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.05)) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));\n      border-radius: ", "px;\n      font-size: ", "px;\n    "]);
 
@@ -30,0 +30,0 @@ _templateObject4 = function _templateObject4() {

package.json

 {
   "name": "@storybook/design-system",
-  "version": "5.2.1",
+  "version": "5.3.0",
   "description": "Storybook design system",
@@ -48,3 +48,5 @@ "repository": {
   "dependencies": {
+    "@types/pluralize": "^0.0.29",
     "copy-to-clipboard": "^3.3.1",
+    "pluralize": "^8.0.0",
     "polished": "^3.6.4",
@@ -51,0 +53,0 @@ "prismjs": "1.20.0",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

497051

increased by3.83%

Number of package files

72

increased by2.86%

Lines of code

7330

increased by7.46%

Worsened metrics

Dependency count

13

increased by18.18%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@types/pluralize@^0.0.29

• + Addedpluralize@^8.0.0

• + Added@types/pluralize@0.0.29(transitive)

• + Addedpluralize@8.0.0(transitive)