@uni-design-system/uni-core 0.0.1

package/dist/cjs/core/index.js

@@ -0,0 +1,18 @@
+"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("./backgrounds"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}

package/dist/cjs/core/layout/layout.types.d.ts

@@ -0,0 +1,3 @@
+import { Size } from '../core.types';
+export declare type elements = 'margin' | 'border' | 'padding';
+export declare const spacings: Record<Size, number>;

package/dist/cjs/core/layout/layout.types.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacings = void 0;
+exports.spacings = { xs: 5, sm: 8, md: 13, lg: 21, xl: 34 };
+//# sourceMappingURL=layout.types.js.map

package/dist/cjs/core/layout/layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.types.ts"],"names":[],"mappings":";;;AAIa,QAAA,QAAQ,GAAyB,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC"}

package/dist/cjs/core/masking/masking.model.d.ts

@@ -0,0 +1,6 @@
+import { IColor } from '../color/color.model';
+import { MaskingShape } from './masking.types';
+export interface IMasking {
+    background: IColor;
+    shape: MaskingShape;
+}

package/dist/cjs/core/masking/masking.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=masking.model.js.map

package/dist/cjs/core/masking/masking.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masking.model.js","sourceRoot":"","sources":["../../../../src/core/masking/masking.model.ts"],"names":[],"mappings":""}

package/dist/cjs/core/masking/masking.types.d.ts

@@ -0,0 +1 @@
+export declare type MaskingShape = 'square' | 'circle' | 'squircle' | 'rounded';

package/dist/cjs/core/masking/masking.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=masking.types.js.map

package/dist/cjs/core/masking/masking.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masking.types.js","sourceRoot":"","sources":["../../../../src/core/masking/masking.types.ts"],"names":[],"mappings":""}

package/dist/cjs/core/shadow/shadow.types.d.ts

@@ -0,0 +1 @@
+export declare type ShadowStyle = 'Flat' | 'Raised' | 'Focussed' | 'Pressed' | 'Modal' | 'Navigation' | 'Drawer';

package/dist/cjs/core/shadow/shadow.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=shadow.types.js.map

package/dist/cjs/core/shadow/shadow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":""}

package/dist/cjs/core/theme/theme.context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ThemeProps } from './theme.model';
+declare const ThemeContext: React.Context<ThemeProps>;
+export default ThemeContext;

package/dist/cjs/core/theme/theme.context.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const ThemeContext = react_1.default.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+    ThemeContext.displayName = 'ThemeContext';
+}
+exports.default = ThemeContext;
+//# sourceMappingURL=theme.context.js.map

package/dist/cjs/core/theme/theme.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.context.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.context.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,MAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAa,EAAE,CAAC,CAAC;AAEzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;CAC3C;AAED,kBAAe,YAAY,CAAC"}

package/dist/cjs/core/theme/theme.hook.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from './theme.model';
+export default function useTheme(): ThemeModel;

package/dist/cjs/core/theme/theme.hook.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const theme_context_1 = __importDefault(require("./theme.context"));
+const light_theme_1 = require("./themes/light.theme");
+function useTheme() {
+    const themeProps = react_1.default.useContext(theme_context_1.default);
+    const theme = themeProps && themeProps.themes && themeProps.themeId && themeProps.themes[themeProps.themeId];
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        react_1.default.useDebugValue(theme);
+    }
+    return theme || light_theme_1.LightTheme;
+}
+exports.default = useTheme;
+//# sourceMappingURL=theme.hook.js.map

package/dist/cjs/core/theme/theme.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.hook.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.hook.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,oEAA2C;AAE3C,sDAAkD;AAElD,SAAwB,QAAQ;IAE9B,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,uBAAY,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,sDAAsD;QACtD,eAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,KAAK,IAAI,wBAAU,CAAC;AAC7B,CAAC;AAZD,2BAYC"}

package/dist/cjs/core/theme/theme.model.d.ts

@@ -0,0 +1,10 @@
+export interface ThemeProps {
+    themeId?: string;
+    themes?: Record<string, ThemeModel>;
+    setTheme?: any;
+}
+export interface ThemeModel {
+    name: string;
+    id: string;
+    colors: Record<string, string>;
+}

package/dist/cjs/core/theme/theme.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=theme.model.js.map

package/dist/cjs/core/theme/theme.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.model.ts"],"names":[],"mappings":""}

package/dist/cjs/core/theme/theme.provider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThemeModel } from './theme.model';
+interface ThemeProviderProps {
+    themeId: string;
+    themes: Record<string, ThemeModel>;
+    children?: React.ReactChild;
+}
+export declare const ThemeProvider: ({ children, themeId, themes }: ThemeProviderProps) => JSX.Element;
+export {};

package/dist/cjs/core/theme/theme.provider.js

