@papillonarts/components 0.3.0 → 0.5.0

package/build/primer/Blankslate/Blankslate.js

@@ -12,7 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-var-requires */
 
 var styles = require('./Blankslate.scss')["default"];
-var Blankslate = function Blankslate(_ref) {
+var Blankslate = exports.Blankslate = function Blankslate(_ref) {
   var _cx;
   var className = _ref.className,
     heading = _ref.heading,
@@ -28,5 +28,4 @@ var Blankslate = function Blankslate(_ref) {
     })]
   });
 };
-exports.Blankslate = Blankslate;
 Blankslate.defaultProps = _Blankslate.defaultProps;

package/build/primer/Blankslate/Blankslate.prop.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultProps = exports.blankslateVariantEnum = void 0;
-var blankslateVariantEnum = /*#__PURE__*/function (blankslateVariantEnum) {
+var blankslateVariantEnum = exports.blankslateVariantEnum = /*#__PURE__*/function (blankslateVariantEnum) {
   blankslateVariantEnum[blankslateVariantEnum["default"] = 0] = "default";
   blankslateVariantEnum[blankslateVariantEnum["narrow"] = 1] = "narrow";
   blankslateVariantEnum[blankslateVariantEnum["capped"] = 2] = "capped";
@@ -12,12 +12,10 @@ var blankslateVariantEnum = /*#__PURE__*/function (blankslateVariantEnum) {
   blankslateVariantEnum[blankslateVariantEnum["large"] = 4] = "large";
   return blankslateVariantEnum;
 }({});
-exports.blankslateVariantEnum = blankslateVariantEnum;
-var defaultProps = {
+var defaultProps = exports.defaultProps = {
   className: null,
   heading: '',
   text: '',
   variant: blankslateVariantEnum["default"],
   hasCleanBackground: false
-};
-exports.defaultProps = defaultProps;
+};

package/build/primer/Blankslate/Blankslate.scss

@@ -0,0 +1,93 @@
+@import '~@papillonarts/css/build/primer/support/variables/layout.scss';
+@import '~@papillonarts/css/build/primer/support/variables/typography.scss';
+@import '~@papillonarts/css/build/primer/support/variables/misc.scss';
+
+// stylelint-disable selector-max-type
+.blankslate {
+  position: relative;
+  padding: $spacer-5;
+  text-align: center;
+
+  p {
+    color: var(--color-fg-muted);
+  }
+
+  code {
+    // stylelint-disable-next-line primer/spacing
+    padding: 2px 5px 3px;
+    font-size: $h5-size;
+    background: var(--color-canvas-default);
+    border: $border-width $border-style var(--color-border-muted);
+    border-radius: $border-radius;
+  }
+
+  img {
+    width: 56px;
+    height: 56px;
+  }
+}
+
+.blankslate-icon {
+  margin-right: $spacer-1;
+  margin-bottom: $spacer-2;
+  margin-left: $spacer-1;
+  color: var(--color-fg-muted);
+}
+
+.blankslate-image {
+  margin-bottom: $spacer-3;
+}
+
+.blankslate-heading {
+  margin-bottom: $spacer-1;
+}
+
+.blankslate-action {
+  margin-top: $spacer-3;
+
+  &:first-of-type {
+    margin-top: $spacer-4;
+  }
+
+  &:last-of-type {
+    margin-bottom: $spacer-2;
+  }
+}
+
+.blankslate-capped {
+  border-radius: 0 0 $border-radius $border-radius;
+}
+
+.blankslate-spacious {
+  padding: ($spacer-6 * 2) $spacer-6;
+}
+
+.blankslate-narrow {
+  max-width: 485px;
+  margin: 0 auto;
+}
+
+// was .large-format
+// QUESTION: should we deprecate this?
+.blankslate-large {
+  img {
+    width: 80px;
+    height: 80px;
+  }
+
+  h3 {
+    margin: $spacer-3 0;
+    //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?
+    font-size: $h2-size;
+  }
+
+  p {
+    font-size: $h4-size;
+  }
+}
+
+// was .clean-background
+// TO DO: deprecate this and use utility instead
+.blankslate-clean-background {
+  border: 0;
+}

package/build/primer/index.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.primer = void 0;
 var _Blankslate = require("./Blankslate");
 require("@papillonarts/css/build/primer/index.scss");
-var primer = {
+var primer = exports.primer = {
   Blankslate: {
     Blankslate: _Blankslate.Blankslate,
     blankslateVariantEnum: _Blankslate.blankslateVariantEnum
   }
-};
-exports.primer = primer;
+};

package/build/primer/index.scss

@@ -0,0 +1,6 @@
+@mixin inactive {
+  pointer-events: none;
+  color: var(--color-scale-gray-2);
+  cursor: not-allowed;
+  user-select: none;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -21,7 +21,7 @@
     "remove-test-folders": "rm -rf src/**/**/__tests__ && rm -rf src/**/**/**/__tests__ && rm -rf src/primer/Concept",
     "remove-snapshot-folders": "rm -rf src/**/**/__tests__/__snapshots__",
     "remove-build-folder": "rm -rf build",
-    "transpile:js:ts": "babel --extensions .js,.jsx,.ts,.tsx --no-copy-ignored --out-dir build src --ignore **/__tests__",
+    "transpile:js:ts": "babel --extensions .js,.jsx,.ts,.tsx --copy-files --no-copy-ignored --out-dir build src --ignore **/__tests__",
     "remove-markdown-files": "find build -maxdepth 3 -type f -name \"*.md\" -delete",
     "build": "npm-run-all remove-snapshot-folders remove-build-folder transpile:js:ts remove-markdown-files",
     "build-test": "npm run build",
@@ -29,8 +29,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.3.0",
-    "@papillonarts/library": "^0.3.0"
+    "@papillonarts/css": "^0.5.0",
+    "@papillonarts/library": "^0.5.0"
   },
-  "gitHead": "64407ff0b9f2aa1999382316603c419f2b51bfe2"
+  "gitHead": "fc275f515c0f1064f8653c1419b4f185567deb1f"
 }