@peculiar/react-components 0.0.2-alpha.89 → 0.1.0

package/dist/cjs/styles/default_theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,mCAMkB;AAEL,QAAA,YAAY,GAAc;IACrC,OAAO,mDAIF,gBAAO,GAIP,kBAAS,GAIT,cAAK,GAIL,mBAAU,GAIV,kBAAS,CACb;IACD,OAAO,EAAE;QACP,WAAW,EACT,4GAA4G;QAC9G,cAAc,EACZ,6GAA6G;QAC/G,aAAa,EACX,+HAA+H;QACjI,aAAa,EACX,6GAA6G;QAC/G,YAAY,EACV,8HAA8H;KACjI;IACD,UAAU,EAAE;QACV;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,QAAQ;SAClB;QACD;;WAEG;QACH,EAAE,EAAE;YACF,MAAM,EAAE,KAAK;YACb,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,OAAO;SACjB;KACF;CACF,CAAC"}
+{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}

package/dist/cjs/styles/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -10,16 +14,15 @@ 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 });
-exports.setTheme = exports.setThemeFromBaseColors = exports.defaultTheme = exports.cx = exports.css = exports.ThemeProvider = void 0;
+exports.defaultTheme = exports.cache = exports.keyframes = exports.cx = exports.css = exports.ThemeProvider = void 0;
 var theme_provider_1 = require("./theme_provider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_provider_1.ThemeProvider; } });
 var css_1 = require("./css");
 Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
 Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
+Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return css_1.keyframes; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return css_1.cache; } });
 __exportStar(require("./types"), exports);
 var default_theme_1 = require("./default_theme");
 Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return default_theme_1.defaultTheme; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "setThemeFromBaseColors", { enumerable: true, get: function () { return utils_1.setThemeFromBaseColors; } });
