@heymantle/litho 0.0.3 → 0.0.4

package/dist/cjs/components/TextField.js

@@ -13,7 +13,12 @@ var _jsxruntime = require("react/jsx-runtime");
 var _polarisicons = require("@shopify/polaris-icons");
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _tailwindvariants = require("tailwind-variants");
-var _index = require("../index");
+var _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
+var _Icon = /*#__PURE__*/ _interop_require_default(require("./Icon"));
+var _InlineError = /*#__PURE__*/ _interop_require_default(require("./InlineError"));
+var _Label = /*#__PURE__*/ _interop_require_default(require("./Label"));
+var _Link = /*#__PURE__*/ _interop_require_default(require("./Link"));
+var _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -22,6 +27,11 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -421,7 +431,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
             children: [
                 hasPrefix && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "min-h-7.5 pl-2 flex items-center cursor-text self-start",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                         color: "subdued",
                         className: "pointer-events-none whitespace-nowrap",
                         as: typeof prefix === "string" ? "p" : "div",
@@ -430,7 +440,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                 }),
                 memoizedIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: iconClasses,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                         source: memoizedIcon,
                         color: "subdued"
                     })
@@ -485,7 +495,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                 }),
                 hasSuffix && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "min-h-7.5 pr-3 flex items-center cursor-text self-start",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                         color: "subdued",
                         className: "pointer-events-none whitespace-nowrap",
                         children: suffix
@@ -494,7 +504,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                 type === "number" && showNumberSteppers && !readOnly && !disabled && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "flex flex-col h-full max-h-7.5 border border-transparent",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                             plain: true,
                             size: "stepper",
                             className: max !== undefined && value >= max ? "opacity-0 group-hover:opacity-20 pointer-events-none" : "opacity-0 group-hover:opacity-100",
@@ -503,13 +513,13 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                                 e.preventDefault();
                                 adjustValue(1);
                             },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                                 source: _polarisicons.CaretUpMinor,
                                 color: "subdued",
                                 className: "pointer-events-none"
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                             plain: true,
                             size: "stepper",
                             className: min !== undefined && value <= min ? "opacity-0 group-hover:opacity-20 pointer-events-none" : "opacity-0 group-hover:opacity-100",
@@ -518,7 +528,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                                 e.preventDefault();
                                 adjustValue(-1);
                             },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                                 source: _polarisicons.CaretDownMinor,
                                 color: "subdued",
                                 className: "pointer-events-none"
@@ -529,7 +539,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                 clearButton && onClearButtonClick && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: clearButtonClasses,
                     onClick: onClearButtonClick,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                         source: _polarisicons.CancelSmallMinor,
                         color: "subdued"
                     })
@@ -543,7 +553,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
             label && !labelHidden && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "flex justify-between items-end",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Label, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.default, {
                         id: id,
                         hidden: labelHidden,
                         disabled: disabled,
@@ -552,7 +562,7 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                         variant: labelVariant,
                         children: label
                     }),
-                    labelAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Link, {
+                    labelAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Link.default, {
                         onClick: labelAction.onAction,
                         removeUnderline: true,
                         children: labelAction.content
@@ -570,11 +580,11 @@ var clearButtonStyles = (0, _tailwindvariants.tv)({
                     rightContent
                 ]
             }),
-            error && /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.InlineError, {
+            error && /*#__PURE__*/ (0, _jsxruntime.jsx)(_InlineError.default, {
                 message: error,
                 icon: _polarisicons.CircleAlertMajor
             }),
-            helpText && /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+            helpText && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                 color: "subdued",
                 children: helpText
             })

package/dist/cjs/components/Thumbnail.js

