@roomstay/frontend 1.3.0

package/dist/src/components/generic/Headline.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const classNames = require("classnames");
+function Headline(props) {
+    const defaultedProps = Object.assign({ size: 'normal' }, props);
+    const classes = classNames({
+        headline: true,
+        '--bold': defaultedProps.bold || props.size === 'extra-large',
+        [`--${defaultedProps.size}`]: defaultedProps.size,
+        [props.align]: props.align,
+        'u-lh-1em': props.lineHeight === '1em',
+        [props.className]: !!props.className,
+    });
+    const styles = {};
+    if (props.color) {
+        styles.color = props.color;
+    }
+    if (defaultedProps.size === 'extra-large') {
+        return (React.createElement("h1", { className: classes, style: styles }, props.children));
+    }
+    if (defaultedProps.size === 'large') {
+        return (React.createElement("h2", { className: classes, style: styles }, props.children));
+    }
+    return (React.createElement("h3", { className: classes, style: styles }, props.children));
+}
+exports.default = Headline;
+//# sourceMappingURL=Headline.js.map

package/dist/src/components/generic/Headline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headline.js","sourceRoot":"/","sources":["src/components/generic/Headline.tsx"],"names":[],"mappings":";;AAEA,+BAA+B;AAC/B,yCAAyC;AAazC,SAAwB,QAAQ,CAAC,KAAoB;IACjD,MAAM,cAAc,mBAChB,IAAI,EAAE,QAAQ,IACX,KAAK,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACvB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,cAAc,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa;QAC7D,CAAC,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI;QACjD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK;QAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,KAAK;QAEtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS;KACvC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,KAAK,CAAC,KAAK,EAAE;QACb,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;KAC9B;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,EAAE;QACvC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,IAAI,cAAc,CAAC,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;KACL;IAED,OAAO,CACH,4BAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAChC,KAAK,CAAC,QAAQ,CACd,CACR,CAAC;AACN,CAAC;AA3CD,2BA2CC","sourcesContent":["import { TextAlign } from '../../util/TextAlignment';\nimport { Color } from '../../util/Color';\nimport * as React from 'react';\nimport * as classNames from 'classnames';\n\nexport interface HeadlineProps {\n    bold?: boolean;\n    size?: 'extra-large' | 'large' | 'normal';\n    lineHeight?: '1em' | 'normal';\n    color?: Color;\n    [x: string]: React.ReactNode;\n    align?: TextAlign;\n\n    className?: string;\n}\n\nexport default function Headline(props: HeadlineProps) {\n    const defaultedProps: HeadlineProps = {\n        size: 'normal',\n        ...props,\n    };\n\n    const classes = classNames({\n        headline: true,\n        '--bold': defaultedProps.bold || props.size === 'extra-large',\n        [`--${defaultedProps.size}`]: defaultedProps.size,\n        [props.align]: props.align,\n        'u-lh-1em': props.lineHeight === '1em',\n\n        [props.className]: !!props.className,\n    });\n\n    const styles: any = {};\n\n    if (props.color) {\n        styles.color = props.color;\n    }\n\n    if (defaultedProps.size === 'extra-large') {\n        return (\n            <h1 className={classes} style={styles}>\n                {props.children}\n            </h1>\n        );\n    }\n\n    if (defaultedProps.size === 'large') {\n        return (\n            <h2 className={classes} style={styles}>\n                {props.children}\n            </h2>\n        );\n    }\n\n    return (\n        <h3 className={classes} style={styles}>\n            {props.children}\n        </h3>\n    );\n}\n"]}

package/dist/src/components/generic/Icon.d.ts

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import { Color } from '../../util/Color';
+export declare enum IconType {
+    Email = "Email",
+    Degrees = "Degrees",
+    Hotel = "Hotel",
+    Hotel2 = "Hotel-2",
+    Map = "Map",
+    Info = "Info",
+    Deal = "Deal",
+    Money = "Money",
+    Lock = "Lock",
+    Check = "Check",
+    CheckCircled = "Check-Circled",
+    Bed = "Bed",
+    ApplePay = "Apple-Pay",
+    PayPal = "PayPal",
+    Person = "Person",
+    ChildFriendly = "Child-Friendly",
+    Fridge = "Fridge",
+    Smoking = "Smoking",
+    Gym = "Gym",
+    Bar = "Bar",
+    Laundry = "Laundry",
+    Breakfast = "Breakfast",
+    Snacks = "Snacks",
+    Phone = "Phone",
+    ViewMonth = "View-Month",
+    Ovolo = "Ovolo",
+    ViewWeek = "View-Week",
+    AirCon = "Air-Con",
+    WiFi = "Wifi",
+    Time = "Time",
+    People = "People",
+    Calendar = "Calendar",
+    CreditCard = "Credit-Card",
+    Spinner = "Spinner",
+    Fullscreen = "Fullscreen",
+    Star = "Star",
+    ArrowRight = "Arrow-Right",
+    ArrowLeft = "Arrow-Left",
+    ArrowUp = "Arrow-Up",
+    ArrowDown = "Arrow-Down",
+    ArrowLeft2 = "Arrow-2-Left",
+    ArrowUp2 = "Arrow-2-Up",
+    ArrowRight2 = "Arrow-2-Right",
+    ArrowDown2 = "Arrow-2-Down",
+    Close = "Close",
+    Remove = "Remove",
+    Add = "Add",
+    Dropdown = "Dropdown",
+    Train = "Train",
+    Taxi = "Taxi",
+    Share = "Share",
+    Print = "Print",
+    LogOut = "Log-Out",
+    Error = "Error",
+    Edit = "Edit",
+    Bus = "Bus",
+    Airplane = "Airplane",
+    Menu = "Menu",
+    LootBag = "loot-bag",
+    LateCheckout = "Late-Checkout",
+    RoomSize = "Room-Size",
+    RoomUpgrade = "Room-Upgrade",
+    Champagne = "Champagne"
+}
+export interface IconProps {
+    icon: IconType;
+    size?: string;
+    color?: Color;
+    backgroundColor?: Color;
+    noPadding?: boolean;
+    onClick?: () => void;
+    borderRadius?: 'oval' | 'round';
+}
+export declare function IconDropdown(): JSX.Element;
+export declare function IconDropdownFilled(): JSX.Element;
+export default function Icon(props: IconProps): JSX.Element;

