@rei/cedar 9.1.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +92 -0
- package/dist/cdr-fonts.css +21 -0
- package/dist/cedar-compiled.css +4568 -0
- package/dist/cedar.js +11525 -0
- package/dist/cedar.mjs +9793 -0
- package/dist/lib/assets/cedar-compiled-4bf87549.css +4494 -0
- package/dist/lib/node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.esm.mjs +9 -0
- package/dist/lib/src/components/accordion/CdrAccordion.mjs +206 -0
- package/dist/lib/src/components/accordion/CdrAccordionGroup.mjs +124 -0
- package/dist/lib/src/components/accordion/styles/CdrAccordion.mjs +3 -0
- package/dist/lib/src/components/accordion/styles/CdrAccordionGroup.mjs +3 -0
- package/dist/lib/src/components/banner/CdrBanner.mjs +45 -0
- package/dist/lib/src/components/banner/styles/CdrBanner.mjs +3 -0
- package/dist/lib/src/components/breadcrumb/CdrBreadcrumb.mjs +170 -0
- package/dist/lib/src/components/breadcrumb/styles/CdrBreadcrumb.mjs +3 -0
- package/dist/lib/src/components/button/CdrButton.mjs +128 -0
- package/dist/lib/src/components/button/styles/CdrButton.mjs +3 -0
- package/dist/lib/src/components/caption/CdrCaption.mjs +38 -0
- package/dist/lib/src/components/caption/styles/CdrCaption.mjs +3 -0
- package/dist/lib/src/components/card/CdrCard.mjs +35 -0
- package/dist/lib/src/components/card/styles/CdrCard.mjs +3 -0
- package/dist/lib/src/components/checkbox/CdrCheckbox.mjs +182 -0
- package/dist/lib/src/components/checkbox/styles/CdrCheckbox.mjs +3 -0
- package/dist/lib/src/components/chip/CdrChip.mjs +36 -0
- package/dist/lib/src/components/chip/CdrChipGroup.mjs +108 -0
- package/dist/lib/src/components/chip/styles/CdrChip.mjs +3 -0
- package/dist/lib/src/components/chip/styles/CdrChipGroup.mjs +3 -0
- package/dist/lib/src/components/container/CdrContainer.mjs +51 -0
- package/dist/lib/src/components/container/styles/CdrContainer.mjs +3 -0
- package/dist/lib/src/components/flex-grid/CdrCol.mjs +189 -0
- package/dist/lib/src/components/flex-grid/CdrRow.mjs +231 -0
- package/dist/lib/src/components/flex-grid/styles/CdrCol.mjs +3 -0
- package/dist/lib/src/components/flex-grid/styles/CdrRow.mjs +3 -0
- package/dist/lib/src/components/formError/CdrFormError.mjs +31 -0
- package/dist/lib/src/components/formError/styles/CdrFormError.mjs +3 -0
- package/dist/lib/src/components/formGroup/CdrFormGroup.mjs +95 -0
- package/dist/lib/src/components/formGroup/styles/CdrFormGroup.mjs +3 -0
- package/dist/lib/src/components/grid/CdrGrid.mjs +59 -0
- package/dist/lib/src/components/grid/styles/CdrGrid.mjs +3 -0
- package/dist/lib/src/components/icon/CdrIcon.mjs +76 -0
- package/dist/lib/src/components/icon/comps/account-profile-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/account-profile.mjs +32 -0
- package/dist/lib/src/components/icon/comps/arrow-down.mjs +32 -0
- package/dist/lib/src/components/icon/comps/arrow-left.mjs +32 -0
- package/dist/lib/src/components/icon/comps/arrow-right.mjs +32 -0
- package/dist/lib/src/components/icon/comps/arrow-up.mjs +32 -0
- package/dist/lib/src/components/icon/comps/atv.mjs +32 -0
- package/dist/lib/src/components/icon/comps/bed-outline.mjs +32 -0
- package/dist/lib/src/components/icon/comps/bike-shop.mjs +32 -0
- package/dist/lib/src/components/icon/comps/binoculars.mjs +32 -0
- package/dist/lib/src/components/icon/comps/birding.mjs +32 -0
- package/dist/lib/src/components/icon/comps/boat.mjs +32 -0
- package/dist/lib/src/components/icon/comps/boating.mjs +32 -0
- package/dist/lib/src/components/icon/comps/bookmark-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/bookmark-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-abstract.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-code-sandbox.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-github.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-linkedin.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-rei-ice-axes.mjs +32 -0
- package/dist/lib/src/components/icon/comps/brand-sketch.mjs +32 -0
- package/dist/lib/src/components/icon/comps/buddies.mjs +32 -0
- package/dist/lib/src/components/icon/comps/bus.mjs +32 -0
- package/dist/lib/src/components/icon/comps/calendar.mjs +32 -0
- package/dist/lib/src/components/icon/comps/camera.mjs +32 -0
- package/dist/lib/src/components/icon/comps/canoe.mjs +32 -0
- package/dist/lib/src/components/icon/comps/car.mjs +32 -0
- package/dist/lib/src/components/icon/comps/caret-down.mjs +32 -0
- package/dist/lib/src/components/icon/comps/caret-left.mjs +32 -0
- package/dist/lib/src/components/icon/comps/caret-right.mjs +32 -0
- package/dist/lib/src/components/icon/comps/caret-up.mjs +32 -0
- package/dist/lib/src/components/icon/comps/cart-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/cart.mjs +32 -0
- package/dist/lib/src/components/icon/comps/chain-link.mjs +32 -0
- package/dist/lib/src/components/icon/comps/chat.mjs +32 -0
- package/dist/lib/src/components/icon/comps/check-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/check-lg.mjs +32 -0
- package/dist/lib/src/components/icon/comps/check-sm.mjs +32 -0
- package/dist/lib/src/components/icon/comps/check-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/climb.mjs +32 -0
- package/dist/lib/src/components/icon/comps/clipboard.mjs +32 -0
- package/dist/lib/src/components/icon/comps/clock.mjs +32 -0
- package/dist/lib/src/components/icon/comps/code-html.mjs +32 -0
- package/dist/lib/src/components/icon/comps/code-js.mjs +32 -0
- package/dist/lib/src/components/icon/comps/compass.mjs +32 -0
- package/dist/lib/src/components/icon/comps/copy.mjs +32 -0
- package/dist/lib/src/components/icon/comps/coupon-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/coupon-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/credit-card.mjs +32 -0
- package/dist/lib/src/components/icon/comps/curbside-pickup.mjs +32 -0
- package/dist/lib/src/components/icon/comps/day.mjs +32 -0
- package/dist/lib/src/components/icon/comps/diving.mjs +32 -0
- package/dist/lib/src/components/icon/comps/dog.mjs +32 -0
- package/dist/lib/src/components/icon/comps/download.mjs +32 -0
- package/dist/lib/src/components/icon/comps/edit.mjs +32 -0
- package/dist/lib/src/components/icon/comps/elevation.mjs +32 -0
- package/dist/lib/src/components/icon/comps/error-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/error-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/expand.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-backpacking.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-camping.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-climbing.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-clothing.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-cycling.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-family.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-fitness.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-hiking.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-outdoor-basics.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-paddling.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-rentals.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-snowsports.mjs +32 -0
- package/dist/lib/src/components/icon/comps/experiences-travel.mjs +32 -0
- package/dist/lib/src/components/icon/comps/external-link.mjs +32 -0
- package/dist/lib/src/components/icon/comps/eye-hide.mjs +32 -0
- package/dist/lib/src/components/icon/comps/eye-show.mjs +32 -0
- package/dist/lib/src/components/icon/comps/facebook.mjs +32 -0
- package/dist/lib/src/components/icon/comps/filter-alt.mjs +32 -0
- package/dist/lib/src/components/icon/comps/filter.mjs +32 -0
- package/dist/lib/src/components/icon/comps/find-location.mjs +32 -0
- package/dist/lib/src/components/icon/comps/fire.mjs +32 -0
- package/dist/lib/src/components/icon/comps/fishing.mjs +32 -0
- package/dist/lib/src/components/icon/comps/free-product.mjs +32 -0
- package/dist/lib/src/components/icon/comps/grid-view.mjs +32 -0
- package/dist/lib/src/components/icon/comps/heart-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/heart-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/hike.mjs +32 -0
- package/dist/lib/src/components/icon/comps/history.mjs +32 -0
- package/dist/lib/src/components/icon/comps/home.mjs +32 -0
- package/dist/lib/src/components/icon/comps/horse.mjs +32 -0
- package/dist/lib/src/components/icon/comps/horseshoe.mjs +32 -0
- package/dist/lib/src/components/icon/comps/image.mjs +32 -0
- package/dist/lib/src/components/icon/comps/information-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/information-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/instagram.mjs +32 -0
- package/dist/lib/src/components/icon/comps/kayak.mjs +32 -0
- package/dist/lib/src/components/icon/comps/list-ragged.mjs +32 -0
- package/dist/lib/src/components/icon/comps/list-view.mjs +32 -0
- package/dist/lib/src/components/icon/comps/location-pin-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/location-pin-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/lock-locked-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/lock-locked-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/lock-unlocked-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/mail.mjs +32 -0
- package/dist/lib/src/components/icon/comps/map.mjs +32 -0
- package/dist/lib/src/components/icon/comps/member-card.mjs +32 -0
- package/dist/lib/src/components/icon/comps/microphone.mjs +32 -0
- package/dist/lib/src/components/icon/comps/minus-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/minus-lg.mjs +32 -0
- package/dist/lib/src/components/icon/comps/minus-sm.mjs +32 -0
- package/dist/lib/src/components/icon/comps/minus-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/more-functions.mjs +32 -0
- package/dist/lib/src/components/icon/comps/my-location.mjs +32 -0
- package/dist/lib/src/components/icon/comps/navigation-menu.mjs +32 -0
- package/dist/lib/src/components/icon/comps/night.mjs +32 -0
- package/dist/lib/src/components/icon/comps/paddle.mjs +32 -0
- package/dist/lib/src/components/icon/comps/pause-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/pause-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/pause.mjs +32 -0
- package/dist/lib/src/components/icon/comps/photography.mjs +32 -0
- package/dist/lib/src/components/icon/comps/picnic.mjs +32 -0
- package/dist/lib/src/components/icon/comps/pinterest.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plane.mjs +32 -0
- package/dist/lib/src/components/icon/comps/play-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/play-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/play.mjs +32 -0
- package/dist/lib/src/components/icon/comps/playground.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plugin.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plus-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plus-lg.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plus-sm.mjs +32 -0
- package/dist/lib/src/components/icon/comps/plus-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/print.mjs +32 -0
- package/dist/lib/src/components/icon/comps/protection-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/protection-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/question-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/question-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/refresh.mjs +32 -0
- package/dist/lib/src/components/icon/comps/reload.mjs +32 -0
- package/dist/lib/src/components/icon/comps/returns.mjs +32 -0
- package/dist/lib/src/components/icon/comps/run.mjs +32 -0
- package/dist/lib/src/components/icon/comps/scan-barcode.mjs +32 -0
- package/dist/lib/src/components/icon/comps/search.mjs +32 -0
- package/dist/lib/src/components/icon/comps/service-shop.mjs +32 -0
- package/dist/lib/src/components/icon/comps/shipping.mjs +32 -0
- package/dist/lib/src/components/icon/comps/shopping-bag-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/shopping-bag.mjs +32 -0
- package/dist/lib/src/components/icon/comps/shrink.mjs +32 -0
- package/dist/lib/src/components/icon/comps/size-chart.mjs +32 -0
- package/dist/lib/src/components/icon/comps/ski-boot.mjs +32 -0
- package/dist/lib/src/components/icon/comps/ski.mjs +32 -0
- package/dist/lib/src/components/icon/comps/snow-shop.mjs +32 -0
- package/dist/lib/src/components/icon/comps/snow.mjs +32 -0
- package/dist/lib/src/components/icon/comps/sort.mjs +32 -0
- package/dist/lib/src/components/icon/comps/star-100.mjs +32 -0
- package/dist/lib/src/components/icon/comps/star-25.mjs +32 -0
- package/dist/lib/src/components/icon/comps/star-50.mjs +32 -0
- package/dist/lib/src/components/icon/comps/star-75.mjs +32 -0
- package/dist/lib/src/components/icon/comps/star-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/storefront.mjs +32 -0
- package/dist/lib/src/components/icon/comps/swim.mjs +32 -0
- package/dist/lib/src/components/icon/comps/telephone.mjs +32 -0
- package/dist/lib/src/components/icon/comps/tent.mjs +32 -0
- package/dist/lib/src/components/icon/comps/trash.mjs +32 -0
- package/dist/lib/src/components/icon/comps/twitter.mjs +32 -0
- package/dist/lib/src/components/icon/comps/upload.mjs +32 -0
- package/dist/lib/src/components/icon/comps/verified-purchaser.mjs +32 -0
- package/dist/lib/src/components/icon/comps/virtual-outfitting.mjs +32 -0
- package/dist/lib/src/components/icon/comps/warning-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/warning-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/water.mjs +32 -0
- package/dist/lib/src/components/icon/comps/wilderness.mjs +32 -0
- package/dist/lib/src/components/icon/comps/x-fill.mjs +32 -0
- package/dist/lib/src/components/icon/comps/x-lg.mjs +32 -0
- package/dist/lib/src/components/icon/comps/x-sm.mjs +32 -0
- package/dist/lib/src/components/icon/comps/x-stroke.mjs +32 -0
- package/dist/lib/src/components/icon/comps/youtube.mjs +32 -0
- package/dist/lib/src/components/icon/comps/zoom-in.mjs +32 -0
- package/dist/lib/src/components/icon/comps/zoom-out.mjs +32 -0
- package/dist/lib/src/components/icon/styles/CdrIcon.mjs +3 -0
- package/dist/lib/src/components/image/CdrImg.mjs +151 -0
- package/dist/lib/src/components/image/styles/CdrImg.mjs +3 -0
- package/dist/lib/src/components/input/CdrInput.mjs +296 -0
- package/dist/lib/src/components/input/styles/CdrInput.mjs +3 -0
- package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.mjs +85 -0
- package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.mjs +3 -0
- package/dist/lib/src/components/labelWrapper/CdrLabelWrapper.mjs +56 -0
- package/dist/lib/src/components/labelWrapper/styles/CdrLabelWrapper.mjs +3 -0
- package/dist/lib/src/components/link/CdrLink.mjs +77 -0
- package/dist/lib/src/components/link/styles/CdrLink.mjs +3 -0
- package/dist/lib/src/components/list/CdrList.mjs +44 -0
- package/dist/lib/src/components/list/styles/CdrList.mjs +3 -0
- package/dist/lib/src/components/modal/CdrModal.mjs +377 -0
- package/dist/lib/src/components/modal/onTransitionEnd.mjs +42 -0
- package/dist/lib/src/components/modal/styles/CdrModal.mjs +3 -0
- package/dist/lib/src/components/pagination/CdrPagination.mjs +479 -0
- package/dist/lib/src/components/pagination/styles/CdrPagination.mjs +3 -0
- package/dist/lib/src/components/popover/CdrPopover.mjs +158 -0
- package/dist/lib/src/components/popover/styles/CdrPopover.mjs +3 -0
- package/dist/lib/src/components/popup/CdrPopup.mjs +284 -0
- package/dist/lib/src/components/popup/styles/CdrPopup.mjs +3 -0
- package/dist/lib/src/components/quote/CdrQuote.mjs +68 -0
- package/dist/lib/src/components/quote/styles/CdrQuote.mjs +3 -0
- package/dist/lib/src/components/radio/CdrRadio.mjs +154 -0
- package/dist/lib/src/components/radio/styles/CdrRadio.mjs +3 -0
- package/dist/lib/src/components/rating/CdrRating.mjs +200 -0
- package/dist/lib/src/components/rating/styles/CdrRating.mjs +3 -0
- package/dist/lib/src/components/select/CdrSelect.mjs +285 -0
- package/dist/lib/src/components/select/styles/CdrSelect.mjs +3 -0
- package/dist/lib/src/components/table/CdrTable.mjs +79 -0
- package/dist/lib/src/components/table/styles/CdrTable.mjs +3 -0
- package/dist/lib/src/components/tabs/CdrTabPanel.mjs +107 -0
- package/dist/lib/src/components/tabs/CdrTabs.mjs +385 -0
- package/dist/lib/src/components/tabs/styles/CdrTabPanel.mjs +3 -0
- package/dist/lib/src/components/tabs/styles/CdrTabs.mjs +3 -0
- package/dist/lib/src/components/text/CdrText.mjs +44 -0
- package/dist/lib/src/components/text/styles/CdrText.mjs +3 -0
- package/dist/lib/src/components/tooltip/CdrTooltip.mjs +126 -0
- package/dist/lib/src/components/tooltip/styles/CdrTooltip.mjs +3 -0
- package/dist/lib/src/index.mjs +210 -0
- package/dist/lib/src/mixins/breakpoints.mjs +26 -0
- package/dist/lib/src/mixins/buildClass.mjs +97 -0
- package/dist/lib/src/mixins/fullWidth.mjs +47 -0
- package/dist/lib/src/mixins/modifier.mjs +22 -0
- package/dist/lib/src/mixins/size.mjs +39 -0
- package/dist/lib/src/utils/propValidator.mjs +27 -0
- package/dist/style/cdr-accordion-group.css +1 -0
- package/dist/style/cdr-accordion.css +1 -0
- package/dist/style/cdr-banner-vars.css +0 -0
- package/dist/style/cdr-banner.css +1 -0
- package/dist/style/cdr-breadcrumb.css +1 -0
- package/dist/style/cdr-button.css +1 -0
- package/dist/style/cdr-caption.css +1 -0
- package/dist/style/cdr-card.css +1 -0
- package/dist/style/cdr-checkbox.css +1 -0
- package/dist/style/cdr-chip-group.css +1 -0
- package/dist/style/cdr-chip.css +1 -0
- package/dist/style/cdr-col.css +1 -0
- package/dist/style/cdr-container.css +1 -0
- package/dist/style/cdr-form-error.css +1 -0
- package/dist/style/cdr-form-group.css +1 -0
- package/dist/style/cdr-grid.css +1 -0
- package/dist/style/cdr-icon.css +1 -0
- package/dist/style/cdr-img.css +1 -0
- package/dist/style/cdr-input.css +1 -0
- package/dist/style/cdr-label-standalone.css +1 -0
- package/dist/style/cdr-label-wrapper.css +1 -0
- package/dist/style/cdr-link.css +1 -0
- package/dist/style/cdr-list.css +1 -0
- package/dist/style/cdr-modal.css +1 -0
- package/dist/style/cdr-pagination.css +1 -0
- package/dist/style/cdr-popover.css +1 -0
- package/dist/style/cdr-popup.css +1 -0
- package/dist/style/cdr-quote.css +1 -0
- package/dist/style/cdr-radio.css +1 -0
- package/dist/style/cdr-rating.css +1 -0
- package/dist/style/cdr-row.css +1 -0
- package/dist/style/cdr-select.css +1 -0
- package/dist/style/cdr-tab-panel.css +1 -0
- package/dist/style/cdr-table.css +1 -0
- package/dist/style/cdr-tabs.css +1 -0
- package/dist/style/cdr-text.css +1 -0
- package/dist/style/cdr-tooltip.css +1 -0
- package/dist/style/cedar-full.css +38 -0
- package/dist/style/reset.css +1 -0
- package/dist/svg/icon-error.svg +5 -0
- package/dist/svg/star-0.svg +6 -0
- package/dist/svg/star-100.svg +6 -0
- package/dist/svg/star-25.svg +7 -0
- package/dist/svg/star-50.svg +7 -0
- package/dist/svg/star-75.svg +7 -0
- package/dist/svg/star-null.svg +6 -0
- package/package.json +162 -0
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
2
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
3
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
4
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import modifier from '../../mixins/modifier.mjs';
|
|
7
|
+
import fullWidth from '../../mixins/fullWidth.mjs';
|
|
8
|
+
import size from '../../mixins/size.mjs';
|
|
9
|
+
import modules_1869af45 from './styles/CdrButton.mjs';
|
|
10
|
+
|
|
11
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
+
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
|
+
var CdrButton = {
|
|
15
|
+
name: 'CdrButton',
|
|
16
|
+
mixins: [modifier, size, fullWidth],
|
|
17
|
+
props: {
|
|
18
|
+
/**
|
|
19
|
+
* Controls render as button or anchor. {button, a}
|
|
20
|
+
*/
|
|
21
|
+
tag: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: 'button',
|
|
24
|
+
validator: function validator(value) {
|
|
25
|
+
return ['button', 'a'].indexOf(value) >= 0 || false;
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Sets the button type. {button, submit, reset}
|
|
31
|
+
*/
|
|
32
|
+
type: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: 'button',
|
|
35
|
+
validator: function validator(value) {
|
|
36
|
+
return ['button', 'submit', 'reset'].indexOf(value) >= 0 || false;
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Increases box-shadow around button to enhance contrast against background
|
|
42
|
+
*/
|
|
43
|
+
elevated: {
|
|
44
|
+
type: Boolean,
|
|
45
|
+
default: false
|
|
46
|
+
},
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
|
|
50
|
+
*/
|
|
51
|
+
iconOnly: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
default: false
|
|
54
|
+
},
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Used in conjunction with `icon-only`, renders a border and background around the icon button
|
|
58
|
+
*/
|
|
59
|
+
withBackground: {
|
|
60
|
+
type: Boolean,
|
|
61
|
+
default: false
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
|
|
65
|
+
data() {
|
|
66
|
+
return {
|
|
67
|
+
style: modules_1869af45
|
|
68
|
+
};
|
|
69
|
+
},
|
|
70
|
+
|
|
71
|
+
computed: {
|
|
72
|
+
baseClass() {
|
|
73
|
+
return 'cdr-button';
|
|
74
|
+
},
|
|
75
|
+
|
|
76
|
+
defaultClass() {
|
|
77
|
+
return this.modifier ? undefined : this.modifyClassName(this.baseClass, 'primary');
|
|
78
|
+
},
|
|
79
|
+
|
|
80
|
+
buttonSizeClass() {
|
|
81
|
+
return !this.iconOnly ? this.sizeClass : this.style["cdr-button--icon-only-".concat(this.size)];
|
|
82
|
+
},
|
|
83
|
+
|
|
84
|
+
iconClass() {
|
|
85
|
+
var classes = [];
|
|
86
|
+
|
|
87
|
+
if ((this.$slots['icon-left'] || this.$slots.icon) && this.$slots.default) {
|
|
88
|
+
/* only add class for buttons with text + icon on left */
|
|
89
|
+
classes.push(this.modifyClassName(this.baseClass, 'has-icon-left'));
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
if (this.$slots['icon-right'] && this.$slots.default) {
|
|
93
|
+
/* only add class for buttons with text + icon on right */
|
|
94
|
+
classes.push(this.modifyClassName(this.baseClass, 'has-icon-right'));
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
if (this.elevated) {
|
|
98
|
+
classes.push(this.modifyClassName(this.baseClass, 'elevated'));
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
if (this.iconOnly) {
|
|
102
|
+
classes.push(this.modifyClassName(this.baseClass, 'icon-only'));
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
if (this.iconOnly && this.withBackground) {
|
|
106
|
+
classes.push(this.modifyClassName(this.baseClass, 'with-background'));
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
return classes.join(' ');
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
},
|
|
113
|
+
|
|
114
|
+
render() {
|
|
115
|
+
var h = arguments[0];
|
|
116
|
+
var Component = this.tag;
|
|
117
|
+
return h(Component, {
|
|
118
|
+
"class": clsx(this.style[this.baseClass], this.defaultClass, this.modifierClass, this.buttonSizeClass, this.fullWidthClass, this.iconClass),
|
|
119
|
+
"attrs": {
|
|
120
|
+
"type": this.tag === 'button' ? this.type : null
|
|
121
|
+
},
|
|
122
|
+
"on": _objectSpread({}, this.$listeners)
|
|
123
|
+
}, [this.$slots['icon-left'] || this.$slots.icon, this.$slots.default, this.$slots['icon-right']]);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
};
|
|
127
|
+
|
|
128
|
+
export default CdrButton;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
var modules_1869af45 = {"cdr-button":"cdr-button_9-1-1-beta-0","cdr-button--has-icon-left":"cdr-button--has-icon-left_9-1-1-beta-0","cdr-button--has-icon-right":"cdr-button--has-icon-right_9-1-1-beta-0","cdr-button--primary":"cdr-button--primary_9-1-1-beta-0","cdr-button--elevated":"cdr-button--elevated_9-1-1-beta-0","cdr-button--secondary":"cdr-button--secondary_9-1-1-beta-0","cdr-button--dark":"cdr-button--dark_9-1-1-beta-0","cdr-button--sale":"cdr-button--sale_9-1-1-beta-0","cdr-button--link":"cdr-button--link_9-1-1-beta-0","cdr-button--large":"cdr-button--large_9-1-1-beta-0","cdr-button--medium":"cdr-button--medium_9-1-1-beta-0","cdr-button--small":"cdr-button--small_9-1-1-beta-0","cdr-button--icon-only":"cdr-button--icon-only_9-1-1-beta-0","cdr-button--icon-only-large":"cdr-button--icon-only-large_9-1-1-beta-0","cdr-button--with-background":"cdr-button--with-background_9-1-1-beta-0","cdr-button--full-width":"cdr-button--full-width_9-1-1-beta-0","cdr-button--small@xs":"cdr-button--small@xs_9-1-1-beta-0","cdr-button--medium@xs":"cdr-button--medium@xs_9-1-1-beta-0","cdr-button--large@xs":"cdr-button--large@xs_9-1-1-beta-0","cdr-button--fullWidth@xs":"cdr-button--fullWidth@xs_9-1-1-beta-0","cdr-button--small@sm":"cdr-button--small@sm_9-1-1-beta-0","cdr-button--medium@sm":"cdr-button--medium@sm_9-1-1-beta-0","cdr-button--large@sm":"cdr-button--large@sm_9-1-1-beta-0","cdr-button--fullWidth@sm":"cdr-button--fullWidth@sm_9-1-1-beta-0","cdr-button--small@md":"cdr-button--small@md_9-1-1-beta-0","cdr-button--medium@md":"cdr-button--medium@md_9-1-1-beta-0","cdr-button--large@md":"cdr-button--large@md_9-1-1-beta-0","cdr-button--fullWidth@md":"cdr-button--fullWidth@md_9-1-1-beta-0","cdr-button--small@lg":"cdr-button--small@lg_9-1-1-beta-0","cdr-button--medium@lg":"cdr-button--medium@lg_9-1-1-beta-0","cdr-button--large@lg":"cdr-button--large@lg_9-1-1-beta-0","cdr-button--fullWidth@lg":"cdr-button--fullWidth@lg_9-1-1-beta-0"};
|
|
2
|
+
|
|
3
|
+
export default modules_1869af45;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import modules_3ada4f15 from './styles/CdrCaption.mjs';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Cedar 2 component for captions
|
|
5
|
+
* @version 0.0.1
|
|
6
|
+
* @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
var CdrCaption = {
|
|
10
|
+
name: 'CdrCaption',
|
|
11
|
+
props: {
|
|
12
|
+
/** Caption summary text */
|
|
13
|
+
summary: String,
|
|
14
|
+
|
|
15
|
+
/** Caption credit text */
|
|
16
|
+
credit: String
|
|
17
|
+
},
|
|
18
|
+
|
|
19
|
+
data() {
|
|
20
|
+
return {
|
|
21
|
+
style: modules_3ada4f15
|
|
22
|
+
};
|
|
23
|
+
},
|
|
24
|
+
|
|
25
|
+
render() {
|
|
26
|
+
var h = arguments[0];
|
|
27
|
+
return h("div", {
|
|
28
|
+
"class": this.style['cdr-caption']
|
|
29
|
+
}, [this.summary ? h("p", {
|
|
30
|
+
"class": this.style['cdr-caption__summary']
|
|
31
|
+
}, [this.summary]) : '', this.credit ? h("cite", {
|
|
32
|
+
"class": this.style['cdr-caption__cite']
|
|
33
|
+
}, [this.credit]) : '']);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export default CdrCaption;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import modules_5c0e7644 from './styles/CdrCard.mjs';
|
|
2
|
+
|
|
3
|
+
var CdrCard = {
|
|
4
|
+
name: 'CdrCard',
|
|
5
|
+
props: {
|
|
6
|
+
tag: {
|
|
7
|
+
type: String,
|
|
8
|
+
default: 'article'
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
|
|
12
|
+
data() {
|
|
13
|
+
return {
|
|
14
|
+
style: modules_5c0e7644
|
|
15
|
+
};
|
|
16
|
+
},
|
|
17
|
+
|
|
18
|
+
computed: {
|
|
19
|
+
baseClass() {
|
|
20
|
+
return 'cdr-card';
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
},
|
|
24
|
+
|
|
25
|
+
render() {
|
|
26
|
+
var h = arguments[0];
|
|
27
|
+
var Component = this.tag;
|
|
28
|
+
return h(Component, {
|
|
29
|
+
"class": this.style[this.baseClass]
|
|
30
|
+
}, [this.$slots.default]);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default CdrCard;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
2
|
+
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
|
|
3
|
+
import _Symbol from '@babel/runtime-corejs3/core-js-stable/symbol';
|
|
4
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
5
|
+
import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
|
|
6
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
7
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
8
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
9
|
+
import clsx from 'clsx';
|
|
10
|
+
import modifier from '../../mixins/modifier.mjs';
|
|
11
|
+
import size from '../../mixins/size.mjs';
|
|
12
|
+
import validateProp from '../../utils/propValidator.mjs';
|
|
13
|
+
import modules_82ee9d44 from './styles/CdrCheckbox.mjs';
|
|
14
|
+
import CdrLabelWrapper from '../labelWrapper/CdrLabelWrapper.mjs';
|
|
15
|
+
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
|
+
var CdrCheckbox = {
|
|
20
|
+
name: 'CdrCheckbox',
|
|
21
|
+
components: {
|
|
22
|
+
CdrLabelWrapper
|
|
23
|
+
},
|
|
24
|
+
mixins: [modifier, size],
|
|
25
|
+
inheritAttrs: false,
|
|
26
|
+
props: {
|
|
27
|
+
/**
|
|
28
|
+
* Class that is added to the label for custom styles
|
|
29
|
+
*/
|
|
30
|
+
labelClass: String,
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Class that is added to the input for custom styles
|
|
34
|
+
*/
|
|
35
|
+
inputClass: String,
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Class that is added to the slot wrapper for custom styles
|
|
39
|
+
*/
|
|
40
|
+
contentClass: String,
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
|
|
44
|
+
*/
|
|
45
|
+
indeterminate: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: false
|
|
48
|
+
},
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* The value when checked.
|
|
52
|
+
*/
|
|
53
|
+
trueValue: {
|
|
54
|
+
type: [String, Number, Boolean, Object, Array, _Symbol, Function],
|
|
55
|
+
default: true
|
|
56
|
+
},
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* The value when unchecked.
|
|
60
|
+
*/
|
|
61
|
+
falseValue: {
|
|
62
|
+
type: [String, Number, Boolean, Object, Array, _Symbol, Function],
|
|
63
|
+
default: false
|
|
64
|
+
},
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
|
|
68
|
+
*/
|
|
69
|
+
customValue: [String, Number, Boolean, Object, Array, _Symbol, Function],
|
|
70
|
+
// Set which background type the input renders on
|
|
71
|
+
background: {
|
|
72
|
+
type: [String],
|
|
73
|
+
default: 'primary',
|
|
74
|
+
validator: function validator(value) {
|
|
75
|
+
return validateProp(value, ['primary', 'secondary']);
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
|
|
79
|
+
/** @ignore */
|
|
80
|
+
value: {
|
|
81
|
+
type: [String, Number, Boolean, Object, Array, _Symbol, Function]
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
|
|
85
|
+
data() {
|
|
86
|
+
return {
|
|
87
|
+
newValue: this.value,
|
|
88
|
+
style: modules_82ee9d44
|
|
89
|
+
};
|
|
90
|
+
},
|
|
91
|
+
|
|
92
|
+
computed: {
|
|
93
|
+
baseClass() {
|
|
94
|
+
return 'cdr-checkbox';
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
},
|
|
98
|
+
watch: {
|
|
99
|
+
value(val) {
|
|
100
|
+
this.newValue = val;
|
|
101
|
+
},
|
|
102
|
+
|
|
103
|
+
newValue(val) {
|
|
104
|
+
/**
|
|
105
|
+
* `v-model` value. Fires on check/uncheck.
|
|
106
|
+
* @event input
|
|
107
|
+
* @type value | event
|
|
108
|
+
* */
|
|
109
|
+
this.$emit('input', val);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
},
|
|
113
|
+
methods: {
|
|
114
|
+
updateValue(newValue, e) {
|
|
115
|
+
this.$emit('change', newValue, e);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
},
|
|
119
|
+
|
|
120
|
+
render() {
|
|
121
|
+
var _this = this;
|
|
122
|
+
|
|
123
|
+
var h = arguments[0];
|
|
124
|
+
return h("cdr-label-wrapper", {
|
|
125
|
+
"class": this.style['cdr-checkbox'],
|
|
126
|
+
"ref": "label",
|
|
127
|
+
"attrs": {
|
|
128
|
+
"size": this.size,
|
|
129
|
+
"modifier": this.modifier,
|
|
130
|
+
"labelClass": this.labelClass,
|
|
131
|
+
"contentClass": this.contentClass,
|
|
132
|
+
"background": this.background,
|
|
133
|
+
"disabled": this.$attrs.disabled
|
|
134
|
+
}
|
|
135
|
+
}, [h("input", _mergeJSXProps([{
|
|
136
|
+
"on": {
|
|
137
|
+
"change": [function ($event) {
|
|
138
|
+
var $$a = _this.newValue,
|
|
139
|
+
$$el = $event.target,
|
|
140
|
+
$$c = $$el.checked ? _this.customValue ? null : _this.trueValue : _this.customValue ? null : _this.falseValue;
|
|
141
|
+
|
|
142
|
+
if (Array.isArray($$a)) {
|
|
143
|
+
var $$v = _this.customValue,
|
|
144
|
+
$$i = _this._i($$a, $$v);
|
|
145
|
+
|
|
146
|
+
if ($$el.checked) {
|
|
147
|
+
$$i < 0 && (_this.newValue = _concatInstanceProperty($$a).call($$a, [$$v]));
|
|
148
|
+
} else {
|
|
149
|
+
var _context;
|
|
150
|
+
|
|
151
|
+
$$i > -1 && (_this.newValue = _concatInstanceProperty(_context = _sliceInstanceProperty($$a).call($$a, 0, $$i)).call(_context, _sliceInstanceProperty($$a).call($$a, $$i + 1)));
|
|
152
|
+
}
|
|
153
|
+
} else {
|
|
154
|
+
_this.newValue = $$c;
|
|
155
|
+
}
|
|
156
|
+
}, function (e) {
|
|
157
|
+
return _this.updateValue(_this.newValue, e);
|
|
158
|
+
}]
|
|
159
|
+
},
|
|
160
|
+
"class": clsx(this.style['cdr-checkbox__input'], this.inputClass),
|
|
161
|
+
"attrs": _objectSpread(_objectSpread({
|
|
162
|
+
"type": "checkbox"
|
|
163
|
+
}, this.$attrs), {}, {
|
|
164
|
+
"indeterminate": this.indeterminate
|
|
165
|
+
}),
|
|
166
|
+
"ref": "checkbox",
|
|
167
|
+
"slot": "input",
|
|
168
|
+
"domProps": {
|
|
169
|
+
"checked": Array.isArray(_this.newValue) ? this._i(_this.newValue, _this.customValue) > -1 : this._q(_this.newValue, _this.customValue ? null : _this.trueValue)
|
|
170
|
+
}
|
|
171
|
+
}, {
|
|
172
|
+
directives: [{
|
|
173
|
+
name: "model",
|
|
174
|
+
value: _this.newValue,
|
|
175
|
+
modifiers: {}
|
|
176
|
+
}]
|
|
177
|
+
}])), this.$slots.default]);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
};
|
|
181
|
+
|
|
182
|
+
export default CdrCheckbox;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
2
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
3
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
4
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
5
|
+
import modules_559ede80 from './styles/CdrChip.mjs';
|
|
6
|
+
|
|
7
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
+
|
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
10
|
+
var CdrChip = {
|
|
11
|
+
name: 'CdrChip',
|
|
12
|
+
|
|
13
|
+
data() {
|
|
14
|
+
return {
|
|
15
|
+
style: modules_559ede80,
|
|
16
|
+
baseClass: 'cdr-chip'
|
|
17
|
+
};
|
|
18
|
+
},
|
|
19
|
+
|
|
20
|
+
render() {
|
|
21
|
+
var h = arguments[0];
|
|
22
|
+
return h("button", {
|
|
23
|
+
"class": this.style[this.baseClass],
|
|
24
|
+
"on": _objectSpread({}, this.$listeners)
|
|
25
|
+
}, [this.$slots['icon-left'] && h("span", {
|
|
26
|
+
"class": this.style['cdr-chip__icon-left']
|
|
27
|
+
}, [this.$slots['icon-left']]), this.$slots['icon-right'] && h("span", {
|
|
28
|
+
"class": this.style['cdr-chip__icon-right']
|
|
29
|
+
}, [this.$slots['icon-right']]), h("span", {
|
|
30
|
+
"class": this.style['cdr-chip__content']
|
|
31
|
+
}, [this.$slots.default])]);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export default CdrChip;
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
2
|
+
import modules_7f5a554b from './styles/CdrChipGroup.mjs';
|
|
3
|
+
|
|
4
|
+
var CdrChipGroup = {
|
|
5
|
+
name: 'CdrChipGroup',
|
|
6
|
+
props: {
|
|
7
|
+
label: {
|
|
8
|
+
type: String,
|
|
9
|
+
required: true
|
|
10
|
+
},
|
|
11
|
+
hideLabel: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: true
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
|
|
17
|
+
data() {
|
|
18
|
+
return {
|
|
19
|
+
style: modules_7f5a554b,
|
|
20
|
+
chips: [],
|
|
21
|
+
currentIdx: 0
|
|
22
|
+
};
|
|
23
|
+
},
|
|
24
|
+
|
|
25
|
+
computed: {
|
|
26
|
+
nextIdx() {
|
|
27
|
+
var idx = this.currentIdx + 1;
|
|
28
|
+
return idx >= this.chips.length ? 0 : idx; // if at last, go to first
|
|
29
|
+
},
|
|
30
|
+
|
|
31
|
+
prevIdx() {
|
|
32
|
+
var idx = this.currentIdx - 1;
|
|
33
|
+
return idx <= -1 ? this.chips.length - 1 : idx; // if at first, go to last
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
legendClass() {
|
|
37
|
+
return this.hideLabel ? this.style['cdr-chip-group__legend--hidden'] : this.style['cdr-chip-group__legend'];
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
},
|
|
41
|
+
|
|
42
|
+
mounted() {
|
|
43
|
+
// get all of the chips in the group
|
|
44
|
+
this.chips = _filterInstanceProperty(Array.prototype).call(this.$refs.chips.children, function (chip) {
|
|
45
|
+
return !(chip.getAttribute('disabled') || chip.getAttribute('aria-disabled'));
|
|
46
|
+
});
|
|
47
|
+
this.currentIdx = Array.prototype.findIndex.call(this.chips, function (chip) {
|
|
48
|
+
return chip.getAttribute('aria-checked') === 'true';
|
|
49
|
+
});
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
methods: {
|
|
53
|
+
handleKeyDown(e) {
|
|
54
|
+
// something besides the button is focused
|
|
55
|
+
if (this.currentIdx === -1) return;
|
|
56
|
+
var key = e.key;
|
|
57
|
+
|
|
58
|
+
switch (key) {
|
|
59
|
+
case 'Home':
|
|
60
|
+
e.preventDefault();
|
|
61
|
+
this.chips[0].focus();
|
|
62
|
+
break;
|
|
63
|
+
|
|
64
|
+
case 'End':
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
this.chips[this.chips.length - 1].focus();
|
|
67
|
+
break;
|
|
68
|
+
|
|
69
|
+
case 'ArrowDown':
|
|
70
|
+
case 'Down':
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
this.chips[this.nextIdx].focus();
|
|
73
|
+
break;
|
|
74
|
+
|
|
75
|
+
case 'ArrowUp':
|
|
76
|
+
case 'Up':
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
this.chips[this.prevIdx].focus();
|
|
79
|
+
break;
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
|
|
83
|
+
focusin(e) {
|
|
84
|
+
// find out which, if any, button is focused
|
|
85
|
+
this.currentIdx = Array.prototype.indexOf.call(this.chips, e.target);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
},
|
|
89
|
+
|
|
90
|
+
render() {
|
|
91
|
+
var h = arguments[0];
|
|
92
|
+
return h("fieldset", {
|
|
93
|
+
"class": this.style['cdr-chip-group'],
|
|
94
|
+
"on": {
|
|
95
|
+
"focusin": this.focusin,
|
|
96
|
+
"keydown": this.handleKeyDown
|
|
97
|
+
}
|
|
98
|
+
}, [h("legend", {
|
|
99
|
+
"class": this.legendClass
|
|
100
|
+
}, [this.$slots.label || this.label]), h("div", {
|
|
101
|
+
"ref": "chips",
|
|
102
|
+
"class": this.style['cdr-chip-group__content']
|
|
103
|
+
}, [this.$slots.default])]);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
export default CdrChipGroup;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
var modules_7f5a554b = {"cdr-chip-group":"cdr-chip-group_9-1-1-beta-0","cdr-chip-group__content":"cdr-chip-group__content_9-1-1-beta-0","cdr-chip-group__legend--hidden":"cdr-chip-group__legend--hidden_9-1-1-beta-0","cdr-chip-group__legend":"cdr-chip-group__legend_9-1-1-beta-0"};
|
|
2
|
+
|
|
3
|
+
export default modules_7f5a554b;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import modules_1ac685e9 from './styles/CdrContainer.mjs';
|
|
3
|
+
import modifier from '../../mixins/modifier.mjs';
|
|
4
|
+
import validateProp from '../../utils/propValidator.mjs';
|
|
5
|
+
|
|
6
|
+
var CdrContainer = {
|
|
7
|
+
name: 'CdrContainer',
|
|
8
|
+
mixins: [modifier],
|
|
9
|
+
props: {
|
|
10
|
+
/** Any valid HTML tag */
|
|
11
|
+
tag: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: 'div'
|
|
14
|
+
},
|
|
15
|
+
modifier: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: 'static',
|
|
18
|
+
validator: function validator(value) {
|
|
19
|
+
return validateProp(value, ['static', 'fluid'], false);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
|
|
24
|
+
data() {
|
|
25
|
+
return {
|
|
26
|
+
style: modules_1ac685e9
|
|
27
|
+
};
|
|
28
|
+
},
|
|
29
|
+
|
|
30
|
+
computed: {
|
|
31
|
+
baseClass() {
|
|
32
|
+
return 'cdr-container';
|
|
33
|
+
},
|
|
34
|
+
|
|
35
|
+
modifierClass() {
|
|
36
|
+
return this.buildClass('modifier');
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
},
|
|
40
|
+
|
|
41
|
+
render() {
|
|
42
|
+
var h = arguments[0];
|
|
43
|
+
var Component = this.tag;
|
|
44
|
+
return h(Component, {
|
|
45
|
+
"class": clsx(this.style[this.baseClass], this.modifierClass)
|
|
46
|
+
}, [this.$slots.default]);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
export default CdrContainer;
|