@@ -10,8 +10,13 @@ Object.defineProperty(exports, "default", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _tailwindvariants = require("tailwind-variants");
-var _index = require("../index");
+var _Icon = /*#__PURE__*/ _interop_require_default(require("./Icon"));
 var _polarisicons = require("@shopify/polaris-icons");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 var imageContainerStyles = (0, _tailwindvariants.tv)({
     base: "relative flex items-center justify-center overflow-hidden rounded-lg border border-tint-4 bg-surface-higher group",
     variants: {
@@ -64,7 +69,7 @@ var imageStyles = (0, _tailwindvariants.tv)({
                 width: "".concat(size, "px"),
                 height: "".concat(size, "px")
             } : {}
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
             source: _polarisicons.ImageMajor,
             color: "subdued"
         })

package/dist/cjs/components/TimePicker.js

@@ -9,11 +9,16 @@ Object.defineProperty(exports, "default", {
     }
 });
 var _jsxruntime = require("react/jsx-runtime");
-var _index = require("../index");
+var _TextField = /*#__PURE__*/ _interop_require_default(require("./TextField"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function TimePicker() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var _props_label = props.label, label = _props_label === void 0 ? "Time:" : _props_label, _props_labelInline = props.labelInline, labelInline = _props_labelInline === void 0 ? true : _props_labelInline, value = props.value, onChange = props.onChange;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.TextField, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.default, {
         type: "time",
         prefix: labelInline ? label : null,
         value: value,

package/dist/cjs/components/Tip.js

@@ -11,8 +11,13 @@ Object.defineProperty(exports, "default", {
 var _jsxruntime = require("react/jsx-runtime");
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _tailwindvariants = require("tailwind-variants");
-var _index = require("../index");
+var _Icon = /*#__PURE__*/ _interop_require_default(require("./Icon"));
 var _polarisicons = require("@shopify/polaris-icons");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -169,8 +174,9 @@ var statusHelpers = {
     var processedChildren = (0, _react.useMemo)(function() {
         var processChildren = function(children) {
             return _react.default.Children.toArray(children).map(function(child) {
+                var _child_type;
                 if (!/*#__PURE__*/ (0, _react.isValidElement)(child)) return child;
-                if (child.type.displayName === "Link") {
+                if (((_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === "Link") {
                     return /*#__PURE__*/ (0, _react.cloneElement)(child, {
                         color: status
                     });
@@ -195,7 +201,7 @@ var statusHelpers = {
                     align: align
                 }),
                 children: [
-                    icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                    icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                         source: icon,
                         color: iconColor
                     }),
@@ -209,7 +215,7 @@ var statusHelpers = {
                 className: dismissButtonStyles({
                     status: status
                 }),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                     source: _polarisicons.CancelMinor,
                     color: iconColor
                 })

package/dist/cjs/components/Tooltip.js

@@ -13,7 +13,10 @@ var _jsxruntime = require("react/jsx-runtime");
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _reactdom = require("react-dom");
 var _tailwindvariants = require("tailwind-variants");
-var _index = require("../index");
+var _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
+var _VerticalStack = /*#__PURE__*/ _interop_require_default(require("./VerticalStack"));
+var _List = /*#__PURE__*/ _interop_require_default(require("./List"));
+var _Icon = /*#__PURE__*/ _interop_require_default(require("./Icon"));
 var _polarisicons = require("@shopify/polaris-icons");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -36,6 +39,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -340,26 +348,26 @@ var arrowStyles = (0, _tailwindvariants.tv)({
     var blockForItem = function(param) {
         var item = param.item, key = param.key;
         if (item.type == "paragraph") {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                 variant: "bodySm",
                 alignment: "start",
                 children: item.content
             }, key);
         } else if (item.type === "heading") {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                 variant: "headingSm",
                 alignment: "start",
                 children: item.content
             }, key);
         } else if (item.type == "list") {
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.VerticalStack, {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_VerticalStack.default, {
                 inlineAlign: "start",
                 align: "start",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.List, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_List.default, {
                     type: "bullet",
                     children: item.content.map(function(item) {
-                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.List.Item, {
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_List.default.Item, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                                 alignment: "start",
                                 variant: "bodySm",
                                 children: item
@@ -400,7 +408,7 @@ var arrowStyles = (0, _tailwindvariants.tv)({
         onMouseLeave: handleMouseLeave,
         onClick: dismissOnActivatorClick ? handleActivatorClick : undefined,
         children: [
-            children ? children : /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Icon, {
+            children ? children : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.default, {
                 source: _polarisicons.CircleInformationMajor,
                 color: "subdued"
             }),

package/dist/cjs/components/TopBar.js

@@ -11,10 +11,13 @@ Object.defineProperty(exports, "default", {
 });
 var _jsxruntime = require("react/jsx-runtime");
 var _react = require("react");
-var _AppProvider = require("../components/AppProvider");
 var _polarisicons = require("@shopify/polaris-icons");
 var _tailwindvariants = require("tailwind-variants");
-var _index = require("../index");
+var _ActionList = /*#__PURE__*/ _interop_require_default(require("./ActionList"));
+var _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
+var _Popover = /*#__PURE__*/ _interop_require_default(require("./Popover"));
+var _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
+var _Frame = require("./Frame");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -23,6 +26,11 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -78,14 +86,14 @@ var styles = (0, _tailwindvariants.tv)({
  */ function TopBar() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var hasNavigation = props.hasNavigation, userMenu = props.userMenu, searchTrigger = props.searchTrigger, alwaysShowUserMenuInTopBar = props.alwaysShowUserMenuInTopBar, headerAccessory = props.headerAccessory;
-    var setShowMobileNavigation = (0, _react.useContext)(_AppProvider.FrameContext).setShowMobileNavigation;
+    var setShowMobileNavigation = (0, _Frame.useFrame)().setShowMobileNavigation;
     var classes = styles();
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: classes,
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "pl-4 @md:hidden",
-                children: hasNavigation && /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Button, {
+                children: hasNavigation && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                     icon: _polarisicons.MobileHamburgerMajor,
                     onClick: function() {
                         return setShowMobileNavigation(true);
@@ -166,13 +174,13 @@ var activatorStyles = (0, _tailwindvariants.tv)({
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "".concat(image ? "hidden" : "flex", " @sm:flex flex-col pr-1 truncate"),
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                         variant: "bodySm",
                         fontWeight: "medium",
                         truncate: true,
                         children: title || subtitle
                     }),
-                    title && subtitle ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Text, {
+                    title && subtitle ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Text.default, {
                         variant: "bodySm",
                         color: "subdued",
                         truncate: true,
@@ -185,7 +193,7 @@ var activatorStyles = (0, _tailwindvariants.tv)({
     if (!hasPopover) {
         return activator;
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Popover, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Popover.default, {
         active: showPopover,
         activator: activator,
         fixed: true,
@@ -195,8 +203,8 @@ var activatorStyles = (0, _tailwindvariants.tv)({
         activatorDisplayType: "block",
         preferredAlignment: "right",
         preferredPosition: "below",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.Popover.Section, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_index.ActionList, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Popover.default.Section, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ActionList.default, {
                 items: popoverActions,
                 sections: popoverSections,
                 onActionAnyItem: function() {

package/dist/cjs/dev/verify-publish.js

@@ -28,24 +28,57 @@ function _templateObject() {
     };
     return data;
 }
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "npm view @heymantle/litho dist.shasum"
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "npm run build && npm pack --dry-run"
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var packageJson = JSON.parse(fs.readFileSync("package.json", "utf8"));
 var currentVersion = packageJson.version;
 var npmVersion = await $(_templateObject()).text();
+var npmShaSum = await $(_templateObject1()).text();
+var packResult = await $(_templateObject2()).text();
+var localShaSum = packResult.match(/shasum\: (.*)\n/)[1];
+if (npmShaSum === localShaSum) {
+    var continuePublish = await question("NPM and local shasums match. Continue with publish? (y/n) ", {
+        choices: [
+            "y",
+            "n"
+        ]
+    });
+    if (continuePublish === "n") {
+        process.exit(0);
+    }
+}
 if (_semver.default.gte(npmVersion, currentVersion)) {
-    var shouldIncrement = await question("npm version is greater than package.json version. Increment local version? (y/n)", {
+    var shouldIncrement = await question("npm version is greater than package.json version. Increment local version? (y/n) ", {
         choices: [
             "y",
             "n"
         ]
     });
     if (shouldIncrement === "y") {
-        var versionType = await question("Which type of release is this? (patch/minor/major)", {
+        var defaultVersionType = "patch";
+        var versionType = await question("Which type of release is this (default: patch)? (patch/minor/major) ", {
             choices: [
                 "patch",
                 "minor",
                 "major"
             ]
-        });
+        }) || defaultVersionType;
         if (![
             "patch",
             "minor",
@@ -57,7 +90,7 @@ if (_semver.default.gte(npmVersion, currentVersion)) {
         var newVersion = _semver.default.inc(currentVersion, versionType);
         packageJson.version = newVersion;
         await fs.writeFile("package.json", JSON.stringify(packageJson, null, 2));
-        echo("Incremented version to ".concat(newVersion));
+        echo("Incremented version to ".concat(newVersion, ". Remember to commit and push the version update."));
         process.exit(0);
     } else {
         echo("Cannot publish if npm version is greater or equal to local version");

package/dist/cjs/postcss.config.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _postcss = /*#__PURE__*/ _interop_require_default(require("@tailwindcss/postcss"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var _default = {
+    plugins: [
+        _postcss.default
+    ]
+};