package/dist/src/components/generic/Icon.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconDropdownFilled = exports.IconDropdown = exports.IconType = void 0;
+const Color_1 = require("../../util/Color");
+const React = require("react");
+const classNames = require("classnames");
+var IconType;
+(function (IconType) {
+    IconType["Email"] = "Email";
+    IconType["Degrees"] = "Degrees";
+    IconType["Hotel"] = "Hotel";
+    IconType["Hotel2"] = "Hotel-2";
+    IconType["Map"] = "Map";
+    IconType["Info"] = "Info";
+    IconType["Deal"] = "Deal";
+    IconType["Money"] = "Money";
+    IconType["Lock"] = "Lock";
+    IconType["Check"] = "Check";
+    IconType["CheckCircled"] = "Check-Circled";
+    IconType["Bed"] = "Bed";
+    IconType["ApplePay"] = "Apple-Pay";
+    IconType["PayPal"] = "PayPal";
+    IconType["Person"] = "Person";
+    IconType["ChildFriendly"] = "Child-Friendly";
+    IconType["Fridge"] = "Fridge";
+    IconType["Smoking"] = "Smoking";
+    IconType["Gym"] = "Gym";
+    IconType["Bar"] = "Bar";
+    IconType["Laundry"] = "Laundry";
+    IconType["Breakfast"] = "Breakfast";
+    IconType["Snacks"] = "Snacks";
+    IconType["Phone"] = "Phone";
+    IconType["ViewMonth"] = "View-Month";
+    IconType["Ovolo"] = "Ovolo";
+    IconType["ViewWeek"] = "View-Week";
+    IconType["AirCon"] = "Air-Con";
+    IconType["WiFi"] = "Wifi";
+    IconType["Time"] = "Time";
+    IconType["People"] = "People";
+    IconType["Calendar"] = "Calendar";
+    IconType["CreditCard"] = "Credit-Card";
+    IconType["Spinner"] = "Spinner";
+    IconType["Fullscreen"] = "Fullscreen";
+    IconType["Star"] = "Star";
+    IconType["ArrowRight"] = "Arrow-Right";
+    IconType["ArrowLeft"] = "Arrow-Left";
+    IconType["ArrowUp"] = "Arrow-Up";
+    IconType["ArrowDown"] = "Arrow-Down";
+    IconType["ArrowLeft2"] = "Arrow-2-Left";
+    IconType["ArrowUp2"] = "Arrow-2-Up";
+    IconType["ArrowRight2"] = "Arrow-2-Right";
+    IconType["ArrowDown2"] = "Arrow-2-Down";
+    IconType["Close"] = "Close";
+    IconType["Remove"] = "Remove";
+    IconType["Add"] = "Add";
+    IconType["Dropdown"] = "Dropdown";
+    IconType["Train"] = "Train";
+    IconType["Taxi"] = "Taxi";
+    IconType["Share"] = "Share";
+    IconType["Print"] = "Print";
+    IconType["LogOut"] = "Log-Out";
+    IconType["Error"] = "Error";
+    IconType["Edit"] = "Edit";
+    IconType["Bus"] = "Bus";
+    IconType["Airplane"] = "Airplane";
+    IconType["Menu"] = "Menu";
+    IconType["LootBag"] = "loot-bag";
+    IconType["LateCheckout"] = "Late-Checkout";
+    IconType["RoomSize"] = "Room-Size";
+    IconType["RoomUpgrade"] = "Room-Upgrade";
+    IconType["Champagne"] = "Champagne";
+})(IconType = exports.IconType || (exports.IconType = {}));
+function IconDropdown() {
+    return React.createElement(Icon, { icon: IconType.ArrowDown2, size: "1em", color: Color_1.Color.DarkGrey });
+}
+exports.IconDropdown = IconDropdown;
+function IconDropdownFilled() {
+    return React.createElement(Icon, { icon: IconType.Dropdown, size: "1em", color: Color_1.Color.DarkGrey });
+}
+exports.IconDropdownFilled = IconDropdownFilled;
+function Icon(props) {
+    const defaultProps = Object.assign({ icon: IconType.Check, size: '18px' }, props);
+    const classes = classNames('diji-icon', `diji-icon${defaultProps.icon}`, {
+        '--has-bg': !!defaultProps.backgroundColor,
+        '--clickable': defaultProps.onClick,
+        'u-pad-none': props.noPadding,
+        [`--border-${defaultProps.borderRadius}`]: defaultProps.borderRadius,
+    });
+    const extraProps = {};
+    if (defaultProps.onClick) {
+        extraProps.onClick = defaultProps.onClick;
+    }
+    const style = {
+        fontSize: defaultProps.size,
+    };
+    if (defaultProps.color) {
+        style.color = defaultProps.color;
+    }
+    if (defaultProps.backgroundColor) {
+        style.backgroundColor = defaultProps.backgroundColor;
+    }
+    return React.createElement("i", Object.assign({ className: classes, style: style }, extraProps));
+}
+exports.default = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/src/components/generic/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"/","sources":["src/components/generic/Icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Color } from '../../util/Color';\nimport * as React from 'react';\n\nimport * as classNames from 'classnames';\n\nexport enum IconType {\n    Email = 'Email',\n    Degrees = 'Degrees',\n    Hotel = 'Hotel',\n    Hotel2 = 'Hotel-2',\n    Map = 'Map',\n    Info = 'Info',\n    Deal = 'Deal',\n    Money = 'Money',\n    Lock = 'Lock',\n    Check = 'Check',\n    CheckCircled = 'Check-Circled',\n    Bed = 'Bed',\n    ApplePay = 'Apple-Pay',\n    PayPal = 'PayPal',\n    Person = 'Person',\n    ChildFriendly = 'Child-Friendly',\n    Fridge = 'Fridge',\n    Smoking = 'Smoking',\n    Gym = 'Gym',\n    Bar = 'Bar',\n    Laundry = 'Laundry',\n    Breakfast = 'Breakfast',\n    Snacks = 'Snacks',\n    Phone = 'Phone',\n    ViewMonth = 'View-Month',\n    Ovolo = 'Ovolo',\n    ViewWeek = 'View-Week',\n    AirCon = 'Air-Con',\n    WiFi = 'Wifi',\n    Time = 'Time',\n    People = 'People',\n    Calendar = 'Calendar',\n    CreditCard = 'Credit-Card',\n    Spinner = 'Spinner',\n    Fullscreen = 'Fullscreen',\n    Star = 'Star',\n    ArrowRight = 'Arrow-Right',\n    ArrowLeft = 'Arrow-Left',\n    ArrowUp = 'Arrow-Up',\n    ArrowDown = 'Arrow-Down',\n    ArrowLeft2 = 'Arrow-2-Left',\n    ArrowUp2 = 'Arrow-2-Up',\n    ArrowRight2 = 'Arrow-2-Right',\n    ArrowDown2 = 'Arrow-2-Down',\n    Close = 'Close',\n    Remove = 'Remove',\n    Add = 'Add',\n    Dropdown = 'Dropdown',\n    Train = 'Train',\n    Taxi = 'Taxi',\n    Share = 'Share',\n    Print = 'Print',\n    LogOut = 'Log-Out',\n    Error = 'Error',\n    Edit = 'Edit',\n    Bus = 'Bus',\n    Airplane = 'Airplane',\n    Menu = 'Menu',\n    LootBag = 'loot-bag',\n    LateCheckout = 'Late-Checkout',\n    RoomSize = 'Room-Size',\n    RoomUpgrade = 'Room-Upgrade',\n    Champagne = 'Champagne',\n}\n\nexport interface IconProps {\n    icon: IconType;\n    size?: string;\n\n    color?: Color;\n    backgroundColor?: Color;\n\n    noPadding?: boolean;\n\n    onClick?: () => void;\n    borderRadius?: 'oval' | 'round';\n}\n\nexport function IconDropdown() {\n    return <Icon icon={IconType.ArrowDown2} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport function IconDropdownFilled() {\n    return <Icon icon={IconType.Dropdown} size=\"1em\" color={Color.DarkGrey} />;\n}\n\nexport default function Icon(props: IconProps) {\n    const defaultProps: IconProps = {\n        icon: IconType.Check,\n        size: '18px',\n        ...props,\n    };\n\n    const classes = classNames('diji-icon', `diji-icon${defaultProps.icon}`, {\n        '--has-bg': !!defaultProps.backgroundColor,\n        '--clickable': defaultProps.onClick,\n        'u-pad-none': props.noPadding,\n        [`--border-${defaultProps.borderRadius}`]: defaultProps.borderRadius,\n    });\n\n    const extraProps: any = {};\n\n    if (defaultProps.onClick) {\n        extraProps.onClick = defaultProps.onClick;\n    }\n\n    const style: any = {\n        fontSize: defaultProps.size,\n    };\n\n    if (defaultProps.color) {\n        style.color = defaultProps.color;\n    }\n\n    if (defaultProps.backgroundColor) {\n        style.backgroundColor = defaultProps.backgroundColor;\n    }\n\n    return <i className={classes} style={style} {...extraProps} />;\n}\n"]}

