@consumidor-positivo/aurora 0.11.0 → 0.12.0
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.
- package/dist/{BadgeWhite-DwzVEF3U.js → BadgeWhite-CkZPPGmT.js} +43 -42
- package/dist/BadgeWhite-CkZPPGmT.js.map +1 -0
- package/dist/components/AdBox/AdBox.test.d.ts +1 -0
- package/dist/components/AdBox/index.d.ts +7 -0
- package/dist/components/AdBox/index.es.js +22 -0
- package/dist/components/AdBox/index.es.js.map +1 -0
- package/dist/components/AdBox/styles.css +1 -0
- package/dist/components/Alert/index.d.ts +2 -1
- package/dist/components/Alert/index.es.js +9 -4
- package/dist/components/Alert/index.es.js.map +1 -1
- package/dist/components/Alert/styles.css +1 -1
- package/dist/components/BadgeInfo/index.d.ts +2 -1
- package/dist/components/BadgeInfo/index.es.js +4 -3
- package/dist/components/BadgeInfo/index.es.js.map +1 -1
- package/dist/components/BadgeState/index.d.ts +3 -2
- package/dist/components/BadgeState/index.es.js +9 -3
- package/dist/components/BadgeState/index.es.js.map +1 -1
- package/dist/components/BadgeState/styles.css +1 -1
- package/dist/components/Calendar/index.es.js +2 -2
- package/dist/components/CalendarHeader/index.es.js +2 -2
- package/dist/components/Card/Container/index.d.ts +2 -1
- package/dist/components/Card/Emphasis/index.d.ts +2 -1
- package/dist/components/Card/Image/index.d.ts +2 -1
- package/dist/components/Card/Root/index.d.ts +2 -1
- package/dist/components/Card/Tag/index.d.ts +2 -1
- package/dist/components/Card/index.es.js +2 -2
- package/dist/components/Card/index.es.js.map +1 -1
- package/dist/components/Carousel/index.es.js +3 -2
- package/dist/components/Carousel/index.es.js.map +1 -1
- package/dist/components/Checkbox/index.es.js +4 -3
- package/dist/components/Checkbox/index.es.js.map +1 -1
- package/dist/components/Chip/index.d.ts +4 -3
- package/dist/components/Chip/index.es.js +12 -5
- package/dist/components/Chip/index.es.js.map +1 -1
- package/dist/components/Chip/styles.css +1 -1
- package/dist/components/ChipBanner/ChipBanner.test.d.ts +1 -0
- package/dist/components/ChipBanner/index.d.ts +12 -0
- package/dist/components/ChipBanner/index.es.js +99 -0
- package/dist/components/ChipBanner/index.es.js.map +1 -0
- package/dist/components/ChipBanner/styles.css +1 -0
- package/dist/components/Container/index.d.ts +2 -1
- package/dist/components/Container/index.es.js +13 -2
- package/dist/components/Container/index.es.js.map +1 -1
- package/dist/components/Datepicker/index.es.js +3 -3
- package/dist/components/Divider/index.d.ts +6 -0
- package/dist/components/Divider/index.es.js +17 -0
- package/dist/components/Divider/index.es.js.map +1 -0
- package/dist/components/Divider/styles.css +1 -0
- package/dist/components/Drawer/index.d.ts +2 -1
- package/dist/components/Drawer/index.es.js +3 -1
- package/dist/components/Drawer/index.es.js.map +1 -1
- package/dist/components/Emphasis/index.es.js +3 -2
- package/dist/components/Emphasis/index.es.js.map +1 -1
- package/dist/components/Footer/index.d.ts +1 -1
- package/dist/components/Footer/index.es.js +4 -3
- package/dist/components/Footer/index.es.js.map +1 -1
- package/dist/components/Footer/types.d.ts +1 -0
- package/dist/components/Group/index.es.js +3 -2
- package/dist/components/Group/index.es.js.map +1 -1
- package/dist/components/Header/index.es.js +53 -16
- package/dist/components/Header/index.es.js.map +1 -1
- package/dist/components/Header/parts/HeaderActions.d.ts +2 -1
- package/dist/components/Header/parts/HeaderBadges.d.ts +2 -1
- package/dist/components/Header/parts/HeaderButton.d.ts +2 -1
- package/dist/components/Header/parts/HeaderHamburger.d.ts +2 -1
- package/dist/components/Header/parts/HeaderLogo.d.ts +2 -1
- package/dist/components/Header/parts/HeaderNavbar.d.ts +2 -1
- package/dist/components/Header/parts/HeaderNavigation.d.ts +2 -1
- package/dist/components/Header/parts/HeaderProfile.d.ts +2 -1
- package/dist/components/Header/parts/HeaderWrap.d.ts +2 -1
- package/dist/components/Header/types.d.ts +1 -0
- package/dist/components/Icon/index.es.js +3 -1
- package/dist/components/Icon/index.es.js.map +1 -1
- package/dist/components/Image/index.es.js +1 -1
- package/dist/components/Label/index.es.js +1 -1
- package/dist/components/LazyImage/index.d.ts +2 -1
- package/dist/components/LazyImage/index.es.js +4 -2
- package/dist/components/LazyImage/index.es.js.map +1 -1
- package/dist/components/LazyImage/types.d.ts +1 -0
- package/dist/components/Logo/Logo.d.ts +6 -1
- package/dist/components/Logo/ac/BadgeFullWhite.d.ts +2 -1
- package/dist/components/Logo/ac/BadgeWhite.d.ts +2 -1
- package/dist/components/Logo/ac/BadgeWhiteStroke.d.ts +2 -1
- package/dist/components/Logo/ac/BadgeWhiteStrokeDefault.d.ts +2 -1
- package/dist/components/Logo/ac/Badget.d.ts +2 -1
- package/dist/components/Logo/ac/Primary.d.ts +2 -1
- package/dist/components/Logo/ac/PrimaryFillWhite.d.ts +2 -1
- package/dist/components/Logo/ac/PrimaryFullWhite.d.ts +2 -1
- package/dist/components/Logo/ac/PrimaryNegative.d.ts +2 -1
- package/dist/components/Logo/ac/PrimaryWhite.d.ts +2 -1
- package/dist/components/Logo/ac/Tertiary.d.ts +2 -1
- package/dist/components/Logo/ac/TertiaryWhite.d.ts +2 -1
- package/dist/components/Logo/cp/BadgeWhiteStroke.d.ts +2 -1
- package/dist/components/Logo/cp/Badget.d.ts +2 -1
- package/dist/components/Logo/cp/Primary.d.ts +2 -1
- package/dist/components/Logo/cp/PrimaryFillWhite.d.ts +2 -1
- package/dist/components/Logo/cp/PrimaryFullWhite.d.ts +2 -1
- package/dist/components/Logo/cp/PrimaryLogoWhite.d.ts +2 -1
- package/dist/components/Logo/cp/PrimaryNegative.d.ts +2 -1
- package/dist/components/Logo/cp/PrimaryWhite.d.ts +2 -1
- package/dist/components/Logo/index.es.js +1 -1
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Modal/index.es.js +3 -1
- package/dist/components/Modal/index.es.js.map +1 -1
- package/dist/components/NavbarVertical/index.d.ts +4 -2
- package/dist/components/NavbarVertical/index.es.js +6 -3
- package/dist/components/NavbarVertical/index.es.js.map +1 -1
- package/dist/components/NotificationsBar/index.d.ts +9 -6
- package/dist/components/NotificationsBar/index.es.js +21 -9
- package/dist/components/NotificationsBar/index.es.js.map +1 -1
- package/dist/components/PartnerBanner/PartnerBanner.test.d.ts +1 -0
- package/dist/components/PartnerBanner/index.d.ts +11 -0
- package/dist/components/PartnerBanner/index.es.js +45 -0
- package/dist/components/PartnerBanner/index.es.js.map +1 -0
- package/dist/components/PartnerBanner/styles.css +1 -0
- package/dist/components/PortalHolder/index.es.js +1 -1
- package/dist/components/ProfileNav/index.d.ts +2 -1
- package/dist/components/ProfileNav/index.es.js +6 -2
- package/dist/components/ProfileNav/index.es.js.map +1 -1
- package/dist/components/ProgressBar/index.d.ts +1 -0
- package/dist/components/ProgressBar/index.es.js +3 -1
- package/dist/components/ProgressBar/index.es.js.map +1 -1
- package/dist/components/Prototype/Carousel/index.d.ts +1 -1
- package/dist/components/Prototype/Carousel/types.d.ts +1 -0
- package/dist/components/Pure/index.es.js +3 -2
- package/dist/components/Pure/index.es.js.map +1 -1
- package/dist/components/Segment/index.es.js +1 -1
- package/dist/components/SelectField/index.es.js +4 -2
- package/dist/components/SelectField/index.es.js.map +1 -1
- package/dist/components/SelectField/styles.css +1 -1
- package/dist/components/Skeleton/Skeleton.stories.d.ts +2 -0
- package/dist/components/Skeleton/index.d.ts +2 -1
- package/dist/components/Skeleton/index.es.js +3 -2
- package/dist/components/Skeleton/index.es.js.map +1 -1
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Spinner/index.es.js +6 -1
- package/dist/components/Spinner/index.es.js.map +1 -1
- package/dist/components/SubHeader/index.d.ts +2 -1
- package/dist/components/SubHeader/index.es.js +3 -1
- package/dist/components/SubHeader/index.es.js.map +1 -1
- package/dist/components/Switch/Card/types.d.ts +1 -0
- package/dist/components/Switch/Pure/types.d.ts +1 -0
- package/dist/components/Tabs/index.d.ts +2 -1
- package/dist/components/Tabs/index.es.js +4 -2
- package/dist/components/Tabs/index.es.js.map +1 -1
- package/dist/components/Tabs/styles.css +1 -1
- package/dist/components/Tag/index.d.ts +2 -1
- package/dist/components/Tag/index.es.js +4 -3
- package/dist/components/Tag/index.es.js.map +1 -1
- package/dist/components/Text/styles.css +1 -1
- package/dist/components/Text/types.d.ts +1 -1
- package/dist/components/TokenField/index.es.js +3 -2
- package/dist/components/TokenField/index.es.js.map +1 -1
- package/dist/components/Tooltip/index.d.ts +2 -1
- package/dist/components/Tooltip/index.es.js +3 -2
- package/dist/components/Tooltip/index.es.js.map +1 -1
- package/dist/components/Transition/Transition.test.d.ts +1 -0
- package/dist/components/Transition/hooks.d.ts +11 -0
- package/dist/components/Transition/index.d.ts +11 -0
- package/dist/components/Transition/index.es.js +131 -0
- package/dist/components/Transition/index.es.js.map +1 -0
- package/dist/components/Transition/styles.css +1 -0
- package/dist/components/dataTestId.test.d.ts +1 -0
- package/dist/components/default/index.es.js +4 -0
- package/dist/components/default/index.es.js.map +1 -1
- package/dist/components/form/Checkbox/Group/index.d.ts +1 -1
- package/dist/components/form/Checkbox/types.d.ts +1 -0
- package/dist/components/form/Radio/Group/index.d.ts +1 -1
- package/dist/components/form/Radio/types.d.ts +1 -0
- package/dist/components/form/SelectField/index.d.ts +1 -1
- package/dist/components/form/SelectField/types.d.ts +1 -0
- package/dist/components/form/TokenField/index.d.ts +2 -1
- package/dist/components/icons/Icon.d.ts +1 -0
- package/dist/components/icons/IconCollapseClose/index.es.js +16 -0
- package/dist/components/icons/IconCollapseClose/index.es.js.map +1 -0
- package/dist/components/icons/IconCollapseOpen/index.es.js +16 -0
- package/dist/components/icons/IconCollapseOpen/index.es.js.map +1 -0
- package/dist/components/icons/default/IconCollapseClose.d.ts +2 -0
- package/dist/components/icons/default/IconCollapseOpen.d.ts +2 -0
- package/dist/components/icons/default/index.d.ts +2 -0
- package/dist/components/icons/index.es.js +4 -0
- package/dist/components/icons/index.es.js.map +1 -1
- package/dist/{index-NIxlEyxx.js → index-CnXw6SB7.js} +3 -3
- package/dist/{index-NIxlEyxx.js.map → index-CnXw6SB7.js.map} +1 -1
- package/dist/{index-vsYzka4t.js → index-Dws33tXs.js} +2 -2
- package/dist/{index-vsYzka4t.js.map → index-Dws33tXs.js.map} +1 -1
- package/dist/{index-BvQw_Wgb.js → index-fyDB87KK.js} +2 -2
- package/dist/{index-BvQw_Wgb.js.map → index-fyDB87KK.js.map} +1 -1
- package/dist/main.d.ts +6 -1
- package/dist/main.es.js +76 -52
- package/dist/main.es.js.map +1 -1
- package/dist/{tokens-eEtvWiuX.js → tokens-CKZdIZ5O.js} +44 -44
- package/dist/{tokens-eEtvWiuX.js.map → tokens-CKZdIZ5O.js.map} +1 -1
- package/package.json +1 -1
- package/dist/BadgeWhite-DwzVEF3U.js.map +0 -1
|
@@ -5,8 +5,8 @@ import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js"
|
|
|
5
5
|
import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
|
|
6
6
|
import { IconX } from "./components/icons/IconX/index.es.js";
|
|
7
7
|
import { useState, useRef, useEffect } from "react";
|
|
8
|
-
import { B as BREAKPOINT_MD } from "./tokens-eEtvWiuX.js";
|
|
9
8
|
import { a as above } from "./screen-DfYo7XQ_.js";
|
|
9
|
+
import { B as BREAKPOINT_MD } from "./tokens-CKZdIZ5O.js";
|
|
10
10
|
import './components/index/styles3.css';function useOutsideClick({
|
|
11
11
|
rootEl,
|
|
12
12
|
breakpoint,
|
|
@@ -150,4 +150,4 @@ export {
|
|
|
150
150
|
Segment as S,
|
|
151
151
|
useOutsideClick as u
|
|
152
152
|
};
|
|
153
|
-
//# sourceMappingURL=index-
|
|
153
|
+
//# sourceMappingURL=index-fyDB87KK.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-fyDB87KK.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n rootEl: React.RefObject<HTMLDivElement>\n breakpoint?: string\n onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n rootEl,\n breakpoint,\n onLoseFocusCB,\n}: UseOutsideClickProps) {\n const [setupListener, setSetupListener] = useState(false)\n\n function listenOutsideClick() {\n if (breakpoint && !above(breakpoint)) return\n document.addEventListener('mousedown', handleLoseFocus)\n setSetupListener(true)\n }\n\n function clearOutsideClickListenner() {\n if (setupListener) {\n document.removeEventListener('mousedown', handleLoseFocus)\n setSetupListener(false)\n }\n }\n\n function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n if (!rootEl.current) return\n\n const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n if (clickedOutside) {\n onLoseFocusCB()\n clearOutsideClickListenner()\n }\n }\n\n return {\n listenOutsideClick,\n }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n options: SegmentItem[]\n currentValue: string | number\n onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n options,\n currentValue,\n onSelect,\n}: UseSegmentProps) {\n const [isListOpen, setIsListOpen] = useState(false)\n const rootEl = useRef<HTMLDivElement>(null)\n const selectedItem = useRef<HTMLLIElement>(null)\n const currentItem = options.find((item) => item.value === currentValue)\n const { listenOutsideClick } = useOutsideClick({\n rootEl,\n breakpoint: BREAKPOINT_MD,\n onLoseFocusCB: closeList,\n })\n\n useEffect(() => {\n if (selectedItem.current && isListOpen) {\n selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n }\n }, [isListOpen])\n\n function openList() {\n setIsListOpen(true)\n listenOutsideClick()\n }\n\n function closeList() {\n setIsListOpen(false)\n }\n\n function handleSelectItem(option: SegmentItem) {\n onSelect(option)\n setIsListOpen(false)\n }\n\n return {\n openList,\n closeList,\n isListOpen,\n rootEl,\n currentItem,\n handleSelectItem,\n selectedItem,\n }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n mobileTitle: string\n options: SegmentItem[]\n onSelect: (option: SegmentItem) => void\n currentValue: string | number\n minValue?: Date\n maxValue?: Date\n}\n\nexport const Segment = ({\n currentValue,\n options,\n mobileTitle,\n onSelect,\n}: SegmentProps) => {\n const {\n rootEl,\n isListOpen,\n openList,\n closeList,\n currentItem,\n handleSelectItem,\n selectedItem,\n } = useSegment({\n options,\n currentValue,\n onSelect,\n })\n\n return (\n <div\n ref={rootEl}\n className={classNames('au-datepicker__segment', {\n 'au-datepicker__segment--open': isListOpen,\n })}>\n <button\n type=\"button\"\n className=\"au-datepicker__segment-input\"\n onClick={openList}\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={isListOpen}>\n {currentItem?.label}\n <IconChevronDown aria-hidden=\"true\" />\n </button>\n <div className=\"au-datepicker__segment-list-holder\">\n <div className=\"au-datepicker__segment-list-header\">\n <button type=\"button\" onClick={closeList} aria-label=\"Voltar\">\n <IconChevronLeft aria-hidden=\"true\" />\n </button>\n <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n <button type=\"button\" onClick={closeList} aria-label=\"Fechar\">\n <IconX aria-hidden=\"true\" />\n </button>\n </div>\n <ul className=\"au-datepicker__segment-list\" role=\"listbox\">\n {options.map((option, idx) => {\n const isSelectedItem = option.value === currentValue\n return (\n <li\n key={`au-datepicker-segment-li-${option.value}-${idx}`}\n onClick={() => handleSelectItem(option)}\n ref={isSelectedItem ? selectedItem : null}\n role=\"option\"\n aria-selected={isSelectedItem}\n className={classNames('au-datepicker__segment-list-item', {\n 'au-datepicker__segment-list-item--active': isSelectedItem,\n })}>\n {option.label}\n </li>\n )\n })}\n </ul>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":";;;;;;;;;AASO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,WAAS,qBAAqB;AAC5B,QAAkB,CAAC,MAAM,UAAU,EAAG;AACtC,aAAS,iBAAiB,aAAa,eAAe;AACtD,qBAAiB,IAAI;AAAA,EACvB;AAEA,WAAS,6BAA6B;AACpC,QAAI,eAAe;AACjB,eAAS,oBAAoB,aAAa,eAAe;AACzD,uBAAiB,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,WAAS,gBAAgB,IAA6B;AACpD,QAAI,CAAC,OAAO,QAAS;AAErB,UAAM,iBAAiB,CAAC,OAAO,QAAQ,SAAS,GAAG,MAAc;AAEjE,QAAI,gBAAgB;AAClB,oBAAA;AACA,iCAAA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,EAAA;AAEJ;AC/BO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,eAAe,OAAsB,IAAI;AAC/C,QAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,UAAU,YAAY;AACtE,QAAM,EAAE,mBAAA,IAAuB,gBAAgB;AAAA,IAC7C;AAAA,IACA,YAAY;AAAA,IACZ,eAAe;AAAA,EAAA,CAChB;AAED,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,YAAY;AACtC,mBAAa,QAAQ,eAAe,EAAE,OAAO,UAAU,QAAQ,UAAU;AAAA,IAC3E;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,WAAS,WAAW;AAClB,kBAAc,IAAI;AAClB,uBAAA;AAAA,EACF;AAEA,WAAS,YAAY;AACnB,kBAAc,KAAK;AAAA,EACrB;AAEA,WAAS,iBAAiB,QAAqB;AAC7C,aAAS,MAAM;AACf,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;ACxCO,MAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,WAAW;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,WAAW,0BAA0B;AAAA,QAC9C,gCAAgC;AAAA,MAAA,CACjC;AAAA,MACD,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,MAAK;AAAA,YACL,iBAAc;AAAA,YACd,iBAAe;AAAA,YACd,UAAA;AAAA,cAAA,2CAAa;AAAA,cACd,oBAAC,iBAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtC,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,YAAA,oBAAC,UAAA,EAAO,MAAK,UAAS,SAAS,WAAW,cAAW,UACnD,UAAA,oBAAC,iBAAA,EAAgB,eAAY,OAAA,CAAO,GACtC;AAAA,YACA,oBAAC,MAAA,EAAG,WAAU,gCAAgC,UAAA,aAAY;AAAA,YAC1D,oBAAC,UAAA,EAAO,MAAK,UAAS,SAAS,WAAW,cAAW,UACnD,UAAA,oBAAC,OAAA,EAAM,eAAY,OAAA,CAAO,EAAA,CAC5B;AAAA,UAAA,GACF;AAAA,UACA,oBAAC,MAAA,EAAG,WAAU,+BAA8B,MAAK,WAC9C,UAAA,QAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,kBAAM,iBAAiB,OAAO,UAAU;AACxC,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAM,iBAAiB,MAAM;AAAA,gBACtC,KAAK,iBAAiB,eAAe;AAAA,gBACrC,MAAK;AAAA,gBACL,iBAAe;AAAA,gBACf,WAAW,WAAW,oCAAoC;AAAA,kBACxD,4CAA4C;AAAA,gBAAA,CAC7C;AAAA,gBACA,UAAA,OAAO;AAAA,cAAA;AAAA,cARH,4BAA4B,OAAO,KAAK,IAAI,GAAG;AAAA,YAAA;AAAA,UAW1D,CAAC,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
package/dist/main.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { Button } from './components/Button';
|
|
2
2
|
export { PureSwitch } from './components/Switch/Pure';
|
|
3
3
|
export { CardSwitch } from './components/Switch/Card';
|
|
4
|
-
export { Chip } from './components/Chip';
|
|
4
|
+
export { Chip, type ChipProps } from './components/Chip';
|
|
5
5
|
export { Conditional } from './components/misc/Conditional';
|
|
6
6
|
export { Drawer } from './components/Drawer';
|
|
7
7
|
export { Header } from './components/Header';
|
|
@@ -35,6 +35,11 @@ export { Container } from './components/Container';
|
|
|
35
35
|
export { SubHeader } from './components/SubHeader';
|
|
36
36
|
export { BadgeInfo } from './components/BadgeInfo';
|
|
37
37
|
export { BadgeState } from './components/BadgeState';
|
|
38
|
+
export { Divider } from './components/Divider';
|
|
39
|
+
export { AdBox } from './components/AdBox';
|
|
40
|
+
export { ChipBanner } from './components/ChipBanner';
|
|
41
|
+
export { PartnerBanner, type PartnerBannerProps } from './components/PartnerBanner';
|
|
42
|
+
export { Transition, type TransitionProps } from './components/Transition';
|
|
38
43
|
export { useDrawer } from './components/Drawer/hooks';
|
|
39
44
|
export * from './components/Logo';
|
|
40
45
|
export * from './components/icons';
|
package/dist/main.es.js
CHANGED
|
@@ -36,8 +36,13 @@ import { Container } from "./components/Container/index.es.js";
|
|
|
36
36
|
import { SubHeader } from "./components/SubHeader/index.es.js";
|
|
37
37
|
import { BadgeInfo } from "./components/BadgeInfo/index.es.js";
|
|
38
38
|
import { BadgeState } from "./components/BadgeState/index.es.js";
|
|
39
|
+
import { Divider } from "./components/Divider/index.es.js";
|
|
40
|
+
import { AdBox } from "./components/AdBox/index.es.js";
|
|
41
|
+
import { ChipBanner } from "./components/ChipBanner/index.es.js";
|
|
42
|
+
import { PartnerBanner } from "./components/PartnerBanner/index.es.js";
|
|
43
|
+
import { Transition } from "./components/Transition/index.es.js";
|
|
39
44
|
import { useState } from "react";
|
|
40
|
-
import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "./BadgeWhite-
|
|
45
|
+
import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "./BadgeWhite-CkZPPGmT.js";
|
|
41
46
|
import { IconActivity } from "./components/icons/IconActivity/index.es.js";
|
|
42
47
|
import { IconAi } from "./components/icons/IconAi/index.es.js";
|
|
43
48
|
import { IconAiBox } from "./components/icons/IconAiBox/index.es.js";
|
|
@@ -114,6 +119,8 @@ import { IconCodepen } from "./components/icons/IconCodepen/index.es.js";
|
|
|
114
119
|
import { IconCodesandbox } from "./components/icons/IconCodesandbox/index.es.js";
|
|
115
120
|
import { IconCoffee } from "./components/icons/IconCoffee/index.es.js";
|
|
116
121
|
import { IconCoin } from "./components/icons/IconCoin/index.es.js";
|
|
122
|
+
import { IconCollapseClose } from "./components/icons/IconCollapseClose/index.es.js";
|
|
123
|
+
import { IconCollapseOpen } from "./components/icons/IconCollapseOpen/index.es.js";
|
|
117
124
|
import { IconColumns } from "./components/icons/IconColumns/index.es.js";
|
|
118
125
|
import { IconCommand } from "./components/icons/IconCommand/index.es.js";
|
|
119
126
|
import { IconCompass } from "./components/icons/IconCompass/index.es.js";
|
|
@@ -364,15 +371,16 @@ import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
|
|
|
364
371
|
import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
|
|
365
372
|
import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
|
|
366
373
|
import { C, D, E, W, I, S, T } from "./react-if.esm-Cozt8l48.js";
|
|
367
|
-
import { i as i2, j as j2, k as k2, l as l2, a as a2, B, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t, u, v, w, x, y, z, g as g2, A, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, b as b2, O, P, Q, R, S as S2, T as T2, f as f2, U, h as h2, V, W as W2, X, c as c2, Y, Z, d as d2, _, $, a0, a1, a2 as a22, C as C2, a3, a4, a5, a6, a7, a8, e as e2, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./tokens-eEtvWiuX.js";
|
|
368
374
|
import { Carousel } from "./components/Carousel/index.es.js";
|
|
375
|
+
import { j as j2, k as k2, l as l2, m as m2, a as a2, B, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t, u, v, w, x, y, z, A, g as g2, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, O, b as b2, P, Q, R, S as S2, T as T2, U, f as f2, V, i as i2, W as W2, X, Y, c as c2, Z, h as h2, d as d2, _, $, a0, a1, a2 as a22, C as C2, a3, a4, a5, a6, a7, a8, e as e2, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ } from "./tokens-CKZdIZ5O.js";
|
|
369
376
|
import './components/main/styles.css';const CardContainer = ({
|
|
370
377
|
direction,
|
|
371
378
|
alignItems,
|
|
372
379
|
justifyContent,
|
|
373
380
|
gap,
|
|
374
381
|
width,
|
|
375
|
-
children
|
|
382
|
+
children,
|
|
383
|
+
"data-testid": dataTestId
|
|
376
384
|
}) => {
|
|
377
385
|
const containerClasses = classNames("au-card__container", {
|
|
378
386
|
[`au-card__container--direction-${direction}`]: direction,
|
|
@@ -383,14 +391,20 @@ import './components/main/styles.css';const CardContainer = ({
|
|
|
383
391
|
gap: `${gap}px`,
|
|
384
392
|
width: `${width}px`
|
|
385
393
|
};
|
|
386
|
-
return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, children });
|
|
394
|
+
return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, "data-testid": dataTestId, children });
|
|
387
395
|
};
|
|
388
|
-
const CardImage = ({
|
|
396
|
+
const CardImage = ({
|
|
397
|
+
src,
|
|
398
|
+
alt,
|
|
399
|
+
width,
|
|
400
|
+
height,
|
|
401
|
+
"data-testid": dataTestId
|
|
402
|
+
}) => {
|
|
389
403
|
const imageSize = {
|
|
390
404
|
width: `${width}px`,
|
|
391
405
|
height: `${height}px`
|
|
392
406
|
};
|
|
393
|
-
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
|
|
407
|
+
return /* @__PURE__ */ jsx("div", { "data-testid": dataTestId, children: /* @__PURE__ */ jsx("img", { style: imageSize, src, alt }) });
|
|
394
408
|
};
|
|
395
409
|
const CardRoot = ({
|
|
396
410
|
border = true,
|
|
@@ -403,7 +417,8 @@ const CardRoot = ({
|
|
|
403
417
|
paddingLess,
|
|
404
418
|
children,
|
|
405
419
|
className,
|
|
406
|
-
ref
|
|
420
|
+
ref,
|
|
421
|
+
"data-testid": dataTestId
|
|
407
422
|
}) => {
|
|
408
423
|
const rootClasses = classNames("au-card__root", {
|
|
409
424
|
"au-card__root--border-none": !border,
|
|
@@ -424,6 +439,7 @@ const CardRoot = ({
|
|
|
424
439
|
ref,
|
|
425
440
|
style: rootSize,
|
|
426
441
|
className: rootClasses,
|
|
442
|
+
"data-testid": dataTestId,
|
|
427
443
|
children
|
|
428
444
|
}
|
|
429
445
|
);
|
|
@@ -431,13 +447,14 @@ const CardRoot = ({
|
|
|
431
447
|
const CardTag = ({
|
|
432
448
|
color = "primary",
|
|
433
449
|
icon,
|
|
434
|
-
children
|
|
450
|
+
children,
|
|
451
|
+
"data-testid": dataTestId
|
|
435
452
|
}) => {
|
|
436
453
|
const tagClasses = classNames("au-card__tag", {
|
|
437
454
|
"au-card__tag--primary": color === "primary",
|
|
438
455
|
"au-card__tag--secondary": color === "secondary"
|
|
439
456
|
});
|
|
440
|
-
return /* @__PURE__ */ jsxs("div", { className: tagClasses, children: [
|
|
457
|
+
return /* @__PURE__ */ jsxs("div", { className: tagClasses, "data-testid": dataTestId, children: [
|
|
441
458
|
/* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon }),
|
|
442
459
|
/* @__PURE__ */ jsx("span", { children })
|
|
443
460
|
] });
|
|
@@ -469,59 +486,60 @@ function useDrawer(props) {
|
|
|
469
486
|
};
|
|
470
487
|
}
|
|
471
488
|
export {
|
|
489
|
+
AdBox,
|
|
472
490
|
Alert,
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
491
|
+
j2 as BORDER_RADIUS_BIG,
|
|
492
|
+
k2 as BORDER_RADIUS_MEDIUM,
|
|
493
|
+
l2 as BORDER_RADIUS_PILL,
|
|
494
|
+
m2 as BORDER_RADIUS_SMALL,
|
|
477
495
|
a2 as BREAKPOINT_LG,
|
|
478
496
|
B as BREAKPOINT_MD,
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
497
|
+
n2 as BREAKPOINT_SM,
|
|
498
|
+
o2 as BREAKPOINT_XLG,
|
|
499
|
+
p2 as BREAKPOINT_XSM,
|
|
482
500
|
BadgeInfo,
|
|
483
501
|
BadgeState,
|
|
484
502
|
Button,
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
503
|
+
q2 as COLOR_BRAND_BLUE_00,
|
|
504
|
+
r2 as COLOR_BRAND_BLUE_10,
|
|
505
|
+
s2 as COLOR_BRAND_BLUE_20,
|
|
506
|
+
t as COLOR_BRAND_BLUE_30,
|
|
507
|
+
u as COLOR_BRAND_BLUE_40,
|
|
508
|
+
v as COLOR_BRAND_BLUE_50,
|
|
509
|
+
w as COLOR_BRAND_BLUE_60,
|
|
510
|
+
x as COLOR_BRAND_CYAN_10,
|
|
511
|
+
y as COLOR_BRAND_CYAN_20,
|
|
512
|
+
z as COLOR_BRAND_CYAN_30,
|
|
513
|
+
A as COLOR_BRAND_CYAN_40,
|
|
496
514
|
g2 as COLOR_BRAND_CYAN_50,
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
515
|
+
D2 as COLOR_BRAND_CYAN_60,
|
|
516
|
+
E2 as COLOR_BRAND_EMERALD_10,
|
|
517
|
+
F as COLOR_BRAND_EMERALD_20,
|
|
518
|
+
G as COLOR_BRAND_EMERALD_30,
|
|
519
|
+
H as COLOR_BRAND_EMERALD_40,
|
|
520
|
+
I2 as COLOR_BRAND_EMERALD_50,
|
|
521
|
+
J as COLOR_BRAND_EMERALD_60,
|
|
522
|
+
K as COLOR_ERROR_00,
|
|
523
|
+
L2 as COLOR_ERROR_10,
|
|
524
|
+
M as COLOR_ERROR_20,
|
|
525
|
+
N as COLOR_ERROR_30,
|
|
526
|
+
O as COLOR_ERROR_40,
|
|
509
527
|
b2 as COLOR_ERROR_50,
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
528
|
+
P as COLOR_ERROR_60,
|
|
529
|
+
Q as COLOR_INFO_00,
|
|
530
|
+
R as COLOR_INFO_10,
|
|
531
|
+
S2 as COLOR_INFO_20,
|
|
532
|
+
T2 as COLOR_INFO_30,
|
|
533
|
+
U as COLOR_INFO_40,
|
|
516
534
|
f2 as COLOR_INFO_50,
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
535
|
+
V as COLOR_INFO_60,
|
|
536
|
+
i2 as COLOR_NEUTRAL_00,
|
|
537
|
+
W2 as COLOR_NEUTRAL_10,
|
|
538
|
+
X as COLOR_NEUTRAL_20,
|
|
539
|
+
Y as COLOR_NEUTRAL_30,
|
|
522
540
|
c2 as COLOR_NEUTRAL_40,
|
|
523
|
-
|
|
524
|
-
|
|
541
|
+
Z as COLOR_NEUTRAL_50,
|
|
542
|
+
h2 as COLOR_NEUTRAL_60,
|
|
525
543
|
d2 as COLOR_NEUTRAL_70,
|
|
526
544
|
_ as COLOR_SUCCESS_00,
|
|
527
545
|
$ as COLOR_SUCCESS_10,
|
|
@@ -544,10 +562,12 @@ export {
|
|
|
544
562
|
C as Case,
|
|
545
563
|
Checkbox,
|
|
546
564
|
Chip,
|
|
565
|
+
ChipBanner,
|
|
547
566
|
Conditional,
|
|
548
567
|
Container,
|
|
549
568
|
DatepickerField,
|
|
550
569
|
D as Default,
|
|
570
|
+
Divider,
|
|
551
571
|
Drawer,
|
|
552
572
|
E as Else,
|
|
553
573
|
EmailField,
|
|
@@ -645,6 +665,8 @@ export {
|
|
|
645
665
|
IconCodesandbox,
|
|
646
666
|
IconCoffee,
|
|
647
667
|
IconCoin,
|
|
668
|
+
IconCollapseClose,
|
|
669
|
+
IconCollapseOpen,
|
|
648
670
|
IconColumns,
|
|
649
671
|
IconCommand,
|
|
650
672
|
IconCompass,
|
|
@@ -927,6 +949,7 @@ export {
|
|
|
927
949
|
at as OPACITY_20,
|
|
928
950
|
au as OPACITY_30,
|
|
929
951
|
av as OPACITY_40,
|
|
952
|
+
PartnerBanner,
|
|
930
953
|
PasswordField,
|
|
931
954
|
ProfileNav,
|
|
932
955
|
ProgressBar,
|
|
@@ -958,6 +981,7 @@ export {
|
|
|
958
981
|
T as Then,
|
|
959
982
|
TokenField,
|
|
960
983
|
Tooltip,
|
|
984
|
+
Transition,
|
|
961
985
|
useDrawer
|
|
962
986
|
};
|
|
963
987
|
//# sourceMappingURL=main.es.js.map
|
package/dist/main.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.es.js","sources":["../lib/components/Card/Container/index.tsx","../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/Tag/index.tsx","../lib/components/Card/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n direction?: 'column' | 'row'\n alignItems?: 'center' | 'start'\n justifyContent?: 'center' | 'space-between'\n gap?: number\n width?: number\n children: ReactNode\n}\nexport const CardContainer = ({\n direction,\n alignItems,\n justifyContent,\n gap,\n width,\n children,\n}: CardContainerProps) => {\n const containerClasses = classNames('au-card__container', {\n [`au-card__container--direction-${direction}`]: direction,\n [`au-card__container--align-items-${alignItems}`]: alignItems,\n [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n })\n\n const containerStyle: CSSProperties = {\n gap: `${gap}px`,\n width: `${width}px`\n }\n return (\n <div style={containerStyle} className={containerClasses}>\n {children}\n </div>\n )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n src: string\n alt?: string\n width?: number\n height?: number\n}\nexport const CardImage = ({
|
|
1
|
+
{"version":3,"file":"main.es.js","sources":["../lib/components/Card/Container/index.tsx","../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/Tag/index.tsx","../lib/components/Card/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n direction?: 'column' | 'row'\n alignItems?: 'center' | 'start'\n justifyContent?: 'center' | 'space-between'\n gap?: number\n width?: number\n children: ReactNode\n 'data-testid'?: string\n}\nexport const CardContainer = ({\n direction,\n alignItems,\n justifyContent,\n gap,\n width,\n children,\n 'data-testid': dataTestId,\n}: CardContainerProps) => {\n const containerClasses = classNames('au-card__container', {\n [`au-card__container--direction-${direction}`]: direction,\n [`au-card__container--align-items-${alignItems}`]: alignItems,\n [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n })\n\n const containerStyle: CSSProperties = {\n gap: `${gap}px`,\n width: `${width}px`\n }\n return (\n <div style={containerStyle} className={containerClasses} data-testid={dataTestId}>\n {children}\n </div>\n )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n src: string\n alt?: string\n width?: number\n height?: number\n 'data-testid'?: string\n}\nexport const CardImage = ({\n src,\n alt,\n width,\n height,\n 'data-testid': dataTestId,\n}: CardImageProps) => {\n const imageSize: CSSProperties = {\n width: `${width}px`,\n height: `${height}px`,\n }\n\n return (\n <div data-testid={dataTestId}>\n <img style={imageSize} src={src} alt={alt} />\n </div>\n )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode, Ref } from 'react'\n\nexport type CardRootProps = {\n border?: boolean\n color?: 'primary' | 'secondary'\n width?: number\n height?: number\n maxWidth?: number\n maxHeight?: number\n paddingLess?: boolean;\n hoverShadow?: boolean\n className?: string;\n children: ReactNode\n ref?: Ref<HTMLDivElement>\n 'data-testid'?: string\n}\nexport const CardRoot = ({\n border = true,\n color = 'primary',\n width,\n height,\n maxWidth,\n maxHeight,\n hoverShadow,\n paddingLess,\n children,\n className,\n ref,\n 'data-testid': dataTestId,\n}: CardRootProps) => {\n const rootClasses = classNames('au-card__root', {\n 'au-card__root--border-none': !border,\n 'au-card__root--color-secondary': color === 'secondary',\n 'au-card__root--with-hover-shadow': !!hoverShadow,\n 'au-card__root--paddingless': !!paddingLess,\n [String(className)]: !!className\n })\n const rootSize: CSSProperties = {\n width: `${width}px`,\n height: `${height}px`,\n maxWidth: `${maxWidth}px`,\n maxHeight: `${maxHeight}px`\n }\n\n return (\n <div\n ref={ref}\n style={rootSize}\n className={rootClasses}\n data-testid={dataTestId}>\n {children}\n </div>\n )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n color?: 'primary' | 'secondary'\n icon?: ReactNode\n children: ReactNode\n 'data-testid'?: string\n}\nexport const CardTag = ({\n color = 'primary',\n icon,\n children,\n 'data-testid': dataTestId,\n}: CardTagProps) => {\n const tagClasses = classNames('au-card__tag', {\n 'au-card__tag--primary': color === 'primary',\n 'au-card__tag--secondary': color === 'secondary',\n })\n return (\n <div className={tagClasses} data-testid={dataTestId}>\n <span aria-hidden=\"true\">{icon}</span>\n <span>{children}</span>\n </div>\n )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n Root: React.FC<CardRootProps>\n Container: React.FC<CardContainerProps>\n Emphasis: React.FC<CardEmphasisProps>\n Image: React.FC<CardImageProps>\n Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n Root: CardRoot,\n Container: CardContainer,\n Emphasis: CardEmphasis,\n Image: CardImage,\n Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n const component = components[key as keyof Components]\n component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n","import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n function handleOpenDrawer(name: string) {\n setDrawerOpen((prev) => {\n return {\n ...prev,\n [name]: !prev[name],\n }\n })\n }\n\n return {\n handleOpenDrawer,\n drawerOpen,\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -100,32 +100,32 @@ const FONT_SIZE_P3 = "14px";
|
|
|
100
100
|
const FONT_SIZE_P4 = "12px";
|
|
101
101
|
export {
|
|
102
102
|
COLOR_SUCCESS_10 as $,
|
|
103
|
-
|
|
103
|
+
COLOR_BRAND_CYAN_40 as A,
|
|
104
104
|
BREAKPOINT_MD as B,
|
|
105
105
|
COLOR_SUCCESS_50 as C,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
106
|
+
COLOR_BRAND_CYAN_60 as D,
|
|
107
|
+
COLOR_BRAND_EMERALD_10 as E,
|
|
108
|
+
COLOR_BRAND_EMERALD_20 as F,
|
|
109
|
+
COLOR_BRAND_EMERALD_30 as G,
|
|
110
|
+
COLOR_BRAND_EMERALD_40 as H,
|
|
111
|
+
COLOR_BRAND_EMERALD_50 as I,
|
|
112
|
+
COLOR_BRAND_EMERALD_60 as J,
|
|
113
|
+
COLOR_ERROR_00 as K,
|
|
114
|
+
COLOR_ERROR_10 as L,
|
|
115
|
+
COLOR_ERROR_20 as M,
|
|
116
|
+
COLOR_ERROR_30 as N,
|
|
117
|
+
COLOR_ERROR_40 as O,
|
|
118
|
+
COLOR_ERROR_60 as P,
|
|
119
|
+
COLOR_INFO_00 as Q,
|
|
120
|
+
COLOR_INFO_10 as R,
|
|
121
|
+
COLOR_INFO_20 as S,
|
|
122
|
+
COLOR_INFO_30 as T,
|
|
123
|
+
COLOR_INFO_40 as U,
|
|
124
|
+
COLOR_INFO_60 as V,
|
|
125
|
+
COLOR_NEUTRAL_10 as W,
|
|
126
|
+
COLOR_NEUTRAL_20 as X,
|
|
127
|
+
COLOR_NEUTRAL_30 as Y,
|
|
128
|
+
COLOR_NEUTRAL_50 as Z,
|
|
129
129
|
COLOR_SUCCESS_00 as _,
|
|
130
130
|
BREAKPOINT_LG as a,
|
|
131
131
|
COLOR_SUCCESS_20 as a0,
|
|
@@ -180,24 +180,24 @@ export {
|
|
|
180
180
|
COLOR_WARNING_50 as e,
|
|
181
181
|
COLOR_INFO_50 as f,
|
|
182
182
|
COLOR_BRAND_CYAN_50 as g,
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
183
|
+
COLOR_NEUTRAL_60 as h,
|
|
184
|
+
COLOR_NEUTRAL_00 as i,
|
|
185
|
+
BORDER_RADIUS_BIG as j,
|
|
186
|
+
BORDER_RADIUS_MEDIUM as k,
|
|
187
|
+
BORDER_RADIUS_PILL as l,
|
|
188
|
+
BORDER_RADIUS_SMALL as m,
|
|
189
|
+
BREAKPOINT_SM as n,
|
|
190
|
+
BREAKPOINT_XLG as o,
|
|
191
|
+
BREAKPOINT_XSM as p,
|
|
192
|
+
COLOR_BRAND_BLUE_00 as q,
|
|
193
|
+
COLOR_BRAND_BLUE_10 as r,
|
|
194
|
+
COLOR_BRAND_BLUE_20 as s,
|
|
195
|
+
COLOR_BRAND_BLUE_30 as t,
|
|
196
|
+
COLOR_BRAND_BLUE_40 as u,
|
|
197
|
+
COLOR_BRAND_BLUE_50 as v,
|
|
198
|
+
COLOR_BRAND_BLUE_60 as w,
|
|
199
|
+
COLOR_BRAND_CYAN_10 as x,
|
|
200
|
+
COLOR_BRAND_CYAN_20 as y,
|
|
201
|
+
COLOR_BRAND_CYAN_30 as z
|
|
202
202
|
};
|
|
203
|
-
//# sourceMappingURL=tokens-
|
|
203
|
+
//# sourceMappingURL=tokens-CKZdIZ5O.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-
|
|
1
|
+
{"version":3,"file":"tokens-CKZdIZ5O.js","sources":["../lib/core/tokens/.cache/tokens.ts"],"sourcesContent":["export const BORDER_RADIUS_SMALL = \"4px\";\nexport const BORDER_RADIUS_MEDIUM = \"8px\";\nexport const BORDER_RADIUS_BIG = \"16px\";\nexport const BORDER_RADIUS_PILL = \"999px\";\nexport const COLOR_NEUTRAL_70 = \"#16181d\";\nexport const COLOR_NEUTRAL_60 = \"#313131\";\nexport const COLOR_NEUTRAL_50 = \"#454a54\";\nexport const COLOR_NEUTRAL_40 = \"#5e6573\";\nexport const COLOR_NEUTRAL_30 = \"#c4c9d4\";\nexport const COLOR_NEUTRAL_20 = \"#e2e4e9\";\nexport const COLOR_NEUTRAL_10 = \"#f6f7fa\";\nexport const COLOR_NEUTRAL_00 = \"#ffffff\";\nexport const COLOR_BRAND_BLUE_60 = \"#18256c\";\nexport const COLOR_BRAND_BLUE_50 = \"#1737a4\";\nexport const COLOR_BRAND_BLUE_40 = \"#0048db\";\nexport const COLOR_BRAND_BLUE_30 = \"#9abcff\";\nexport const COLOR_BRAND_BLUE_20 = \"#dce8ff\";\nexport const COLOR_BRAND_BLUE_10 = \"#fafbff\";\nexport const COLOR_BRAND_BLUE_00 = \"#F2F5FC\";\nexport const COLOR_BRAND_EMERALD_60 = \"#013220\";\nexport const COLOR_BRAND_EMERALD_50 = \"#026441\";\nexport const COLOR_BRAND_EMERALD_40 = \"#04d98c\";\nexport const COLOR_BRAND_EMERALD_30 = \"#95f0cf\";\nexport const COLOR_BRAND_EMERALD_20 = \"#ccf2e4\";\nexport const COLOR_BRAND_EMERALD_10 = \"#edfef7\";\nexport const COLOR_BRAND_CYAN_60 = \"#004155\";\nexport const COLOR_BRAND_CYAN_50 = \"#005c77\";\nexport const COLOR_BRAND_CYAN_40 = \"#02bedf\";\nexport const COLOR_BRAND_CYAN_30 = \"#3edcff\";\nexport const COLOR_BRAND_CYAN_20 = \"#ccf3ff\";\nexport const COLOR_BRAND_CYAN_10 = \"#f1fcff\";\nexport const COLOR_SUCCESS_60 = \"#08331a\";\nexport const COLOR_SUCCESS_50 = \"#10593b\";\nexport const COLOR_SUCCESS_40 = \"#138040\";\nexport const COLOR_SUCCESS_30 = \"#66cc90\";\nexport const COLOR_SUCCESS_20 = \"#a1e5bd\";\nexport const COLOR_SUCCESS_10 = \"#e5fff0\";\nexport const COLOR_SUCCESS_00 = \"#f0fcf5\";\nexport const COLOR_ERROR_60 = \"#731111\";\nexport const COLOR_ERROR_50 = \"#991717\";\nexport const COLOR_ERROR_40 = \"#e52222\";\nexport const COLOR_ERROR_30 = \"#ff8080\";\nexport const COLOR_ERROR_20 = \"#ffbfbf\";\nexport const COLOR_ERROR_10 = \"#ffe5e5\";\nexport const COLOR_ERROR_00 = \"#f5eff0\";\nexport const COLOR_WARNING_60 = \"#803500\";\nexport const COLOR_WARNING_50 = \"#a64a08\";\nexport const COLOR_WARNING_40 = \"#fa822c\";\nexport const COLOR_WARNING_30 = \"#ffc59c\";\nexport const COLOR_WARNING_20 = \"#ffdabf\";\nexport const COLOR_WARNING_10 = \"#fff0e6\";\nexport const COLOR_WARNING_00 = \"#fcf4f0\";\nexport const COLOR_INFO_60 = \"#46008c\";\nexport const COLOR_INFO_50 = \"#510cb2\";\nexport const COLOR_INFO_40 = \"#6728e5\";\nexport const COLOR_INFO_30 = \"#bd9cff\";\nexport const COLOR_INFO_20 = \"#d4bfff\";\nexport const COLOR_INFO_10 = \"#eee6ff\";\nexport const COLOR_INFO_00 = \"#f3f0fc\";\nexport const SPACING_050 = \"4px\";\nexport const SPACING_100 = \"8px\";\nexport const SPACING_200 = \"16px\";\nexport const SPACING_300 = \"24px\";\nexport const SPACING_400 = \"32px\";\nexport const SPACING_500 = \"40px\";\nexport const SPACING_600 = \"48px\";\nexport const SPACING_700 = \"56px\";\nexport const SPACING_800 = \"64px\";\nexport const SPACING_900 = \"72px\";\nexport const BREAKPOINT_XSM = \"0px\";\nexport const BREAKPOINT_SM = \"320px\";\nexport const BREAKPOINT_MD = \"600px\";\nexport const BREAKPOINT_LG = \"1024px\";\nexport const BREAKPOINT_XLG = \"1920px\";\nexport const CONTAINER_SIZE = \"1232px\";\nexport const OPACITY_00 = \"0.05\";\nexport const OPACITY_10 = \"0.2\";\nexport const OPACITY_20 = \"0.4\";\nexport const OPACITY_30 = \"0.6\";\nexport const OPACITY_40 = \"0.8\";\nexport const SHADOW_01 = \"0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_02 = \"0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_03 = \"0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)\";\nexport const SHADOW_04 = \"0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)\";\nexport const FONT_TITLE = \"'Lexend Deca', sans-serif\";\nexport const FONT_BODY = \"'Source Sans 3', sans-serif\";\nexport const FONT_WEIGHT_BOLD = \"700\";\nexport const FONT_WEIGHT_SEMIBOLD = \"600\";\nexport const FONT_WEIGHT_MEDIUM = \"500\";\nexport const FONT_WEIGHT_REGULAR = \"400\";\nexport const FONT_SIZE_H1 = \"56px\";\nexport const FONT_SIZE_H2 = \"48px\";\nexport const FONT_SIZE_H3 = \"40px\";\nexport const FONT_SIZE_H4 = \"32px\";\nexport const FONT_SIZE_H5 = \"28px\";\nexport const FONT_SIZE_H6 = \"24px\";\nexport const FONT_SIZE_P1 = \"20px\";\nexport const FONT_SIZE_P2 = \"16px\";\nexport const FONT_SIZE_P3 = \"14px\";\nexport const FONT_SIZE_P4 = \"12px\";"],"names":[],"mappings":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAC7B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,yBAAyB;AAC/B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;AACzB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,iBAAiB;AACvB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,mBAAmB;AACzB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;"}
|