@consumidor-positivo/aurora 1.2.0 → 1.3.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.
Files changed (96) hide show
  1. package/README.md +59 -3
  2. package/astro/AdBox/index.astro +28 -0
  3. package/astro/Alert/index.astro +257 -0
  4. package/astro/BadgeInfo/index.astro +55 -0
  5. package/astro/BadgeState/index.astro +79 -0
  6. package/astro/Button/index.astro +11 -3
  7. package/astro/Card/Container/index.astro +44 -0
  8. package/astro/Card/Emphasis/index.astro +39 -0
  9. package/astro/Card/Image/index.astro +26 -0
  10. package/astro/Card/Root/index.astro +53 -0
  11. package/astro/Card/Tag/index.astro +26 -0
  12. package/astro/Chip/index.astro +48 -0
  13. package/astro/ChipBanner/index.astro +160 -0
  14. package/astro/Container/index.astro +16 -0
  15. package/astro/Divider/index.astro +27 -0
  16. package/astro/Image/index.astro +26 -0
  17. package/astro/LazyImage/index.astro +55 -0
  18. package/astro/LinkButton/index.astro +54 -0
  19. package/astro/Logo/ac/BadgeFullWhite.astro +20 -0
  20. package/astro/Logo/ac/BadgeWhite.astro +23 -0
  21. package/astro/Logo/ac/BadgeWhiteStroke.astro +27 -0
  22. package/astro/Logo/ac/BadgeWhiteStrokeDefault.astro +28 -0
  23. package/astro/Logo/ac/Badget.astro +24 -0
  24. package/astro/Logo/ac/Primary.astro +28 -0
  25. package/astro/Logo/ac/PrimaryFillWhite.astro +28 -0
  26. package/astro/Logo/ac/PrimaryFullWhite.astro +20 -0
  27. package/astro/Logo/ac/PrimaryNegative.astro +20 -0
  28. package/astro/Logo/ac/PrimaryWhite.astro +20 -0
  29. package/astro/Logo/ac/TertiaryWhite.astro +72 -0
  30. package/astro/Logo/cp/BadgeWhiteStroke.astro +10 -0
  31. package/astro/Logo/cp/Badget.astro +14 -0
  32. package/astro/Logo/cp/PrimaryFillWhite.astro +63 -0
  33. package/astro/Logo/cp/PrimaryFullWhite.astro +27 -0
  34. package/astro/Logo/cp/PrimaryLogoWhite.astro +67 -0
  35. package/astro/Logo/cp/PrimaryNegative.astro +27 -0
  36. package/astro/Logo/cp/PrimaryWhite.astro +27 -0
  37. package/astro/Modal/index.astro +213 -0
  38. package/astro/NotificationsBar/Link/index.astro +70 -0
  39. package/astro/NotificationsBar/List/index.astro +38 -0
  40. package/astro/NotificationsBar/index.astro +24 -0
  41. package/astro/PartnerBanner/index.astro +52 -0
  42. package/astro/ProfileNav/index.astro +34 -0
  43. package/astro/ProgressBar/index.astro +70 -0
  44. package/astro/Skeleton/index.astro +50 -0
  45. package/astro/SpecialButton/index.astro +331 -0
  46. package/astro/Spinner/index.astro +75 -0
  47. package/astro/SubHeader/index.astro +57 -0
  48. package/astro/Switch/Card/index.astro +69 -0
  49. package/astro/Switch/Pure/index.astro +47 -0
  50. package/astro/Tooltip/index.astro +38 -0
  51. package/astro/form/Checkbox/Field/index.astro +68 -0
  52. package/astro/form/Checkbox/Group/index.astro +79 -0
  53. package/astro/form/Datepicker/Calendar/index.astro +53 -0
  54. package/astro/form/Datepicker/CalendarHeader/index.astro +57 -0
  55. package/astro/form/Datepicker/Segment/index.astro +53 -0
  56. package/astro/form/Datepicker/index.astro +756 -0
  57. package/astro/form/EmailField/index.astro +237 -0
  58. package/astro/form/Field/ErrorMessage/index.astro +20 -0
  59. package/astro/form/Field/Input/index.astro +15 -0
  60. package/astro/form/Field/InputHolder/index.astro +28 -0
  61. package/astro/form/Field/Label/index.astro +80 -0
  62. package/astro/form/Field/Message/index.astro +29 -0
  63. package/astro/form/Field/Root/index.astro +37 -0
  64. package/astro/form/Field/TextArea/index.astro +69 -0
  65. package/astro/form/InputField/index.astro +96 -0
  66. package/astro/form/PasswordField/index.astro +123 -0
  67. package/astro/form/Radio/Field/index.astro +52 -0
  68. package/astro/form/Radio/Group/index.astro +78 -0
  69. package/astro/form/SelectField/index.astro +561 -0
  70. package/astro/form/TextareaField/index.astro +81 -0
  71. package/astro/form/TokenField/index.astro +211 -0
  72. package/astro/tokens/package.json +6 -0
  73. package/dist/{tokens-C4ypB4bY.js → astro/tokens/index.es.js} +101 -101
  74. package/dist/astro/tokens/index.es.js.map +1 -0
  75. package/dist/components/Alert/index.es.js +1 -1
  76. package/dist/components/BadgeInfo/index.es.js +1 -1
  77. package/dist/components/BadgeState/index.es.js +1 -1
  78. package/dist/components/Image/index.es.js +1 -1
  79. package/dist/components/Spinner/index.es.js +1 -1
  80. package/dist/components/form/Checkbox/Field/index.es.js +1 -1
  81. package/dist/components/form/Datepicker/Calendar/index.es.js +2 -2
  82. package/dist/components/form/Datepicker/CalendarHeader/index.es.js +2 -2
  83. package/dist/components/form/Datepicker/PortalHolder/index.es.js +1 -1
  84. package/dist/components/form/Datepicker/Segment/index.es.js +1 -1
  85. package/dist/components/form/Datepicker/index.es.js +3 -3
  86. package/dist/components/form/Field/Label/index.es.js +1 -1
  87. package/dist/components/form/SelectField/index.es.js +1 -1
  88. package/dist/{index-BcC9liUl.js → index-Bkl5OBIY.js} +3 -3
  89. package/dist/{index-BcC9liUl.js.map → index-Bkl5OBIY.js.map} +1 -1
  90. package/dist/{index-CFYmtkje.js → index-CZfMkAoF.js} +2 -2
  91. package/dist/{index-CFYmtkje.js.map → index-CZfMkAoF.js.map} +1 -1
  92. package/dist/{index-CeClo_WS.js → index-Cw1KtRQr.js} +2 -2
  93. package/dist/{index-CeClo_WS.js.map → index-Cw1KtRQr.js.map} +1 -1
  94. package/dist/main.es.js +101 -101
  95. package/package.json +7 -1
  96. package/dist/tokens-C4ypB4bY.js.map +0 -1
