@convertkit/design - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

modals/confirm-modal.js

@@ -0,1 +1,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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -9,5 +11,9 @@
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { useRef } from "react";
 import PropTypes from "prop-types";
-import classNames from "classnames";
+import cx from "classnames";
 import partition from "../utils/partition";
@@ -17,3 +23,3 @@ import Action from "./action";
 import { AlertDialog, AlertDialogLabel, AlertDialogDescription } from "@reach/alert-dialog";
-import "@reach/dialog/styles.css";
+var DEFAULT = "py-12 px-8 bg-white rounded shadow w-4/5 max-w-sm font-sans";
 
@@ -28,4 +34,7 @@ var byType = function byType(type) {
   var children = _ref.children,
+      className = _ref.className,
       label = _ref.label,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      props = _objectWithoutProperties(_ref, ["children", "className", "label", "onClose"]);
+
   var close = useRef(); // Extract the `actions` so we can render them at the bottom of
@@ -40,7 +49,7 @@ // the dialog. All other children will be rendered in
 
-  return React.createElement(AlertDialog, {
-    className: "py-12 px-8 rounded shadow w-4/5 md:w-1/2 lg:w-1/3 font-sans",
+  return React.createElement(AlertDialog, _extends({
+    className: cx(className, DEFAULT),
     onDismiss: onClose,
     leastDestructiveRef: close
-  }, React.createElement(AlertDialogLabel, {
+  }, props), React.createElement(AlertDialogLabel, {
     className: "text-xl text-center font-semibold mb-4"
@@ -47,0 +56,0 @@ }, label), React.createElement(AlertDialogDescription, {

modals/modal.js

@@ -23,4 +23,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); }
 import IconButton from "../buttons/icon-button";
-import "@reach/dialog/styles.css";
-var DEFAULT = "p-0 pb-8 font-sans rounded shadow w-4/5 md:w-1/2 xl:w-1/3";
+var DEFAULT = "p-0 pb-8 bg-white font-sans rounded shadow w-4/5 max-w-2xl";
 var HEADER_DEFAULT = "flex items-center justify-between px-8";
@@ -27,0 +26,0 @@

package.json

 {
   "name": "@convertkit/design",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Design System for ConvertKit",
@@ -60,16 +60,13 @@ "main": "index.js",
     "/card/index.js": "/card/index.js",
+    "/note/index.js": "/note/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/action.js": "/modals/action.js",
     "/modals/confirm.js": "/modals/confirm.js",
     "/modals/index.js": "/modals/index.js",
-    "/modals/modal.js": "/modals/modal.js",
-    "/note/index.js": "/note/index.js",
-    "/utils/partition.js": "/utils/partition.js",
-    "/filter/index.js": "/filter/index.js",
-    "/filter/types/all-subscribers.js": "/filter/types/all-subscribers.js",
-    "/filter/types/index.js": "/filter/types/index.js"
+    "/modals/modal.js": "/modals/modal.js"
   }
 }

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

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

Worsened metrics

Total package byte prevSize

387871

decreased by-1.88%

Number of package files

21

decreased by-12.5%

Lines of code

18862

decreased by-1.05%

No dependency changes