ag-common 0.0.419 → 0.0.421

package/dist/ui/icons/index.js

@@ -1,9 +1,25 @@
-export * from './ChevronRight';
-export * from './CrossIcon';
-export * from './Door';
-export * from './HorizontalDots';
-export * from './Magnify';
-export * from './Pencil';
-export * from './Save';
-export * from './Undo';
-export * from './UserOutline';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ChevronRight"), exports);
+__exportStar(require("./CrossIcon"), exports);
+__exportStar(require("./Door"), exports);
+__exportStar(require("./HorizontalDots"), exports);
+__exportStar(require("./Magnify"), exports);
+__exportStar(require("./Pencil"), exports);
+__exportStar(require("./Save"), exports);
+__exportStar(require("./Undo"), exports);
+__exportStar(require("./UserOutline"), exports);

package/dist/ui/index.js

@@ -1,4 +1,20 @@
-export * from './components';
-export * from './helpers';
-export * from './icons';
-export * from './styles';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./styles"), exports);

package/dist/ui/styles/colours.js

@@ -1,5 +1,8 @@
-import { clamp } from '../../common/helpers/math';
-export const colours = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rgbVariation = exports.getColourWheel = exports.colourWheel = exports.colours = void 0;
+const math_1 = require("../../common/helpers/math");
+exports.colours = {
     mainLight: 'rgb(255,255,255)',
     lightest: 'rgb(247,247,247)',
     darker: 'rgb(0,0,0,0.1)',
@@ -22,8 +25,8 @@ export const colours = {
     gradient: '---generated---',
 };
 const gradgen = (left, right) => `linear-gradient(to right, ${left}, ${right})`;
-colours.gradient = gradgen(colours.orangeRed, colours.orange);
-export const colourWheel = [
+exports.colours.gradient = gradgen(exports.colours.orangeRed, exports.colours.orange);
+exports.colourWheel = [
     'rgb(11,132,165)',
     'rgb(246,200,95)',
     'rgb(111,78,124)',
@@ -32,15 +35,17 @@ export const colourWheel = [
     'rgb(255,160,86)',
     'rgb(141,221,208)',
 ];
-export const getColourWheel = (i) => colourWheel[i % colourWheel.length];
-export const rgbVariation = (rgb, diff) => {
+const getColourWheel = (i) => exports.colourWheel[i % exports.colourWheel.length];
+exports.getColourWheel = getColourWheel;
+const rgbVariation = (rgb, diff) => {
     const nums = rgb.match(/[0-9]+/gi);
     if (!nums || (nums.length !== 3 && nums.length !== 4)) {
         return rgb;
     }
-    const nums2 = nums.map((n) => clamp({ value: Number(n) + diff, min: 0, max: 255 }));
+    const nums2 = nums.map((n) => (0, math_1.clamp)({ value: Number(n) + diff, min: 0, max: 255 }));
     if (nums2.length === 3) {
         return `rgb(${nums2.join(',')})`;
     }
     return `rgba(${nums2.join(',')})`;
 };
+exports.rgbVariation = rgbVariation;

package/dist/ui/styles/common.js

@@ -1,30 +1,36 @@
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import { colours } from './colours';
-export const HardOutline = css `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bounce = exports.FullScreenPage = exports.noDrag = exports.Card = exports.FadeBottom = exports.CssTransparentBlock = exports.TextOverflowEllipsis = exports.NoTextSelect = exports.HardOutline = void 0;
+const react_1 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const colours_1 = require("./colours");
+exports.HardOutline = (0, react_1.css) `
   filter: drop-shadow(1px 1px 0px var(--outlinecolour))
     drop-shadow(-1px 1px 0px var(--outlinecolour))
     drop-shadow(1px -1px 0px var(--outlinecolour))
     drop-shadow(-1px -1px 0px var(--outlinecolour));
 `;
-export const NoTextSelect = css `
+exports.NoTextSelect = (0, react_1.css) `
   user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
 `;
-export const TextOverflowEllipsis = css `
+exports.TextOverflowEllipsis = (0, react_1.css) `
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-export const CssTransparentBlock = css `
+exports.CssTransparentBlock = (0, react_1.css) `
   background-color: rgba(150, 150, 150, 0.5);
   border-radius: 3px;
   font-weight: 600;
-  color: ${colours.mainLight};
+  color: ${colours_1.colours.mainLight};
 `;
-export const FadeBottom = ({ height }) => css `
+const FadeBottom = ({ height }) => (0, react_1.css) `
   &:after {
     content: '';
     position: absolute;
@@ -53,7 +59,8 @@ export const FadeBottom = ({ height }) => css `
     );
   }
 `;
-export const Card = styled.div `
+exports.FadeBottom = FadeBottom;
+exports.Card = styled_1.default.div `
   background-color: white;
   margin: 0.5rem;
 
@@ -61,9 +68,9 @@ export const Card = styled.div `
   border-radius: 0.5rem;
   max-width: 40rem;
   padding: 1rem;
-  border: solid 2px ${colours.lighter};
+  border: solid 2px ${colours_1.colours.lighter};
 `;
-export const noDrag = {
+exports.noDrag = {
     draggable: false,
     onDragStart: (e) => {
         e.preventDefault();
@@ -74,7 +81,7 @@ export const noDrag = {
         e.stopPropagation();
     },
 };
-export const FullScreenPage = styled.div `
+exports.FullScreenPage = styled_1.default.div `
   display: flex;
   width: 100%;
   flex-grow: 1;
@@ -83,7 +90,7 @@ export const FullScreenPage = styled.div `
   align-content: flex-start;
   align-items: flex-start;
 `;
-export const bounce = (bounceattr) => css `
+const bounce = (bounceattr) => (0, react_1.css) `
   transition: opacity 0.2s ease,
     transform 0.2s cubic-bezier(0.02, 1.5, 0.74, 1.23);
   transform-origin: 50% 50%;
@@ -92,3 +99,4 @@ export const bounce = (bounceattr) => css `
     transform: translateY(0);
   }
 `;
+exports.bounce = bounce;

package/dist/ui/styles/index.js

@@ -1,4 +1,20 @@
-export * from './colours';
-export * from './common';
-export * from './media';
-export * from './standaloneStyles';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./colours"), exports);
+__exportStar(require("./common"), exports);
+__exportStar(require("./media"), exports);
+__exportStar(require("./standaloneStyles"), exports);

package/dist/ui/styles/media.js

@@ -1,7 +1,10 @@
-export const vSmallScreenPx = 500;
-export const smallScreenPx = 1024;
-export const bigScreenPx = 2000;
-export const vSmallScreen = `(max-width: ${vSmallScreenPx}px)`;
-export const smallScreen = `(max-width: ${smallScreenPx}px)`;
-export const bigScreen = `(min-width: ${smallScreenPx}px)`;
-export const vBigScreen = `(min-width: ${bigScreenPx}px)`;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vBigScreen = exports.bigScreen = exports.smallScreen = exports.vSmallScreen = exports.bigScreenPx = exports.smallScreenPx = exports.vSmallScreenPx = void 0;
+exports.vSmallScreenPx = 500;
+exports.smallScreenPx = 1024;
+exports.bigScreenPx = 2000;
+exports.vSmallScreen = `(max-width: ${exports.vSmallScreenPx}px)`;
+exports.smallScreen = `(max-width: ${exports.smallScreenPx}px)`;
+exports.bigScreen = `(min-width: ${exports.smallScreenPx}px)`;
+exports.vBigScreen = `(min-width: ${exports.bigScreenPx}px)`;

package/dist/ui/styles/standaloneStyles.js

@@ -1,7 +1,13 @@
-import styled from '@emotion/styled';
-import { FullScreenPage } from './common';
-import { smallScreen } from './media';
-export const SOBase = styled(FullScreenPage) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SOA = exports.SOCenter = exports.SOP = exports.SOB = exports.SOBR = exports.SOBase = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const common_1 = require("./common");
+const media_1 = require("./media");
+exports.SOBase = (0, styled_1.default)(common_1.FullScreenPage) `
   > h1,
   h2,
   > p {
@@ -16,27 +22,27 @@ export const SOBase = styled(FullScreenPage) `
     margin: 0;
   }
 `;
-export const SOBR = styled.div `
+exports.SOBR = styled_1.default.div `
   height: 0.5rem;
   width: 0.5rem;
 `;
-export const SOB = styled.div `
+exports.SOB = styled_1.default.div `
   font-size: 1.4em;
   font-weight: bold;
 `;
-export const SOP = styled.div `
+exports.SOP = styled_1.default.div `
   margin-bottom: 1rem;
 `;
-export const SOCenter = styled.div `
+exports.SOCenter = styled_1.default.div `
   display: flex;
   flex-flow: column;
   margin-left: auto;
   margin-right: auto;
-  @media ${smallScreen} {
+  @media ${media_1.smallScreen} {
     width: calc(100% - 2rem);
   }
 `;
-export const SOA = styled.a `
+exports.SOA = styled_1.default.a `
   width: fit-content;
   color: rgb(125, 171, 255);
   text-decoration: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.419",
+  "version": "0.0.421",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -52,7 +52,7 @@
     "rimraf": "4.4.0"
   },
   "resolutions": {
-    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.cd77847.0"
+    "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.f9c48c0.0"
   },
   "files": [
     "dist/**/*",