package/dist/src/components/generic/InputGroup/InputGroup.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { InputGroupDimensions } from './InputGroup.types';
+export interface InputGroupProps {
+    children: ReactNode | ReactNode[];
+    dimensions?: InputGroupDimensions;
+}
+export default function InputGroup(props: InputGroupProps): JSX.Element;

package/dist/src/components/generic/InputGroup/InputGroup.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const classNames = require("classnames");
+function InputGroup(props) {
+    const classes = classNames('be-form-group', {
+        [`s-${props.dimensions}`]: !!props.dimensions,
+    });
+    let innerLayout;
+    const childrenArray = React.Children.toArray(props.children);
+    switch (props.dimensions) {
+        case '3/1':
+        case '2/2':
+            innerLayout = (React.createElement(React.Fragment, null,
+                React.createElement("div", null, childrenArray[0]),
+                React.createElement("div", { className: childrenArray[1].type.name === InputGroup.name ? 'no-marg' : '' }, childrenArray[1])));
+            break;
+        case '1':
+        default:
+            innerLayout = props.children;
+            break;
+    }
+    return React.createElement("div", { className: classes }, innerLayout);
+}
+exports.default = InputGroup;
+//# sourceMappingURL=InputGroup.js.map

package/dist/src/components/generic/InputGroup/InputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,yCAAyC;AASzC,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE;QACxC,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;KAChD,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC;IAEhB,MAAM,aAAa,GAAU,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpE,QAAQ,KAAK,CAAC,UAAU,EAAE;QACtB,KAAK,KAAK,CAAC;QACX,KAAK,KAAK;YACN,WAAW,GAAG,CACV;gBACI,iCAAM,aAAa,CAAC,CAAC,CAAC,CAAO;gBAC7B,6BAAK,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAG,aAAa,CAAC,CAAC,CAAC,CAAO,CAC1G,CACN,CAAC;YAEF,MAAM;QACV,KAAK,GAAG,CAAC;QACT;YACI,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC;YAC7B,MAAM;KACb;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,WAAW,CAAO,CAAC;AACxD,CAAC;AA1BD,6BA0BC","sourcesContent":["import * as React from 'react';\nimport { ReactNode } from 'react';\nimport * as classNames from 'classnames';\nimport { InputGroupDimensions } from './InputGroup.types';\n\nexport interface InputGroupProps {\n    children: ReactNode | ReactNode[];\n\n    dimensions?: InputGroupDimensions;\n}\n\nexport default function InputGroup(props: InputGroupProps) {\n    const classes = classNames('be-form-group', {\n        [`s-${props.dimensions}`]: !!props.dimensions,\n    });\n\n    let innerLayout;\n\n    const childrenArray: any[] = React.Children.toArray(props.children);\n    switch (props.dimensions) {\n        case '3/1':\n        case '2/2':\n            innerLayout = (\n                <>\n                    <div>{childrenArray[0]}</div>\n                    <div className={childrenArray[1].type.name === InputGroup.name ? 'no-marg' : ''}>{childrenArray[1]}</div>\n                </>\n            );\n\n            break;\n        case '1':\n        default:\n            innerLayout = props.children;\n            break;\n    }\n\n    return <div className={classes}>{innerLayout}</div>;\n}\n"]}

