@searchspring/snap-preact-components 0.54.0 → 0.56.0

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeImage: ((properties: BadgeImageProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeImageProps extends ComponentProps {
+    url: string;
+    label?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeImage.d.ts.map

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAW5D,eAAO,MAAM,UAAU,gBAAyB,eAAe,KAAG,WAAW;;CA4B3E,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeImage/BadgeImage.js

@@ -0,0 +1,46 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeImage = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeImage: function () {
+        return (0, react_1.css)({
+            maxHeight: '100%',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeImage = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeImage), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeImage);
+    var label = props.label, url = props.url, tag = props.tag, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeImage(), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return url ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("img", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-image', "ss__badge-image--".concat(tag), className), alt: label || "".concat(tag, " badge"), src: url })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeImage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeImage';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Atoms/BadgeImage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeImage/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/cjs/components/Atoms/BadgeImage/index.js

@@ -0,0 +1,17 @@
+"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("./BadgeImage"), exports);

package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgePill: ((properties: BadgePillProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgePillProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgePill.d.ts.map

package/dist/cjs/components/Atoms/BadgePill/BadgePill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAmB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CAgCzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgePill/BadgePill.js

@@ -0,0 +1,57 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgePill = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgePill: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+            borderRadius: '1em',
+        });
+    },
+};
+exports.BadgePill = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        color: 'rgba(58, 35, 173, 1)', colorText: '#fff' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgePill), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgePill);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgePill(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-pill', "ss__badge-pill--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-pill__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgePill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgePill';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Atoms/BadgePill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgePill/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/cjs/components/Atoms/BadgePill/index.js

@@ -0,0 +1,17 @@
+"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("./BadgePill"), exports);

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeRectangleProps extends ComponentProps {
+    value: string;
+    color?: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeRectangle.d.ts.map

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAkB5D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAgCnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -0,0 +1,56 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeRectangle = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeRectangle: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            background: props.color,
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeRectangle = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        color: 'rgba(58, 35, 173, 1)', colorText: '#fff' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeRectangle), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeRectangle);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeRectangle(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-rectangle', "ss__badge-rectangle--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-rectangle__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeRectangle';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Atoms/BadgeRectangle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeRectangle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/cjs/components/Atoms/BadgeRectangle/index.js

@@ -0,0 +1,17 @@
+"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("./BadgeRectangle"), exports);

package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentProps } from '../../../types';
+export declare const BadgeText: ((properties: BadgeTextProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface BadgeTextProps extends ComponentProps {
+    value: string;
+    colorText?: string;
+    tag?: string;
+}
+//# sourceMappingURL=BadgeText.d.ts.map

package/dist/cjs/components/Atoms/BadgeText/BadgeText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAiB5D,eAAO,MAAM,SAAS,gBAAyB,cAAc,KAAG,WAAW;;CA+BzE,CAAC;AAEH,MAAM,WAAW,cAAe,SAAQ,cAAc;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/cjs/components/Atoms/BadgeText/BadgeText.js

@@ -0,0 +1,55 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BadgeText = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    BadgeText: function (props) {
+        return (0, react_1.css)({
+            display: 'inline-block',
+            boxSizing: 'border-box',
+            padding: '0.3em 0.9em',
+            color: props.colorText,
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            maxWidth: '100%',
+        });
+    },
+};
+exports.BadgeText = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        colorText: '#000000' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.badgeText), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.badgeText);
+    var value = props.value, disableStyles = props.disableStyles, tag = props.tag, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.BadgeText(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return value ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-text', "ss__badge-text--".concat(tag), className) }),
+            (0, react_1.jsx)("span", { className: "ss__badge-text__value" }, value)))) : ((0, react_1.jsx)(preact_1.Fragment, null));
+});

package/dist/cjs/components/Atoms/BadgeText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BadgeText';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Atoms/BadgeText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/BadgeText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/cjs/components/Atoms/BadgeText/index.js

@@ -0,0 +1,17 @@
+"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("./BadgeText"), exports);

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentProps, ComponentMap } from '../../../types';
+import type { Product } from '@searchspring/snap-store-mobx';
+export declare const CalloutBadge: ((properties: CalloutBadgeProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface CalloutBadgeProps extends ComponentProps {
+    result: Product;
+    tag?: string;
+    renderEmpty?: boolean;
+    componentMap?: ComponentMap;
+}
+//# sourceMappingURL=CalloutBadge.d.ts.map

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/CalloutBadge.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAW7D,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CA0C/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,MAAM,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/cjs/components/Molecules/CalloutBadge/CalloutBadge.js

@@ -0,0 +1,63 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutBadge = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var hooks_1 = require("../../../hooks");
+var CSS = {
+    CalloutBadge: function (_a) {
+        return (0, react_1.css)({
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+        });
+    },
+};
+exports.CalloutBadge = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
+    var globalTheme = (0, providers_1.useTheme)();
+    var props = __assign(__assign(__assign({ 
+        // default props
+        tag: 'callout' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.calloutBadge), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.calloutBadge);
+    var result = props.result, tag = props.tag, renderEmpty = props.renderEmpty, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    var badgeComponentMap = __assign(__assign({}, utilities_1.defaultBadgeComponentMap), props.componentMap);
+    if (!disableStyles) {
+        styling.css = [CSS.CalloutBadge(props), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    var limit = 1;
+    var badges = (_d = result === null || result === void 0 ? void 0 : result.badges) === null || _d === void 0 ? void 0 : _d.atLocation(tag).slice(0, limit);
+    if (renderEmpty || (badges === null || badges === void 0 ? void 0 : badges.length)) {
+        return ((0, react_1.jsx)(providers_1.CacheProvider, null,
+            (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__callout-badge', "ss__callout-badge--".concat(tag === null || tag === void 0 ? void 0 : tag.replace('/', '-')), className) }), badges.map(function (badge) {
+                var BadgeComponent = (0, hooks_1.useComponent)(badgeComponentMap, badge.component);
+                if (!BadgeComponent) {
+                    return (0, react_1.jsx)(preact_1.Fragment, null);
+                }
+                return (0, react_1.jsx)(BadgeComponent, __assign({}, badge, badge.parameters));
+            }))));
+    }
+    return (0, react_1.jsx)(preact_1.Fragment, null);
+});

package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CalloutBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/Molecules/CalloutBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/CalloutBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/cjs/components/Molecules/CalloutBadge/index.js

@@ -0,0 +1,17 @@
+"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("./CalloutBadge"), exports);

package/dist/cjs/components/Molecules/Grid/Grid.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ComponentProps, ListOption, SwatchOption } from '../../../types';
+export declare function Grid(properties: GridProps): JSX.Element;
+export interface GridProps extends ComponentProps {
+    options: SwatchOption[];
+    hideLabels?: boolean;
+    multiSelect?: boolean;
+    onSelect?: (e: React.MouseEvent<HTMLElement>, option: ListOption, selected: ListOption[]) => void;
+    titleText?: string;
+    hideShowLess?: boolean;
+    selected?: ListOption | ListOption[];
+    columns?: number;
+    rows?: number;
+    gapSize?: string;
+    disableOverflowAction?: boolean;
+    overflowButton?: JSX.Element;
+    overflowButtonInGrid?: boolean;
+    onOverflowButtonClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, status: boolean, remainder: number) => void;
+}
+//# sourceMappingURL=Grid.d.ts.map

package/dist/cjs/components/Molecules/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Grid/Grid.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAc,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyGtF,wBAAgB,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAuKvD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAChD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACnH"}