@@ -0,0 +1,80 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = void 0;
+const react_1 = __importStar(require("react"));
+const theme_records_1 = require("./theme.records");
+const theme_context_1 = __importDefault(require("./theme.context"));
+const STORAGE_KEY = 'THEME_ID';
+const ThemeProvider = ({ children, themeId, themes }) => {
+    const [_themeId, setThemeId] = (0, react_1.useState)(themeId);
+    (0, react_1.useEffect)(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const id = localStorage.getItem(STORAGE_KEY);
+            if (id) {
+                setThemeId(id);
+            }
+            else {
+                setThemeId(theme_records_1.DefaultThemeId);
+            }
+        }))();
+    }, []);
+    return (react_1.default.createElement(theme_context_1.default.Provider, { value: { themeId, themes } }, _themeId ? children : null));
+};
+exports.ThemeProvider = ThemeProvider;
+/*export function withTheme(Component: ({children, theme, themes }: (any & ThemeProps)) => JSX.Element) {
+
+  return (props: JSX.IntrinsicAttributes) => {
+    const { themeId, setThemeId } = useContext(ThemeContext);
+
+    const getTheme = (themeId: string) => themes[themeId];
+    const setTheme = (themeId: string) => {
+      localStorage.setItem(STORAGE_KEY, themeId);
+      setThemeId(themeId);
+    };
+
+    return (
+      <Component
+        {...props}
+        themes={Themes}
+        theme={getTheme(themeId)}
+        setTheme={setTheme}
+      />
+    );
+  };
+}*/
+//# sourceMappingURL=theme.provider.js.map

package/dist/cjs/core/theme/theme.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.provider.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,mDAAgD;AAEhD,oEAA2C;AAE3C,MAAM,WAAW,GAAG,UAAU,CAAC;AAQxB,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAsB,EAAE,EAAE;IAEjF,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAS,OAAO,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,EAAE,EAAE;gBACN,UAAU,CAAC,EAAE,CAAC,CAAC;aAChB;iBAAM;gBACL,UAAU,CAAC,8BAAc,CAAC,CAAC;aAC5B;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,uBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,IAC5C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACL,CACzB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,aAAa,iBAoBxB;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG"}

package/dist/cjs/core/theme/theme.records.d.ts

@@ -0,0 +1,3 @@
+import { ThemeModel } from './theme.model';
+export declare const BuiltInThemes: Record<string, ThemeModel>;
+export declare const DefaultThemeId: string;

package/dist/cjs/core/theme/theme.records.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultThemeId = exports.BuiltInThemes = void 0;
+const dark_theme_1 = require("./themes/dark.theme");
+const light_theme_1 = require("./themes/light.theme");
+exports.BuiltInThemes = {
+    LightTheme: light_theme_1.LightTheme,
+    DarkTheme: dark_theme_1.DarkTheme
+};
+// First Theme is default.
+exports.DefaultThemeId = Object.keys(exports.BuiltInThemes)[0];
+//# sourceMappingURL=theme.records.js.map

package/dist/cjs/core/theme/theme.records.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":";;;AACA,oDAAgD;AAChD,sDAAkD;AAErC,QAAA,aAAa,GAA+B;IACvD,UAAU,EAAV,wBAAU;IACV,SAAS,EAAT,sBAAS;CACV,CAAA;AAED,0BAA0B;AACb,QAAA,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/cjs/core/theme/theme.types.d.ts

@@ -0,0 +1 @@
+export declare type themes = 'uni' | 'carbon' | 'material' | 'bootstrap';

package/dist/cjs/core/theme/theme.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=theme.types.js.map

package/dist/cjs/core/theme/theme.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.types.ts"],"names":[],"mappings":""}

package/dist/cjs/core/theme/themes/dark.theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from '../theme.model';
+export declare const DarkTheme: ThemeModel;

package/dist/cjs/core/theme/themes/dark.theme.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkTheme = void 0;
+exports.DarkTheme = {
+    id: 'DarkTheme',
+    name: 'Dark Theme',
+    colors: {}
+};
+//# sourceMappingURL=dark.theme.js.map

package/dist/cjs/core/theme/themes/dark.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAe;IACnC,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,EAEP;CACF,CAAA"}

package/dist/cjs/core/theme/themes/light.theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from '../theme.model';
+export declare const LightTheme: ThemeModel;

package/dist/cjs/core/theme/themes/light.theme.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LightTheme = void 0;
+exports.LightTheme = {
+    id: 'LightTheme',
+    name: 'Light Theme',
+    colors: {
+        primary: '#35A7FF',
+        secondary: '#38618C',
+        error: '#FFE74C',
+        warn: '#FF5964',
+        background: '#FFFFFF'
+    }
+};
+//# sourceMappingURL=light.theme.js.map

