takeat-design-system-ui-kit 0.1.18 → 0.1.21
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/assets/Spinner.svg +3 -0
- package/dist/assets/icons/addCircleFilled.svg +8 -0
- package/dist/assets/icons/arrowDown.svg +8 -0
- package/dist/assets/icons/arrowDropDown.svg +8 -0
- package/dist/assets/icons/arrowDropUp.svg +8 -0
- package/dist/assets/icons/arrowUp.svg +8 -0
- package/dist/assets/icons/barGraph.svg +8 -0
- package/dist/assets/icons/bell.svg +8 -0
- package/dist/assets/icons/bellFilled.svg +8 -0
- package/dist/assets/icons/bellNotification.svg +8 -0
- package/dist/assets/icons/bellNotificationFilled.svg +8 -0
- package/dist/assets/icons/bill.svg +8 -0
- package/dist/assets/icons/billFilled.svg +8 -0
- package/dist/assets/icons/bookOpen.svg +8 -0
- package/dist/assets/icons/bookOpenFilled.svg +8 -0
- package/dist/assets/icons/bullhorn.svg +3 -0
- package/dist/assets/icons/cached.svg +8 -0
- package/dist/assets/icons/calendar.svg +8 -0
- package/dist/assets/icons/calendarCheck.svg +8 -0
- package/dist/assets/icons/calendarCheckFilled.svg +8 -0
- package/dist/assets/icons/calendarFilled.svg +8 -0
- package/dist/assets/icons/cashier.svg +35 -0
- package/dist/assets/icons/cashierFilled.svg +6 -0
- package/dist/assets/icons/chat.svg +8 -0
- package/dist/assets/icons/chatFilled.svg +8 -0
- package/dist/assets/icons/check.svg +8 -0
- package/dist/assets/icons/checkbox.svg +8 -0
- package/dist/assets/icons/checkboxChecked.svg +8 -0
- package/dist/assets/icons/checkboxCheckedFilled.svg +11 -0
- package/dist/assets/icons/chevronDown.svg +3 -0
- package/dist/assets/icons/chevronLeft.svg +3 -0
- package/dist/assets/icons/chevronRight.svg +3 -0
- package/dist/assets/icons/chevronUp.svg +3 -0
- package/dist/assets/icons/clipboardCheck.svg +8 -0
- package/dist/assets/icons/clipboardCheckFilled.svg +8 -0
- package/dist/assets/icons/clock.svg +8 -0
- package/dist/assets/icons/close.svg +8 -0
- package/dist/assets/icons/closeCircle.svg +8 -0
- package/dist/assets/icons/closeCircleFilled.svg +8 -0
- package/dist/assets/icons/cloud.svg +8 -0
- package/dist/assets/icons/cloudFilled.svg +8 -0
- package/dist/assets/icons/copy.svg +4 -0
- package/dist/assets/icons/copyFilled.svg +4 -0
- package/dist/assets/icons/deleteFilled.svg +8 -0
- package/dist/assets/icons/dollarSign.svg +8 -0
- package/dist/assets/icons/download.svg +8 -0
- package/dist/assets/icons/exchange.svg +8 -0
- package/dist/assets/icons/exclamation.svg +8 -0
- package/dist/assets/icons/externalLink.svg +4 -0
- package/dist/assets/icons/eye.svg +3 -0
- package/dist/assets/icons/eyeFilled.svg +3 -0
- package/dist/assets/icons/eyeSlash.svg +8 -0
- package/dist/assets/icons/eyeSlashFilled.svg +8 -0
- package/dist/assets/icons/filterList.svg +10 -0
- package/dist/assets/icons/folderOpen.svg +8 -0
- package/dist/assets/icons/folderOpenFilled.svg +8 -0
- package/dist/assets/icons/hand.svg +8 -0
- package/dist/assets/icons/handFilled.svg +8 -0
- package/dist/assets/icons/helpFilled.svg +8 -0
- package/dist/assets/icons/home.svg +8 -0
- package/dist/assets/icons/homeFilled.svg +9 -0
- package/dist/assets/icons/idCard.svg +8 -0
- package/dist/assets/icons/idCardFilled.svg +8 -0
- package/dist/assets/icons/info.svg +8 -0
- package/dist/assets/icons/infoFilled.svg +8 -0
- package/dist/assets/icons/instagram.svg +5 -0
- package/dist/assets/icons/like.svg +3 -0
- package/dist/assets/icons/likeFilled.svg +4 -0
- package/dist/assets/icons/loading.svg +17 -0
- package/dist/assets/icons/logout.svg +4 -0
- package/dist/assets/icons/mail.svg +8 -0
- package/dist/assets/icons/mailFilled.svg +8 -0
- package/dist/assets/icons/manager.svg +4 -0
- package/dist/assets/icons/menu.svg +8 -0
- package/dist/assets/icons/menuCircles.svg +8 -0
- package/dist/assets/icons/minus.svg +8 -0
- package/dist/assets/icons/minusCircle.svg +8 -0
- package/dist/assets/icons/minusCircleFilled.svg +8 -0
- package/dist/assets/icons/money.svg +8 -0
- package/dist/assets/icons/moneyCircle.svg +8 -0
- package/dist/assets/icons/moneyFilled.svg +8 -0
- package/dist/assets/icons/motorcycle.svg +3 -0
- package/dist/assets/icons/pencil.svg +3 -0
- package/dist/assets/icons/pencilFilled.svg +4 -0
- package/dist/assets/icons/percent.svg +8 -0
- package/dist/assets/icons/phone.svg +8 -0
- package/dist/assets/icons/phoneFilled.svg +8 -0
- package/dist/assets/icons/piggyBank.svg +8 -0
- package/dist/assets/icons/piggyBankFilled.svg +8 -0
- package/dist/assets/icons/playCircle.svg +8 -0
- package/dist/assets/icons/playCircleFilled.svg +8 -0
- package/dist/assets/icons/playSquare.svg +8 -0
- package/dist/assets/icons/playSquareFilled.svg +8 -0
- package/dist/assets/icons/plus.svg +8 -0
- package/dist/assets/icons/plusCircle.svg +8 -0
- package/dist/assets/icons/power.svg +8 -0
- package/dist/assets/icons/printer.svg +8 -0
- package/dist/assets/icons/printerFilled.svg +8 -0
- package/dist/assets/icons/qrCode.svg +8 -0
- package/dist/assets/icons/question.svg +8 -0
- package/dist/assets/icons/radioButton.svg +8 -0
- package/dist/assets/icons/radioButtonChecked.svg +8 -0
- package/dist/assets/icons/refresh.svg +8 -0
- package/dist/assets/icons/scheduleFilled.svg +8 -0
- package/dist/assets/icons/search.svg +8 -0
- package/dist/assets/icons/settings.svg +4 -0
- package/dist/assets/icons/settingsFilled.svg +3 -0
- package/dist/assets/icons/star.svg +8 -0
- package/dist/assets/icons/starFilled.svg +8 -0
- package/dist/assets/icons/store.svg +8 -0
- package/dist/assets/icons/storeFilled.svg +8 -0
- package/dist/assets/icons/takeatIcon.svg +6 -0
- package/dist/assets/icons/takeatIconFilled.svg +6 -0
- package/dist/assets/icons/ticket.svg +8 -0
- package/dist/assets/icons/ticketFilled.svg +8 -0
- package/dist/assets/icons/trash.svg +8 -0
- package/dist/assets/icons/trendingDown.svg +8 -0
- package/dist/assets/icons/trendingUp.svg +8 -0
- package/dist/assets/icons/user.svg +8 -0
- package/dist/assets/icons/userAdd.svg +8 -0
- package/dist/assets/icons/userAddFilled.svg +8 -0
- package/dist/assets/icons/userCircle.svg +8 -0
- package/dist/assets/icons/userCircleFilled.svg +8 -0
- package/dist/assets/icons/userFilled.svg +8 -0
- package/dist/assets/icons/utensils.svg +8 -0
- package/dist/assets/icons/waiter.svg +3 -0
- package/dist/assets/icons/warning.svg +8 -0
- package/dist/assets/icons/warningFilled.svg +8 -0
- package/dist/assets/icons/whatsapp.svg +10 -0
- package/dist/assets/icons/whatsappFilled.svg +10 -0
- package/dist/cjs/App.js +1 -1
- package/dist/cjs/LibraryProvider.js +4 -5
- package/dist/cjs/LibraryProvider.js.map +1 -1
- package/dist/cjs/components/Accordion/Accordion.stories.js +2 -2
- package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/cjs/components/Accordion/index.js +3 -3
- package/dist/cjs/components/Accordion/index.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.stories.js +2 -2
- package/dist/cjs/components/Badge/Badge.stories.js.map +1 -1
- package/dist/cjs/components/Badge/index.js +3 -3
- package/dist/cjs/components/Badge/index.js.map +1 -1
- package/dist/cjs/components/Button/Button.stories.js +10 -11
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Button/index.js +14 -16
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Button/styles.js +173 -119
- package/dist/cjs/components/Button/styles.js.map +1 -1
- package/dist/cjs/components/Calendar/Calendar.stories.js +5 -6
- package/dist/cjs/components/Calendar/Calendar.stories.js.map +1 -1
- package/dist/cjs/components/Calendar/CalendarComponents/index.js +29 -33
- package/dist/cjs/components/Calendar/CalendarComponents/index.js.map +1 -1
- package/dist/cjs/components/Calendar/CalendarComponents/styles.js +44 -36
- package/dist/cjs/components/Calendar/CalendarComponents/styles.js.map +1 -1
- package/dist/cjs/components/Calendar/index.js +42 -49
- package/dist/cjs/components/Calendar/index.js.map +1 -1
- package/dist/cjs/components/Calendar/styles.js +177 -123
- package/dist/cjs/components/Calendar/styles.js.map +1 -1
- package/dist/cjs/components/Divider/Divider.stories.js +6 -7
- package/dist/cjs/components/Divider/Divider.stories.js.map +1 -1
- package/dist/cjs/components/Divider/index.js +6 -8
- package/dist/cjs/components/Divider/index.js.map +1 -1
- package/dist/cjs/components/Divider/styles.js +24 -11
- package/dist/cjs/components/Divider/styles.js.map +1 -1
- package/dist/cjs/components/FormItens/Checkbox/Checkbox.stories.js +4 -4
- package/dist/cjs/components/FormItens/Checkbox/Checkbox.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Checkbox/index.js +7 -9
- package/dist/cjs/components/FormItens/Checkbox/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Checkbox/styles.js +95 -35
- package/dist/cjs/components/FormItens/Checkbox/styles.js.map +1 -1
- package/dist/cjs/components/FormItens/Input/Input.stories.js +13 -14
- package/dist/cjs/components/FormItens/Input/Input.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Input/index.js +11 -12
- package/dist/cjs/components/FormItens/Input/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Input/styles.js +119 -53
- package/dist/cjs/components/FormItens/Input/styles.js.map +1 -1
- package/dist/cjs/components/FormItens/Radio/Radio.stories.js +5 -5
- package/dist/cjs/components/FormItens/Radio/Radio.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Radio/index.js +8 -10
- package/dist/cjs/components/FormItens/Radio/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Radio/styles.js +98 -39
- package/dist/cjs/components/FormItens/Radio/styles.js.map +1 -1
- package/dist/cjs/components/FormItens/Select/Select.stories.js +2 -2
- package/dist/cjs/components/FormItens/Select/Select.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Select/index.js +17 -20
- package/dist/cjs/components/FormItens/Select/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Select/styles.js +134 -93
- package/dist/cjs/components/FormItens/Select/styles.js.map +1 -1
- package/dist/cjs/components/FormItens/Switch/Switch.stories.js +5 -5
- package/dist/cjs/components/FormItens/Switch/Switch.stories.js.map +1 -1
- package/dist/cjs/components/FormItens/Switch/index.js +11 -13
- package/dist/cjs/components/FormItens/Switch/index.js.map +1 -1
- package/dist/cjs/components/FormItens/Switch/styles.js +109 -48
- package/dist/cjs/components/FormItens/Switch/styles.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.stories.js +15 -16
- package/dist/cjs/components/Icon/Icon.stories.js.map +1 -1
- package/dist/cjs/components/Icon/index.d.ts +2 -2
- package/dist/cjs/components/Icon/index.js +7 -9
- package/dist/cjs/components/Icon/index.js.map +1 -1
- package/dist/cjs/components/Icon/styles.js +29 -15
- package/dist/cjs/components/Icon/styles.js.map +1 -1
- package/dist/cjs/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js +9 -10
- package/dist/cjs/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js.map +1 -1
- package/dist/cjs/components/Layouts/ColumnsGrid/index.js +9 -11
- package/dist/cjs/components/Layouts/ColumnsGrid/index.js.map +1 -1
- package/dist/cjs/components/Layouts/ColumnsGrid/styles.js +12 -11
- package/dist/cjs/components/Layouts/ColumnsGrid/styles.js.map +1 -1
- package/dist/cjs/components/Layouts/Grid/Grid.stories.js +7 -8
- package/dist/cjs/components/Layouts/Grid/Grid.stories.js.map +1 -1
- package/dist/cjs/components/Layouts/Grid/index.js +16 -15
- package/dist/cjs/components/Layouts/Grid/index.js.map +1 -1
- package/dist/cjs/components/Layouts/Grid/styles.js +11 -10
- package/dist/cjs/components/Layouts/Grid/styles.js.map +1 -1
- package/dist/cjs/components/Layouts/GridArea/GridArea.stories.js +7 -8
- package/dist/cjs/components/Layouts/GridArea/GridArea.stories.js.map +1 -1
- package/dist/cjs/components/Layouts/GridArea/index.js +19 -17
- package/dist/cjs/components/Layouts/GridArea/index.js.map +1 -1
- package/dist/cjs/components/Layouts/GridArea/styles.js +6 -10
- package/dist/cjs/components/Layouts/GridArea/styles.js.map +1 -1
- package/dist/cjs/components/MockComponent/index.js +4 -6
- package/dist/cjs/components/MockComponent/index.js.map +1 -1
- package/dist/cjs/components/MockComponent/styles.js +14 -4
- package/dist/cjs/components/MockComponent/styles.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.stories.js +11 -11
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/Modal/index.js +17 -21
- package/dist/cjs/components/Modal/index.js.map +1 -1
- package/dist/cjs/components/Modal/styles.js +66 -36
- package/dist/cjs/components/Modal/styles.js.map +1 -1
- package/dist/cjs/components/NotificationBanner/NotificationBanner.stories.js +3 -3
- package/dist/cjs/components/NotificationBanner/NotificationBanner.stories.js.map +1 -1
- package/dist/cjs/components/NotificationBanner/index.js +7 -9
- package/dist/cjs/components/NotificationBanner/index.js.map +1 -1
- package/dist/cjs/components/NotificationBanner/styles.js +38 -34
- package/dist/cjs/components/NotificationBanner/styles.js.map +1 -1
- package/dist/cjs/components/SingleTab/SingleTab.stories.js +6 -6
- package/dist/cjs/components/SingleTab/SingleTab.stories.js.map +1 -1
- package/dist/cjs/components/SingleTab/index.js +6 -8
- package/dist/cjs/components/SingleTab/index.js.map +1 -1
- package/dist/cjs/components/SingleTab/styles.js +100 -59
- package/dist/cjs/components/SingleTab/styles.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.stories.js +2 -2
- package/dist/cjs/components/Spinner/Spinner.stories.js.map +1 -1
- package/dist/cjs/components/Spinner/index.js +5 -7
- package/dist/cjs/components/Spinner/index.js.map +1 -1
- package/dist/cjs/components/Spinner/styles.js +26 -13
- package/dist/cjs/components/Spinner/styles.js.map +1 -1
- package/dist/cjs/components/StoriesComponents/styles.js +16 -5
- package/dist/cjs/components/StoriesComponents/styles.js.map +1 -1
- package/dist/cjs/components/TabGroup/TabGroup.stories.js +4 -4
- package/dist/cjs/components/TabGroup/TabGroup.stories.js.map +1 -1
- package/dist/cjs/components/TabGroup/index.js +14 -16
- package/dist/cjs/components/TabGroup/index.js.map +1 -1
- package/dist/cjs/components/TabGroup/styles.js +7 -7
- package/dist/cjs/components/TabGroup/styles.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.stories.js +5 -6
- package/dist/cjs/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/dist/cjs/components/Tooltip/index.js +9 -11
- package/dist/cjs/components/Tooltip/index.js.map +1 -1
- package/dist/cjs/index.js +12 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/main.js +3 -3
- package/dist/cjs/main.js.map +1 -1
- package/dist/cjs/utils/GlobalStyle.js +44 -10
- package/dist/cjs/utils/GlobalStyle.js.map +1 -1
- package/dist/cjs/utils/consts.d.ts +0 -10
- package/dist/cjs/utils/consts.js +1 -143
- package/dist/cjs/utils/consts.js.map +1 -1
- package/dist/cjs/utils/functions.js +91 -102
- package/dist/cjs/utils/functions.js.map +1 -1
- package/dist/cjs/utils/icons.d.ts +131 -4
- package/dist/cjs/utils/icons.js +260 -10
- package/dist/cjs/utils/icons.js.map +1 -1
- package/dist/esm/LibraryProvider.js +1 -2
- package/dist/esm/LibraryProvider.js.map +1 -1
- package/dist/esm/components/Accordion/Accordion.stories.js +1 -1
- package/dist/esm/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/esm/components/Accordion/index.js +1 -1
- package/dist/esm/components/Accordion/index.js.map +1 -1
- package/dist/esm/components/Badge/Badge.stories.js +1 -1
- package/dist/esm/components/Badge/Badge.stories.js.map +1 -1
- package/dist/esm/components/Badge/index.js +1 -1
- package/dist/esm/components/Badge/index.js.map +1 -1
- package/dist/esm/components/Button/Button.stories.js +9 -10
- package/dist/esm/components/Button/Button.stories.js.map +1 -1
- package/dist/esm/components/Button/index.js +9 -11
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Button/styles.js +171 -118
- package/dist/esm/components/Button/styles.js.map +1 -1
- package/dist/esm/components/Calendar/Calendar.stories.js +3 -4
- package/dist/esm/components/Calendar/Calendar.stories.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarComponents/index.js +25 -29
- package/dist/esm/components/Calendar/CalendarComponents/index.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarComponents/styles.js +42 -35
- package/dist/esm/components/Calendar/CalendarComponents/styles.js.map +1 -1
- package/dist/esm/components/Calendar/index.js +31 -38
- package/dist/esm/components/Calendar/index.js.map +1 -1
- package/dist/esm/components/Calendar/styles.js +175 -122
- package/dist/esm/components/Calendar/styles.js.map +1 -1
- package/dist/esm/components/Divider/Divider.stories.js +4 -5
- package/dist/esm/components/Divider/Divider.stories.js.map +1 -1
- package/dist/esm/components/Divider/index.js +3 -5
- package/dist/esm/components/Divider/index.js.map +1 -1
- package/dist/esm/components/Divider/styles.js +22 -10
- package/dist/esm/components/Divider/styles.js.map +1 -1
- package/dist/esm/components/FormItens/Checkbox/Checkbox.stories.js +2 -2
- package/dist/esm/components/FormItens/Checkbox/Checkbox.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Checkbox/index.js +3 -5
- package/dist/esm/components/FormItens/Checkbox/index.js.map +1 -1
- package/dist/esm/components/FormItens/Checkbox/styles.js +93 -34
- package/dist/esm/components/FormItens/Checkbox/styles.js.map +1 -1
- package/dist/esm/components/FormItens/Input/Input.stories.js +8 -9
- package/dist/esm/components/FormItens/Input/Input.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Input/index.js +3 -5
- package/dist/esm/components/FormItens/Input/index.js.map +1 -1
- package/dist/esm/components/FormItens/Input/styles.js +117 -52
- package/dist/esm/components/FormItens/Input/styles.js.map +1 -1
- package/dist/esm/components/FormItens/Radio/Radio.stories.js +4 -4
- package/dist/esm/components/FormItens/Radio/Radio.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Radio/index.js +4 -6
- package/dist/esm/components/FormItens/Radio/index.js.map +1 -1
- package/dist/esm/components/FormItens/Radio/styles.js +96 -38
- package/dist/esm/components/FormItens/Radio/styles.js.map +1 -1
- package/dist/esm/components/FormItens/Select/Select.stories.js +2 -2
- package/dist/esm/components/FormItens/Select/Select.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Select/index.js +9 -13
- package/dist/esm/components/FormItens/Select/index.js.map +1 -1
- package/dist/esm/components/FormItens/Select/styles.js +132 -92
- package/dist/esm/components/FormItens/Select/styles.js.map +1 -1
- package/dist/esm/components/FormItens/Switch/Switch.stories.js +4 -4
- package/dist/esm/components/FormItens/Switch/Switch.stories.js.map +1 -1
- package/dist/esm/components/FormItens/Switch/index.js +5 -7
- package/dist/esm/components/FormItens/Switch/index.js.map +1 -1
- package/dist/esm/components/FormItens/Switch/styles.js +107 -47
- package/dist/esm/components/FormItens/Switch/styles.js.map +1 -1
- package/dist/esm/components/Icon/Icon.stories.js +10 -11
- package/dist/esm/components/Icon/Icon.stories.js.map +1 -1
- package/dist/esm/components/Icon/index.d.ts +2 -2
- package/dist/esm/components/Icon/index.js +4 -6
- package/dist/esm/components/Icon/index.js.map +1 -1
- package/dist/esm/components/Icon/styles.js +27 -14
- package/dist/esm/components/Icon/styles.js.map +1 -1
- package/dist/esm/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js +6 -7
- package/dist/esm/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js.map +1 -1
- package/dist/esm/components/Layouts/ColumnsGrid/index.js +6 -8
- package/dist/esm/components/Layouts/ColumnsGrid/index.js.map +1 -1
- package/dist/esm/components/Layouts/ColumnsGrid/styles.js +10 -10
- package/dist/esm/components/Layouts/ColumnsGrid/styles.js.map +1 -1
- package/dist/esm/components/Layouts/Grid/Grid.stories.js +4 -5
- package/dist/esm/components/Layouts/Grid/Grid.stories.js.map +1 -1
- package/dist/esm/components/Layouts/Grid/index.js +12 -11
- package/dist/esm/components/Layouts/Grid/index.js.map +1 -1
- package/dist/esm/components/Layouts/Grid/styles.js +9 -9
- package/dist/esm/components/Layouts/Grid/styles.js.map +1 -1
- package/dist/esm/components/Layouts/GridArea/GridArea.stories.js +4 -5
- package/dist/esm/components/Layouts/GridArea/GridArea.stories.js.map +1 -1
- package/dist/esm/components/Layouts/GridArea/index.js +15 -14
- package/dist/esm/components/Layouts/GridArea/index.js.map +1 -1
- package/dist/esm/components/Layouts/GridArea/styles.js +5 -9
- package/dist/esm/components/Layouts/GridArea/styles.js.map +1 -1
- package/dist/esm/components/MockComponent/index.js +2 -4
- package/dist/esm/components/MockComponent/index.js.map +1 -1
- package/dist/esm/components/MockComponent/styles.js +12 -3
- package/dist/esm/components/MockComponent/styles.js.map +1 -1
- package/dist/esm/components/Modal/Modal.stories.js +5 -5
- package/dist/esm/components/Modal/Modal.stories.js.map +1 -1
- package/dist/esm/components/Modal/index.js +11 -16
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/components/Modal/styles.js +64 -35
- package/dist/esm/components/Modal/styles.js.map +1 -1
- package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js +2 -2
- package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js.map +1 -1
- package/dist/esm/components/NotificationBanner/index.js +3 -5
- package/dist/esm/components/NotificationBanner/index.js.map +1 -1
- package/dist/esm/components/NotificationBanner/styles.js +36 -33
- package/dist/esm/components/NotificationBanner/styles.js.map +1 -1
- package/dist/esm/components/SingleTab/SingleTab.stories.js +4 -4
- package/dist/esm/components/SingleTab/SingleTab.stories.js.map +1 -1
- package/dist/esm/components/SingleTab/index.js +4 -6
- package/dist/esm/components/SingleTab/index.js.map +1 -1
- package/dist/esm/components/SingleTab/styles.js +98 -58
- package/dist/esm/components/SingleTab/styles.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.stories.js +2 -2
- package/dist/esm/components/Spinner/Spinner.stories.js.map +1 -1
- package/dist/esm/components/Spinner/index.js +2 -4
- package/dist/esm/components/Spinner/index.js.map +1 -1
- package/dist/esm/components/Spinner/styles.js +24 -12
- package/dist/esm/components/Spinner/styles.js.map +1 -1
- package/dist/esm/components/StoriesComponents/styles.js +14 -4
- package/dist/esm/components/StoriesComponents/styles.js.map +1 -1
- package/dist/esm/components/TabGroup/TabGroup.stories.js +2 -2
- package/dist/esm/components/TabGroup/TabGroup.stories.js.map +1 -1
- package/dist/esm/components/TabGroup/index.js +10 -12
- package/dist/esm/components/TabGroup/index.js.map +1 -1
- package/dist/esm/components/TabGroup/styles.js +5 -6
- package/dist/esm/components/TabGroup/styles.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.stories.js +4 -5
- package/dist/esm/components/Tooltip/Tooltip.stories.js.map +1 -1
- package/dist/esm/components/Tooltip/index.js +5 -7
- package/dist/esm/components/Tooltip/index.js.map +1 -1
- package/dist/esm/utils/GlobalStyle.js +43 -9
- package/dist/esm/utils/GlobalStyle.js.map +1 -1
- package/dist/esm/utils/consts.d.ts +0 -10
- package/dist/esm/utils/consts.js +2 -144
- package/dist/esm/utils/consts.js.map +1 -1
- package/dist/esm/utils/functions.js +88 -100
- package/dist/esm/utils/functions.js.map +1 -1
- package/dist/esm/utils/icons.d.ts +131 -4
- package/dist/esm/utils/icons.js +260 -10
- package/dist/esm/utils/icons.js.map +1 -1
- package/package.json +7 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Calendar/styles.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Calendar/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Example = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var meta = {
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const _1 = require(".");
|
|
6
|
+
const styles_1 = require("../StoriesComponents/styles");
|
|
7
|
+
const meta = {
|
|
9
8
|
component: _1.Divider,
|
|
10
9
|
title: "Design System/Divider",
|
|
11
10
|
parameters: {
|
|
@@ -30,13 +29,13 @@ exports.Example = {
|
|
|
30
29
|
args: {
|
|
31
30
|
label: "Divisor",
|
|
32
31
|
},
|
|
33
|
-
render:
|
|
32
|
+
render: (args) => {
|
|
34
33
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
35
34
|
width: "500px",
|
|
36
35
|
borderRadius: 16,
|
|
37
36
|
padding: 16,
|
|
38
37
|
border: "1px solid #ccc",
|
|
39
|
-
}, children: [(0, jsx_runtime_1.jsx)("span", { children: "Conte\u00FAdo 1" }), (0, jsx_runtime_1.jsx)(_1.Divider,
|
|
38
|
+
}, children: [(0, jsx_runtime_1.jsx)("span", { children: "Conte\u00FAdo 1" }), (0, jsx_runtime_1.jsx)(_1.Divider, { label: "Divisor", ...args }), (0, jsx_runtime_1.jsx)("span", { children: "Conte\u00FAdo 2" })] }));
|
|
40
39
|
},
|
|
41
40
|
};
|
|
42
41
|
//# sourceMappingURL=Divider.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA4B;AAC5B,wDAAuD;AAEvD,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,UAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,gLAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,iCACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,EAAE;gBACX,MAAM,EAAE,gBAAgB;aACzB,aAED,+DAAuB,EACvB,uBAAC,UAAO,IAAC,KAAK,EAAC,SAAS,KAAK,IAAI,GAAI,EACrC,+DAAuB,IACnB,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Divider = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
exports.Divider = (0, react_1.forwardRef)(function Divider(_a, ref) {
|
|
9
|
-
var label = _a.label, props = tslib_1.__rest(_a, ["label"]);
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
exports.Divider = (0, react_1.forwardRef)(function Divider({ label, ...props }, ref) {
|
|
10
8
|
if (label) {
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.DividerWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDivider,
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.DividerWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDivider, { ref: ref, ...props }), label, (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, { ref: ref, ...props })] }));
|
|
12
10
|
}
|
|
13
|
-
return (0, jsx_runtime_1.jsx)(styles_1.StyledDivider,
|
|
11
|
+
return (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, { ref: ref, ...props });
|
|
14
12
|
});
|
|
15
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,qCAAyD;AAM5C,QAAA,OAAO,GAAG,IAAA,kBAAU,EAAC,SAAS,OAAO,CAChD,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,EAClC,GAA6B;IAE7B,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,wBAAC,uBAAc,eACb,uBAAC,sBAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,EACrC,KAAK,EACN,uBAAC,sBAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,IACvB,CAClB,CAAC;IACJ,CAAC;IACD,OAAO,uBAAC,sBAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.DividerWrapper = exports.StyledDivider = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.StyledDivider = styled_components_1.default.hr
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.DividerWrapper = styled_components_1.default.div
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
exports.StyledDivider = styled_components_1.default.hr `
|
|
7
|
+
border: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
|
|
8
|
+
margin: 0;
|
|
9
|
+
`;
|
|
10
|
+
exports.DividerWrapper = styled_components_1.default.div `
|
|
11
|
+
display: flex;
|
|
12
|
+
gap: 12px;
|
|
13
|
+
align-items: center;
|
|
14
|
+
width: 100%;
|
|
15
|
+
|
|
16
|
+
color: ${({ theme }) => theme.colors.neutral.dark};
|
|
17
|
+
text-align: center;
|
|
18
|
+
font-size: 11px;
|
|
19
|
+
font-style: normal;
|
|
20
|
+
font-weight: 500;
|
|
21
|
+
line-height: 16px; /* 145.455% */
|
|
22
|
+
letter-spacing: 0.5px;
|
|
23
|
+
|
|
24
|
+
hr {
|
|
25
|
+
flex-grow: 1;
|
|
26
|
+
}
|
|
27
|
+
`;
|
|
15
28
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Divider/styles.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Divider/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,aAAa,GAAG,2BAAM,CAAC,EAAE,CAAA;sBAChB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;CAEhE,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAM7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;CAWlD,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Example = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const _1 = require(".");
|
|
6
|
+
const styles_1 = require("../../StoriesComponents/styles");
|
|
7
|
+
const meta = {
|
|
8
8
|
component: _1.Checkbox,
|
|
9
9
|
title: "Design System/Checkbox",
|
|
10
10
|
parameters: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA6B;AAC7B,2DAA0D;AAE1D,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,WAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,gMAGP,gCAAM,EACN,gCAAM,8DAA+C,GAAG,EACxD,wFAAwC,4FAE/B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Checkbox = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var disabled = props.disabled;
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { children: [(0, jsx_runtime_1.jsxs)("label", { "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox", disabled: disabled }, props, register)), label, (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "checkboxCheckedFilled" })] }), description && (0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, children: description })] }));
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
const Icon_1 = require("../../Icon");
|
|
8
|
+
exports.Checkbox = (0, react_1.forwardRef)(function Checkbox({ label, description, register, ...props }, ref) {
|
|
9
|
+
const { disabled } = props;
|
|
10
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { children: [(0, jsx_runtime_1.jsxs)("label", { "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", disabled: disabled, ...props, ...register }), label, (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "checkboxCheckedFilled" })] }), description && (0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, children: description })] }));
|
|
13
11
|
});
|
|
14
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,qCAA2C;AAE3C,qCAAkC;AAQrB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EACzD,GAAgC;IAEhC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,wBAAC,wBAAe,eACd,oDAAsB,QAAQ,aAC5B,kCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,KACd,KAAK,KACL,QAAQ,GACZ,EACD,KAAK,EACN,uBAAC,WAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,IAC/B,EACP,WAAW,IAAI,+CAAkB,QAAQ,YAAG,WAAW,GAAK,IAC7C,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,39 +1,99 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.CheckboxWrapper = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
exports.CheckboxWrapper = styled_components_1.default.div `
|
|
7
|
+
position: relative;
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
gap: ${({ theme }) => theme.spacing.xxs};
|
|
11
|
+
user-select: none;
|
|
12
|
+
|
|
13
|
+
label {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
width: fit-content;
|
|
16
|
+
color: ${({ theme }) => theme.colors.neutral.darker};
|
|
17
|
+
font-size: 14px;
|
|
18
|
+
font-style: normal;
|
|
19
|
+
font-weight: 600;
|
|
20
|
+
line-height: 20px; /* 142.857% */
|
|
21
|
+
letter-spacing: 0.1px;
|
|
22
|
+
display: flex;
|
|
23
|
+
gap: ${({ theme }) => theme.spacing.xxs};
|
|
24
|
+
align-items: center;
|
|
25
|
+
border-radius: 4px;
|
|
26
|
+
|
|
27
|
+
&[aria-disabled="true"] {
|
|
28
|
+
color: ${({ theme }) => theme.colors.neutral.default};
|
|
29
|
+
cursor: default;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
input[type="checkbox"] {
|
|
34
|
+
flex-shrink: 0;
|
|
35
|
+
position: relative;
|
|
36
|
+
-webkit-appearance: none;
|
|
37
|
+
appearance: none;
|
|
38
|
+
background-color: #fff;
|
|
39
|
+
margin: 0;
|
|
40
|
+
font: inherit;
|
|
41
|
+
color: currentColor;
|
|
42
|
+
width: 18px;
|
|
43
|
+
height: 18px;
|
|
44
|
+
border: 2px solid ${({ theme }) => theme.colors.neutral.darker};
|
|
45
|
+
border-radius: 2px;
|
|
46
|
+
cursor: pointer;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
input[type="checkbox"]:focus,
|
|
50
|
+
input[type="checkbox"]:focus-visible {
|
|
51
|
+
outline: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
label:has(> input[type="checkbox"]:focus-visible) {
|
|
55
|
+
outline: 1px solid ${({ theme }) => theme.colors.neutral.darker};
|
|
56
|
+
outline-offset: 2px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
input[type="checkbox"]:disabled {
|
|
60
|
+
cursor: default;
|
|
61
|
+
border-color: ${({ theme }) => theme.colors.neutral.default};
|
|
62
|
+
|
|
63
|
+
&::before {
|
|
64
|
+
background-color: ${({ theme }) => theme.colors.neutral.default};
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
p {
|
|
69
|
+
margin: 0;
|
|
70
|
+
color: ${({ theme }) => theme.colors.neutral.dark};
|
|
71
|
+
font-size: 12px;
|
|
72
|
+
font-style: normal;
|
|
73
|
+
font-weight: 400;
|
|
74
|
+
line-height: 16px; /* 133.333% */
|
|
75
|
+
letter-spacing: 0.4px;
|
|
76
|
+
|
|
77
|
+
&[aria-disabled="true"] {
|
|
78
|
+
color: ${({ theme }) => theme.colors.neutral.default};
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
svg {
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: -2px;
|
|
85
|
+
left: -3px;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
transition: opacity 0.3s;
|
|
88
|
+
fill: ${({ theme }) => theme.colors.green.default};
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
input[type="checkbox"]:disabled ~ svg {
|
|
92
|
+
fill: ${({ theme }) => theme.colors.neutral.default};
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
input[type="checkbox"]:checked ~ svg {
|
|
96
|
+
opacity: 1;
|
|
97
|
+
}
|
|
98
|
+
`;
|
|
39
99
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;SAIhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;;aAM5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;WAO5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;eAK5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;;;;;;;wBAgBlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;yBAWzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;oBAM/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;0BAGrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;aAMxD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;eAQtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;YAU9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;;;;YAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;CAMtD,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FormExample = exports.Default = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_hook_form_1 = require("react-hook-form");
|
|
6
|
+
const _1 = require(".");
|
|
7
|
+
const Switch_1 = require("../Switch");
|
|
8
|
+
const Radio_1 = require("../Radio");
|
|
9
|
+
const Button_1 = require("../../Button");
|
|
10
|
+
const Select_1 = require("../Select");
|
|
11
|
+
const meta = {
|
|
12
12
|
component: _1.Input,
|
|
13
13
|
title: "Design System/Input",
|
|
14
14
|
argTypes: {
|
|
@@ -63,23 +63,22 @@ exports.Default = {
|
|
|
63
63
|
};
|
|
64
64
|
exports.FormExample = {
|
|
65
65
|
name: "Exemplo de formulário",
|
|
66
|
-
render:
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
|
|
66
|
+
render: () => {
|
|
67
|
+
const { control, register, handleSubmit, getValues, formState: { errors }, } = (0, react_hook_form_1.useForm)();
|
|
68
|
+
const onSubmit = (data) => alert(JSON.stringify(data, null, 2));
|
|
70
69
|
return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Input, { placeholder: "Digite seu nome", label: "Nome", style: { width: 200 }, register: register("name", {
|
|
71
70
|
required: "Nome é obrigatório",
|
|
72
71
|
minLength: {
|
|
73
72
|
value: 6,
|
|
74
73
|
message: "Nome deve ter no mínimo 3 caracteres",
|
|
75
74
|
},
|
|
76
|
-
}), info: "Testando info", error:
|
|
75
|
+
}), info: "Testando info", error: errors.name?.message?.toString() }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { name: "test_switch", label: "Teste switch", register: register("test_switch", { required: "Sueqgifq" }) }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { label: "Testing 1", value: "Testing 1", register: register("test_radio") }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { label: "Testing 2", value: "Testing 2", register: register("test_radio") }), (0, jsx_runtime_1.jsx)(Select_1.Select, { name: "test_select", control: control, options: [
|
|
77
76
|
{ value: "chocolate", label: "Chocolate" },
|
|
78
77
|
{ value: "strawberry", label: "Strawberry" },
|
|
79
78
|
{ value: "vanilla", label: "Vanilla" },
|
|
80
79
|
], register: register("test_select", {
|
|
81
80
|
required: "Selecione uma opção",
|
|
82
|
-
}), error:
|
|
81
|
+
}), error: errors.test_select?.message?.toString(), info: "Testando info" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", onClick: () => console.log("Get values: ", getValues()), children: "Enviar" })] }));
|
|
83
82
|
},
|
|
84
83
|
};
|
|
85
84
|
//# sourceMappingURL=Input.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0C;AAC1C,wBAA0B;AAC1B,sCAAmC;AACnC,oCAAiC;AACjC,yCAAsC;AAEtC,sCAAmC;AAEnC,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,QAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,WAAW,EAAE,aAAa;KAC3B;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,SAAS,EAAE,EAAE,MAAM,EAAE,GACtB,GAAG,IAAA,yBAAO,GAAE,CAAC;QAEd,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAErE,OAAO,CACL,kCACE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAE3D,uBAAC,QAAK,IACJ,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE;wBACzB,QAAQ,EAAE,oBAAoB;wBAC9B,SAAS,EAAE;4BACT,KAAK,EAAE,CAAC;4BACR,OAAO,EAAE,sCAAsC;yBAChD;qBACF,CAAC,EACF,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GACvC,EACF,uBAAC,eAAM,IACL,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,QAAQ,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAC3D,EACF,uBAAC,aAAK,IACJ,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,GAChC,EACF,uBAAC,aAAK,IACJ,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,GAChC,EACF,uBAAC,eAAM,IACL,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;wBACP,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;wBAC1C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;wBAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;qBACvC,EACD,QAAQ,EAAE,QAAQ,CAAC,aAAa,EAAE;wBAChC,QAAQ,EAAE,qBAAqB;qBAChC,CAAC,EACF,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAC9C,IAAI,EAAC,eAAe,GACpB,EACF,uBAAC,eAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,SAAS,EAAE,CAAC,uBAGhD,IACJ,CACR,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Input = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.Input = (0, react_1.forwardRef)(function Input(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasError: !!error, children: [mask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, tslib_1.__assign({ mask: mask, maskChar: maskChar, inputRef: ref }, props, { disabled: isLoading || props.disabled }, register))) : ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref }, props, { disabled: isLoading || props.disabled }, register))), error && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "exclamation", className: "error-icon" }), isLoading && ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const styles_1 = require("./styles");
|
|
8
|
+
const Icon_1 = require("../../Icon");
|
|
9
|
+
const react_input_mask_1 = tslib_1.__importDefault(require("react-input-mask"));
|
|
10
|
+
const styled_components_1 = require("styled-components");
|
|
11
|
+
const Spinner_1 = require("../../Spinner");
|
|
12
|
+
exports.Input = (0, react_1.forwardRef)(function Input({ label, info, error, isLoading, register, mask, maskChar = null, ...props }, ref) {
|
|
13
|
+
const theme = (0, styled_components_1.useTheme)();
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasError: !!error, children: [mask ? ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : ((0, jsx_runtime_1.jsx)("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "exclamation", className: "error-icon" }), isLoading && ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
16
15
|
});
|
|
17
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA0C;AAC1C,qCAAwE;AACxE,qCAAkC;AAElC,gFAA8C;AAC9C,yDAA6C;AAC7C,2CAAwC;AAY3B,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EACE,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACG,EACb,GAAgC;IAEhC,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,wBAAC,qBAAY,eACV,KAAK,IAAI,4CAAQ,KAAK,GAAS,EAChC,wBAAC,uBAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9B,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,0BAAc,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,KACT,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,kCACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,EACA,KAAK,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,GAAG,EAC3D,SAAS,IAAI,CACZ,uBAAC,iBAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GACnD,CACH,IACc,EAEhB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACpC,uBAAC,uBAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,YACzD,KAAK,IAAI,IAAI,GACC,CAClB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|