package/dist/src/components/generic/InputGroup/InputGroup.types.d.ts

@@ -0,0 +1 @@
+export declare type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3';

package/dist/src/components/generic/InputGroup/InputGroup.types.js

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

package/dist/src/components/generic/InputGroup/InputGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.types.js","sourceRoot":"/","sources":["src/components/generic/InputGroup/InputGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["export type InputGroupDimensions = '1' | '2/2' | '3/1' | '1/3';\n"]}

package/dist/src/components/generic/LineBreak.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LineBreakProps {
+    darker?: boolean;
+    noMargins?: boolean;
+    smallMargins?: boolean;
+}
+export default function LineBreak(props: LineBreakProps): JSX.Element;

package/dist/src/components/generic/LineBreak.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const classNames = require("classnames");
+function LineBreak(props) {
+    const classes = classNames('line-break', {
+        '--darker': props.darker,
+        '--smaller': props.smallMargins,
+        'u-marg-none': props.noMargins,
+    });
+    return React.createElement("div", { className: classes });
+}
+exports.default = LineBreak;
+//# sourceMappingURL=LineBreak.js.map

package/dist/src/components/generic/LineBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineBreak.js","sourceRoot":"/","sources":["src/components/generic/LineBreak.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yCAAyC;AAQzC,SAAwB,SAAS,CAAC,KAAqB;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE;QACrC,UAAU,EAAE,KAAK,CAAC,MAAM;QACxB,WAAW,EAAE,KAAK,CAAC,YAAY;QAC/B,aAAa,EAAE,KAAK,CAAC,SAAS;KACjC,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC;AARD,4BAQC","sourcesContent":["import * as React from 'react';\nimport * as classNames from 'classnames';\n\nexport interface LineBreakProps {\n    darker?: boolean;\n    noMargins?: boolean;\n    smallMargins?: boolean;\n}\n\nexport default function LineBreak(props: LineBreakProps) {\n    const classes = classNames('line-break', {\n        '--darker': props.darker,\n        '--smaller': props.smallMargins,\n        'u-marg-none': props.noMargins,\n    });\n\n    return <div className={classes} />;\n}\n"]}