package/dist/cjs/core/theme/themes/light.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/light.theme.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAe;IACpC,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;KACtB;CACF,CAAA"}

package/dist/cjs/core/typography/typography.types.d.ts

@@ -0,0 +1,5 @@
+export declare type classes = 'sanserif' | 'serif' | 'slab' | 'script' | 'display' | 'monospace';
+export declare type families = 'Open-Sans' | 'Times-New-Roman' | 'Noto-Serif-Display';
+export declare type styles = 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'semi-bold' | 'black';
+export declare type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
+export declare type alignment = 'left' | 'right' | 'center';

package/dist/cjs/core/typography/typography.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=typography.types.js.map

package/dist/cjs/core/typography/typography.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.js","sourceRoot":"","sources":["../../../../src/core/typography/typography.types.ts"],"names":[],"mappings":""}

package/dist/cjs/index.d.ts

@@ -0,0 +1 @@
+export * from './core';

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+"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("./core"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/dist/cjs/stories/Button.d.ts

@@ -0,0 +1,27 @@
+import './button.css';
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;

package/dist/cjs/stories/Button.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+require("./button.css");
+/**
+ * Primary UI component for user interaction
+ */
+const Button = (_a) => {
+    var { primary = false, size = 'medium', backgroundColor, label } = _a, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
+    const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+    return (react_1.default.createElement("button", Object.assign({ type: "button", className: ['storybook-button', `storybook-button--${size}`, mode].join(' '), style: { backgroundColor } }, props), label));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/stories/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/stories/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wBAAsB;AAyBtB;;GAEG;AACI,MAAM,MAAM,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EACrB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,eAAe,EACf,KAAK,OAEO,EADT,KAAK,cALa,+CAMtB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,6BAA6B,CAAC;IACnF,OAAO,CACL,wDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5E,KAAK,EAAE,EAAE,eAAe,EAAE,IACtB,KAAK,GAER,KAAK,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}

package/dist/cjs/stories/Header.d.ts

@@ -0,0 +1,12 @@
+import './header.css';
+declare type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;
+export {};

package/dist/cjs/stories/Header.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const react_1 = __importDefault(require("react"));
+const Button_1 = require("./Button");
+require("./header.css");
+const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (react_1.default.createElement("header", null,
+    react_1.default.createElement("div", { className: "wrapper" },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+                    react_1.default.createElement("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
+                    react_1.default.createElement("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
+                    react_1.default.createElement("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" }))),
+            react_1.default.createElement("h1", null, "Acme")),
+        react_1.default.createElement("div", null, user ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", { className: "welcome" },
+                "Welcome, ",
+                react_1.default.createElement("b", null, user.name),
+                "!"),
+            react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogout, label: "Log out" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Button_1.Button, { size: "small", onClick: onLogin, label: "Log in" }),
+            react_1.default.createElement(Button_1.Button, { primary: true, size: "small", onClick: onCreateAccount, label: "Sign up" })))))));
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/stories/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/stories/Header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,wBAAsB;AAaf,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAe,EAAE,EAAE,CAAC,CACnF;IACE,uCAAK,SAAS,EAAC,SAAS;QACtB;YACE,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;oBAC/B,wCACE,CAAC,EAAC,mFAAmF,EACrF,IAAI,EAAC,MAAM,GACX;oBACF,wCACE,CAAC,EAAC,kEAAkE,EACpE,IAAI,EAAC,SAAS,GACd;oBACF,wCACE,CAAC,EAAC,gEAAgE,EAClE,IAAI,EAAC,SAAS,GACd,CACA,CACA;YACN,iDAAa,CACT;QACN,2CACG,IAAI,CAAC,CAAC,CAAC,CACN;YACE,wCAAM,SAAS,EAAC,SAAS;;gBACd,yCAAI,IAAI,CAAC,IAAI,CAAK;oBACtB;YACP,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CACzD,CACJ,CAAC,CAAC,CAAC,CACF;YACE,8BAAC,eAAM,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,QAAQ,GAAG;YACxD,8BAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,GAAG,CACxE,CACJ,CACG,CACF,CACC,CACV,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}

package/dist/cjs/stories/Page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './page.css';
+export declare const Page: React.VFC;