@@ -5,8 +5,8 @@ import "./components/Icon/index.es.js";
5
5
  import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js";
6
6
  import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
7
7
  import { IconX } from "./components/icons/IconX/index.es.js";
8
+ import { BREAKPOINT_MD } from "./astro/tokens/index.es.js";
8
9
  import { a as above } from "./screen-DfYo7XQ_.js";
9
- import { e as BREAKPOINT_MD } from "./tokens-C4ypB4bY.js";
10
10
  import './components/index/styles2.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-CeClo_WS.js.map
153
+ //# sourceMappingURL=index-Cw1KtRQr.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index-CeClo_WS.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":"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"}
1
+ {"version":3,"file":"index-Cw1KtRQr.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":"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"}
package/dist/main.es.js CHANGED
@@ -371,8 +371,8 @@ import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
371
371
  import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
372
372
  import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
373
373
  import { C, D, E, W, I, S, T } from "./react-if.esm-Cozt8l48.js";
374
+ import { BORDER_RADIUS_BIG, BORDER_RADIUS_MEDIUM, BORDER_RADIUS_PILL, BORDER_RADIUS_SMALL, BREAKPOINT_LG, BREAKPOINT_MD, BREAKPOINT_SM, BREAKPOINT_XLG, BREAKPOINT_XSM, COLOR_BRAND_BLUE_00, COLOR_BRAND_BLUE_10, COLOR_BRAND_BLUE_20, COLOR_BRAND_BLUE_30, COLOR_BRAND_BLUE_40, COLOR_BRAND_BLUE_50, COLOR_BRAND_BLUE_60, COLOR_BRAND_CYAN_10, COLOR_BRAND_CYAN_20, COLOR_BRAND_CYAN_30, COLOR_BRAND_CYAN_40, COLOR_BRAND_CYAN_50, COLOR_BRAND_CYAN_60, COLOR_BRAND_EMERALD_10, COLOR_BRAND_EMERALD_20, COLOR_BRAND_EMERALD_30, COLOR_BRAND_EMERALD_40, COLOR_BRAND_EMERALD_50, COLOR_BRAND_EMERALD_60, COLOR_ERROR_00, COLOR_ERROR_10, COLOR_ERROR_20, COLOR_ERROR_30, COLOR_ERROR_40, COLOR_ERROR_50, COLOR_ERROR_60, COLOR_INFO_00, COLOR_INFO_10, COLOR_INFO_20, COLOR_INFO_30, COLOR_INFO_40, COLOR_INFO_50, COLOR_INFO_60, COLOR_NEUTRAL_00, COLOR_NEUTRAL_10, COLOR_NEUTRAL_20, COLOR_NEUTRAL_30, COLOR_NEUTRAL_40, COLOR_NEUTRAL_50, COLOR_NEUTRAL_60, COLOR_NEUTRAL_70, COLOR_SUCCESS_00, COLOR_SUCCESS_10, COLOR_SUCCESS_20, COLOR_SUCCESS_30, COLOR_SUCCESS_40, COLOR_SUCCESS_50, COLOR_SUCCESS_60, COLOR_WARNING_00, COLOR_WARNING_10, COLOR_WARNING_20, COLOR_WARNING_30, COLOR_WARNING_40, COLOR_WARNING_50, COLOR_WARNING_60, CONTAINER_SIZE, FONT_BODY, FONT_SIZE_H1, FONT_SIZE_H2, FONT_SIZE_H3, FONT_SIZE_H4, FONT_SIZE_H5, FONT_SIZE_H6, FONT_SIZE_P1, FONT_SIZE_P2, FONT_SIZE_P3, FONT_SIZE_P4, FONT_TITLE, FONT_WEIGHT_BOLD, FONT_WEIGHT_MEDIUM, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, OPACITY_00, OPACITY_10, OPACITY_20, OPACITY_30, OPACITY_40, SHADOW_01, SHADOW_02, SHADOW_03, SHADOW_04, SPACING_050, SPACING_100, SPACING_200, SPACING_300, SPACING_400, SPACING_500, SPACING_600, SPACING_700, SPACING_800, SPACING_900 } from "./astro/tokens/index.es.js";
374
375
  import { Carousel } from "./components/Prototype/Carousel/index.es.js";