package/dist/src/components/generic/Notification.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { IconType } from './Icon';
+export interface NotificationType {
+    icon?: IconType;
+    children?: React.ReactNode;
+    ttl: number;
+    id?: number;
+}
+interface NotificationProps {
+    data: NotificationType;
+    onRemove?: (id: number) => void;
+}
+export default function Notification(props: NotificationProps): JSX.Element;
+export {};

package/dist/src/components/generic/Notification.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Icon_1 = require("./Icon");
+const Color_1 = require("../../util/Color");
+const web_1 = require("@react-spring/web");
+const react_1 = require("react");
+function Notification(props) {
+    const { icon, children, ttl } = props.data;
+    const [goAway, setGoAway] = react_1.useState(false);
+    const right = web_1.useSpring({
+        delay: 1200,
+        config: { mass: 50, tension: 170, friction: 200 },
+        to: {
+            right: '0',
+        },
+        from: {
+            right: '100%',
+        },
+        onRest: () => setGoAway(true),
+    });
+    const outAnim = web_1.useSpring({
+        from: {
+            opacity: 1,
+        },
+        to: {
+            opacity: goAway ? 0 : 1,
+        },
+        onRest: () => props.onRemove(props.data.id),
+    });
+    const iconOnClickHandler = () => {
+        setGoAway(true);
+    };
+    return (React.createElement(web_1.animated.div, { className: "c-notification a-bounce-down-left", style: outAnim },
+        React.createElement("div", { className: "c-notification__inner" },
+            React.createElement(web_1.animated.div, { className: "c-notification__timer", style: { right: right.right } }),
+            React.createElement("div", { className: "u-flex" },
+                React.createElement("div", { className: "u-flex__item" },
+                    React.createElement(Icon_1.default, { icon: icon, color: Color_1.Color.Accent }),
+                    React.createElement("div", { className: "u-inline u-marg-left" }, children)),
+                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Close, size: "24px", onClick: iconOnClickHandler })))));
+}
+exports.default = Notification;
+//# sourceMappingURL=Notification.js.map

package/dist/src/components/generic/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"/","sources":["src/components/generic/Notification.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAAwC;AACxC,4CAAyC;AACzC,2CAAwD;AACxD,iCAAiC;AAgBjC,SAAwB,YAAY,CAAC,KAAwB;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,eAAS,CAAC;QACpB,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE;QACjD,EAAE,EAAE;YACA,KAAK,EAAE,GAAG;SACb;QACD,IAAI,EAAE;YACF,KAAK,EAAE,MAAM;SAChB;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;KAChC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,eAAS,CAAC;QACtB,IAAI,EAAE;YACF,OAAO,EAAE,CAAC;SACb;QACD,EAAE,EAAE;YACA,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;KACvC,CAAC,CAAC;IACV,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,OAAO;QACtE,6BAAK,SAAS,EAAC,uBAAuB;YAClC,oBAAC,cAAQ,CAAC,GAAG,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAI;YACjF,6BAAK,SAAS,EAAC,QAAQ;gBACnB,6BAAK,SAAS,EAAC,cAAc;oBACzB,oBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,aAAK,CAAC,MAAM,GAAI;oBACzC,6BAAK,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAO,CACpD;gBACN,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,kBAAkB,GAAI,CACrE,CACJ,CACK,CAClB,CAAC;AACN,CAAC;AA3CD,+BA2CC","sourcesContent":["import * as React from 'react';\nimport Icon, { IconType } from './Icon';\nimport { Color } from '../../util/Color';\nimport { useSpring, animated } from '@react-spring/web';\nimport { useState } from 'react';\n\nexport interface NotificationType {\n    icon?: IconType;\n    children?: React.ReactNode;\n    // in milliseconds\n    ttl: number;\n\n    id?: number;\n}\n\ninterface NotificationProps {\n    data: NotificationType;\n    onRemove?: (id: number) => void;\n}\n\nexport default function Notification(props: NotificationProps) {\n    const { icon, children, ttl } = props.data;\n\n    const [goAway, setGoAway] = useState(false);\n\n    const right = useSpring({\n        delay: 1200,\n        config: { mass: 50, tension: 170, friction: 200 },\n        to: {\n            right: '0',\n        },\n        from: {\n            right: '100%',\n        },\n        onRest: () => setGoAway(true),\n    });\n\n    const outAnim = useSpring({\n        from: {\n            opacity: 1,\n        },\n        to: {\n            opacity: goAway ? 0 : 1,\n        },\n        onRest: () => props.onRemove(props.data.id),\n    } as any);\n    const iconOnClickHandler = () => {\n        setGoAway(true);\n    };\n    return (\n        <animated.div className=\"c-notification a-bounce-down-left\" style={outAnim}>\n            <div className=\"c-notification__inner\">\n                <animated.div className=\"c-notification__timer\" style={{ right: right.right }} />\n                <div className=\"u-flex\">\n                    <div className=\"u-flex__item\">\n                        <Icon icon={icon} color={Color.Accent} />\n                        <div className=\"u-inline u-marg-left\">{children}</div>\n                    </div>\n                    <Icon icon={IconType.Close} size=\"24px\" onClick={iconOnClickHandler} />\n                </div>\n            </div>\n        </animated.div>\n    );\n}\n"]}