package/dist/cjs/stories/Page.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = void 0;
+const react_1 = __importDefault(require("react"));
+const Header_1 = require("./Header");
+require("./page.css");
+const Page = () => {
+    const [user, setUser] = react_1.default.useState();
+    return (react_1.default.createElement("article", null,
+        react_1.default.createElement(Header_1.Header, { user: user, onLogin: () => setUser({ name: 'Jane Doe' }), onLogout: () => setUser(undefined), onCreateAccount: () => setUser({ name: 'Jane Doe' }) }),
+        react_1.default.createElement("section", null,
+            react_1.default.createElement("h2", null, "Pages in Storybook"),
+            react_1.default.createElement("p", null,
+                "We recommend building UIs with a",
+                ' ',
+                react_1.default.createElement("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer" },
+                    react_1.default.createElement("strong", null, "component-driven")),
+                ' ',
+                "process starting with atomic components and ending with pages."),
+            react_1.default.createElement("p", null, "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"),
+                react_1.default.createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook.")),
+            react_1.default.createElement("p", null,
+                "Get a guided tutorial on component-driven development at",
+                ' ',
+                react_1.default.createElement("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer" }, "Storybook tutorials"),
+                ". Read more in the",
+                ' ',
+                react_1.default.createElement("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer" }, "docs"),
+                "."),
+            react_1.default.createElement("div", { className: "tip-wrapper" },
+                react_1.default.createElement("span", { className: "tip" }, "Tip"),
+                " Adjust the width of the canvas with the",
+                ' ',
+                react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+                        react_1.default.createElement("path", { d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z", id: "a", fill: "#999" }))),
+                "Viewports addon in the toolbar"))));
+};
+exports.Page = Page;
+//# sourceMappingURL=Page.js.map

package/dist/cjs/stories/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/stories/Page.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,qCAAkC;AAClC,sBAAoB;AAMb,MAAM,IAAI,GAAc,GAAG,EAAE;IAClC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAQ,CAAC;IAE/C,OAAO,CACL;QACE,8BAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAClC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,GACpD;QAEF;YACE,+DAA2B;YAC3B;;gBACmC,GAAG;gBACpC,qCAAG,IAAI,EAAC,6BAA6B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;oBAC7E,iEAAiC,CAC/B;gBAAC,GAAG;iFAEN;YACJ,8OAII;YACJ;gBACE,uKAGK;gBACL,qJAGK,CACF;YACL;;gBAC2D,GAAG;gBAC5D,qCAAG,IAAI,EAAC,qCAAqC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,0BAEnF;;gBACe,GAAG;gBACtB,qCAAG,IAAI,EAAC,+BAA+B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,WAE7E;oBAEF;YACJ,uCAAK,SAAS,EAAC,aAAa;gBAC1B,wCAAM,SAAS,EAAC,KAAK,UAAW;;gBAAyC,GAAG;gBAC5E,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBAChF,qCAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;wBAC/B,wCACE,CAAC,EAAC,sOAAsO,EACxO,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,GACX,CACA,CACA;iDAEF,CACE,CACF,CACX,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,IAAI,QA+Df"}

package/dist/esm/components/button/button.component.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface ButtonProps {
+    children: ReactNode;
+    disabled?: boolean;
+}
+export declare function Button({ children, disabled }: ButtonProps): JSX.Element;

package/dist/esm/components/button/button.component.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import useTheme from '../../core/theme/theme.hook';
+export function Button({ children, disabled = false }) {
+    const theme = useTheme();
+    return (React.createElement("button", { disabled: disabled },
+        children,
+        " ",
+        theme.name));
+}
+//# sourceMappingURL=button.component.js.map

package/dist/esm/components/button/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAOnD,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAe;IAEhE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,gCAAQ,QAAQ,EAAE,QAAQ;QACvB,QAAQ;;QAAG,KAAK,CAAC,IAAI,CACf,CACV,CAAA;AACH,CAAC"}

package/dist/esm/components/card/card.component.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface CardProps {
+    children: ReactNode;
+}
+export default function Card({ children }: CardProps): JSX.Element;

package/dist/esm/components/card/card.component.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function Card({ children }) {
+    return (React.createElement("div", null, children));
+}
+//# sourceMappingURL=card.component.js.map

package/dist/esm/components/card/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../src/components/card/card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAa;IAElD,OAAO,CACL,iCACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}

package/dist/esm/core/backgrounds/background.model.d.ts

@@ -0,0 +1,9 @@
+import { IGradient } from '../gradients/gradient.model';
+import { IColor } from '../color/color.model';
+import { BackgroundType } from './background.types';
+export interface IBackground {
+    type: BackgroundType;
+    color: IColor;
+    gradient: IGradient;
+    image: string;
+}

package/dist/esm/core/backgrounds/background.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=background.model.js.map

package/dist/esm/core/backgrounds/background.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.model.ts"],"names":[],"mappings":""}

package/dist/esm/core/backgrounds/background.types.d.ts

@@ -0,0 +1 @@
+export declare type BackgroundType = 'Solid' | 'Gradient' | 'Blur' | 'Image' | 'Transparent' | 'Layer';

package/dist/esm/core/backgrounds/background.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=background.types.js.map

package/dist/esm/core/backgrounds/background.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/background.types.ts"],"names":[],"mappings":""}