375
- import { B, a as a2, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, C as C2, i as i2, j as j2, k as k2, l as l2, 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, A, D as D2, E as E2, F, G, H, I as I2, J, K, L as L2, M, N, O, P, Q, R, S as S2, T as T2, U, V, W as W2, X, Y, Z, _, $, a0, a1, a2 as a22, a3, a4, a5, a6, a7, a8, 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-C4ypB4bY.js";
376
376
  function useDrawer(props) {
377
377
  const [drawerOpen, setDrawerOpen] = useState(props);
378
378
  function handleOpenDrawer(name) {
@@ -391,74 +391,74 @@ function useDrawer(props) {
391
391
  export {
392
392
  AdBox,
393
393
  Alert,
394
- B as BORDER_RADIUS_BIG,
395
- a2 as BORDER_RADIUS_MEDIUM,
396
- b2 as BORDER_RADIUS_PILL,
397
- c2 as BORDER_RADIUS_SMALL,
398
- d2 as BREAKPOINT_LG,
399
- e2 as BREAKPOINT_MD,
400
- f2 as BREAKPOINT_SM,
401
- g2 as BREAKPOINT_XLG,
402
- h2 as BREAKPOINT_XSM,
394
+ BORDER_RADIUS_BIG,
395
+ BORDER_RADIUS_MEDIUM,
396
+ BORDER_RADIUS_PILL,
397
+ BORDER_RADIUS_SMALL,
398
+ BREAKPOINT_LG,
399
+ BREAKPOINT_MD,
400
+ BREAKPOINT_SM,
401
+ BREAKPOINT_XLG,
402
+ BREAKPOINT_XSM,
403
403
  BadgeInfo,
404
404
  BadgeState,
405
405
  Button,
406
- C2 as COLOR_BRAND_BLUE_00,
407
- i2 as COLOR_BRAND_BLUE_10,
408
- j2 as COLOR_BRAND_BLUE_20,
409
- k2 as COLOR_BRAND_BLUE_30,
410
- l2 as COLOR_BRAND_BLUE_40,
411
- m2 as COLOR_BRAND_BLUE_50,
412
- n2 as COLOR_BRAND_BLUE_60,
413
- o2 as COLOR_BRAND_CYAN_10,
414
- p2 as COLOR_BRAND_CYAN_20,
415
- q2 as COLOR_BRAND_CYAN_30,
416
- r2 as COLOR_BRAND_CYAN_40,
417
- s2 as COLOR_BRAND_CYAN_50,
418
- t as COLOR_BRAND_CYAN_60,
419
- u as COLOR_BRAND_EMERALD_10,
420
- v as COLOR_BRAND_EMERALD_20,
421
- w as COLOR_BRAND_EMERALD_30,
422
- x as COLOR_BRAND_EMERALD_40,
423
- y as COLOR_BRAND_EMERALD_50,
424
- z as COLOR_BRAND_EMERALD_60,
425
- A as COLOR_ERROR_00,
426
- D2 as COLOR_ERROR_10,
427
- E2 as COLOR_ERROR_20,
428
- F as COLOR_ERROR_30,
429
- G as COLOR_ERROR_40,
430
- H as COLOR_ERROR_50,
431
- I2 as COLOR_ERROR_60,
432
- J as COLOR_INFO_00,
433
- K as COLOR_INFO_10,
434
- L2 as COLOR_INFO_20,
435
- M as COLOR_INFO_30,
436
- N as COLOR_INFO_40,
437
- O as COLOR_INFO_50,
438
- P as COLOR_INFO_60,
439
- Q as COLOR_NEUTRAL_00,
440
- R as COLOR_NEUTRAL_10,
441
- S2 as COLOR_NEUTRAL_20,
442
- T2 as COLOR_NEUTRAL_30,
443
- U as COLOR_NEUTRAL_40,
444
- V as COLOR_NEUTRAL_50,
445
- W2 as COLOR_NEUTRAL_60,
446
- X as COLOR_NEUTRAL_70,
447
- Y as COLOR_SUCCESS_00,
448
- Z as COLOR_SUCCESS_10,
449
- _ as COLOR_SUCCESS_20,
450
- $ as COLOR_SUCCESS_30,
451
- a0 as COLOR_SUCCESS_40,
452
- a1 as COLOR_SUCCESS_50,
453
- a22 as COLOR_SUCCESS_60,
454
- a3 as COLOR_WARNING_00,
455
- a4 as COLOR_WARNING_10,
456
- a5 as COLOR_WARNING_20,
457
- a6 as COLOR_WARNING_30,
458
- a7 as COLOR_WARNING_40,
459
- a8 as COLOR_WARNING_50,
460
- a9 as COLOR_WARNING_60,
461
- aa as CONTAINER_SIZE,
406
+ COLOR_BRAND_BLUE_00,
407
+ COLOR_BRAND_BLUE_10,
408
+ COLOR_BRAND_BLUE_20,
409
+ COLOR_BRAND_BLUE_30,
410
+ COLOR_BRAND_BLUE_40,
411
+ COLOR_BRAND_BLUE_50,
412
+ COLOR_BRAND_BLUE_60,
413
+ COLOR_BRAND_CYAN_10,
414
+ COLOR_BRAND_CYAN_20,
415
+ COLOR_BRAND_CYAN_30,
416
+ COLOR_BRAND_CYAN_40,
417
+ COLOR_BRAND_CYAN_50,
418
+ COLOR_BRAND_CYAN_60,
419
+ COLOR_BRAND_EMERALD_10,
420
+ COLOR_BRAND_EMERALD_20,
421
+ COLOR_BRAND_EMERALD_30,
422
+ COLOR_BRAND_EMERALD_40,
423
+ COLOR_BRAND_EMERALD_50,
424
+ COLOR_BRAND_EMERALD_60,
425
+ COLOR_ERROR_00,
426
+ COLOR_ERROR_10,
427
+ COLOR_ERROR_20,
428
+ COLOR_ERROR_30,
429
+ COLOR_ERROR_40,
430
+ COLOR_ERROR_50,
431
+ COLOR_ERROR_60,
432
+ COLOR_INFO_00,
433
+ COLOR_INFO_10,
434
+ COLOR_INFO_20,
435
+ COLOR_INFO_30,
436
+ COLOR_INFO_40,
437
+ COLOR_INFO_50,
438
+ COLOR_INFO_60,
439
+ COLOR_NEUTRAL_00,
440
+ COLOR_NEUTRAL_10,
441
+ COLOR_NEUTRAL_20,
442
+ COLOR_NEUTRAL_30,
443
+ COLOR_NEUTRAL_40,
444
+ COLOR_NEUTRAL_50,
445
+ COLOR_NEUTRAL_60,
446
+ COLOR_NEUTRAL_70,
447
+ COLOR_SUCCESS_00,
448
+ COLOR_SUCCESS_10,
449
+ COLOR_SUCCESS_20,
450
+ COLOR_SUCCESS_30,
451
+ COLOR_SUCCESS_40,
452
+ COLOR_SUCCESS_50,
453
+ COLOR_SUCCESS_60,
454
+ COLOR_WARNING_00,
455
+ COLOR_WARNING_10,
456
+ COLOR_WARNING_20,
457
+ COLOR_WARNING_30,
458
+ COLOR_WARNING_40,
459
+ COLOR_WARNING_50,
460
+ COLOR_WARNING_60,
461
+ CONTAINER_SIZE,
462
462
  Card,
463
463
  CardSwitch,
464
464
  Carousel,
@@ -474,22 +474,22 @@ export {
474
474
  Drawer,
475
475
  E as Else,
476
476
  EmailField,
477
- ab as FONT_BODY,
478
- ac as FONT_SIZE_H1,
479
- ad as FONT_SIZE_H2,
480
- ae as FONT_SIZE_H3,
481
- af as FONT_SIZE_H4,
482
- ag as FONT_SIZE_H5,
483
- ah as FONT_SIZE_H6,
484
- ai as FONT_SIZE_P1,
485
- aj as FONT_SIZE_P2,
486
- ak as FONT_SIZE_P3,
487
- al as FONT_SIZE_P4,
488
- am as FONT_TITLE,
489
- an as FONT_WEIGHT_BOLD,
490
- ao as FONT_WEIGHT_MEDIUM,
491
- ap as FONT_WEIGHT_REGULAR,
492
- aq as FONT_WEIGHT_SEMIBOLD,
477
+ FONT_BODY,
478
+ FONT_SIZE_H1,
479
+ FONT_SIZE_H2,
480
+ FONT_SIZE_H3,
481
+ FONT_SIZE_H4,
482
+ FONT_SIZE_H5,
483
+ FONT_SIZE_H6,
484
+ FONT_SIZE_P1,
485
+ FONT_SIZE_P2,
486
+ FONT_SIZE_P3,
487
+ FONT_SIZE_P4,
488
+ FONT_TITLE,
489
+ FONT_WEIGHT_BOLD,
490
+ FONT_WEIGHT_MEDIUM,
491
+ FONT_WEIGHT_REGULAR,
492
+ FONT_WEIGHT_SEMIBOLD,
493
493
  Footer,
494
494
  Header,
495
495
  IconActivity,
@@ -848,31 +848,31 @@ export {
848
848
  Modal,
849
849
  NavbarVertical,
850
850
  NotificationsBar,
851
- ar as OPACITY_00,
852
- as as OPACITY_10,
853
- at as OPACITY_20,
854
- au as OPACITY_30,
855
- av as OPACITY_40,
851
+ OPACITY_00,
852
+ OPACITY_10,
853
+ OPACITY_20,
854
+ OPACITY_30,
855
+ OPACITY_40,
856
856
  PartnerBanner,
857
857
  PasswordField,
858
858
  ProfileNav,
859
859
  ProgressBar,
860
860
  PureSwitch,
861
861
  Radio,
862
- aw as SHADOW_01,
863
- ax as SHADOW_02,
864
- ay as SHADOW_03,
865
- az as SHADOW_04,
866
- aA as SPACING_050,
867
- aB as SPACING_100,
868
- aC as SPACING_200,
869
- aD as SPACING_300,
870
- aE as SPACING_400,
871
- aF as SPACING_500,
872
- aG as SPACING_600,
873
- aH as SPACING_700,
874
- aI as SPACING_800,
875
- aJ as SPACING_900,
862
+ SHADOW_01,
863
+ SHADOW_02,
864
+ SHADOW_03,
865
+ SHADOW_04,
866
+ SPACING_050,
867
+ SPACING_100,
868
+ SPACING_200,
869
+ SPACING_300,
870
+ SPACING_400,
871
+ SPACING_500,
872
+ SPACING_600,
873
+ SPACING_700,
874
+ SPACING_800,
875
+ SPACING_900,
876
876
  SelectField,
877
877
  Skeleton,
878
878
  SpecialButton,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@consumidor-positivo/aurora",
3
3
  "private": false,
4
- "version": "1.2.0",
4
+ "version": "1.3.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/AcordoCertoBR/aurora"
@@ -28,6 +28,10 @@
28
28
  "types": "./dist/astro/runtime/index.d.ts",
29
29
  "import": "./dist/astro/runtime/index.es.js"
30
30
  },
31
+ "./astro/tokens": {
32
+ "types": "./dist/core/tokens/index.d.ts",
33
+ "import": "./dist/astro/tokens/index.es.js"
34
+ },
31
35
  "./astro/*": "./astro/*",
32
36
  "./global.css": "./dist/components/globalStyles/styles.css",
33
37
  "./package.json": "./package.json",
@@ -47,6 +51,8 @@
47
51
  "build": "tsc && rimraf astro && vite build",
48
52
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
49
53
  "check:astro": "astro check",
54
+ "playground:astro": "npm run prebuild && astro dev --config playground/astro.config.mjs",
55
+ "playground:astro:build": "npm run prebuild && astro build --config playground/astro.config.mjs",
50
56
  "preview": "vite preview",
51
57
  "storybook": "npm run prebuild && storybook dev -p 6006 --disable-telemetry --no-version-updates",
52
58
  "build-storybook": "npm run prebuild && storybook build",
@@ -1 +0,0 @@
1
- {"version":3,"file":"tokens-C4ypB4bY.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;"}