@orangesk/orange-design-system 2.0.0-alpha.0 → 2.0.0-alpha.1
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/build/404.html +1 -1
- package/build/_next/static/CRhIjUFtohDOfdDfzvfXM/_buildManifest.js +1 -0
- package/build/_next/static/chunks/925.75d0c8afa7ab7cfa.js +1 -0
- package/build/_next/static/chunks/998-a45c3cf6f575e126.js +1 -0
- package/build/_next/static/chunks/app/components/alert/page-d591b03a7394f81e.js +1 -0
- package/build/_next/static/chunks/app/components/button/page-b922a8f5114b0a69.js +1 -0
- package/build/_next/static/chunks/app/components/buttons/page-0a5bf7e5ac7991fb.js +1 -0
- package/build/_next/static/chunks/app/components/icon/page-dac6ba29b85d924d.js +1 -0
- package/build/_next/static/chunks/app/components/modal/page-4a249b6d271eea91.js +1 -0
- package/build/_next/static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js +1 -0
- package/build/_next/static/chunks/app/layout-f74d44a2772d8d63.js +1 -0
- package/build/_next/static/chunks/app/page-9efa16a51ef59461.js +1 -0
- package/build/_next/static/chunks/webpack-623f6e616651e1c0.js +1 -0
- package/build/_next/static/css/14f3a3e0186fb7a8.css +3 -0
- package/build/_next/static/css/168dd2b7e791cf72.css +1 -0
- package/build/_next/static/css/28a41a1d7dcdbfd9.css +1 -0
- package/build/_next/static/css/291602d64f1f3570.css +1 -0
- package/build/_next/static/css/4c4366b3963177f0.css +1 -0
- package/build/_next/static/css/5481aeac9adca710.css +1 -0
- package/build/_next/static/css/73b136688c14b891.css +1 -0
- package/build/_next/static/css/91c8cf755bf9ff19.css +1 -0
- package/build/_next/static/css/c1b0424033f305ff.css +1 -0
- package/build/_next/static/css/eea9fd9ccdd56c76.css +1 -0
- package/build/_next/static/media/671791babd225be4-s.p.woff2 +0 -0
- package/build/_next/static/media/c62d990acddde5f0-s.p.woff2 +0 -0
- package/build/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2 +0 -0
- package/build/components/Accordion/index.js +1170 -0
- package/build/components/Accordion/index.js.map +1 -0
- package/build/components/Accordion/style.css +2 -0
- package/build/components/Accordion/style.css.map +1 -0
- package/build/components/Alert/index.js +1920 -0
- package/build/components/Alert/index.js.map +1 -0
- package/build/components/Alert/style.css +2 -0
- package/build/components/Alert/style.css.map +1 -0
- package/build/components/Badge/index.js +6 -3
- package/build/components/Badge/index.js.map +1 -1
- package/build/components/Badge/style.css +1 -1
- package/build/components/Badge/style.css.map +1 -1
- package/build/components/Breadcrumbs/index.js +687 -0
- package/build/components/Breadcrumbs/index.js.map +1 -0
- package/build/components/Breadcrumbs/style.css +2 -0
- package/build/components/Breadcrumbs/style.css.map +1 -0
- package/build/components/Button/index.js +734 -0
- package/build/components/Button/index.js.map +1 -0
- package/build/components/Button/style.css +2 -0
- package/build/components/Button/style.css.map +1 -0
- package/build/components/Buttons/index.js +614 -0
- package/build/components/Buttons/index.js.map +1 -0
- package/build/components/Buttons/style.css +2 -0
- package/build/components/Buttons/style.css.map +1 -0
- package/build/components/Container/index.js +611 -0
- package/build/components/Container/index.js.map +1 -0
- package/build/components/Container/style.css +2 -0
- package/build/components/Container/style.css.map +1 -0
- package/build/components/Grid/index.js +1082 -0
- package/build/components/Grid/index.js.map +1 -0
- package/build/components/Grid/style.css +2 -0
- package/build/components/Grid/style.css.map +1 -0
- package/build/components/Icon/index.js +628 -0
- package/build/components/Icon/index.js.map +1 -0
- package/build/components/Icon/style.css +2 -0
- package/build/components/Icon/style.css.map +1 -0
- package/build/components/Image/index.js +659 -0
- package/build/components/Image/index.js.map +1 -0
- package/build/components/Image/style.css +2 -0
- package/build/components/Image/style.css.map +1 -0
- package/build/components/Link/index.js +173 -0
- package/build/components/Link/index.js.map +1 -0
- package/build/components/Link/style.css +2 -0
- package/build/components/Link/style.css.map +1 -0
- package/build/components/Modal/index.js +3170 -0
- package/build/components/Modal/index.js.map +1 -0
- package/build/components/Modal/style.css +2 -0
- package/build/components/Modal/style.css.map +1 -0
- package/build/components/Section/index.js +632 -0
- package/build/components/Section/index.js.map +1 -0
- package/build/components/Section/style.css +2 -0
- package/build/components/Section/style.css.map +1 -0
- package/build/components/Tabs/index.js +1056 -0
- package/build/components/Tabs/index.js.map +1 -0
- package/build/components/Tabs/style.css +2 -0
- package/build/components/Tabs/style.css.map +1 -0
- package/build/components/alert.html +2 -0
- package/build/components/alert.txt +30 -0
- package/build/components/badge.html +4 -1
- package/build/components/badge.txt +23 -18
- package/build/components/button.html +2 -0
- package/build/components/button.txt +27 -0
- package/build/components/buttons.html +1 -0
- package/build/components/buttons.txt +27 -0
- package/build/components/icon.html +1 -0
- package/build/components/icon.txt +23 -0
- package/build/components/index.css +1 -1
- package/build/components/index.css.map +1 -1
- package/build/components/index.js +3079 -17
- package/build/components/index.js.map +1 -1
- package/build/components/modal.html +1 -0
- package/build/components/modal.txt +29 -0
- package/build/components/static.js +1261 -17
- package/build/components/static.js.map +1 -1
- package/build/components/tabs.html +1 -0
- package/build/components/tabs.txt +27 -0
- package/build/components/types/components/Alert/Alert.d.ts +25 -0
- package/build/components/types/components/Alert/data.d.ts +7 -0
- package/build/components/types/components/Alert/index.d.ts +2 -0
- package/build/components/types/{Badge → components/Badge}/Badge.d.ts +2 -2
- package/build/components/types/components/Badge/index.d.ts +2 -0
- package/build/components/types/components/Button/Button.d.ts +25 -0
- package/build/components/types/components/Button/IconButton.d.ts +18 -0
- package/build/components/types/components/Button/index.d.ts +17 -0
- package/build/components/types/components/Buttons/Buttons.d.ts +8 -0
- package/build/components/types/components/Buttons/index.d.ts +2 -0
- package/build/components/types/components/Container/Container.d.ts +6 -0
- package/build/components/types/components/Container/index.d.ts +3 -0
- package/build/components/types/components/Icon/Icon.d.ts +18 -0
- package/build/components/types/components/Icon/SpritePathContext.d.ts +8 -0
- package/build/components/types/components/Icon/index.d.ts +3 -0
- package/build/components/types/components/Modal/Modal.d.ts +33 -0
- package/build/components/types/components/Modal/Modal.static.d.ts +33 -0
- package/build/components/types/components/Modal/ModalBody.d.ts +10 -0
- package/build/components/types/components/Modal/ModalCloseButton.d.ts +8 -0
- package/build/components/types/components/Modal/ModalTitle.d.ts +9 -0
- package/build/components/types/components/Modal/index.d.ts +5 -0
- package/build/components/types/components/Section/Section.d.ts +23 -0
- package/build/components/types/components/Section/index.d.ts +2 -0
- package/build/components/types/components/Tabs/Tab.d.ts +13 -0
- package/build/components/types/components/Tabs/TabPanel.d.ts +14 -0
- package/build/components/types/components/Tabs/Tabs.d.ts +33 -0
- package/build/components/types/components/Tabs/Tabs.static.d.ts +28 -0
- package/build/components/types/components/Tabs/index.d.ts +4 -0
- package/build/components/types/components/index.d.ts +11 -0
- package/build/components/types/utils/ConditionalWrapper.d.ts +13 -0
- package/build/components/types/utils/constants.d.ts +18 -0
- package/build/components/types/utils/generateId.d.ts +6 -0
- package/build/components/types/utils/hooks.d.ts +29 -0
- package/build/components/types/utils/keyboard.d.ts +14 -0
- package/build/fonts/HelveticaNeue-Bold.woff2 +0 -0
- package/build/fonts/HelveticaNeue-Light.woff2 +0 -0
- package/build/fonts/HelveticaNeue-Roman.woff2 +0 -0
- package/build/index.html +11 -46
- package/build/index.txt +22 -17
- package/build/lib/after-components.css +1 -1
- package/build/lib/after-components.css.map +1 -1
- package/build/lib/before-components.css +1 -1
- package/build/lib/before-components.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/fonts.css +1 -1
- package/build/lib/fonts.css.map +1 -1
- package/build/lib/scripts.js +1261 -17
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/sprite.svg +1 -0
- package/package.json +8 -4
- package/public/fonts/HelveticaNeue-Bold.woff2 +0 -0
- package/public/fonts/HelveticaNeue-Light.woff2 +0 -0
- package/public/fonts/HelveticaNeue-Roman.woff2 +0 -0
- package/src/assets/icons/4g.svg +1 -0
- package/src/assets/icons/5g.svg +1 -0
- package/src/assets/icons/accessibility-mobility.svg +1 -0
- package/src/assets/icons/accessibility-motor.svg +1 -0
- package/src/assets/icons/accessibility-vision.svg +1 -0
- package/src/assets/icons/accessibility.svg +1 -0
- package/src/assets/icons/add.svg +1 -0
- package/src/assets/icons/advertising.svg +1 -0
- package/src/assets/icons/aeroplane.svg +1 -0
- package/src/assets/icons/age-rating-3.svg +1 -0
- package/src/assets/icons/airbox-auto.svg +1 -0
- package/src/assets/icons/alias-numbers.svg +1 -0
- package/src/assets/icons/android-manage.svg +1 -0
- package/src/assets/icons/antenna.svg +1 -0
- package/src/assets/icons/apartment-building.svg +1 -0
- package/src/assets/icons/apps.svg +1 -0
- package/src/assets/icons/assistance.svg +1 -0
- package/src/assets/icons/assistent.svg +1 -0
- package/src/assets/icons/at.svg +1 -0
- package/src/assets/icons/avatar.svg +1 -0
- package/src/assets/icons/backup-internet.svg +1 -0
- package/src/assets/icons/bank.svg +1 -0
- package/src/assets/icons/battery-charging.svg +1 -0
- package/src/assets/icons/battery-full.svg +1 -0
- package/src/assets/icons/battery-status-1-3.svg +1 -0
- package/src/assets/icons/battery-status-charging.svg +1 -0
- package/src/assets/icons/battery-status-full.svg +1 -0
- package/src/assets/icons/bed.svg +1 -0
- package/src/assets/icons/birth.svg +1 -0
- package/src/assets/icons/birthday.svg +1 -0
- package/src/assets/icons/bluetooth.svg +1 -0
- package/src/assets/icons/boarding-pass.svg +1 -0
- package/src/assets/icons/book-award.svg +1 -0
- package/src/assets/icons/book.svg +1 -0
- package/src/assets/icons/boxes.svg +1 -0
- package/src/assets/icons/briefcase.svg +1 -0
- package/src/assets/icons/browser-plug-in.svg +1 -0
- package/src/assets/icons/business-advisor.svg +1 -0
- package/src/assets/icons/business-consultant.svg +1 -0
- package/src/assets/icons/business-lounge.svg +1 -0
- package/src/assets/icons/buy.svg +1 -0
- package/src/assets/icons/calendar-30.svg +1 -0
- package/src/assets/icons/calendar-alarm.svg +1 -0
- package/src/assets/icons/calendar-day.svg +1 -0
- package/src/assets/icons/calendar-month.svg +1 -0
- package/src/assets/icons/call-in.svg +1 -0
- package/src/assets/icons/call-out.svg +1 -0
- package/src/assets/icons/call.svg +1 -0
- package/src/assets/icons/camera.svg +1 -0
- package/src/assets/icons/car-park.svg +1 -0
- package/src/assets/icons/car.svg +1 -0
- package/src/assets/icons/card-reader.svg +1 -0
- package/src/assets/icons/casting.svg +1 -0
- package/src/assets/icons/cest-ici.svg +1 -0
- package/src/assets/icons/charger.svg +1 -0
- package/src/assets/icons/chatbot.svg +1 -0
- package/src/assets/icons/check-your-balance.svg +1 -0
- package/src/assets/icons/checked.svg +1 -0
- package/src/assets/icons/chevron-down.svg +1 -0
- package/src/assets/icons/chevron-end.svg +1 -0
- package/src/assets/icons/chevron-left.svg +1 -0
- package/src/assets/icons/chevron-right.svg +1 -0
- package/src/assets/icons/chevron-start.svg +1 -0
- package/src/assets/icons/chevron-up.svg +1 -0
- package/src/assets/icons/child.svg +1 -0
- package/src/assets/icons/children-channel.svg +1 -0
- package/src/assets/icons/childrens-content.svg +1 -0
- package/src/assets/icons/christmas-tree.svg +1 -0
- package/src/assets/icons/cinema-ticket-2-for-1.svg +1 -0
- package/src/assets/icons/cle-pc.svg +1 -0
- package/src/assets/icons/clock.svg +1 -0
- package/src/assets/icons/close.svg +5 -0
- package/src/assets/icons/closed-captions.svg +1 -0
- package/src/assets/icons/cloud-backup.svg +1 -0
- package/src/assets/icons/cloud-security.svg +1 -0
- package/src/assets/icons/collective-class-training.svg +1 -0
- package/src/assets/icons/community-sms.svg +1 -0
- package/src/assets/icons/company-structure.svg +1 -0
- package/src/assets/icons/connections.svg +1 -0
- package/src/assets/icons/control-centre.svg +1 -0
- package/src/assets/icons/control-my-data.svg +3 -0
- package/src/assets/icons/cpu.svg +1 -0
- package/src/assets/icons/currency-euro.svg +1 -0
- package/src/assets/icons/cyber-shield.svg +1 -0
- package/src/assets/icons/dashboard-display.svg +1 -0
- package/src/assets/icons/data-analytics.svg +1 -0
- package/src/assets/icons/data-centre.svg +1 -0
- package/src/assets/icons/data-services.svg +1 -0
- package/src/assets/icons/data-traffic.svg +1 -0
- package/src/assets/icons/data.svg +1 -0
- package/src/assets/icons/delete.svg +1 -0
- package/src/assets/icons/desk-phone.svg +1 -0
- package/src/assets/icons/desktop-pc.svg +1 -0
- package/src/assets/icons/device-fixed-line-phone.svg +1 -0
- package/src/assets/icons/device-laptop-computer-connected.svg +1 -0
- package/src/assets/icons/device-laptop-computer.svg +1 -0
- package/src/assets/icons/device-smart-phone.svg +1 -0
- package/src/assets/icons/device-tablet.svg +1 -0
- package/src/assets/icons/device-tv.svg +1 -0
- package/src/assets/icons/diagnostic.svg +1 -0
- package/src/assets/icons/digital-frame.svg +1 -0
- package/src/assets/icons/discussion-more.svg +1 -0
- package/src/assets/icons/doctor.svg +1 -0
- package/src/assets/icons/documentary.svg +1 -0
- package/src/assets/icons/donation.svg +1 -0
- package/src/assets/icons/download-file.svg +1 -0
- package/src/assets/icons/download.svg +1 -0
- package/src/assets/icons/e-reader.svg +1 -0
- package/src/assets/icons/e-shop.svg +1 -0
- package/src/assets/icons/easy-internet.svg +1 -0
- package/src/assets/icons/eco-mode.svg +1 -0
- package/src/assets/icons/edit.svg +1 -0
- package/src/assets/icons/electrcar.svg +1 -0
- package/src/assets/icons/email.svg +1 -0
- package/src/assets/icons/employees.svg +1 -0
- package/src/assets/icons/empty-trash.svg +1 -0
- package/src/assets/icons/entertainment.svg +1 -0
- package/src/assets/icons/epg.svg +1 -0
- package/src/assets/icons/error-severe.svg +1 -0
- package/src/assets/icons/ethernet.svg +1 -0
- package/src/assets/icons/euro.svg +1 -0
- package/src/assets/icons/exit.svg +1 -0
- package/src/assets/icons/facebook-2.svg +1 -0
- package/src/assets/icons/facebook.svg +1 -0
- package/src/assets/icons/factory.svg +1 -0
- package/src/assets/icons/family-place.svg +1 -0
- package/src/assets/icons/fashion.svg +1 -0
- package/src/assets/icons/fast-delivery.svg +1 -0
- package/src/assets/icons/file-compressed.svg +1 -0
- package/src/assets/icons/file-copy.svg +1 -0
- package/src/assets/icons/file-document-compose.svg +1 -0
- package/src/assets/icons/file-download.svg +1 -0
- package/src/assets/icons/file-draft-edit.svg +1 -0
- package/src/assets/icons/file-pdf.svg +1 -0
- package/src/assets/icons/file-terms-and-conditions.svg +1 -0
- package/src/assets/icons/files.svg +1 -0
- package/src/assets/icons/film.svg +1 -0
- package/src/assets/icons/filter.svg +1 -0
- package/src/assets/icons/finance.svg +1 -0
- package/src/assets/icons/firewall.svg +1 -0
- package/src/assets/icons/flag.svg +1 -0
- package/src/assets/icons/flashlight.svg +1 -0
- package/src/assets/icons/flexible-storage.svg +1 -0
- package/src/assets/icons/folder.svg +1 -0
- package/src/assets/icons/football-match.svg +1 -0
- package/src/assets/icons/football-quiz.svg +1 -0
- package/src/assets/icons/football.svg +1 -0
- package/src/assets/icons/form-tick.svg +1 -0
- package/src/assets/icons/front-end-dashboard.svg +1 -0
- package/src/assets/icons/funny.svg +1 -0
- package/src/assets/icons/futher-education.svg +1 -0
- package/src/assets/icons/games.svg +1 -0
- package/src/assets/icons/garage-closed.svg +1 -0
- package/src/assets/icons/gauge-rate.svg +1 -0
- package/src/assets/icons/gears.svg +1 -0
- package/src/assets/icons/geolocation.svg +1 -0
- package/src/assets/icons/guide-info.svg +1 -0
- package/src/assets/icons/hammer.svg +1 -0
- package/src/assets/icons/hand-shake.svg +1 -0
- package/src/assets/icons/hard-drive.svg +1 -0
- package/src/assets/icons/hdmi-key.svg +1 -0
- package/src/assets/icons/headphones.svg +1 -0
- package/src/assets/icons/health-app.svg +1 -0
- package/src/assets/icons/health-monitor.svg +1 -0
- package/src/assets/icons/health-patient.svg +1 -0
- package/src/assets/icons/heart.svg +1 -0
- package/src/assets/icons/home-appliance.svg +1 -0
- package/src/assets/icons/home.svg +1 -0
- package/src/assets/icons/homelive.svg +1 -0
- package/src/assets/icons/hourglass.svg +1 -0
- package/src/assets/icons/house.svg +1 -0
- package/src/assets/icons/id-card.svg +1 -0
- package/src/assets/icons/image.svg +1 -0
- package/src/assets/icons/important.svg +1 -0
- package/src/assets/icons/improvement.svg +1 -0
- package/src/assets/icons/inbox.svg +1 -0
- package/src/assets/icons/info.svg +1 -0
- package/src/assets/icons/information-data.svg +1 -0
- package/src/assets/icons/instagram.svg +1 -0
- package/src/assets/icons/international-globe.svg +1 -0
- package/src/assets/icons/internet-browser.svg +1 -0
- package/src/assets/icons/internet-security-desktop.svg +1 -0
- package/src/assets/icons/internet-security-mobile.svg +1 -0
- package/src/assets/icons/internet-security-password.svg +1 -0
- package/src/assets/icons/internet-usage.svg +1 -0
- package/src/assets/icons/internet.svg +1 -0
- package/src/assets/icons/invoice-euro.svg +1 -0
- package/src/assets/icons/invoices-euro.svg +1 -0
- package/src/assets/icons/iso.svg +1 -0
- package/src/assets/icons/it-infrastructure.svg +1 -0
- package/src/assets/icons/keyboard.svg +1 -0
- package/src/assets/icons/la-cle-tv.svg +1 -0
- package/src/assets/icons/laptop-connected.svg +1 -0
- package/src/assets/icons/laptop.svg +1 -0
- package/src/assets/icons/le-vote.svg +1 -0
- package/src/assets/icons/link.svg +1 -0
- package/src/assets/icons/linkedin-2.svg +1 -0
- package/src/assets/icons/linkedin.svg +1 -0
- package/src/assets/icons/location-on-map.svg +1 -0
- package/src/assets/icons/location-pin.svg +1 -0
- package/src/assets/icons/lock-open.svg +1 -0
- package/src/assets/icons/lock.svg +1 -0
- package/src/assets/icons/logistics.svg +1 -0
- package/src/assets/icons/love-logo.svg +1 -0
- package/src/assets/icons/mahali.svg +1 -0
- package/src/assets/icons/maintenance-man.svg +1 -0
- package/src/assets/icons/map-pin.svg +1 -0
- package/src/assets/icons/map.svg +1 -0
- package/src/assets/icons/medal.svg +1 -0
- package/src/assets/icons/medical-app.svg +1 -0
- package/src/assets/icons/medical-chart.svg +1 -0
- package/src/assets/icons/medicine.svg +1 -0
- package/src/assets/icons/menu-arrow.svg +1 -0
- package/src/assets/icons/menu-grid.svg +1 -0
- package/src/assets/icons/menu.svg +1 -0
- package/src/assets/icons/message-alert.svg +1 -0
- package/src/assets/icons/messages.svg +1 -0
- package/src/assets/icons/micro-sd-card.svg +1 -0
- package/src/assets/icons/microphone-mute.svg +1 -0
- package/src/assets/icons/microphone.svg +1 -0
- package/src/assets/icons/mini-games.svg +1 -0
- package/src/assets/icons/mobile-applications.svg +1 -0
- package/src/assets/icons/mobile-data-toggle.svg +1 -0
- package/src/assets/icons/mobile-insurance.svg +1 -0
- package/src/assets/icons/mobile-network-coverage.svg +1 -0
- package/src/assets/icons/mobile-payment.svg +1 -0
- package/src/assets/icons/mobile-security.svg +1 -0
- package/src/assets/icons/mobile-setup.svg +1 -0
- package/src/assets/icons/modem.svg +1 -0
- package/src/assets/icons/modifier-delete.svg +1 -0
- package/src/assets/icons/modifier-done.svg +1 -0
- package/src/assets/icons/modifier-download.svg +1 -0
- package/src/assets/icons/modifier-upload.svg +1 -0
- package/src/assets/icons/money-box.svg +1 -0
- package/src/assets/icons/more-dots.svg +1 -0
- package/src/assets/icons/multi-sim.svg +1 -0
- package/src/assets/icons/music.svg +1 -0
- package/src/assets/icons/my-account.svg +1 -0
- package/src/assets/icons/my-orange.svg +1 -0
- package/src/assets/icons/my-skills.svg +1 -0
- package/src/assets/icons/my-vacation.svg +1 -0
- package/src/assets/icons/network-dslam.svg +1 -0
- package/src/assets/icons/network-gatekeeper.svg +1 -0
- package/src/assets/icons/network-gateway.svg +1 -0
- package/src/assets/icons/network-optical-amplifier.svg +1 -0
- package/src/assets/icons/network-optical-transport.svg +1 -0
- package/src/assets/icons/network-wan-optimisation-engine.svg +1 -0
- package/src/assets/icons/networks.svg +1 -0
- package/src/assets/icons/newspaper.svg +1 -0
- package/src/assets/icons/not-checked.svg +1 -0
- package/src/assets/icons/notification-alert.svg +1 -0
- package/src/assets/icons/office.svg +1 -0
- package/src/assets/icons/online-help.svg +1 -0
- package/src/assets/icons/orange-assistant.svg +1 -0
- package/src/assets/icons/orange-cash.svg +1 -0
- package/src/assets/icons/orange-detente.svg +1 -0
- package/src/assets/icons/orange-dialler.svg +1 -0
- package/src/assets/icons/orange-events.svg +1 -0
- package/src/assets/icons/orange-experts-expert.svg +1 -0
- package/src/assets/icons/orange-experts-insurance.svg +1 -0
- package/src/assets/icons/orange-experts-orange-business-consultant.svg +1 -0
- package/src/assets/icons/orange-experts-recycle.svg +1 -0
- package/src/assets/icons/orange-experts-repair.svg +1 -0
- package/src/assets/icons/orange-football-club.svg +1 -0
- package/src/assets/icons/orange-games.svg +1 -0
- package/src/assets/icons/orange-messenger.svg +1 -0
- package/src/assets/icons/orange-money-nfc.svg +1 -0
- package/src/assets/icons/orange-reflect.svg +1 -0
- package/src/assets/icons/orange-rewards.svg +1 -0
- package/src/assets/icons/orange-tv.svg +1 -0
- package/src/assets/icons/orange-vr-experience.svg +1 -0
- package/src/assets/icons/outbox.svg +1 -0
- package/src/assets/icons/package-content.svg +1 -0
- package/src/assets/icons/package-services.svg +1 -0
- package/src/assets/icons/package.svg +1 -0
- package/src/assets/icons/packaging-icon-hd.svg +1 -0
- package/src/assets/icons/parabole-tv.svg +1 -0
- package/src/assets/icons/parental-control.svg +1 -0
- package/src/assets/icons/pause.svg +1 -0
- package/src/assets/icons/payment-card.svg +1 -0
- package/src/assets/icons/payment-euro.svg +1 -0
- package/src/assets/icons/pda.svg +1 -0
- package/src/assets/icons/pdf-file.svg +1 -0
- package/src/assets/icons/pencil.svg +1 -0
- package/src/assets/icons/personal-hotspot.svg +1 -0
- package/src/assets/icons/personal-smartphone-trainer.svg +1 -0
- package/src/assets/icons/phone-advisor.svg +1 -0
- package/src/assets/icons/play-and-win.svg +1 -0
- package/src/assets/icons/play.svg +1 -0
- package/src/assets/icons/plug-socket.svg +1 -0
- package/src/assets/icons/power.svg +1 -0
- package/src/assets/icons/powerstation.svg +1 -0
- package/src/assets/icons/presentation.svg +1 -0
- package/src/assets/icons/print.svg +1 -0
- package/src/assets/icons/printer.svg +1 -0
- package/src/assets/icons/real-time.svg +1 -0
- package/src/assets/icons/recycle-device.svg +1 -0
- package/src/assets/icons/recycle.svg +1 -0
- package/src/assets/icons/reduction.svg +1 -0
- package/src/assets/icons/reload.svg +1 -0
- package/src/assets/icons/reminders.svg +1 -0
- package/src/assets/icons/remote-desktop-protocol.svg +1 -0
- package/src/assets/icons/remove.svg +1 -0
- package/src/assets/icons/repair.svg +1 -0
- package/src/assets/icons/reseau.svg +1 -0
- package/src/assets/icons/restaurant.svg +1 -0
- package/src/assets/icons/rewards.svg +1 -0
- package/src/assets/icons/running.svg +1 -0
- package/src/assets/icons/safety.svg +1 -0
- package/src/assets/icons/satallite.svg +1 -0
- package/src/assets/icons/save.svg +1 -0
- package/src/assets/icons/school.svg +1 -0
- package/src/assets/icons/science.svg +1 -0
- package/src/assets/icons/sd-card.svg +1 -0
- package/src/assets/icons/search.svg +1 -0
- package/src/assets/icons/security-status-good.svg +1 -0
- package/src/assets/icons/send.svg +1 -0
- package/src/assets/icons/senior-person.svg +1 -0
- package/src/assets/icons/server-storage-array.svg +1 -0
- package/src/assets/icons/server-tower.svg +1 -0
- package/src/assets/icons/session-enter.svg +1 -0
- package/src/assets/icons/session-leave.svg +1 -0
- package/src/assets/icons/settings.svg +1 -0
- package/src/assets/icons/share.svg +1 -0
- package/src/assets/icons/shop-pin.svg +1 -0
- package/src/assets/icons/shop.svg +1 -0
- package/src/assets/icons/showroom-mobile-pro.svg +1 -0
- package/src/assets/icons/signal-5-5.svg +1 -0
- package/src/assets/icons/silence.svg +1 -0
- package/src/assets/icons/sim-e.svg +1 -0
- package/src/assets/icons/sim.svg +1 -0
- package/src/assets/icons/simple-mode.svg +1 -0
- package/src/assets/icons/simplicity.svg +1 -0
- package/src/assets/icons/siren.svg +1 -0
- package/src/assets/icons/skiing.svg +1 -0
- package/src/assets/icons/skip-to-end.svg +1 -0
- package/src/assets/icons/skip-to-start.svg +1 -0
- package/src/assets/icons/sleep.svg +1 -0
- package/src/assets/icons/smart-care.svg +1 -0
- package/src/assets/icons/smart-home.svg +1 -0
- package/src/assets/icons/smart-tap.svg +1 -0
- package/src/assets/icons/smart-watch.svg +1 -0
- package/src/assets/icons/sms-alert.svg +1 -0
- package/src/assets/icons/sms-message-compose.svg +1 -0
- package/src/assets/icons/sms-message.svg +1 -0
- package/src/assets/icons/social-network.svg +1 -0
- package/src/assets/icons/sofa.svg +1 -0
- package/src/assets/icons/sort.svg +1 -0
- package/src/assets/icons/stadium.svg +1 -0
- package/src/assets/icons/star-empty.svg +1 -0
- package/src/assets/icons/star-favourite-half.svg +1 -0
- package/src/assets/icons/star-favourite.svg +1 -0
- package/src/assets/icons/startover.svg +1 -0
- package/src/assets/icons/statistics.svg +1 -0
- package/src/assets/icons/stop-secret.svg +1 -0
- package/src/assets/icons/storage-cloud.svg +1 -0
- package/src/assets/icons/store-locator.svg +1 -0
- package/src/assets/icons/street.svg +1 -0
- package/src/assets/icons/subscription-package.svg +1 -0
- package/src/assets/icons/suitcase.svg +1 -0
- package/src/assets/icons/support.svg +1 -0
- package/src/assets/icons/surveillance-camera.svg +1 -0
- package/src/assets/icons/syncronise.svg +1 -0
- package/src/assets/icons/tag-advertising.svg +1 -0
- package/src/assets/icons/tag.svg +1 -0
- package/src/assets/icons/target-location.svg +1 -0
- package/src/assets/icons/tarif.svg +1 -0
- package/src/assets/icons/task-list.svg +1 -0
- package/src/assets/icons/team-connect.svg +1 -0
- package/src/assets/icons/thumb-up.svg +1 -0
- package/src/assets/icons/tick.svg +1 -0
- package/src/assets/icons/ticket.svg +1 -0
- package/src/assets/icons/top-up-card-euro.svg +1 -0
- package/src/assets/icons/top-up-euro.svg +1 -0
- package/src/assets/icons/top-up-time.svg +1 -0
- package/src/assets/icons/town.svg +1 -0
- package/src/assets/icons/townhall.svg +1 -0
- package/src/assets/icons/train.svg +1 -0
- package/src/assets/icons/training-session.svg +1 -0
- package/src/assets/icons/tranquility.svg +1 -0
- package/src/assets/icons/transfer-data.svg +1 -0
- package/src/assets/icons/transfers.svg +1 -0
- package/src/assets/icons/trash.svg +1 -0
- package/src/assets/icons/tv-channel-list.svg +1 -0
- package/src/assets/icons/tv-commande.svg +1 -0
- package/src/assets/icons/unlimited-calls.svg +1 -0
- package/src/assets/icons/upload.svg +1 -0
- package/src/assets/icons/usb-hard-drive.svg +1 -0
- package/src/assets/icons/usb-key.svg +1 -0
- package/src/assets/icons/user-manual.svg +1 -0
- package/src/assets/icons/user.svg +1 -0
- package/src/assets/icons/video-call.svg +1 -0
- package/src/assets/icons/video-live.svg +1 -0
- package/src/assets/icons/video-phone.svg +1 -0
- package/src/assets/icons/video-record.svg +1 -0
- package/src/assets/icons/video.svg +1 -0
- package/src/assets/icons/vip-contact.svg +1 -0
- package/src/assets/icons/virtual-gamepad.svg +1 -0
- package/src/assets/icons/vod-portrait.svg +1 -0
- package/src/assets/icons/volte.svg +1 -0
- package/src/assets/icons/volume-status-4-4.svg +1 -0
- package/src/assets/icons/vowifi.svg +1 -0
- package/src/assets/icons/wallet.svg +1 -0
- package/src/assets/icons/warning-important.svg +1 -0
- package/src/assets/icons/washroom.svg +1 -0
- package/src/assets/icons/watch.svg +1 -0
- package/src/assets/icons/water.svg +1 -0
- package/src/assets/icons/weather.svg +1 -0
- package/src/assets/icons/web-browser.svg +1 -0
- package/src/assets/icons/web-camera.svg +1 -0
- package/src/assets/icons/weighing-scales.svg +1 -0
- package/src/assets/icons/widget.svg +1 -0
- package/src/assets/icons/wifi-home.svg +1 -0
- package/src/assets/icons/wifi.svg +1 -0
- package/src/assets/icons/x.svg +1 -0
- package/src/assets/icons/your-balance.svg +1 -0
- package/src/assets/icons/youtube.svg +1 -0
- package/src/assets/icons/zoom-in.svg +1 -0
- package/src/assets/icons/zoom-out.svg +1 -0
- package/src/assets/images/developers/hands-with-phones.svg +90 -0
- package/src/assets/images/developers/iphone-size-2x.png +0 -0
- package/src/assets/images/developers/iphone-xr-white-select.png +0 -0
- package/src/assets/images/developers/phones.png +0 -0
- package/src/assets/images/developers/router.png +0 -0
- package/src/assets/images/developers/rule-component-block.png +0 -0
- package/src/assets/images/developers/rule-component-inline.png +0 -0
- package/src/assets/images/developers/rule-container.png +0 -0
- package/src/assets/images/developers/rule-content.png +0 -0
- package/src/assets/images/developers/two-phones.png +0 -0
- package/src/assets/logo/logo.svg +1 -0
- package/src/components/Accordion/Accordion.mdx +222 -0
- package/src/components/Accordion/Accordion.static.ts +104 -0
- package/src/components/Accordion/Accordion.tsx +70 -0
- package/src/components/Accordion/AccordionHeader.tsx +59 -0
- package/src/components/Accordion/AccordionItem.tsx +76 -0
- package/src/components/Accordion/HeadingContext.tsx +5 -0
- package/src/components/Accordion/index.ts +4 -0
- package/src/components/Accordion/styles/config.scss +8 -0
- package/src/components/Accordion/styles/mixins.scss +91 -0
- package/src/components/Accordion/styles/style.scss +47 -0
- package/src/components/Accordion/tests/Accordion.static.test.js +207 -0
- package/src/components/Accordion/tests/Accordion.unit.test.js +822 -0
- package/src/components/Accordion/tests/data.js +18 -0
- package/src/components/Alert/Alert.mdx +141 -0
- package/src/components/Alert/Alert.tsx +119 -0
- package/src/components/Alert/CHANGELOG.md +33 -0
- package/src/components/Alert/data.ts +8 -0
- package/src/components/Alert/index.ts +3 -0
- package/src/components/Alert/styles/config.scss +58 -0
- package/src/components/Alert/styles/mixins.scss +54 -0
- package/src/components/Alert/styles/style.scss +44 -0
- package/src/components/Alert/tests/Alert.conformance.test.js +30 -0
- package/src/components/Alert/tests/Alert.test.js +87 -0
- package/src/components/Badge/Badge.tsx +5 -3
- package/src/components/Badge/index.ts +1 -1
- package/src/components/Badge/styles/config.scss +53 -17
- package/src/components/Badge/styles/mixins.scss +8 -2
- package/src/components/Badge/styles/style.scss +7 -3
- package/src/components/Badge/tests/Badge.conformance.test.js +8 -8
- package/src/components/Badge/tests/Badge.unit.test.js +3 -3
- package/src/components/Breadcrumbs/BreadcrumbItem.tsx +54 -0
- package/src/components/Breadcrumbs/Breadcrumbs.mdx +84 -0
- package/src/components/Breadcrumbs/Breadcrumbs.tsx +60 -0
- package/src/components/Breadcrumbs/index.ts +5 -0
- package/src/components/Breadcrumbs/styles/config.scss +2 -0
- package/src/components/Breadcrumbs/styles/mixins.scss +105 -0
- package/src/components/Breadcrumbs/styles/style.scss +37 -0
- package/src/components/Breadcrumbs/tests/BreadcrumbItem.unit.test.js +295 -0
- package/src/components/Breadcrumbs/tests/Breadcrumbs.conformance.test.js +53 -0
- package/src/components/Breadcrumbs/tests/Breadcrumbs.integration.test.js +309 -0
- package/src/components/Breadcrumbs/tests/Breadcrumbs.unit.test.js +280 -0
- package/src/components/Button/Button.mdx +273 -0
- package/src/components/Button/Button.tsx +105 -0
- package/src/components/Button/IconButton.tsx +67 -0
- package/src/components/Button/index.tsx +23 -0
- package/src/components/Button/styles/config.scss +229 -0
- package/src/components/Button/styles/mixins.scss +164 -0
- package/src/components/Button/styles/style.scss +66 -0
- package/src/components/Button/tests/Button.conformance.test.js +37 -0
- package/src/components/Button/tests/Button.test.js +114 -0
- package/src/components/Button/tests/IconButton.unit.test.js +107 -0
- package/src/components/Buttons/Buttons.mdx +39 -0
- package/src/components/Buttons/Buttons.tsx +34 -0
- package/src/components/Buttons/index.ts +3 -0
- package/src/components/Buttons/styles/config.scss +3 -0
- package/src/components/Buttons/styles/mixins.scss +39 -0
- package/src/components/Buttons/styles/style.scss +10 -0
- package/src/components/Buttons/tests/Buttons.conformance.test.js +22 -0
- package/src/components/Buttons/tests/Buttons.unit.test.js +26 -0
- package/src/components/Container/Container.mdx +73 -0
- package/src/components/Container/Container.tsx +15 -0
- package/src/components/Container/index.ts +5 -0
- package/src/components/Container/styles/config.scss +11 -0
- package/src/components/Container/styles/mixins.scss +22 -0
- package/src/components/Container/styles/style.scss +5 -0
- package/src/components/Container/tests/Container.conformance.test.js +209 -0
- package/src/components/Container/tests/Container.unit.test.js +320 -0
- package/src/components/Grid/Grid.mdx +319 -0
- package/src/components/Grid/Grid.tsx +51 -0
- package/src/components/Grid/GridCol.tsx +33 -0
- package/src/components/Grid/index.ts +6 -0
- package/src/components/Grid/styles/config.scss +10 -0
- package/src/components/Grid/styles/mixins.scss +126 -0
- package/src/components/Grid/styles/style.scss +41 -0
- package/src/components/Grid/tests/Grid.unit.test.tsx +533 -0
- package/src/components/Grid/tests/GridCol.unit.test.tsx +199 -0
- package/src/components/Icon/Icon.mdx +172 -0
- package/src/components/Icon/Icon.tsx +73 -0
- package/src/components/Icon/IconSearch.jsx +247 -0
- package/src/components/Icon/SpritePathContext.tsx +22 -0
- package/src/components/Icon/iconSearchTags.ts +437 -0
- package/src/components/Icon/index.ts +5 -0
- package/src/components/Icon/styles/config.scss +27 -0
- package/src/components/Icon/styles/export/color.scss +8 -0
- package/src/components/Icon/styles/export/size.scss +13 -0
- package/src/components/Icon/styles/mixins.scss +31 -0
- package/src/components/Icon/styles/style.scss +13 -0
- package/src/components/Icon/tests/Icon.conformance.test.js +22 -0
- package/src/components/Icon/tests/Icon.unit.test.js +112 -0
- package/src/components/Image/Image.mdx +166 -0
- package/src/components/Image/Image.tsx +65 -0
- package/src/components/Image/index.ts +7 -0
- package/src/components/Image/styles/mixins.scss +12 -0
- package/src/components/Image/styles/style.scss +9 -0
- package/src/components/Image/tests/Image.conformance.test.js +264 -0
- package/src/components/Image/tests/Image.unit.test.js +338 -0
- package/src/components/Link/Link.mdx +224 -0
- package/src/components/Link/Link.tsx +52 -0
- package/src/components/Link/index.ts +3 -0
- package/src/components/Link/styles/config.scss +85 -0
- package/src/components/Link/styles/mixins.scss +42 -0
- package/src/components/Link/styles/style.scss +59 -0
- package/src/components/Link/tests/Link.conformance.test.js +302 -0
- package/src/components/Link/tests/Link.integration.test.js +393 -0
- package/src/components/Link/tests/Link.unit.test.js +308 -0
- package/src/components/Modal/Modal.mdx +449 -0
- package/src/components/Modal/Modal.static.ts +223 -0
- package/src/components/Modal/Modal.tsx +145 -0
- package/src/components/Modal/ModalBody.tsx +46 -0
- package/src/components/Modal/ModalCloseButton.tsx +26 -0
- package/src/components/Modal/ModalTitle.tsx +32 -0
- package/src/components/Modal/TODO.md +2 -0
- package/src/components/Modal/index.ts +6 -0
- package/src/components/Modal/styles/config.scss +42 -0
- package/src/components/Modal/styles/mixins.scss +200 -0
- package/src/components/Modal/styles/style.scss +97 -0
- package/src/components/Modal/tests/Modal.conformance.test.js +41 -0
- package/src/components/Modal/tests/Modal.unit.test.js +56 -0
- package/src/components/Modal/tests/ModalBody.unit.test.js +39 -0
- package/src/components/Modal/tests/ModalCloseButton.unit.test.js +84 -0
- package/src/components/Modal/tests/ModalTitle.unit.test.js +25 -0
- package/src/components/Section/Section.mdx +397 -0
- package/src/components/Section/Section.tsx +54 -0
- package/src/components/Section/index.ts +3 -0
- package/src/components/Section/styles/config.scss +38 -0
- package/src/components/Section/styles/mixins.scss +30 -0
- package/src/components/Section/styles/style.scss +35 -0
- package/src/components/Section/tests/Section.conformance.test.js +502 -0
- package/src/components/Section/tests/Section.unit.test.js +642 -0
- package/src/components/Tabs/TODO.md +2 -0
- package/src/components/Tabs/Tab.tsx +55 -0
- package/src/components/Tabs/TabPanel.tsx +42 -0
- package/src/components/Tabs/Tabs.mdx +373 -0
- package/src/components/Tabs/Tabs.static.ts +185 -0
- package/src/components/Tabs/Tabs.tsx +130 -0
- package/src/components/Tabs/index.ts +5 -0
- package/src/components/Tabs/styles/config.scss +78 -0
- package/src/components/Tabs/styles/mixins.scss +107 -0
- package/src/components/Tabs/styles/style.scss +64 -0
- package/src/components/Tabs/tests/Tab.unit.test.js +85 -0
- package/src/components/Tabs/tests/TabPanel.unit.test.js +53 -0
- package/src/components/Tabs/tests/Tabs.unit.test.js +260 -0
- package/src/components/index.ts +33 -2
- package/src/styles/base/globals.scss +18 -13
- package/src/styles/base/styleguide.scss +1 -1
- package/src/styles/before-components.scss +1 -1
- package/src/styles/export/breakpoint.ts +12 -0
- package/src/styles/export/color.scss +1 -1
- package/src/styles/tokens/base.scss +6 -4
- package/src/styles/tokens/color.scss +127 -25
- package/src/styles/tools/convert.scss +1 -1
- package/src/styles/typography/config.scss +187 -0
- package/src/{components/Typography/styles → styles/typography}/mixins.scss +31 -24
- package/src/{components/Typography/styles → styles/typography}/style.scss +9 -3
- package/src/styles/utilities/text.scss +2 -2
- package/build/.htaccess +0 -7
- package/build/_next/static/chunks/app/layout-69efc42b1696abf9.js +0 -1
- package/build/_next/static/chunks/app/page-687dfdffc8d1b6e5.js +0 -1
- package/build/_next/static/chunks/webpack-778f3ec87f8d2826.js +0 -1
- package/build/_next/static/css/08a2fcd6f5aac3e0.css +0 -1
- package/build/_next/static/css/d2fc2f581fe4b371.css +0 -1
- package/build/_next/static/rsiMOOYAxBtOjvpzBN4vJ/_buildManifest.js +0 -1
- package/build/_redirects +0 -1
- package/build/components/types/Badge/index.d.ts +0 -2
- package/build/components/types/index.d.ts +0 -4
- package/build/fonts/HelvNeue55_W1G.eot +0 -0
- package/build/fonts/HelvNeue55_W1G.svg +0 -653
- package/build/fonts/HelvNeue55_W1G.ttf +0 -0
- package/build/fonts/HelvNeue55_W1G.woff +0 -0
- package/build/fonts/HelvNeue55_W1G.woff2 +0 -0
- package/build/fonts/HelvNeue75_W1G.eot +0 -0
- package/build/fonts/HelvNeue75_W1G.svg +0 -653
- package/build/fonts/HelvNeue75_W1G.ttf +0 -0
- package/build/fonts/HelvNeue75_W1G.woff +0 -0
- package/build/fonts/HelvNeue75_W1G.woff2 +0 -0
- package/build/manifest.json +0 -15
- package/build/sprite-sg.svg +0 -1
- package/public/fonts/HelvNeue55_W1G.eot +0 -0
- package/public/fonts/HelvNeue55_W1G.svg +0 -653
- package/public/fonts/HelvNeue55_W1G.ttf +0 -0
- package/public/fonts/HelvNeue55_W1G.woff +0 -0
- package/public/fonts/HelvNeue55_W1G.woff2 +0 -0
- package/public/fonts/HelvNeue75_W1G.eot +0 -0
- package/public/fonts/HelvNeue75_W1G.svg +0 -653
- package/public/fonts/HelvNeue75_W1G.ttf +0 -0
- package/public/fonts/HelvNeue75_W1G.woff +0 -0
- package/public/fonts/HelvNeue75_W1G.woff2 +0 -0
- package/src/components/Badge/Badge.test.js +0 -45
- package/src/components/Typography/styles/config.scss +0 -181
- /package/build/_next/static/{rsiMOOYAxBtOjvpzBN4vJ → CRhIjUFtohDOfdDfzvfXM}/_ssgManifest.js +0 -0
- /package/build/_next/static/chunks/{4bd1b696-67ee12fb04071d3b.js → 4bd1b696-40a218329c8ae32b.js} +0 -0
- /package/build/_next/static/chunks/{684-2d117c50cbadadca.js → 684-c72f8f73e7f2d568.js} +0 -0
- /package/build/_next/static/chunks/app/_not-found/{page-f08302ee705a96b1.js → page-c799b4c91b89a5c2.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/14f3a3e0186fb7a8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/eea9fd9ccdd56c76.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5481aeac9adca710.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-623f6e616651e1c0.js"/><script src="/_next/static/chunks/4bd1b696-40a218329c8ae32b.js" async=""></script><script src="/_next/static/chunks/684-c72f8f73e7f2d568.js" async=""></script><script src="/_next/static/chunks/main-app-ce2a2222e012907f.js" async=""></script><script src="/_next/static/chunks/app/layout-f74d44a2772d8d63.js" async=""></script><script src="/_next/static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><ul class="tab-list tab-list--fullwidth" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-1" tabindex="0">Tab 1</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-2" tabindex="-1">Tab 2</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-3" tabindex="-1">Tab 3</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-4" tabindex="-1">Tab 4</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-1" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-2" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-3" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-4" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><ul class="tab-list tab-list--fullwidth tab-list--light" role="tablist" data-tabs="true"><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="true" aria-controls="tabpanel-5" tabindex="0">Tab 5</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-6" tabindex="-1">Tab 6</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-7" tabindex="-1">Tab 7</button></li><li class="tab-list__item" role="presentation"><button type="button" role="tab" class="tab-list__tab" aria-selected="false" aria-controls="tabpanel-8" tabindex="-1">Tab 8</button></li><li role="presentation" class="tab-list__hr"></li></ul><div id="tabpanel-5" role="tabpanel" tabindex="0"><p>...</p></div><div id="tabpanel-6" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-7" role="tabpanel" tabindex="0" hidden=""><p>...</p></div><div id="tabpanel-8" role="tabpanel" tabindex="0" hidden=""><p>...</p></div></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-623f6e616651e1c0.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"177\",\"static/chunks/app/layout-f74d44a2772d8d63.js\"],\"default\"]\n3:I[5085,[\"177\",\"static/chunks/app/layout-f74d44a2772d8d63.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[531,[\"20\",\"static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js\"],\"Tabs\"]\n7:I[1443,[\"20\",\"static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js\"],\"TabPanel\"]\n8:I[9665,[],\"OutletBoundary\"]\nb:I[4911,[],\"AsyncMetadataOutlet\"]\nd:I[9665,[],\"ViewportBoundary\"]\nf:I[9665,[],\"MetadataBoundary\"]\n11:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/14f3a3e0186fb7a8.css\",\"style\"]\n:HL[\"/_next/static/css/eea9fd9ccdd56c76.css\",\"style\"]\n:HL[\"/_next/static/css/5481aeac9adca710.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"CRhIjUFtohDOfdDfzvfXM\",\"p\":\"\",\"c\":[\"\",\"components\",\"tabs\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"tabs\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/14f3a3e0186fb7a8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"tabs\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-1\",\"tab\":\"Tab 1\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-2\",\"tab\":\"Tab 2\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-3\",\"tab\":\"Tab 3\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-4\",\"tab\":\"Tab 4\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}],[\"$\",\"$L6\",null,{\"isFullWidth\":true,\"variant\":\"light\",\"children\":[[\"$\",\"$L7\",null,{\"id\":\"tabpanel-5\",\"tab\":\"Tab 5\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-6\",\"tab\":\"Tab 6\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-7\",\"tab\":\"Tab 7\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}],[\"$\",\"$L7\",null,{\"id\":\"tabpanel-8\",\"tab\":\"Tab 8\",\"children\":[\"$\",\"p\",null,{\"children\":\"...\"}]}]]}]]}]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/eea9fd9ccdd56c76.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5481aeac9adca710.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$L9\",\"$La\",[\"$\",\"$Lb\",null,{\"promise\":\"$@c\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"eu1TlIuqA_opNicLhn_Mnv\",{\"children\":[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"12:\"$Sreact.suspense\"\n13:I[4911,[],\"AsyncMetadata\"]\n10:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]}]\na:null\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"c:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n14:{\"metadata\":\"$c:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
1:"$Sreact.fragment"
|
|
2
|
+
2:I[3640,["177","static/chunks/app/layout-f74d44a2772d8d63.js"],"default"]
|
|
3
|
+
3:I[5085,["177","static/chunks/app/layout-f74d44a2772d8d63.js"],"SpritePathProvider"]
|
|
4
|
+
4:I[7555,[],""]
|
|
5
|
+
5:I[1295,[],""]
|
|
6
|
+
6:I[531,["20","static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js"],"Tabs"]
|
|
7
|
+
7:I[1443,["20","static/chunks/app/components/tabs/page-7d82e8eafd25b86e.js"],"TabPanel"]
|
|
8
|
+
8:I[9665,[],"OutletBoundary"]
|
|
9
|
+
b:I[4911,[],"AsyncMetadataOutlet"]
|
|
10
|
+
d:I[9665,[],"ViewportBoundary"]
|
|
11
|
+
f:I[9665,[],"MetadataBoundary"]
|
|
12
|
+
11:I[6614,[],""]
|
|
13
|
+
:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
14
|
+
:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
15
|
+
:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
16
|
+
:HL["/_next/static/css/14f3a3e0186fb7a8.css","style"]
|
|
17
|
+
:HL["/_next/static/css/eea9fd9ccdd56c76.css","style"]
|
|
18
|
+
:HL["/_next/static/css/5481aeac9adca710.css","style"]
|
|
19
|
+
0:{"P":null,"b":"CRhIjUFtohDOfdDfzvfXM","p":"","c":["","components","tabs"],"i":false,"f":[[["",{"children":["components",{"children":["tabs",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/14f3a3e0186fb7a8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["tabs",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","children":[["$","$L6",null,{"isFullWidth":true,"children":[["$","$L7",null,{"id":"tabpanel-1","tab":"Tab 1","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-2","tab":"Tab 2","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-3","tab":"Tab 3","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-4","tab":"Tab 4","children":["$","p",null,{"children":"..."}]}]]}],["$","$L6",null,{"isFullWidth":true,"variant":"light","children":[["$","$L7",null,{"id":"tabpanel-5","tab":"Tab 5","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-6","tab":"Tab 6","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-7","tab":"Tab 7","children":["$","p",null,{"children":"..."}]}],["$","$L7",null,{"id":"tabpanel-8","tab":"Tab 8","children":["$","p",null,{"children":"..."}]}]]}]]}]}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/eea9fd9ccdd56c76.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/5481aeac9adca710.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L8",null,{"children":["$L9","$La",["$","$Lb",null,{"promise":"$@c"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","eu1TlIuqA_opNicLhn_Mnv",{"children":[["$","$Ld",null,{"children":"$Le"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Lf",null,{"children":"$L10"}]]}],false]],"m":"$undefined","G":["$11","$undefined"],"s":false,"S":true}
|
|
20
|
+
12:"$Sreact.suspense"
|
|
21
|
+
13:I[4911,[],"AsyncMetadata"]
|
|
22
|
+
10:["$","div",null,{"hidden":true,"children":["$","$12",null,{"fallback":null,"children":["$","$L13",null,{"promise":"$@14"}]}]}]
|
|
23
|
+
a:null
|
|
24
|
+
e:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
|
|
25
|
+
9:null
|
|
26
|
+
c:{"metadata":[],"error":null,"digest":"$undefined"}
|
|
27
|
+
14:{"metadata":"$c:metadata","error":null,"digest":"$undefined"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type AlertType = "warning" | "info" | "danger" | "success";
|
|
3
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/** Additional action buttons to add interactivity */
|
|
5
|
+
actionButtons?: React.ReactNode;
|
|
6
|
+
/** Description of the alert */
|
|
7
|
+
description?: React.ReactNode;
|
|
8
|
+
/** Level of the heading in heading hierarchy */
|
|
9
|
+
headingLevel?: number;
|
|
10
|
+
/** Sets Alert to full width */
|
|
11
|
+
isFullWidth?: boolean;
|
|
12
|
+
/** Sets Alert to use inverse color scheme */
|
|
13
|
+
isInverse?: boolean;
|
|
14
|
+
/** Callback function when close button is clicked */
|
|
15
|
+
onClose?: () => void;
|
|
16
|
+
/** Custom title renderer. Passes props as function parameter. */
|
|
17
|
+
renderTitle?: (props: AlertProps) => React.ReactNode;
|
|
18
|
+
/** Main text message */
|
|
19
|
+
title?: string;
|
|
20
|
+
/** Type of alert, sets icon and color */
|
|
21
|
+
type?: AlertType;
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
declare const Alert: React.FC<AlertProps>;
|
|
25
|
+
export { Alert };
|
|
@@ -2,11 +2,11 @@ import React from "react";
|
|
|
2
2
|
export declare const colors: readonly ["black", "orange", "success", "info", "warning", "danger"];
|
|
3
3
|
export type BadgeColor = (typeof colors)[number];
|
|
4
4
|
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
-
/** Badge background color. Text color is adjusted automatically. */
|
|
6
5
|
color?: BadgeColor;
|
|
6
|
+
isDark?: boolean;
|
|
7
7
|
isRound?: boolean;
|
|
8
8
|
className?: string;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
11
|
declare const Badge: React.FC<BadgeProps>;
|
|
12
|
-
export
|
|
12
|
+
export { Badge };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ButtonSize = "small" | "large";
|
|
3
|
+
export type ButtonType = "primary" | "fill" | "ghost";
|
|
4
|
+
interface CommonProps {
|
|
5
|
+
elemRef?: React.Ref<any>;
|
|
6
|
+
htmlType?: "button" | "submit" | "reset";
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
isDefault?: boolean;
|
|
9
|
+
isDisabled?: boolean;
|
|
10
|
+
isInverse?: boolean;
|
|
11
|
+
isSquare?: boolean;
|
|
12
|
+
size?: ButtonSize;
|
|
13
|
+
type?: ButtonType;
|
|
14
|
+
className?: string;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps | "type" | "ref"> & {
|
|
18
|
+
href: string;
|
|
19
|
+
};
|
|
20
|
+
type NativeButtonProps = CommonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof CommonProps | "href" | "ref"> & {
|
|
21
|
+
href?: undefined;
|
|
22
|
+
};
|
|
23
|
+
export type ButtonProps = AnchorProps | NativeButtonProps;
|
|
24
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
|
|
25
|
+
export { Button };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonSize } from "./Button";
|
|
3
|
+
export type IconPosition = "left" | "right";
|
|
4
|
+
export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "ref"> {
|
|
5
|
+
/** Name of the icon */
|
|
6
|
+
iconName: string;
|
|
7
|
+
/** Position of the icon */
|
|
8
|
+
iconPosition?: IconPosition;
|
|
9
|
+
/** Class of the icon */
|
|
10
|
+
iconClassName?: string;
|
|
11
|
+
/** Button size. Also affects icon size */
|
|
12
|
+
size?: ButtonSize;
|
|
13
|
+
/** Use square button. Children are rendered as visually hidden */
|
|
14
|
+
isSquare?: boolean;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export { IconButton };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Button, ButtonProps } from "./Button";
|
|
3
|
+
import { IconButton } from "./IconButton";
|
|
4
|
+
import "./styles/style.scss";
|
|
5
|
+
export declare const ButtonPrimary: {
|
|
6
|
+
(props: ButtonProps): React.JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const ButtonFill: {
|
|
10
|
+
(props: ButtonProps): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const ButtonGhost: {
|
|
14
|
+
(props: ButtonProps): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export { IconButton, Button };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
/** On XS viewport, forces buttons to stack vertically and span the available width. */
|
|
3
|
+
isStackedOnXs?: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const Buttons: React.FC<ButtonsProps>;
|
|
8
|
+
export { Buttons };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type IconColor = "info" | "success" | "warning" | "danger";
|
|
3
|
+
export type IconSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "huge";
|
|
4
|
+
interface IconProps extends React.SVGAttributes<SVGSVGElement> {
|
|
5
|
+
/** Accessible label for the icon. */
|
|
6
|
+
alt?: string;
|
|
7
|
+
/** Icon color. */
|
|
8
|
+
color?: IconColor;
|
|
9
|
+
/** Icon name (required). */
|
|
10
|
+
name: string;
|
|
11
|
+
/** Icon size. */
|
|
12
|
+
size?: IconSize;
|
|
13
|
+
/** Path to the SVG sprite. */
|
|
14
|
+
spritePath?: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const Icon: React.FC<IconProps>;
|
|
18
|
+
export { Icon };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
export declare const SpritePathContext: React.Context<string>;
|
|
3
|
+
interface SpritePathProviderProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
value?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const SpritePathProvider: React.FC<SpritePathProviderProps>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const sizes: readonly ["small", "large"];
|
|
3
|
+
export type ModalSize = (typeof sizes)[number];
|
|
4
|
+
interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/** Action buttons in footer */
|
|
6
|
+
actions: React.ReactNode[];
|
|
7
|
+
/** Full height on XS */
|
|
8
|
+
fullHeight?: boolean;
|
|
9
|
+
/** Sticky footer is visible when modal content is too long */
|
|
10
|
+
hasStickyFooter?: boolean;
|
|
11
|
+
/** Html id attribute. */
|
|
12
|
+
id: string;
|
|
13
|
+
/** isActive controls if modal is opened or closed */
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
/** Disable plugin initialization. */
|
|
16
|
+
noInit?: boolean;
|
|
17
|
+
/** Custom body renderer. Receives title as function param. Returned element(s) must contain a title. */
|
|
18
|
+
renderBody?: () => React.ReactNode;
|
|
19
|
+
/** Custom footer renderer. Receives actions as function param. Returned element(s) must contain the actions. */
|
|
20
|
+
renderFooter?: () => React.ReactNode;
|
|
21
|
+
/** Custom main title renderer. Receives id as function param. Returned element must be a heading and use this id for accessibility purposes */
|
|
22
|
+
renderTitle?: (id: string) => React.ReactNode;
|
|
23
|
+
/** Modal dialog size */
|
|
24
|
+
size?: ModalSize;
|
|
25
|
+
/** Main title */
|
|
26
|
+
title?: string;
|
|
27
|
+
/** Child elements */
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
/** Additional CSS classes */
|
|
30
|
+
className?: string;
|
|
31
|
+
}
|
|
32
|
+
declare const Modal: React.FC<ModalProps>;
|
|
33
|
+
export { Modal };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import A11yDialog from "a11y-dialog";
|
|
2
|
+
interface ModalConfig {
|
|
3
|
+
/** Class which indicates that modal is open */
|
|
4
|
+
classModalIsOpen: string;
|
|
5
|
+
/** Class on body which indicates that modal is open */
|
|
6
|
+
classModalIsOpenBody: string;
|
|
7
|
+
/** Root of page content which should be hidden when modal is open */
|
|
8
|
+
root: string;
|
|
9
|
+
/** Move modal into this element selector (must be unique in DOM) */
|
|
10
|
+
modalsRoot: string;
|
|
11
|
+
}
|
|
12
|
+
interface HTMLElementWithModal extends HTMLElement {
|
|
13
|
+
ODS_Modal?: Modal;
|
|
14
|
+
}
|
|
15
|
+
export default class Modal {
|
|
16
|
+
element: HTMLElementWithModal;
|
|
17
|
+
config: ModalConfig;
|
|
18
|
+
instance: A11yDialog;
|
|
19
|
+
constructor(element: HTMLElement, config?: Partial<ModalConfig>);
|
|
20
|
+
static getInstance(el: HTMLElement | null): Modal | null;
|
|
21
|
+
handleShow(el: HTMLElement): void;
|
|
22
|
+
handleHide(el: HTMLElement): void;
|
|
23
|
+
show(): void;
|
|
24
|
+
hide(): void;
|
|
25
|
+
headerFirstItemSpacing(): void;
|
|
26
|
+
init(): void;
|
|
27
|
+
destroy(): void;
|
|
28
|
+
update(): void;
|
|
29
|
+
static moveToModalRoot(el: HTMLElement, container: Element | null): void;
|
|
30
|
+
static lockBody(className?: string, root?: string): void;
|
|
31
|
+
static unlockBody(className?: string, root?: string): void;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const colors: readonly ["white", "gray", "orange", "orange-dark", "black", "blue", "green", "pink", "violet", "yellow"];
|
|
3
|
+
export type BodyColor = (typeof colors)[number];
|
|
4
|
+
interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
color?: BodyColor;
|
|
6
|
+
className?: string;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const ModalBody: React.FC<ModalBodyProps>;
|
|
10
|
+
export { ModalBody };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IconButtonProps } from "../Button/IconButton";
|
|
2
|
+
import { ButtonType } from "../Button/Button";
|
|
3
|
+
interface ExtendedIconButtonProps extends IconButtonProps {
|
|
4
|
+
type?: ButtonType;
|
|
5
|
+
}
|
|
6
|
+
type ModalCloseButtonProps = Omit<ExtendedIconButtonProps, "iconName">;
|
|
7
|
+
declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
|
|
8
|
+
export { ModalCloseButton };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const sizes: readonly ["small", "large"];
|
|
2
|
+
export type TitleSize = (typeof sizes)[number];
|
|
3
|
+
interface ModalTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
|
+
size?: TitleSize;
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
declare const ModalTitle: React.FC<ModalTitleProps>;
|
|
9
|
+
export { ModalTitle };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type SectionColor = "white" | "gray" | "black" | "orange";
|
|
3
|
+
export type SectionSpacing = "default" | "small" | "xsmall";
|
|
4
|
+
export interface SectionProps {
|
|
5
|
+
/** Background color of section */
|
|
6
|
+
color?: SectionColor;
|
|
7
|
+
/**
|
|
8
|
+
* Spacing between sections
|
|
9
|
+
*
|
|
10
|
+
* if two sections with different color meet
|
|
11
|
+
* use default (larger) spacing, if two section have same color
|
|
12
|
+
* use small spacing on second one. Use xsmall for specific
|
|
13
|
+
* cases e.g. as part of Megamenu
|
|
14
|
+
*/
|
|
15
|
+
spacing?: SectionSpacing;
|
|
16
|
+
/** Rendered HTML element */
|
|
17
|
+
tag?: React.ElementType;
|
|
18
|
+
/** Additional CSS classes */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Section content */
|
|
21
|
+
children?: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare const Section: React.FC<SectionProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface TabProps extends React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
|
|
2
|
+
/** Id of the tabpanel this tab controls. */
|
|
3
|
+
controls?: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
/** Active state */
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
/** Disabled state. */
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const Tab: React.FC<TabProps>;
|
|
13
|
+
export { Tab };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
/** Optional href for the tab */
|
|
3
|
+
href?: string;
|
|
4
|
+
/** Tabpanel id */
|
|
5
|
+
id?: string;
|
|
6
|
+
/** Active state */
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
/** Additional class names */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Children components */
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const TabPanel: React.FC<TabPanelProps>;
|
|
14
|
+
export { TabPanel };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare const variants: readonly ["standard", "light"];
|
|
3
|
+
export declare const colours: readonly ["default", "inverse"];
|
|
4
|
+
export type TabsVariant = (typeof variants)[number];
|
|
5
|
+
export type TabsColour = (typeof colours)[number];
|
|
6
|
+
export interface TabPanelProps {
|
|
7
|
+
id: string;
|
|
8
|
+
isDisabled?: boolean;
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
tab: React.ReactNode;
|
|
11
|
+
href?: string;
|
|
12
|
+
renderTab?: (props: TabPanelProps) => React.ReactElement;
|
|
13
|
+
}
|
|
14
|
+
interface TabsProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
15
|
+
/** Active Tab index */
|
|
16
|
+
activeTabIndex?: number;
|
|
17
|
+
/** Additional classes for tabs header. */
|
|
18
|
+
classesTabNav?: string;
|
|
19
|
+
/** Color theme for the tabs */
|
|
20
|
+
colour?: TabsColour;
|
|
21
|
+
/** All tabs have equal width inside a full-width container */
|
|
22
|
+
hasEqualTabWidth?: boolean;
|
|
23
|
+
/** Fullwidth container */
|
|
24
|
+
isFullWidth?: boolean;
|
|
25
|
+
/** Tabs behave as links rather than tabs */
|
|
26
|
+
isLink?: boolean;
|
|
27
|
+
/** Visual variant of the tabs */
|
|
28
|
+
variant?: TabsVariant;
|
|
29
|
+
/** Tab panels as children */
|
|
30
|
+
children: React.ReactElement<TabPanelProps>[];
|
|
31
|
+
}
|
|
32
|
+
declare const Tabs: React.FC<TabsProps>;
|
|
33
|
+
export { Tabs };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
interface TabsConfig {
|
|
2
|
+
tabSelector: string;
|
|
3
|
+
}
|
|
4
|
+
export declare const defaultConfig: TabsConfig;
|
|
5
|
+
export declare const configDocs: {
|
|
6
|
+
tabSelector: string;
|
|
7
|
+
};
|
|
8
|
+
export default class Tabs {
|
|
9
|
+
private element;
|
|
10
|
+
private config;
|
|
11
|
+
private tabs;
|
|
12
|
+
private tabPanels;
|
|
13
|
+
private activeTabIndex;
|
|
14
|
+
private rovingTabindex;
|
|
15
|
+
constructor(element: HTMLElement, config?: Partial<TabsConfig>);
|
|
16
|
+
static getInstance(el: HTMLElement): Tabs | null;
|
|
17
|
+
private init;
|
|
18
|
+
destroy(): void;
|
|
19
|
+
update(): void;
|
|
20
|
+
private isActive;
|
|
21
|
+
private isSelected;
|
|
22
|
+
private handleClick;
|
|
23
|
+
private toggleTab;
|
|
24
|
+
private toggleTabPanel;
|
|
25
|
+
activateNthTab(index: number): void;
|
|
26
|
+
private handleTabFocus;
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import "../styles/before-components.scss";
|
|
2
|
+
import { Alert } from "./Alert";
|
|
3
|
+
import { Badge } from "./Badge";
|
|
4
|
+
import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
|
|
5
|
+
import { Buttons } from "./Buttons";
|
|
6
|
+
import { Icon } from "./Icon";
|
|
7
|
+
import { Modal, ModalBody, ModalCloseButton, ModalTitle } from "./Modal";
|
|
8
|
+
import { Section } from "./Section";
|
|
9
|
+
import { Tab, TabPanel, Tabs } from "./Tabs";
|
|
10
|
+
import "../styles/after-components.scss";
|
|
11
|
+
export { Alert, Badge, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, IconButton, Icon, Modal, ModalBody, ModalCloseButton, ModalTitle, Section, Tab, TabPanel, Tabs, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export default ConditionalWrapper;
|
|
2
|
+
declare function ConditionalWrapper({ condition, wrapper, children }: {
|
|
3
|
+
condition: any;
|
|
4
|
+
wrapper: any;
|
|
5
|
+
children: any;
|
|
6
|
+
}): any;
|
|
7
|
+
declare namespace ConditionalWrapper {
|
|
8
|
+
export { propTypes };
|
|
9
|
+
}
|
|
10
|
+
declare namespace propTypes {
|
|
11
|
+
export { bool as condition };
|
|
12
|
+
export { element as wrapper };
|
|
13
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export namespace breakpoints {
|
|
2
|
+
let xs: number;
|
|
3
|
+
let sm: number;
|
|
4
|
+
let md: number;
|
|
5
|
+
let lg: number;
|
|
6
|
+
let xl: number;
|
|
7
|
+
let xxl: number;
|
|
8
|
+
}
|
|
9
|
+
export namespace keys {
|
|
10
|
+
let TAB: string[];
|
|
11
|
+
let ENTER: string[];
|
|
12
|
+
let ESC: string[];
|
|
13
|
+
let SPACE: string[];
|
|
14
|
+
let ARROWLEFT: string[];
|
|
15
|
+
let ARROWUP: string[];
|
|
16
|
+
let ARROWRIGHT: string[];
|
|
17
|
+
let ARROWDOWN: string[];
|
|
18
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { RefCallback, type RefObject } from "react";
|
|
2
|
+
type StaticClassType<T = any> = new (element: HTMLElement, config?: any) => T;
|
|
3
|
+
interface StaticInstance {
|
|
4
|
+
update?: (config: any) => void;
|
|
5
|
+
destroy?: () => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* A hook to create and manage an instance of a "static" class
|
|
9
|
+
* @param StaticClass The class to instantiate
|
|
10
|
+
* @param config Configuration options for the class
|
|
11
|
+
* @returns [ref callback, instance reference]
|
|
12
|
+
*/
|
|
13
|
+
declare const useStatic: <T extends StaticInstance>(StaticClass: StaticClassType<T>, config?: Record<string, any>) => [RefCallback<HTMLElement>, RefObject<T | null>];
|
|
14
|
+
/**
|
|
15
|
+
* A hook for creating React portals
|
|
16
|
+
* From https://www.jayfreestone.com/writing/react-portals-with-hooks/
|
|
17
|
+
* @param id The id of the target DOM element
|
|
18
|
+
* @returns A DOM element that can be used as a portal container
|
|
19
|
+
*/
|
|
20
|
+
declare function usePortal(id: string): HTMLDivElement;
|
|
21
|
+
/**
|
|
22
|
+
* Returns unique string for the `id` attribute.
|
|
23
|
+
*
|
|
24
|
+
* @param id Provided id
|
|
25
|
+
* @param name Optional prefix
|
|
26
|
+
* @returns A unique ID string
|
|
27
|
+
*/
|
|
28
|
+
declare const useUniqueId: (id?: string, name?: string) => string;
|
|
29
|
+
export { useStatic, usePortal, useUniqueId };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export class RovingTabindex {
|
|
2
|
+
constructor(elems: any, config?: {
|
|
3
|
+
direction: string;
|
|
4
|
+
});
|
|
5
|
+
elems: any;
|
|
6
|
+
config: {
|
|
7
|
+
direction: string;
|
|
8
|
+
};
|
|
9
|
+
isActive: boolean;
|
|
10
|
+
onKeydown(e: any): void;
|
|
11
|
+
init(): void;
|
|
12
|
+
destroy(): void;
|
|
13
|
+
update(elems: any): void;
|
|
14
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|