-Object.defineProperty(exports, "setTheme", { enumerable: true, get: function () { return utils_1.setTheme; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAAgC;AAAvB,0FAAA,GAAG,OAAA;AAAE,yFAAA,EAAE,OAAA;AAChB,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAA2D;AAAlD,+GAAA,sBAAsB,OAAA;AAAE,iGAAA,QAAQ,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAKe;AAJb,0FAAA,GAAG,OAAA;AACH,yFAAA,EAAE,OAAA;AACF,gGAAA,SAAS,OAAA;AACT,4FAAA,KAAK,OAAA;AAEP,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/dist/cjs/styles/sizes/base.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.base = exports.generateBaseSize = void 0;
+var generateBaseSize = function (grid) {
+    if (grid === void 0) { grid = 5; }
+    return ({
+        'base-half': "".concat(grid / 2, "px"),
+        base: "".concat(grid, "px"),
+        'base-2': "".concat(grid * 2, "px"),
+        'base-3': "".concat(grid * 3, "px"),
+        'base-4': "".concat(grid * 4, "px"),
+        'base-5': "".concat(grid * 5, "px"),
+        'base-6': "".concat(grid * 6, "px"),
+        'base-7': "".concat(grid * 7, "px"),
+        'base-8': "".concat(grid * 8, "px"),
+        'base-9': "".concat(grid * 9, "px"),
+        'base-10': "".concat(grid * 10, "px"),
+        'base-11': "".concat(grid * 11, "px"),
+        'base-12': "".concat(grid * 12, "px"),
+        'base-14': "".concat(grid * 14, "px"),
+        'base-16': "".concat(grid * 16, "px"),
+    });
+};
+exports.generateBaseSize = generateBaseSize;
+exports.base = (0, exports.generateBaseSize)();
+//# sourceMappingURL=base.js.map

package/dist/cjs/styles/sizes/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../src/styles/sizes/base.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAgB,GAAG,UAAC,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IAAK,OAAA,CAAC;QACrD,WAAW,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QAC5B,IAAI,EAAE,UAAG,IAAI,OAAI;QACjB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;KAC5B,CAAC;AAhBoD,CAgBpD,CAAC;AAhBU,QAAA,gBAAgB,oBAgB1B;AAEU,QAAA,IAAI,GAAG,IAAA,wBAAgB,GAAE,CAAC"}

package/dist/cjs/styles/sizes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateBaseSize = exports.base = void 0;
+var base_1 = require("./base");
+Object.defineProperty(exports, "base", { enumerable: true, get: function () { return base_1.base; } });
+Object.defineProperty(exports, "generateBaseSize", { enumerable: true, get: function () { return base_1.generateBaseSize; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/sizes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/sizes/index.ts"],"names":[],"mappings":";;;AAAA,+BAAgD;AAAvC,4FAAA,IAAI,OAAA;AAAE,wGAAA,gBAAgB,OAAA"}

package/dist/cjs/styles/theme_provider.js

@@ -1,12 +1,44 @@
 "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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
-var default_theme_1 = require("./default_theme");
+var React = __importStar(require("react"));
+var core_1 = require("@emotion/core");
 var utils_1 = require("./utils");
+var default_theme_1 = require("./default_theme");
 var ThemeProvider = function (props) {
-    var children = props.children;
-    utils_1.setTheme(default_theme_1.defaultTheme);
-    return children;
+    var children = props.children, themeProp = props.theme;
+    var theme = React.useMemo(function () {
+        var output = themeProp ? (0, utils_1.createTheme)(themeProp) : default_theme_1.defaultTheme;
+        return output;
+    }, [themeProp]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(core_1.Global, { styles: {
+                html: (0, utils_1.createThemeCSSVariablesFromObject)(theme),
+            } }),
+        children));
 };
 exports.ThemeProvider = ThemeProvider;
 exports.ThemeProvider.displayName = 'ThemeProvider';

package/dist/cjs/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;AACA,iDAA+C;AAC/C,iCAAmC;AAM5B,IAAM,aAAa,GAAiC,UAAC,KAAK;IACvD,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,gBAAQ,CAAC,4BAAY,CAAC,CAAC;IAEvB,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sCAAuC;AACvC,iCAAyE;AACzE,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,mBAAW,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,aAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,IAAA,yCAAiC,EAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/cjs/styles/utils.js

@@ -10,61 +10,46 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setThemeFromBaseColors = exports.setTheme = exports.createCSSVariablesFromTheme = void 0;
-var css_1 = require("./css");
+exports.createThemeCSSVariablesFromObject = exports.createTheme = exports.contrastThreshold = exports.themeCSSVariablePrefix = void 0;
+var flat_1 = __importDefault(require("flat"));
+var deepmerge_1 = __importDefault(require("deepmerge"));
+var color_1 = require("@peculiar/color");
+var default_theme_1 = require("./default_theme");
 var colors_1 = require("./colors");
-var prefix = 'pv';
-var palettePrefix = prefix + "-color";
-var shadowPrefix = prefix + "-shadow";
-var typographyPrefix = prefix + "-text";
-var createCSSVariablesFromTheme = function (theme) {
-    var variables = {};
-    /**
-     * Palette
-     */
-    if (theme.palette) {
-        Object.keys(theme.palette)
-            .forEach(function (paletteName) {
-            variables["--" + palettePrefix + "-" + paletteName] = theme.palette[paletteName];
-        });
-    }
-    /**
-     * Shadow
-     */
-    if (theme.shadows) {
-        Object.keys(theme.shadows)
-            .forEach(function (shadowName) {
-            variables["--" + shadowPrefix + "-" + shadowName] = theme.shadows[shadowName];
-        });
-    }
-    /**
-     * Typography
-     */
-    if (theme.typography) {
-        Object.keys(theme.typography)
-            .forEach(function (typographyName) {
-            Object.keys(theme.typography[typographyName])
-                .forEach(function (propertyName) {
-                variables["--" + typographyPrefix + "-" + typographyName + "-" + propertyName] = theme.typography[typographyName][propertyName];
-            });
-        });
+var sizes_1 = require("./sizes");
+exports.themeCSSVariablePrefix = 'pv';
+exports.contrastThreshold = 2;
+var createTheme = function (options) {
+    var _a, _b, _c, _d;
+    var primary = (0, colors_1.generatePrimaryColors)((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
+    var secondary = (0, colors_1.generateSecondaryColors)((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
+    var wrong = (0, colors_1.generateWrongColors)((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
+    var attention = (0, colors_1.generateAttentionColors)((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
+    var size = (0, sizes_1.generateBaseSize)(options === null || options === void 0 ? void 0 : options.size);
+    function getContrastText(background) {
+        var contrastRatio = new color_1.Color(background)
+            .getContrastRatio(default_theme_1.defaultTheme.color.white);
+        return contrastRatio > exports.contrastThreshold
+            ? default_theme_1.defaultTheme.color.white
+            : default_theme_1.defaultTheme.color.black;
     }
-    return variables;
-};
-exports.createCSSVariablesFromTheme = createCSSVariablesFromTheme;
-var setTheme = function (theme) {
-    css_1.injectGlobal({
-        html: exports.createCSSVariablesFromTheme(theme),
+    var partialTheme = (0, deepmerge_1.default)(options, {
+        color: __assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }),
+        size: size,
     });
+    return (0, deepmerge_1.default)(default_theme_1.defaultTheme, partialTheme);
 };
-exports.setTheme = setTheme;
-var setThemeFromBaseColors = function (colors) {
-    css_1.injectGlobal({
-        html: exports.createCSSVariablesFromTheme({
-            palette: __assign(__assign(__assign({}, (colors.primary && colors_1.generatePrimaryColors(colors.primary))), (colors.secondary && colors_1.generateSecondaryColors(colors.secondary))), (colors.wrong && colors_1.generateWrongColors(colors.wrong))),
-        }),
-    });
+exports.createTheme = createTheme;
+var createThemeCSSVariablesFromObject = function (object) {
+    var _a;
+    var flatted = (0, flat_1.default)((_a = {},
+        _a["--".concat(exports.themeCSSVariablePrefix)] = object,
+        _a), { delimiter: '-' });
+    return flatted;
 };
-exports.setThemeFromBaseColors = setThemeFromBaseColors;
+exports.createThemeCSSVariablesFromObject = createThemeCSSVariablesFromObject;
 //# sourceMappingURL=utils.js.map

package/dist/cjs/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAOA,6BAAqC;AACrC,mCAIkB;AAElB,IAAM,MAAM,GAAG,IAAI,CAAC;AACpB,IAAM,aAAa,GAAM,MAAM,WAAQ,CAAC;AACxC,IAAM,YAAY,GAAM,MAAM,YAAS,CAAC;AACxC,IAAM,gBAAgB,GAAM,MAAM,UAAO,CAAC;AAEnC,IAAM,2BAA2B,GAAG,UAAC,KAAgB;IAC1D,IAAM,SAAS,GAA2B,EAAE,CAAC;IAE7C;;OAEG;IACH,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,UAAC,WAAsB;YAC9B,SAAS,CAAC,OAAK,aAAa,SAAI,WAAa,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;KACN;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aACvB,OAAO,CAAC,UAAC,UAAsB;YAC9B,SAAS,CAAC,OAAK,YAAY,SAAI,UAAY,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;KACN;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,UAAU,EAAE;QACpB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;aAC1B,OAAO,CAAC,UAAC,cAA8B;YACtC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;iBAC1C,OAAO,CAAC,UAAC,YAA4C;gBACpD,SAAS,CAAC,OAAK,gBAAgB,SAAI,cAAc,SAAI,YAAc,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;YACxH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;KACN;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AArCW,QAAA,2BAA2B,+BAqCtC;AAEK,IAAM,QAAQ,GAAG,UAAC,KAAgB;IACvC,kBAAY,CAAC;QACX,IAAI,EAAE,mCAA2B,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC;AACL,CAAC,CAAC;AAJW,QAAA,QAAQ,YAInB;AAQK,IAAM,sBAAsB,GAAG,UAAC,MAAsB;IAC3D,kBAAY,CAAC;QACX,IAAI,EAAE,mCAA2B,CAAC;YAChC,OAAO,iCACF,CAAC,MAAM,CAAC,OAAO,IAAI,8BAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GACzD,CAAC,MAAM,CAAC,SAAS,IAAI,gCAAuB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAC/D,CAAC,MAAM,CAAC,KAAK,IAAI,4BAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACvD;SACK,CAAC;KACV,CAAC,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,sBAAsB,0BAUjC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAKkB;AAClB,iCAEiB;AAEJ,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,IAAA,8BAAqB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,IAAA,4BAAmB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,IAAA,gCAAuB,EAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,IAAA,wBAAgB,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,IAAA,mBAAS,EAAC,OAAO,EAAE;QACtC,KAAK,EAAE,iDACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,IAAA,mBAAS,EAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA9BW,QAAA,WAAW,eA8BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAA,cAAI;QAEhB,GAAC,YAAK,8BAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}

package/dist/cjs/utils/owner_document.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ownerDocument = void 0;
+function ownerDocument(node) {
+    return (node && node.ownerDocument) || document;
+}
+exports.ownerDocument = ownerDocument;
+//# sourceMappingURL=owner_document.js.map

package/dist/cjs/utils/owner_document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner_document.js","sourceRoot":"","sources":["../../../src/utils/owner_document.ts"],"names":[],"mappings":";;;AAAA,SAAgB,aAAa,CAAC,IAA6B;IACzD,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC;AAClD,CAAC;AAFD,sCAEC"}

package/dist/esm/Alert/alert.js

@@ -0,0 +1,83 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import * as React from 'react';
+import { Box } from '../Box';
+import { Typography } from '../Typography';
+import { IconButton } from '../IconButton';
+import { CircularProgress } from '../CircularProgress';
+import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../icons';
+import { css, cx } from '../styles';
+var stylesBase = function () { return css({
+    label: 'Alert',
+    width: '100%',
+    display: 'flex',
+    padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
+    boxSizing: 'border-box',
+}); };
+var stylesIcon = function (variant) { return css(__assign(__assign(__assign({ label: 'Alert-icon', marginRight: 'var(--pv-size-base-2)', width: '24px', display: 'flex', padding: 'var(--pv-size-base-half) 0px', justifyContent: 'center', alignItems: 'center' }, (variant === 'wrong' && {
+    color: 'var(--pv-color-wrong)',
+})), (variant === 'attention' && {
+    color: 'var(--pv-color-attention)',
+})), (variant === 'success' && {
+    color: 'var(--pv-color-success)',
+}))); };
+var stylesText = function () { return css({
+    label: 'Alert-text',
+    padding: 'var(--pv-size-base) 0px',
+    flex: '1',
+    minHeight: 'var(--pv-text-b3-height)',
+}); };
+export var Alert = React.forwardRef(function (props, ref) {
+    var _a, _b;
+    var children = props.children, variant = props.variant, className = props.className, disableIcon = props.disableIcon, onClose = props.onClose, other = __rest(props, ["children", "variant", "className", "disableIcon", "onClose"]);
+    var renderIcon = function () {
+        if (variant === 'wrong') {
+            return (React.createElement(CloseCircleIcon, null));
+        }
+        if (variant === 'attention') {
+            return (React.createElement(WarningIcon, null));
+        }
+        if (variant === 'success') {
+            return (React.createElement(CheckCircleIcon, null));
+        }
+        if (variant === 'pending') {
+            return (React.createElement(CircularProgress, { size: "small", color: "secondary" }));
+        }
+        return null;
+    };
+    return (React.createElement(Box, __assign({}, other, { ref: ref, role: "alert", borderRadius: 4, background: variant === 'wrong' ? 'wrong-tint-5' : 'black', className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) }),
+        !disableIcon && (React.createElement("div", { className: cx(stylesIcon(variant)) }, renderIcon())),
+        React.createElement(Typography, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white', className: cx((_b = {},
+                _b[stylesText()] = true,
+                _b)) }, children),
+        onClose && (React.createElement(IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
+            React.createElement(CloseIcon, null)))));
+});
+Alert.displayName = 'Alert';
+Alert.defaultProps = {
+    disableIcon: true,
+};
+//# sourceMappingURL=alert.js.map

package/dist/esm/Alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Alert/index.js

@@ -0,0 +1,2 @@
+export { Alert } from './alert';
+//# sourceMappingURL=index.js.map

package/dist/esm/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC"}