package/dist/src/components/generic/NumberIncrement.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface NumberIncrementProps {
+    number?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+}
+export default function NumberIncrement(props: NumberIncrementProps): JSX.Element;

package/dist/src/components/generic/NumberIncrement.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const Text_1 = require("./Text");
+const Icon_1 = require("./Icon");
+const BETooltip_1 = require("./BETooltip");
+function NumberIncrement(props) {
+    const currentNumber = props.number ? props.number : 0;
+    const setNumber = (newNumber) => {
+        if (props.onChange) {
+            props.onChange(newNumber);
+        }
+    };
+    const updateCurrentNumber = (increment) => {
+        let newNumber = currentNumber + (increment ? 1 : -1);
+        if (increment) {
+            if (typeof props.max === 'number' && newNumber >= props.max) {
+                newNumber = props.max;
+            }
+        }
+        else {
+            if (typeof props.min === 'number' && newNumber <= props.min) {
+                newNumber = props.min;
+            }
+        }
+        setNumber(newNumber);
+    };
+    const decrementCurrentNumber = () => {
+        updateCurrentNumber(false);
+    };
+    const incrementCurrentNumber = () => {
+        updateCurrentNumber(true);
+    };
+    return (React.createElement("div", { className: "number-increment" },
+        React.createElement(BETooltip_1.default, { title: currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease', arrow: true, enterDelay: 500 },
+            React.createElement("div", { className: 'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : ''), onClick: decrementCurrentNumber },
+                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Remove, size: '24px' }))),
+        React.createElement("div", { className: "number-increment--value" },
+            React.createElement(Text_1.default, null, currentNumber)),
+        React.createElement(BETooltip_1.default, { title: currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add', arrow: true, enterDelay: 500 },
+            React.createElement("div", { className: 'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : ''), onClick: incrementCurrentNumber },
+                React.createElement(Icon_1.default, { icon: Icon_1.IconType.Add, size: '24px' })))));
+}
+exports.default = NumberIncrement;
+//# sourceMappingURL=NumberIncrement.js.map

package/dist/src/components/generic/NumberIncrement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberIncrement.js","sourceRoot":"/","sources":["src/components/generic/NumberIncrement.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,iCAA0B;AAC1B,iCAAwC;AAExC,2CAAoC;AASpC,SAAwB,eAAe,CAAC,KAA2B;IAC/D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;YAChB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC7B;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,EAAE;QAC/C,IAAI,SAAS,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErD,IAAI,SAAS,EAAE;YACX,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;aAAM;YACH,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,GAAG,EAAE;gBACzD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;aACzB;SACJ;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,OAAO,CACH,6BAAK,SAAS,EAAC,kBAAkB;QAC7B,oBAAC,mBAAS,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG;YAC9G,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,GAAI,CAC3C,CACE;QACZ,6BAAK,SAAS,EAAC,yBAAyB;YACpC,oBAAC,cAAI,QAAE,aAAa,CAAQ,CAC1B;QACN,oBAAC,mBAAS,IAAC,KAAK,EAAE,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG;YACzG,6BAAK,SAAS,EAAE,0BAA0B,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,sBAAsB;gBAChI,oBAAC,cAAI,IAAC,IAAI,EAAE,eAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,GAAI,CACxC,CACE,CACV,CACT,CAAC;AACN,CAAC;AA/CD,kCA+CC","sourcesContent":["import * as React from 'react';\nimport Text from './Text';\nimport Icon, { IconType } from './Icon';\n\nimport BETooltip from './BETooltip';\n\nexport interface NumberIncrementProps {\n    number?: number;\n    onChange?: (value: number) => void;\n    min?: number;\n    max?: number;\n}\n\nexport default function NumberIncrement(props: NumberIncrementProps) {\n    const currentNumber = props.number ? props.number : 0;\n\n    const setNumber = (newNumber: number) => {\n        if (props.onChange) {\n            props.onChange(newNumber);\n        }\n    };\n\n    const updateCurrentNumber = (increment: boolean) => {\n        let newNumber = currentNumber + (increment ? 1 : -1);\n\n        if (increment) {\n            if (typeof props.max === 'number' && newNumber >= props.max) {\n                newNumber = props.max;\n            }\n        } else {\n            if (typeof props.min === 'number' && newNumber <= props.min) {\n                newNumber = props.min;\n            }\n        }\n\n        setNumber(newNumber);\n    };\n    const decrementCurrentNumber = () => {\n        updateCurrentNumber(false);\n    };\n    const incrementCurrentNumber = () => {\n        updateCurrentNumber(true);\n    };\n    return (\n        <div className=\"number-increment\">\n            <BETooltip title={currentNumber <= (props.min || 0) ? 'Minimum reached' : 'Decrease'} arrow={true} enterDelay={500}>\n                <div className={'number-increment--button' + (currentNumber <= (props.min || 0) ? ' disabled' : '')} onClick={decrementCurrentNumber}>\n                    <Icon icon={IconType.Remove} size={'24px'} />\n                </div>\n            </BETooltip>\n            <div className=\"number-increment--value\">\n                <Text>{currentNumber}</Text>\n            </div>\n            <BETooltip title={currentNumber >= (props.max || 0) ? 'Maximum reached' : 'Add'} arrow={true} enterDelay={500}>\n                <div className={'number-increment--button' + (currentNumber >= (props.max || 0) ? ' disabled' : '')} onClick={incrementCurrentNumber}>\n                    <Icon icon={IconType.Add} size={'24px'} />\n                </div>\n            </BETooltip>\n        </div>\n    );\n}\n"]}

package/dist/src/components/generic/Pill.d.ts

@@ -0,0 +1,18 @@
+import { IconType } from './Icon';
+import * as React from 'react';
+export declare enum PillType {
+    Primary = "--accent",
+    Secondary = "--accent-2",
+    Warning = "--warning",
+    Success = "--success",
+    Default = "--default",
+    Grey = "--grey"
+}
+export interface PillProps {
+    icon?: IconType | React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    type?: PillType;
+    onClickIcon?: () => void | null;
+    [x: string]: React.ReactNode;
+}
+export default function Pill(props: PillProps): JSX.Element;

package/dist/src/components/generic/Pill.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PillType = void 0;
+const Icon_1 = require("./Icon");
+const React = require("react");
+const classNames = require("classnames");
+var PillType;
+(function (PillType) {
+    PillType["Primary"] = "--accent";
+    PillType["Secondary"] = "--accent-2";
+    PillType["Warning"] = "--warning";
+    PillType["Success"] = "--success";
+    PillType["Default"] = "--default";
+    PillType["Grey"] = "--grey";
+})(PillType = exports.PillType || (exports.PillType = {}));
+function Pill(props) {
+    var _a, _b;
+    const classes = classNames('c-pill', {
+        '--icon-right': props.iconPosition === 'right',
+        [(_a = props.type) !== null && _a !== void 0 ? _a : PillType.Default]: true,
+    });
+    const icon = typeof props.icon === 'string' ? React.createElement(Icon_1.default, { icon: props.icon, onClick: (_b = props.onClickIcon) !== null && _b !== void 0 ? _b : null }) : props.icon;
+    return (React.createElement("span", { className: classes },
+        (props.iconPosition === 'left' || !props.iconPosition) && icon,
+        props.children,
+        props.iconPosition === 'right' && icon));
+}
+exports.default = Pill;
+//# sourceMappingURL=Pill.js.map

package/dist/src/components/generic/Pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pill.js","sourceRoot":"/","sources":["src/components/generic/Pill.tsx"],"names":[],"mappings":";;;AAAA,iCAAwC;AACxC,+BAA+B;AAE/B,yCAAyC;AAEzC,IAAY,QAOX;AAPD,WAAY,QAAQ;IAChB,gCAAoB,CAAA;IACpB,oCAAwB,CAAA;IACxB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,iCAAqB,CAAA;IACrB,2BAAe,CAAA;AACnB,CAAC,EAPW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAOnB;AAYD,SAAwB,IAAI,CAAC,KAAgB;;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE;QACjC,cAAc,EAAE,KAAK,CAAC,YAAY,KAAK,OAAO;QAC9C,OAAC,KAAK,CAAC,IAAI,mCAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI;KACzC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,cAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAgB,EAAE,OAAO,QAAE,KAAK,CAAC,WAAW,mCAAI,IAAI,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAEtI,OAAO,CACH,8BAAM,SAAS,EAAE,OAAO;QACnB,CAAC,KAAK,CAAC,YAAY,KAAK,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI;QAC9D,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CACpC,CACV,CAAC;AACN,CAAC;AAfD,uBAeC","sourcesContent":["import Icon, { IconType } from './Icon';\nimport * as React from 'react';\n\nimport * as classNames from 'classnames';\n\nexport enum PillType {\n    Primary = '--accent',\n    Secondary = '--accent-2',\n    Warning = '--warning',\n    Success = '--success',\n    Default = '--default',\n    Grey = '--grey',\n}\n\nexport interface PillProps {\n    icon?: IconType | React.ReactNode;\n    iconPosition?: 'left' | 'right';\n    type?: PillType;\n\n    onClickIcon?: () => void | null;\n\n    [x: string]: React.ReactNode;\n}\n\nexport default function Pill(props: PillProps) {\n    const classes = classNames('c-pill', {\n        '--icon-right': props.iconPosition === 'right',\n        [props.type ?? PillType.Default]: true,\n    });\n\n    const icon = typeof props.icon === 'string' ? <Icon icon={props.icon as IconType} onClick={props.onClickIcon ?? null} /> : props.icon;\n\n    return (\n        <span className={classes}>\n            {(props.iconPosition === 'left' || !props.iconPosition) && icon}\n            {props.children}\n            {props.iconPosition === 'right' && icon}\n        </span>\n    );\n}\n"]}

package/dist/src/components/generic/Placeholder.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type StringScreenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface PlaceholderProps {
+    type: string;
+    w?: StringScreenSize;
+    h?: StringScreenSize;
+    circleSize?: string;
+    blockSize?: string;
+    blink?: boolean;
+    rounded?: string;
+}
+export default function Placeholder(props: PlaceholderProps): JSX.Element;
+export {};

package/dist/src/components/generic/Placeholder.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const classNames = require("classnames");
+function Placeholder(props) {
+    const classes = classNames('c-placeholder', 'u-marg', {
+        [`--${props.w}--w`]: !!props.w,
+        [`--${props.h}--h`]: !!props.h,
+        '--text': props.type === 'text',
+        '--circle': props.type === 'circle',
+        '--sm': props.circleSize === 'sm' || props.blockSize === 'sm',
+        '--md': props.circleSize === 'md' || props.blockSize === 'md',
+        '--lg': props.circleSize === 'lg' || props.blockSize === 'lg',
+        '--xl': props.circleSize === 'xl' || props.blockSize === 'xl',
+        '--block': props.type === 'block',
+        '--rounded-light': props.rounded === 'md',
+        '--rounded-heavy': props.rounded === 'lg',
+        '--blink': props.blink,
+    });
+    return React.createElement("div", { className: classes });
+}
+exports.default = Placeholder;
+//# sourceMappingURL=Placeholder.js.map

package/dist/src/components/generic/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"/","sources":["src/components/generic/Placeholder.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,yCAAyC;AAczC,SAAwB,WAAW,CAAC,KAAuB;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,QAAQ,EAAE;QAClD,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAE9B,QAAQ,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM;QAC/B,UAAU,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;QACnC,MAAM,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAC7D,MAAM,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAC7D,MAAM,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAC7D,MAAM,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI;QAC7D,SAAS,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;QACjC,iBAAiB,EAAE,KAAK,CAAC,OAAO,KAAK,IAAI;QACzC,iBAAiB,EAAE,KAAK,CAAC,OAAO,KAAK,IAAI;QACzC,SAAS,EAAE,KAAK,CAAC,KAAK;KACzB,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,OAAO,GAAI,CAAC;AACvC,CAAC;AAlBD,8BAkBC","sourcesContent":["import * as React from 'react';\nimport * as classNames from 'classnames';\n\ntype StringScreenSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface PlaceholderProps {\n    type: string;\n    w?: StringScreenSize;\n    h?: StringScreenSize;\n    circleSize?: string;\n    blockSize?: string;\n    blink?: boolean;\n    rounded?: string;\n}\n\nexport default function Placeholder(props: PlaceholderProps) {\n    const classes = classNames('c-placeholder', 'u-marg', {\n        [`--${props.w}--w`]: !!props.w,\n        [`--${props.h}--h`]: !!props.h,\n\n        '--text': props.type === 'text',\n        '--circle': props.type === 'circle',\n        '--sm': props.circleSize === 'sm' || props.blockSize === 'sm',\n        '--md': props.circleSize === 'md' || props.blockSize === 'md',\n        '--lg': props.circleSize === 'lg' || props.blockSize === 'lg',\n        '--xl': props.circleSize === 'xl' || props.blockSize === 'xl',\n        '--block': props.type === 'block',\n        '--rounded-light': props.rounded === 'md',\n        '--rounded-heavy': props.rounded === 'lg',\n        '--blink': props.blink,\n    });\n\n    return <div className={classes} />;\n}\n"]}

package/dist/src/components/generic/PromoCodeInput.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface PromoCodeInputProps {
+    value: string;
+    onChange: (code: string) => void;
+    valid?: boolean;
+    direct?: boolean;
+}
+export default function PromoCodeInput(props: PromoCodeInputProps): JSX.Element;
+export {};