@convertkit/design - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

buttons/button.js

@@ -22,12 +22,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   block: "text-lg p-4 rounded flex w-full items-center justify-center"
-  /**
-   * @param {Object} props
-   * @param {"red"|"white"|"plain"|"gray"} props.color
-   * @param {"md"|"lg"|"block"} props.size
-   * @param {"cog|user|envelope|etc"} props.icon
-   * @param {unstyled} unstyled flag to indicate no default classes
-   * @param className any custom classes to be applied to button
-   */
+};
+/**
+ * @param {Object} props
+ * @param {"red"|"white"|"plain"|"gray"} props.color
+ * @param {"md"|"lg"|"block"} props.size
+ * @param {"cog|user|envelope|etc"} props.icon
+ * @param {unstyled} unstyled flag to indicate no default classes
+ * @param className any custom classes to be applied to button
+ */
 
-};
 var Button = React.forwardRef(function (_ref, ref) {
@@ -34,0 +34,0 @@ var _ref$color = _ref.color,

buttons/icon-button.js

@@ -30,13 +30,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
   block: "text-lg p-4 rounded flex w-full"
-  /**
-   * @param {Object} props
-   * @param {"red"|"white"|"plain"|"gray"} props.color
-   * @param {"md"|"lg"|"block"} props.size
-   * @param {"cog|user|envelope|etc"} props.icon
-   * @param props.label A11y label
-   * @param {unstyled} unstyled flag to indicate no default classes
-   * @param className any custom classes to be applied to button
-   */
-
 };
+/**
+ * @param {Object} props
+ * @param {"red"|"white"|"plain"|"gray"} props.color
+ * @param {"md"|"lg"|"block"} props.size
+ * @param {"cog|user|envelope|etc"} props.icon
+ * @param props.label A11y label
+ * @param {unstyled} unstyled flag to indicate no default classes
+ * @param className any custom classes to be applied to button
+ */
 
@@ -43,0 +42,0 @@ function IconButton(_ref) {

icon/library.js

@@ -38,5 +38,5 @@ import { library } from "@fortawesome/fontawesome-svg-core";
   iconName: "custom-input",
-  prefix: "ck" // Fontawesome light icons
+  prefix: "ck"
+}; // Fontawesome light icons
 
-};
 library.add(faAlarmClock, faAlignLeft, faAnalytics, faAngleDown, faAngleLeft, faAngleRight, faAngleUp, faArchive, faBan, faBell, faBolt, faBox, faBrowser, faBullseyeArrow, faCabinetFiling, faCalendarAlt, faCalendarTimes, faChartBar, faCheck, faCheckCircle, faClock, faCloudUpload, faCode, faCog, faCogs, faCopy, faCreditCard, faDownload, faEllipsisHAlt, faEnvelope, faEnvelopeOpen, faEnvelopeOpenText, faExternalLink, faEye, faFolder, faFolderOpen, faFileAlt, faFileCode, faFileDownload, faFileImport, faFileUpload, faFilter, faFlag, faGift, faGlobe, faGripHorizontal, faHandPointer, faImage, faInboxOut, faInfoCircle, faLink, faMagic, faMailBulk, faMapMarkerAlt, faMapSigns, faMinus, faMinusCircle, faPencil, faPlus, faPlusCircle, faPuzzlePiece, faRandom, faRepeat, faRssSquare, faSearch, faShareSquare, faSignOut, faSync, faTag, faTags, faThList, faTimes, faTint, faTrashAlt, faUser, faUserChart, faUserCheck, faUserCircle, faUsersClass, faUserMinus, faUserPlus, faUsers, faUserShield, faUserTag); // Fontawesome solid icons
@@ -43,0 +43,0 @@

modals/confirm-modal.js

@@ -5,3 +5,3 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
 
-function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
@@ -8,0 +8,0 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

modals/modal.js

@@ -7,3 +7,3 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
@@ -10,0 +10,0 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

package.json

 {
   "name": "@convertkit/design",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Design System for ConvertKit",
@@ -59,13 +59,13 @@ "main": "index.js",
     "/card/card.js": "/card/card.js",
+    "/card/index.js": "/card/index.js",
     "/card/cards.js": "/card/cards.js",
-    "/card/index.js": "/card/index.js",
-    "/utils/partition.js": "/utils/partition.js",
-    "/icon/icons.js": "/icon/icons.js",
-    "/icon/index.js": "/icon/index.js",
-    "/icon/library.js": "/icon/library.js",
     "/modals/action.js": "/modals/action.js",
     "/modals/confirm-modal.js": "/modals/confirm-modal.js",
     "/modals/index.js": "/modals/index.js",
-    "/modals/modal.js": "/modals/modal.js"
+    "/modals/modal.js": "/modals/modal.js",
+    "/icon/icons.js": "/icon/icons.js",
+    "/icon/library.js": "/icon/library.js",
+    "/icon/index.js": "/icon/index.js",
+    "/utils/partition.js": "/utils/partition.js"
   }
 }

tailwind.config.js

@@ -27,6 +27,13 @@ module.exports = {
       yellow: {
-        400: "#ECB871"
+        300: "#FFEFDA",
+        400: "#ECB871",
+        500: "#DCB580",
+        600: "#725835",
+        700: "#5C472B",
       },
       green: {
-        400: "#58AB7E"
+        200: "#EEF7F2",
+        300: "#C1E0CF",
+        400: "#58AB7E",
+        700: "#39684E",
       },
@@ -33,0 +40,0 @@

utils/partition.js

@@ -13,3 +13,3 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
-function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
@@ -16,0 +16,0 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

453546

increased by12.02%

Lines of code

22424

increased by9.8%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes