period-ui 0.2.10 → 0.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/components/atoms/accordion/components/accordion-item.d.ts +1 -1
  2. package/dist/components/atoms/accordion/components/accordion-item.d.ts.map +1 -1
  3. package/dist/components/atoms/accordion/components/accordion-item.js +4 -4
  4. package/dist/components/atoms/accordion/components/accordion-item.js.map +1 -1
  5. package/dist/components/index.d.ts +1 -0
  6. package/dist/components/index.d.ts.map +1 -1
  7. package/dist/components/index.js +1 -0
  8. package/dist/components/index.js.map +1 -1
  9. package/dist/components/molecules/callout/callout-types.d.ts +18 -0
  10. package/dist/components/molecules/callout/callout-types.d.ts.map +1 -0
  11. package/dist/components/molecules/callout/callout-types.js +38 -0
  12. package/dist/components/molecules/callout/callout-types.js.map +1 -0
  13. package/dist/components/molecules/callout/callout.d.ts +13 -0
  14. package/dist/components/molecules/callout/callout.d.ts.map +1 -0
  15. package/dist/components/molecules/callout/callout.js +14 -0
  16. package/dist/components/molecules/callout/callout.js.map +1 -0
  17. package/dist/components/molecules/callout/index.d.ts +3 -0
  18. package/dist/components/molecules/callout/index.d.ts.map +1 -0
  19. package/dist/components/molecules/callout/index.js +19 -0
  20. package/dist/components/molecules/callout/index.js.map +1 -0
  21. package/dist/components/molecules/select/components/select-input.d.ts.map +1 -1
  22. package/dist/components/molecules/select/components/select-input.js.map +1 -1
  23. package/dist/index.d.ts +1 -1
  24. package/dist/index.d.ts.map +1 -1
  25. package/dist/index.js +2 -1
  26. package/dist/index.js.map +1 -1
  27. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import { ReactElement } from 'react';
2
- import { TextVariant } from '../../..';
2
+ import { TextVariant } from '../../../../components';
3
3
  export type AccordionItemProps = {
4
4
  isOpen?: boolean;
5
5
  label?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAClE,OAAO,EAAqD,WAAW,EAAE,MAAM,UAAU,CAAC;AAI1F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,YAAoC,EACpC,OAAkB,GACnB,EAAE,kBAAkB,2CAwFpB"}
1
+ {"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAClE,OAAO,EAML,WAAW,EACZ,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,YAAoC,EACpC,OAAkB,GACnB,EAAE,kBAAkB,2CAwFpB"}
@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.AccordionItem = AccordionItem;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
- const __1 = require("../../..");
6
+ const components_1 = require("../../../../components");
7
7
  const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
8
8
  const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
9
- function AccordionItem({ isOpen, label, content, className, children, labelClassName, contentClassName, containerClassName, labelVariant = __1.TextVariant.BODY_BOLD, onClick = () => { }, }) {
9
+ function AccordionItem({ isOpen, label, content, className, children, labelClassName, contentClassName, containerClassName, labelVariant = components_1.TextVariant.BODY_BOLD, onClick = () => { }, }) {
10
10
  const [isAccordionOpen, setIsAccordionOpen] = (0, react_1.useState)(isOpen ?? false);
11
11
  const [contentHeight, setContentHeight] = (0, react_1.useState)(0);
12
12
  const contentRef = (0, react_1.useRef)(null);
@@ -26,9 +26,9 @@ function AccordionItem({ isOpen, label, content, className, children, labelClass
26
26
  setIsAccordionOpen((current) => !current);
27
27
  onClick(isAccordionOpen);
28
28
  };
29
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col w-full overflow-hidden', containerClassName), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleClick, className: (0, tailwind_utils_1.tailwind)('flex justify-between items-center rounded-lg py-4 px-2 md:px-4', 'hover:bg-[#F4F4F5]', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-0 focus:outline-blue-01', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: labelVariant, className: (0, tailwind_utils_1.tailwind)('select-none truncate', labelClassName), color: __1.TextColors.BLACK, children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-6 h-6 flex-shrink-0 ml-2", children: [(0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_UP, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)(__1.BilloIcon, { size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: __1.IconSymbol.CHEVRON_DOWN, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-0' : 'opacity-100 ') })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, tailwind_utils_1.tailwind)('overflow-hidden transition-all duration-300 ease-in-out'), style: {
29
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col w-full overflow-hidden', containerClassName), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: handleClick, className: (0, tailwind_utils_1.tailwind)('flex justify-between items-center rounded-lg py-4 px-2 md:px-4', 'hover:bg-[#F4F4F5]', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-0 focus:outline-blue-01', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: labelVariant, className: (0, tailwind_utils_1.tailwind)('select-none truncate', labelClassName), color: components_1.TextColors.BLACK, children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-6 h-6 flex-shrink-0 ml-2", children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.CHEVRON_UP, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-100' : 'opacity-0') }), (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.CHEVRON_DOWN, className: (0, tailwind_utils_1.tailwind)('text-blue-01 absolute top-0 left-0 transition-all duration-300', isAccordionOpen ? 'opacity-0' : 'opacity-100 ') })] })] }), (0, jsx_runtime_1.jsx)("div", { ref: contentRef, className: (0, tailwind_utils_1.tailwind)('overflow-hidden transition-all duration-300 ease-in-out'), style: {
30
30
  maxHeight: isAccordionOpen ? `${contentHeight}px` : '0px',
31
31
  opacity: isAccordionOpen ? 1 : 0,
32
- }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
32
+ }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('pb-6 pt-2 px-2 md:px-4'), children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('flex flex-col whitespace-normal', contentClassName), children: content ?? children }) }) })] }) }));
33
33
  }
34
34
  //# sourceMappingURL=accordion-item.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../../../src/components/atoms/accordion/components/accordion-item.tsx"],"names":[],"mappings":"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"}
@@ -24,4 +24,5 @@ export * from './molecules/form/form-checkbox';
24
24
  export * from './molecules/form/form-radio-button';
25
25
  export * from './molecules/select';
26
26
  export * from './molecules/text-field';
27
+ export * from './molecules/callout';
27
28
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}
@@ -40,4 +40,5 @@ __exportStar(require("./molecules/form/form-checkbox"), exports);
40
40
  __exportStar(require("./molecules/form/form-radio-button"), exports);
41
41
  __exportStar(require("./molecules/select"), exports);
42
42
  __exportStar(require("./molecules/text-field"), exports);
43
+ __exportStar(require("./molecules/callout"), exports);
43
44
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AACjC,6DAA2C;AAC3C,kDAAgC;AAChC,oDAAkC;AAGlC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,qDAAmC;AACnC,yDAAuC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,qDAAmC;AACnC,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,mDAAiC;AACjC,6DAA2C;AAC3C,kDAAgC;AAChC,oDAAkC;AAGlC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,qDAAmC;AACnC,yDAAuC;AACvC,sDAAoC"}
@@ -0,0 +1,18 @@
1
+ import { IconColor, IconSymbol } from '../../../components';
2
+ export declare enum CalloutVariant {
3
+ INFO = "INFO",
4
+ SUCCESS = "SUCCESS",
5
+ ERROR = "ERROR",
6
+ ALERT = "ALERT"
7
+ }
8
+ type CalloutVariantStyle = {
9
+ icon: IconSymbol;
10
+ iconColor: IconColor;
11
+ borderColor: string;
12
+ variantColor: string;
13
+ };
14
+ export declare const callOutVariants: {
15
+ [key in CalloutVariant]: CalloutVariantStyle;
16
+ };
17
+ export {};
18
+ //# sourceMappingURL=callout-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"callout-types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/callout/callout-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE5D,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE;KAAG,GAAG,IAAI,cAAc,GAAG,mBAAmB;CAyB3E,CAAC"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.callOutVariants = exports.CalloutVariant = void 0;
4
+ const components_1 = require("../../../components");
5
+ var CalloutVariant;
6
+ (function (CalloutVariant) {
7
+ CalloutVariant["INFO"] = "INFO";
8
+ CalloutVariant["SUCCESS"] = "SUCCESS";
9
+ CalloutVariant["ERROR"] = "ERROR";
10
+ CalloutVariant["ALERT"] = "ALERT";
11
+ })(CalloutVariant || (exports.CalloutVariant = CalloutVariant = {}));
12
+ exports.callOutVariants = {
13
+ [CalloutVariant.INFO]: {
14
+ icon: components_1.IconSymbol.INFO,
15
+ iconColor: components_1.IconColor.BLUE_01,
16
+ borderColor: 'border-blue-01',
17
+ variantColor: 'bg-blue-04',
18
+ },
19
+ [CalloutVariant.SUCCESS]: {
20
+ icon: components_1.IconSymbol.CHECK_CIRCLE,
21
+ iconColor: components_1.IconColor.GREEN_01,
22
+ borderColor: 'border-green-01',
23
+ variantColor: 'bg-green-04',
24
+ },
25
+ [CalloutVariant.ERROR]: {
26
+ icon: components_1.IconSymbol.ALERT,
27
+ iconColor: components_1.IconColor.RED_01,
28
+ borderColor: 'border-red-01',
29
+ variantColor: 'bg-red-04',
30
+ },
31
+ [CalloutVariant.ALERT]: {
32
+ icon: components_1.IconSymbol.WARNING,
33
+ iconColor: components_1.IconColor.YELLOW_01,
34
+ borderColor: 'border-yellow-01',
35
+ variantColor: 'bg-yellow-04',
36
+ },
37
+ };
38
+ //# sourceMappingURL=callout-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"callout-types.js","sourceRoot":"","sources":["../../../../src/components/molecules/callout/callout-types.ts"],"names":[],"mappings":";;;AAAA,oDAA4D;AAE5D,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,qCAAmB,CAAA;IACnB,iCAAe,CAAA;IACf,iCAAe,CAAA;AACjB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AASY,QAAA,eAAe,GAAqD;IAC/E,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;QACrB,IAAI,EAAE,uBAAU,CAAC,IAAI;QACrB,SAAS,EAAE,sBAAS,CAAC,OAAO;QAC5B,WAAW,EAAE,gBAAgB;QAC7B,YAAY,EAAE,YAAY;KAC3B;IACD,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACxB,IAAI,EAAE,uBAAU,CAAC,YAAY;QAC7B,SAAS,EAAE,sBAAS,CAAC,QAAQ;QAC7B,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,aAAa;KAC5B;IACD,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;QACtB,IAAI,EAAE,uBAAU,CAAC,KAAK;QACtB,SAAS,EAAE,sBAAS,CAAC,MAAM;QAC3B,WAAW,EAAE,eAAe;QAC5B,YAAY,EAAE,WAAW;KAC1B;IACD,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;QACtB,IAAI,EAAE,uBAAU,CAAC,OAAO;QACxB,SAAS,EAAE,sBAAS,CAAC,SAAS;QAC9B,WAAW,EAAE,kBAAkB;QAC/B,YAAY,EAAE,cAAc;KAC7B;CACF,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { ReactElement } from 'react';
2
+ import { CalloutVariant } from './callout-types';
3
+ type Props = {
4
+ variant: CalloutVariant;
5
+ title?: string;
6
+ caption: ReactElement | string;
7
+ actionText?: string;
8
+ onAction?: () => void;
9
+ className?: string;
10
+ };
11
+ export declare function Callout({ variant, title, caption, actionText, onAction, className }: Props): import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=callout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/callout/callout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIrC,OAAO,EAAE,cAAc,EAAmB,MAAM,iBAAiB,CAAC;AAElE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CA0D1F"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Callout = Callout;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const tailwind_utils_1 = require("../../../utils/tailwind-utils");
6
+ const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
7
+ const components_1 = require("../../../components");
8
+ const callout_types_1 = require("./callout-types");
9
+ function Callout({ variant, title, caption, actionText, onAction, className }) {
10
+ const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
11
+ const calloutVariant = callout_types_1.callOutVariants[variant];
12
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('relative flex flex-col', 'p-4 rounded-lg', 'border-l-8', calloutVariant.borderColor, calloutVariant.variantColor, className), children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute md:top-4.5", children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: calloutVariant.icon, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, color: calloutVariant.iconColor || components_1.IconColor.BLUE_01 }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-2", children: [title ? ((0, jsx_runtime_1.jsx)(components_1.Text, { className: "whitespace-normal ml-6 md:ml-7", variant: components_1.TextVariant.BODY_BOLD, children: title })) : ((0, jsx_runtime_1.jsx)(components_1.Text, { className: "whitespace-normal ml-6 md:ml-7", variant: components_1.TextVariant.BODY, children: caption })), (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !title }), children: (0, jsx_runtime_1.jsx)(components_1.Text, { className: "whitespace-normal", variant: components_1.TextVariant.BODY, children: caption }) }), actionText && onAction && ((0, jsx_runtime_1.jsx)(components_1.Text, { className: "whitespace-normal w-fit", color: components_1.TextColors.BLUE, variant: components_1.TextVariant.LINK, onClick: onAction, children: actionText }))] })] }));
13
+ }
14
+ //# sourceMappingURL=callout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../../src/components/molecules/callout/callout.tsx"],"names":[],"mappings":";;AAeA,0BA0DC;;AAxED,kEAAyD;AACzD,oFAA6E;AAC7E,oDAAoG;AACpG,mDAAkE;AAWlE,SAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAS;IACzF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,+BAAe,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,YAAY,EACZ,cAAc,CAAC,WAAW,EAC1B,cAAc,CAAC,YAAY,EAC3B,SAAS,CACV,aAGD,gCAAK,SAAS,EAAC,qBAAqB,YAClC,uBAAC,sBAAS,IACR,IAAI,EAAE,cAAc,CAAC,IAAI,EACzB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,KAAK,EAAE,cAAc,CAAC,SAAS,IAAI,sBAAS,CAAC,OAAO,GACpD,GACE,EAGN,iCAAK,SAAS,EAAC,yBAAyB,aAErC,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,iBAAI,IAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,wBAAW,CAAC,SAAS,YAC5E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAI,IAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,YACvE,OAAO,GACH,CACR,EAGD,gCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,YAC1C,uBAAC,iBAAI,IAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,wBAAW,CAAC,IAAI,YAC1D,OAAO,GACH,GACH,EAGL,UAAU,IAAI,QAAQ,IAAI,CACzB,uBAAC,iBAAI,IACH,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,uBAAU,CAAC,IAAI,EACtB,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,OAAO,EAAE,QAAQ,YAEhB,UAAU,GACN,CACR,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './callout';
2
+ export * from './callout-types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/callout/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./callout"), exports);
18
+ __exportStar(require("./callout-types"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/callout/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,kDAAgC"}
@@ -1 +1 @@
1
- {"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,+GA0CtB,CAAC"}
1
+ {"version":3,"file":"select-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,+GA4CtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,iCAAiD;AACjD,uDAAgE;AAChE,qEAA4D;AAW/C,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EACE,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,iBAAiB,GACA,EACnB,GAAmC;IAEnC,OAAO,CACL,uBAAC,wBAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAC1B,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/select/components/select-input.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,iCAAiD;AACjD,uDAAgE;AAChE,qEAA4D;AAW/C,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACxD,EACE,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,iBAAiB,GACA,EACnB,GAAmC;IAGnC,OAAO,CACL,uBAAC,wBAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,mDAAmD,EACnD,cAAc,EACd,mDAAmD,EACnD,GAAG,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;YAE1B,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzB,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;YACnD,IAAI,IAAI,EAAE,CAAC;gBACT,OAAO;YACT,CAAC;YAED,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const _periodUI_marker = true;
2
2
  export { BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, } from './components';
3
- export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, FullScreenModal, ModalVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, FormRadioButton, } from './components';
3
+ export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, FullScreenModal, ModalVariant, Select, TextField, FormSelect, FilterModal, FormCheckBox, FormTextField, FormRadioButton, Callout, } from './components';
4
4
  export { FormControl, FormInputWidth } from './containers';
5
5
  export type { FormControlProps } from './containers';
6
6
  export type { ButtonProps, ToolTipProps, ChipProps, CheckboxProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, DrawerProps, ModalProps, FilterVariant, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, FormSelectProps, FormTextFieldProps, } from './components';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,eAAe,EACf,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,WAAW,EAGX,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EACL,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,eAAe,EACf,YAAY,EACZ,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,OAAO,GACR,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EAQxB,WAAW,EAGX,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EAGtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EAGV,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.FormInputWidth = exports.FormControl = exports.FormRadioButton = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.ModalVariant = exports.FullScreenModal = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports._periodUI_marker = void 0;
3
+ exports.FormInputWidth = exports.FormControl = exports.Callout = exports.FormRadioButton = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.TextField = exports.Select = exports.ModalVariant = exports.FullScreenModal = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports._periodUI_marker = void 0;
4
4
  exports._periodUI_marker = true;
5
5
  var components_1 = require("./components");
6
6
  Object.defineProperty(exports, "BilloIcon", { enumerable: true, get: function () { return components_1.BilloIcon; } });
@@ -49,6 +49,7 @@ Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function
49
49
  Object.defineProperty(exports, "FormCheckBox", { enumerable: true, get: function () { return components_2.FormCheckBox; } });
50
50
  Object.defineProperty(exports, "FormTextField", { enumerable: true, get: function () { return components_2.FormTextField; } });
51
51
  Object.defineProperty(exports, "FormRadioButton", { enumerable: true, get: function () { return components_2.FormRadioButton; } });
52
+ Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return components_2.Callout; } });
52
53
  var containers_1 = require("./containers");
53
54
  Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return containers_1.FormControl; } });
54
55
  Object.defineProperty(exports, "FormInputWidth", { enumerable: true, get: function () { return containers_1.FormInputWidth; } });
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAgCsB;AA/BpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAesB;AAdpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,6GAAA,eAAe,OAAA;AACf,0GAAA,YAAY,OAAA;AACZ,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AAIjB,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAgCsB;AA/BpB,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AAIhB,2CAgBsB;AAfpB,kGAAA,IAAI,OAAA;AACJ,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,6GAAA,eAAe,OAAA;AACf,0GAAA,YAAY,OAAA;AACZ,oGAAA,MAAM,OAAA;AACN,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,yGAAA,WAAW,OAAA;AACX,0GAAA,YAAY,OAAA;AACZ,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AAIT,2CAA2D;AAAlD,yGAAA,WAAW,OAAA;AAAE,4GAAA,cAAc,OAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "period-ui",
3
- "version": "0.2.10",
3
+ "version": "0.2.12",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "style": "dist/index.css",