@bloom-housing/ui-components 7.1.0 → 7.2.1

package/dist/src/text/Heading.js

@@ -0,0 +1,49 @@
+"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.Heading = exports.default = void 0;
+var React = __importStar(require("react"));
+var HeaderStyleMap = {
+    largePrimary: "text__large-primary",
+    mediumNormal: "text__medium-normal",
+    smallWeighted: "text__small-weighted",
+    smallNormal: "text__small-normal",
+    underlineWeighted: "text__underline-weighted",
+    lightWeighted: "text__light-weighted",
+    capsWeighted: "text__caps-weighted",
+};
+var Heading = function (props) {
+    var priority = props.priority && props.priority >= 1 && props.priority <= 6 ? props.priority : 1;
+    var Tag = "h".concat(priority);
+    var classNames = [];
+    if (props.styleType)
+        classNames.push(HeaderStyleMap[props.styleType]);
+    if (props.className)
+        classNames.push(props.className);
+    return React.createElement(Tag, { className: classNames.join(" ") }, props.children);
+};
+exports.default = Heading;
+exports.Heading = Heading;
+//# sourceMappingURL=Heading.js.map

package/dist/src/text/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/text/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAW9B,IAAM,cAAc,GAAG;IACrB,YAAY,EAAE,qBAAqB;IACnC,YAAY,EAAE,qBAAqB;IACnC,aAAa,EAAE,sBAAsB;IACrC,WAAW,EAAE,oBAAoB;IACjC,iBAAiB,EAAE,0BAA0B;IAC7C,aAAa,EAAE,sBAAsB;IACrC,YAAY,EAAE,qBAAqB;CACpC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAClG,IAAM,GAAG,GAAG,WAAI,QAAQ,CAAiC,CAAA;IACzD,IAAM,UAAU,GAAG,EAAE,CAAA;IACrB,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;IACrE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAEmB,0BAAO;AAAE,0BAAO"}

package/dist/src/text/Heading.stories.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import HeadingDocumentation from "./Heading.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof HeadingDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const base1: () => JSX.Element;
+export declare const base2: () => JSX.Element;
+export declare const base3: () => JSX.Element;
+export declare const base4: () => JSX.Element;
+export declare const base5: () => JSX.Element;
+export declare const base6: () => JSX.Element;
+export declare const largeHeader: () => JSX.Element;
+export declare const mediumHeader: () => JSX.Element;
+export declare const smallWeighted: () => JSX.Element;
+export declare const smallNormal: () => JSX.Element;
+export declare const underlineHeader: () => JSX.Element;
+export declare const lightWeighted: () => JSX.Element;
+export declare const capsWeighted: () => JSX.Element;

package/dist/src/text/Heading.stories.js

@@ -0,0 +1,71 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capsWeighted = exports.lightWeighted = exports.underlineHeader = exports.smallNormal = exports.smallWeighted = exports.mediumHeader = exports.largeHeader = exports.base6 = exports.base5 = exports.base4 = exports.base3 = exports.base2 = exports.base1 = void 0;
+var React = __importStar(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var Heading_docs_mdx_1 = __importDefault(require("./Heading.docs.mdx"));
+var Heading_1 = require("./Heading");
+exports.default = {
+    title: "Text/Heading 🚩",
+    id: "text/heading",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    parameters: {
+        docs: {
+            page: Heading_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var base1 = function () { return React.createElement(Heading_1.Heading, null, "Test Header"); };
+exports.base1 = base1;
+var base2 = function () { return React.createElement(Heading_1.Heading, { priority: 2 }, "Test Header"); };
+exports.base2 = base2;
+var base3 = function () { return React.createElement(Heading_1.Heading, { priority: 3 }, "Test Header"); };
+exports.base3 = base3;
+var base4 = function () { return React.createElement(Heading_1.Heading, { priority: 4 }, "Test Header"); };
+exports.base4 = base4;
+var base5 = function () { return React.createElement(Heading_1.Heading, { priority: 5 }, "Test Header"); };
+exports.base5 = base5;
+var base6 = function () { return React.createElement(Heading_1.Heading, { priority: 6 }, "Test Header"); };
+exports.base6 = base6;
+var largeHeader = function () { return React.createElement(Heading_1.Heading, { styleType: "largePrimary" }, "Large Header"); };
+exports.largeHeader = largeHeader;
+var mediumHeader = function () { return React.createElement(Heading_1.Heading, { styleType: "mediumNormal" }, "Medium Header"); };
+exports.mediumHeader = mediumHeader;
+var smallWeighted = function () { return React.createElement(Heading_1.Heading, { styleType: "smallWeighted" }, "Small Weighted"); };
+exports.smallWeighted = smallWeighted;
+var smallNormal = function () { return React.createElement(Heading_1.Heading, { styleType: "smallNormal" }, "Small Normal"); };
+exports.smallNormal = smallNormal;
+var underlineHeader = function () { return (React.createElement(Heading_1.Heading, { styleType: "underlineWeighted" }, "Underline Header")); };
+exports.underlineHeader = underlineHeader;
+var lightWeighted = function () { return React.createElement(Heading_1.Heading, { styleType: "lightWeighted" }, "Light Weighted"); };
+exports.lightWeighted = lightWeighted;
+var capsWeighted = function () { return React.createElement(Heading_1.Heading, { styleType: "capsWeighted" }, "Caps Weighted"); };
+exports.capsWeighted = capsWeighted;
+//# sourceMappingURL=Heading.stories.js.map

package/dist/src/text/Heading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../src/text/Heading.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,wDAAmD;AACnD,wEAAqD;AACrD,qCAAmC;AAEnC,kBAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,EAAE,EAAE,cAAc;IAClB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;IAClF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,0BAAoB;SAC3B;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AACM,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,sBAAsB,EAA9B,CAA8B,CAAA;AAA5C,QAAA,KAAK,SAAuC;AAClD,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,kBAAuB,EAA3C,CAA2C,CAAA;AAAzD,QAAA,KAAK,SAAoD;AAC/D,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,kBAAuB,EAA3C,CAA2C,CAAA;AAAzD,QAAA,KAAK,SAAoD;AAC/D,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,kBAAuB,EAA3C,CAA2C,CAAA;AAAzD,QAAA,KAAK,SAAoD;AAC/D,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,kBAAuB,EAA3C,CAA2C,CAAA;AAAzD,QAAA,KAAK,SAAoD;AAC/D,IAAM,KAAK,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,QAAQ,EAAE,CAAC,kBAAuB,EAA3C,CAA2C,CAAA;AAAzD,QAAA,KAAK,SAAoD;AAC/D,IAAM,WAAW,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,cAAc,mBAAwB,EAA1D,CAA0D,CAAA;AAA9E,QAAA,WAAW,eAAmE;AACpF,IAAM,YAAY,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,cAAc,oBAAyB,EAA3D,CAA2D,CAAA;AAAhF,QAAA,YAAY,gBAAoE;AACtF,IAAM,aAAa,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,eAAe,qBAA0B,EAA7D,CAA6D,CAAA;AAAnF,QAAA,aAAa,iBAAsE;AACzF,IAAM,WAAW,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,aAAa,mBAAwB,EAAzD,CAAyD,CAAA;AAA7E,QAAA,WAAW,eAAkE;AACnF,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,oBAAC,iBAAO,IAAC,SAAS,EAAE,mBAAmB,uBAA4B,CACpE,EAFoC,CAEpC,CAAA;AAFY,QAAA,eAAe,mBAE3B;AACM,IAAM,aAAa,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,eAAe,qBAA0B,EAA7D,CAA6D,CAAA;AAAnF,QAAA,aAAa,iBAAsE;AACzF,IAAM,YAAY,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,SAAS,EAAE,cAAc,oBAAyB,EAA3D,CAA2D,CAAA;AAAhF,QAAA,YAAY,gBAAoE"}

package/dist/src/text/Message.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import "./Message.scss";
+export interface MessageProps {
+    children: React.ReactNode;
+    warning?: boolean;
+}
+declare const Message: (props: MessageProps) => JSX.Element;
+export { Message as default, Message };

package/dist/src/text/Message.js

@@ -0,0 +1,37 @@
+"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.Message = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./Message.scss");
+var Message = function (props) {
+    var messageClasses = ["message"];
+    if (props.warning)
+        messageClasses.push("is-warning");
+    return React.createElement("div", { className: messageClasses.join(" ") }, props.children);
+};
+exports.default = Message;
+exports.Message = Message;
+//# sourceMappingURL=Message.js.map

package/dist/src/text/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/text/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,0BAAuB;AAOvB,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,cAAc,GAAG,CAAC,SAAS,CAAC,CAAA;IAClC,IAAI,KAAK,CAAC,OAAO;QAAE,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAEpD,OAAO,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACzE,CAAC,CAAA;AAEmB,0BAAO;AAAE,0BAAO"}

package/dist/src/text/Message.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const standard: () => JSX.Element;
+export declare const warning: () => JSX.Element;

package/dist/src/text/Message.stories.js

@@ -0,0 +1,37 @@
+"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.warning = exports.standard = void 0;
+var React = __importStar(require("react"));
+var Message_1 = require("./Message");
+exports.default = {
+    title: "Text/Message",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var standard = function () { return React.createElement(Message_1.Message, null, "Message"); };
+exports.standard = standard;
+var warning = function () { return React.createElement(Message_1.Message, { warning: true }, "Warning"); };
+exports.warning = warning;
+//# sourceMappingURL=Message.stories.js.map

package/dist/src/text/Message.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../src/text/Message.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,qCAAmC;AAEnC,kBAAe;IACb,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,iBAAO,kBAAkB,EAA1B,CAA0B,CAAA;AAA3C,QAAA,QAAQ,YAAmC;AAEjD,IAAM,OAAO,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,OAAO,EAAE,IAAI,cAAmB,EAAzC,CAAyC,CAAA;AAAzD,QAAA,OAAO,WAAkD"}

package/dist/src/text/Tag.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { AppearanceProps } from "../global/AppearanceTypes";
+import "./Tag.scss";
+export interface TagProps extends AppearanceProps {
+    className?: string;
+    pillStyle?: boolean;
+    capitalized?: boolean;
+    children: React.ReactNode;
+    fillContainer?: boolean;
+}
+export declare const Tag: (props: TagProps) => JSX.Element;

package/dist/src/text/Tag.js

@@ -0,0 +1,43 @@
+"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.Tag = void 0;
+var React = __importStar(require("react"));
+var AppearanceTypes_1 = require("../global/AppearanceTypes");
+require("./Tag.scss");
+var Tag = function (props) {
+    var tagClasses = ["tag"].concat((0, AppearanceTypes_1.classNamesForAppearanceTypes)(props));
+    if (props.pillStyle)
+        tagClasses.push("is-pill");
+    if (props.fillContainer)
+        tagClasses.push("fill-container");
+    if (props.capitalized)
+        tagClasses.push("is-capitalized");
+    if (props.className)
+        tagClasses.push(props.className);
+    return React.createElement("span", { className: tagClasses.join(" ") }, props.children);
+};
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.js.map

package/dist/src/text/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/text/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6DAAyF;AACzF,sBAAmB;AAUZ,IAAM,GAAG,GAAG,UAAC,KAAe;IACjC,IAAM,UAAU,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAA,8CAA4B,EAAC,KAAK,CAAC,CAAC,CAAA;IAEtE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC/C,IAAI,KAAK,CAAC,aAAa;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC1D,IAAI,KAAK,CAAC,WAAW;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACxD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAA;AACvE,CAAC,CAAA;AATY,QAAA,GAAG,OASf"}

package/dist/src/text/Tag.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import TagDocumentation from "./Tag.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof TagDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const standard: () => JSX.Element;
+export declare const success: () => JSX.Element;
+export declare const warning: () => JSX.Element;
+export declare const small: () => JSX.Element;
+export declare const pill: () => JSX.Element;
+export declare const pillSmall: () => JSX.Element;
+export declare const pillLarge: () => JSX.Element;
+export declare const pillColors: () => JSX.Element;
+export declare const pillListings: () => JSX.Element;

package/dist/src/text/Tag.stories.js

@@ -0,0 +1,92 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pillListings = exports.pillColors = exports.pillLarge = exports.pillSmall = exports.pill = exports.small = exports.warning = exports.success = exports.standard = void 0;
+var React = __importStar(require("react"));
+var AppearanceTypes_1 = require("../global/AppearanceTypes");
+var constants_1 = require("../../.storybook/constants");
+var Tag_1 = require("./Tag");
+var Tag_docs_mdx_1 = __importDefault(require("./Tag.docs.mdx"));
+exports.default = {
+    title: "Text/Tag 🚩",
+    id: "text/tag",
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    parameters: {
+        docs: {
+            page: Tag_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var standard = function () { return React.createElement(Tag_1.Tag, null, "Tag"); };
+exports.standard = standard;
+var success = function () { return React.createElement(Tag_1.Tag, { styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Success"); };
+exports.success = success;
+var warning = function () { return React.createElement(Tag_1.Tag, { styleType: AppearanceTypes_1.AppearanceStyleType.warning }, "Warning"); };
+exports.warning = warning;
+var small = function () { return React.createElement(Tag_1.Tag, { size: AppearanceTypes_1.AppearanceSizeType.small }, "Warning"); };
+exports.small = small;
+// TODO: export const big = () => <Tag size={AppearanceSizeType.big}>Warning</Tag>
+var pill = function () { return React.createElement(Tag_1.Tag, { pillStyle: true }, "Pill Style"); };
+exports.pill = pill;
+var pillSmall = function () { return (React.createElement(Tag_1.Tag, { pillStyle: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Pill Small")); };
+exports.pillSmall = pillSmall;
+var pillLarge = function () { return (React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Pill Large")); };
+exports.pillLarge = pillLarge;
+var Spacer = function () {
+    return React.createElement("div", { style: { height: "10px" } });
+};
+var pillColors = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.primary }, "Primary"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.secondary }, "Secondary"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Success Dark"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Success Light"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.dark }, "Accent Cool Dark"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Accent Cool Light"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentWarm, shade: AppearanceTypes_1.AppearanceShadeType.dark }, "Accent Warm Dark"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentWarm, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Accent Warm Light"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.closed }, "Closed"))); };
+exports.pillColors = pillColors;
+var pillListings = function () { return (React.createElement("div", { style: { width: "200px" } },
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.primary, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Draft"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success, shade: AppearanceTypes_1.AppearanceShadeType.light, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Scheduled"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.closed, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Closed"),
+    React.createElement(Spacer, null),
+    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.dark, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Results"))); };
+exports.pillListings = pillListings;
+//# sourceMappingURL=Tag.stories.js.map

package/dist/src/text/Tag.stories.js.map

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

package/dist/tailwind.config.d.ts

@@ -0,0 +1,122 @@
+export const important: boolean;
+export const purge: boolean;
+export namespace theme {
+    const screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        print: {
+            raw: string;
+        };
+    };
+    const fontSize: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        tiny: string;
+        base: string;
+        "base-alt": string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "6.5xl": string;
+        "7xl": string;
+    };
+    const fontFamily: {
+        sans: string;
+        serif: string;
+        "alt-sans": string;
+    };
+    const colors: {
+        primary: string;
+        "primary-dark": string;
+        "primary-darker": string;
+        "primary-light": string;
+        "primary-lighter": string;
+        secondary: string;
+        alert: string;
+        "alert-light": string;
+        "alert-dark": string;
+        success: string;
+        "success-light": string;
+        "success-dark": string;
+        warn: string;
+        "warn-light": string;
+        "warn-dark": string;
+        "accent-cool": string;
+        "accent-cool-light": string;
+        "accent-cool-dark": string;
+        "accent-warm": string;
+        "accent-warm-dark": string;
+        "accent-warm-light": string;
+        "accent-warm-lighter": string;
+        lush: string;
+        white: string;
+        black: string;
+        blue: {
+            800: string;
+            700: string;
+            600: string;
+            300: string;
+            200: string;
+        };
+        red: {
+            700: string;
+            300: string;
+        };
+        yellow: {
+            700: string;
+            300: string;
+        };
+        green: {
+            700: string;
+            300: string;
+        };
+        teal: {
+            700: string;
+            300: string;
+        };
+        gray: {
+            950: string;
+            900: string;
+            850: string;
+            800: string;
+            750: string;
+            700: string;
+            650: string;
+            600: string;
+            550: string;
+            500: string;
+            450: string;
+            400: string;
+            300: string;
+            200: string;
+            100: string;
+        };
+    };
+    namespace letterSpacing {
+        const tightest: string;
+        const tighter: string;
+        const tight: string;
+        const normal: string;
+        const wide: string;
+        const wider: string;
+        const widest: string;
+        const ultrawide: string;
+    }
+    namespace extend {
+        function borderColor(theme: any): {
+            DEFAULT: any;
+        };
+        const inset: {
+            4: string;
+            "-10": string;
+        };
+    }
+}