@orangesk/orange-design-system 2.0.0-beta.0 → 2.0.0-beta.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/components/Accordion/tsconfig.tsbuildinfo +1 -1
- package/build/components/Alert/tsconfig.tsbuildinfo +1 -1
- package/build/components/AnchorNavigation/tsconfig.tsbuildinfo +1 -1
- package/build/components/Bar/tsconfig.tsbuildinfo +1 -1
- package/build/components/BlockAction/tsconfig.tsbuildinfo +1 -1
- package/build/components/BodyBanner/tsconfig.tsbuildinfo +1 -1
- package/build/components/Breadcrumbs/tsconfig.tsbuildinfo +1 -1
- package/build/components/Button/tsconfig.tsbuildinfo +1 -1
- package/build/components/Buttons/tsconfig.tsbuildinfo +1 -1
- package/build/components/Card/tsconfig.tsbuildinfo +1 -1
- package/build/components/Carousel/tsconfig.tsbuildinfo +1 -1
- package/build/components/CarouselPromotions/tsconfig.tsbuildinfo +1 -1
- package/build/components/CartTable/tsconfig.tsbuildinfo +1 -1
- package/build/components/Code/tsconfig.tsbuildinfo +1 -1
- package/build/components/Container/tsconfig.tsbuildinfo +1 -1
- package/build/components/Controls/tsconfig.tsbuildinfo +1 -1
- package/build/components/Cover/tsconfig.tsbuildinfo +1 -1
- package/build/components/Divider/tsconfig.tsbuildinfo +1 -1
- package/build/components/DocumentationSidebar/index.js +1 -1
- package/build/components/DocumentationSidebar/tsconfig.tsbuildinfo +1 -1
- package/build/components/Dropdown/tsconfig.tsbuildinfo +1 -1
- package/build/components/Expander/tsconfig.tsbuildinfo +1 -1
- package/build/components/FeatureAccordion/tsconfig.tsbuildinfo +1 -1
- package/build/components/Footer/index.js.map +1 -1
- package/build/components/Footer/tsconfig.tsbuildinfo +1 -1
- package/build/components/Forms/tsconfig.tsbuildinfo +1 -1
- package/build/components/Gauge/tsconfig.tsbuildinfo +1 -1
- package/build/components/Grid/tsconfig.tsbuildinfo +1 -1
- package/build/components/Hero/tsconfig.tsbuildinfo +1 -1
- package/build/components/Icon/tsconfig.tsbuildinfo +1 -1
- package/build/components/IconList/tsconfig.tsbuildinfo +1 -1
- package/build/components/Image/tsconfig.tsbuildinfo +1 -1
- package/build/components/Link/tsconfig.tsbuildinfo +1 -1
- package/build/components/List/tsconfig.tsbuildinfo +1 -1
- package/build/components/Loader/tsconfig.tsbuildinfo +1 -1
- package/build/components/Megamenu/style.css +1 -1
- package/build/components/Megamenu/style.css.map +1 -1
- package/build/components/Megamenu/tsconfig.tsbuildinfo +1 -1
- package/build/components/Modal/index.js +3 -3
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/Modal/tsconfig.tsbuildinfo +1 -1
- package/build/components/Pagination/tsconfig.tsbuildinfo +1 -1
- package/build/components/Pill/tsconfig.tsbuildinfo +1 -1
- package/build/components/Preview/tsconfig.tsbuildinfo +1 -1
- package/build/components/Progress/tsconfig.tsbuildinfo +1 -1
- package/build/components/PromoBanner/tsconfig.tsbuildinfo +1 -1
- package/build/components/PromotionCard/tsconfig.tsbuildinfo +1 -1
- package/build/components/Section/index.js.map +1 -1
- package/build/components/Section/tsconfig.tsbuildinfo +1 -1
- package/build/components/Skeleton/tsconfig.tsbuildinfo +1 -1
- package/build/components/SkipLink/tsconfig.tsbuildinfo +1 -1
- package/build/components/Stepbar/tsconfig.tsbuildinfo +1 -1
- package/build/components/Sticker/tsconfig.tsbuildinfo +1 -1
- package/build/components/Table/tsconfig.tsbuildinfo +1 -1
- package/build/components/Tabs/tsconfig.tsbuildinfo +1 -1
- package/build/components/Tag/tsconfig.tsbuildinfo +1 -1
- package/build/components/Testimonial/tsconfig.tsbuildinfo +1 -1
- package/build/components/Tile/tsconfig.tsbuildinfo +1 -1
- package/build/components/Tooltip/tsconfig.tsbuildinfo +1 -1
- package/build/components/index.css +1 -1
- package/build/components/index.css.map +1 -1
- package/build/components/index.js +4 -4
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/src/components/Modal/Modal.d.ts +4 -0
- package/build/components/types/src/components/Modal/ModalProductFooter.d.ts +10 -0
- package/build/components/types/src/components/Modal/index.d.ts +1 -0
- package/build/components/types/src/components/Section/Section.d.ts +1 -1
- 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/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/package.json +1 -1
- package/src/components/Megamenu/styles/config.scss +2 -0
- package/src/components/Megamenu/styles/mixins.scss +2 -1
- package/src/components/Modal/Modal.tsx +8 -1
- package/src/components/Modal/ModalProductFooter.tsx +38 -0
- package/src/components/Modal/index.ts +1 -0
- package/src/components/Modal/styles/config.scss +7 -0
- package/src/components/Modal/styles/mixins.scss +59 -9
- package/src/components/Modal/styles/style.scss +12 -0
- package/src/components/Modal/tests/Modal.unit.test.js +36 -0
- package/src/components/Section/Section.tsx +7 -1
- package/src/components/Section/tests/Section.conformance.test.js +7 -1
- package/src/components/Section/tests/Section.unit.test.js +28 -1
- package/src/styles/tokens/color.scss +4 -0
- package/src/styles/utilities/color.scss +14 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.megamenu{background-color:var(--color-background-primary)}@media screen and (max-width:1239.98px){.megamenu{position:relative}}.megamenu__visible{display:inline-block}@media screen and (max-width:1239.98px){.megamenu__visible{display:none}}.megamenu-header{background-color:var(--color-background-primary);display:flex;justify-content:space-between}@media screen and (max-width:1239.98px){.megamenu-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);gap:1.25rem;padding:.9375rem 1.25rem;position:relative;z-index:998}}.megamenu-divider{border-bottom:1px solid var(--color-border-subtle)}@media screen and (max-width:1239.98px){.megamenu-divider{border-bottom:none;display:flex;flex-direction:column}}.megamenu-content{display:flex;justify-content:space-between}@media screen and (max-width:1239.98px){.megamenu-content{flex-direction:column;gap:.9375rem;height:calc(100vh - 80px);justify-content:start;overflow-y:auto;padding:1.25rem}.megamenu-sidebar{background-color:var(--color-background-primary);box-shadow:-2px 0 8px rgba(0,0,0,.15);height:100vh;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:23.75rem;z-index:1001}.megamenu-sidebar.is-open{right:0}}@media screen and (max-width:479.98px){.megamenu-sidebar{width:100%}}.megamenu-sidebar-header{display:none}@media screen and (max-width:1239.98px){.megamenu-sidebar-header{background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border-subtle);display:block}.megamenu-sidebar-header .megamenu-header{padding:0 1.25rem}.megamenu-overlay{background-color:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1000}.megamenu-overlay.is-open{opacity:1;visibility:visible}}.megamenu-link{color:var(--color-text-default)!important;display:inline-block;margin:0 10px!important;padding:1.75rem 0}.megamenu-link:hover{color:var(--color-text-accent)!important;text-decoration:none!important}@media screen and (max-width:1239.98px){.megamenu-link{background-color:transparent;display:inline-block;margin:0 5px;padding:.9375rem 0;text-align:left}}.megamenu-link__full{border:none;border-radius:0;display:inline-block;margin:0 10px!important;padding:1.625rem 0!important}.megamenu-link__full:hover{background-color:transparent;color:var(--color-text-accent)!important}@media screen and (max-width:1239.98px){.megamenu-link__full{background-color:transparent;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between!important;margin:0!important;padding:.9375rem 0!important;text-align:left;width:100%!important}}.megamenu-link__full--icon{background-color:transparent;border-color:transparent!important;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:start!important;margin:0!important;padding:.9375rem 0;text-align:left;width:100%!important}@media screen and (max-width:1239.98px){.megamenu-link__full--icon{padding:.625rem 0}}.megamenu-link__small{color:var(--color-text-default)!important;display:inline-block;margin:0 10px!important;padding:.9375rem 0}.megamenu-link__small:focus{outline:none!important}.megamenu-link__small:hover{color:var(--color-text-accent)!important;text-decoration:none!important}@media screen and (max-width:1239.98px){.megamenu-link__small{background-color:transparent;display:inline-block;margin:0 5px;padding:.9375rem 0;text-align:left}}.megamenu-link.is-active,.megamenu-link__small.is-active{border-bottom:3px solid var(--color-border-accent);border-radius:0;transition:border-bottom .2s ease}.megamenu-logo{margin:0 10px}@media screen and (max-width:1239.98px){.megamenu-logo{margin:0;width:1.875rem}}.megamenu-logo.show-xl{display:none}@media screen and (min-width:1240px){.megamenu-logo.show-xl{display:inline-block!important}}.megamenu-icon{border-color:transparent!important;display:none;margin:0!important}.megamenu-icon:focus,.megamenu-icon:hover{background-color:transparent!important;color:var(--color-background-contrast)!important}@media screen and (max-width:1239.98px){.megamenu-icon{display:block;margin:0 5px}}.megamenu-dropdown__content{background-color:var(--color-background-primary);color:var(--color-text-default)!important;left:0;padding:1.25rem 4.375rem;position:absolute;right:0;width:100%}@media screen and (max-width:1239.98px){.megamenu-dropdown__content{background-color:transparent;line-height:1.5;margin-top:.625rem;padding:.625rem 0;position:static}}.megamenu-dropdown__button{border:none;border-radius:0;display:inline-block;margin:0 10px!important;padding:1.625rem 0!important}.megamenu-dropdown__button:hover{background-color:transparent;color:var(--color-text-accent)!important}@media screen and (max-width:1239.98px){.megamenu-dropdown__button{background-color:transparent;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between!important;margin:0!important;padding:.9375rem 0!important;text-align:left;width:100%!important}}.megamenu-dropdown__highlight{background-color:var(--color-background-accent);border-radius:1.25rem;padding:.9375rem 1.875rem}.megamenu-dropdown__active{border-bottom:3px solid var(--color-border-accent)!important;border-radius:0!important}.megamenu-dropdown__active.only-icon svg{margin:0!important}.btn{align-items:center;border:2px solid transparent;border-radius:.3125rem;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;justify-content:center;line-height:1.111111;margin-bottom:1.25rem;text-align:center;text-decoration:none;vertical-align:baseline}.btn.is-active,.btn:active{transition-property:none}.btn:not(:last-of-type){margin-right:.625rem}.btn{min-height:2.5rem;padding:.375rem .9375rem}.btn--small{min-height:1.875rem;padding:.125rem .625rem}.btn--large{min-height:3.125rem;padding:.125rem 1.25rem}.btn{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default)}}@layer components{@media (hover:hover){.btn:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn.is-active,.btn:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse);z-index:2}.btn[aria-disabled=true],.btn[disabled]{background-color:transparent;border-color:var(--color-fill-disabled);color:var(--color-text-disabled);cursor:not-allowed}.btn--primary{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse)}@media (hover:hover){.btn--primary:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn--primary:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--primary.is-active,.btn--primary:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-contrast);z-index:2}.btn--primary[aria-disabled=true],.btn--primary[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-inverse);cursor:not-allowed}.btn--fill{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse)}@media (hover:hover){.btn--fill:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--fill:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--fill.is-active,.btn--fill:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse);z-index:2}.btn--fill[aria-disabled=true],.btn--fill[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-inverse);cursor:not-allowed}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-default)}@media (hover:hover){.btn--ghost:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--ghost:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--ghost.is-active,.btn--ghost:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-tertiary);z-index:2}.btn--ghost[aria-disabled=true],.btn--ghost[disabled]{background-color:transparent;border-color:transparent;color:var(--color-text-disabled);cursor:not-allowed}.btn--square{align-items:center;display:inline-flex;flex:0 0 auto;flex-flow:row;justify-content:center;line-height:0;padding:0}.btn--square.btn{height:2.5rem;width:2.5rem}.btn--square.btn--small{height:1.875rem;width:1.875rem}.btn--square.btn--large{height:3.125rem;width:3.125rem}.btn__icon-left{backface-visibility:hidden;margin-left:-.25em;margin-right:.5em}.btn__icon-right{backface-visibility:hidden;margin-left:.5em;margin-right:-.25em}.btn--large .icon--large{margin-bottom:-.1875rem;margin-top:-.1875rem}}:export{orange:#f16e00;orange-dark:#f16e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}@layer components{.select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h14L7 7 0 0Z' fill='%23000'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:2px solid var(--color-surface-moderate);border-radius:.3125rem;color:#000;display:inline-block;font-weight:700;overflow:hidden;position:relative;transform:translateZ(0)}.select:focus{border-color:var(--color-border-contrast);box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast)}.select:disabled{background-color:var(--color-surface-subtle);border-color:var(--color-surface-moderate);color:#666}.select.is-invalid{border-color:var(--color-icon-negative)}.select{height:2.5rem;padding:.5rem 2.125rem .5rem .5rem}.select--large{height:3.125rem;padding:.8125rem 2.125rem .8125rem .8125rem}.select{max-width:21.875rem;width:100%}.select--12ch{max-width:10rem}.select--shrink{width:auto}.select--fullwidth{max-width:none;width:100%}}
|
|
1
|
+
@layer components{.megamenu{background-color:var(--color-background-primary)}@media screen and (max-width:1239.98px){.megamenu{position:relative}}.megamenu__visible{display:inline-block}@media screen and (max-width:1239.98px){.megamenu__visible{display:none}}.megamenu-header{background-color:var(--color-background-primary);display:flex;justify-content:space-between}@media screen and (max-width:1239.98px){.megamenu-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);gap:1.25rem;padding:.9375rem 1.25rem;position:relative;z-index:998}}.megamenu-divider{border-bottom:1px solid var(--color-border-subtle)}@media screen and (max-width:1239.98px){.megamenu-divider{border-bottom:none;display:flex;flex-direction:column}}.megamenu-content{display:flex;justify-content:space-between}@media screen and (max-width:1239.98px){.megamenu-content{flex-direction:column;gap:.9375rem;height:calc(100vh - 80px);justify-content:start;overflow-y:auto;padding:1.25rem}.megamenu-sidebar{background-color:var(--color-background-primary);box-shadow:-2px 0 8px rgba(0,0,0,.15);height:100vh;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:23.75rem;z-index:1001}.megamenu-sidebar.is-open{right:0}}@media screen and (max-width:479.98px){.megamenu-sidebar{width:100%}}.megamenu-sidebar-header{display:none}@media screen and (max-width:1239.98px){.megamenu-sidebar-header{background-color:var(--color-background-primary);border-bottom:1px solid var(--color-border-subtle);display:block}.megamenu-sidebar-header .megamenu-header{padding:0 1.25rem}.megamenu-overlay{background-color:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1000}.megamenu-overlay.is-open{opacity:1;visibility:visible}}.megamenu-link{color:var(--color-text-default)!important;display:inline-block;margin:0 10px!important;padding:1.75rem 0}.megamenu-link:hover{color:var(--color-text-accent)!important;text-decoration:none!important}@media screen and (max-width:1239.98px){.megamenu-link{background-color:transparent;display:inline-block;margin:0 5px;padding:.9375rem 0;text-align:left}}.megamenu-link__full{border:none;border-radius:0;display:inline-block;margin:0 10px!important;padding:1.625rem 0!important}.megamenu-link__full:hover{background-color:transparent;color:var(--color-text-accent)!important}@media screen and (max-width:1239.98px){.megamenu-link__full{background-color:transparent;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between!important;margin:0!important;padding:.9375rem 0!important;text-align:left;width:100%!important}}.megamenu-link__full--icon{background-color:transparent;border-color:transparent!important;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:start!important;margin:0!important;padding:.9375rem 0;text-align:left;width:100%!important}@media screen and (max-width:1239.98px){.megamenu-link__full--icon{padding:.625rem 0}}.megamenu-link__small{color:var(--color-text-default)!important;display:inline-block;margin:0 10px!important;padding:.9375rem 0}.megamenu-link__small:focus{outline:none!important}.megamenu-link__small:hover{color:var(--color-text-accent)!important;text-decoration:none!important}@media screen and (max-width:1239.98px){.megamenu-link__small{background-color:transparent;display:inline-block;margin:0 5px;padding:.9375rem 0;text-align:left}}.megamenu-link.is-active,.megamenu-link__small.is-active{border-bottom:3px solid var(--color-border-accent);border-radius:0;transition:border-bottom .2s ease}.megamenu-logo{margin:0 10px}@media screen and (max-width:1239.98px){.megamenu-logo{margin:0;width:1.875rem}}.megamenu-logo.show-xl{display:none}@media screen and (min-width:1240px){.megamenu-logo.show-xl{display:inline-block!important}}.megamenu-icon{border-color:transparent!important;display:none;margin:0!important}.megamenu-icon:focus,.megamenu-icon:hover{background-color:transparent!important;color:var(--color-background-contrast)!important}@media screen and (max-width:1239.98px){.megamenu-icon{display:block;margin:0 5px}}.megamenu-dropdown__content{background-color:var(--color-background-primary);color:var(--color-text-default)!important;left:0;padding:1.25rem 4.375rem;position:absolute;right:0;width:100%;z-index:998}@media screen and (max-width:1239.98px){.megamenu-dropdown__content{background-color:transparent;line-height:1.5;margin-top:.625rem;padding:.625rem 0;position:static}}.megamenu-dropdown__button{border:none;border-radius:0;display:inline-block;margin:0 10px!important;padding:1.625rem 0!important}.megamenu-dropdown__button:hover{background-color:transparent;color:var(--color-text-accent)!important}@media screen and (max-width:1239.98px){.megamenu-dropdown__button{background-color:transparent;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between!important;margin:0!important;padding:.9375rem 0!important;text-align:left;width:100%!important}}.megamenu-dropdown__highlight{background-color:var(--color-background-accent);border-radius:1.25rem;padding:.9375rem 1.875rem}.megamenu-dropdown__active{border-bottom:3px solid var(--color-border-accent)!important;border-radius:0!important}.megamenu-dropdown__active.only-icon svg{margin:0!important}.btn{align-items:center;border:2px solid transparent;border-radius:.3125rem;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;justify-content:center;line-height:1.111111;margin-bottom:1.25rem;text-align:center;text-decoration:none;vertical-align:baseline}.btn.is-active,.btn:active{transition-property:none}.btn:not(:last-of-type){margin-right:.625rem}.btn{min-height:2.5rem;padding:.375rem .9375rem}.btn--small{min-height:1.875rem;padding:.125rem .625rem}.btn--large{min-height:3.125rem;padding:.125rem 1.25rem}.btn{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default)}}@layer components{@media (hover:hover){.btn:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn.is-active,.btn:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse);z-index:2}.btn[aria-disabled=true],.btn[disabled]{background-color:transparent;border-color:var(--color-fill-disabled);color:var(--color-text-disabled);cursor:not-allowed}.btn--primary{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse)}@media (hover:hover){.btn--primary:hover{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse);z-index:2}}.btn--primary:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--primary.is-active,.btn--primary:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-contrast);z-index:2}.btn--primary[aria-disabled=true],.btn--primary[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-inverse);cursor:not-allowed}.btn--fill{background-color:var(--color-fill-contrast);border-color:transparent;color:var(--color-text-inverse)}@media (hover:hover){.btn--fill:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--fill:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--fill.is-active,.btn--fill:active{background-color:var(--color-fill-tertiary);border-color:transparent;color:var(--color-text-inverse);z-index:2}.btn--fill[aria-disabled=true],.btn--fill[disabled]{background-color:var(--color-fill-disabled);border-color:var(--color-fill-disabled);color:var(--color-text-inverse);cursor:not-allowed}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-default)}@media (hover:hover){.btn--ghost:hover{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-text-default);z-index:2}}.btn--ghost:focus-visible{outline:2px solid var(--color-border-contrast);outline-offset:2px;z-index:2}.btn--ghost.is-active,.btn--ghost:active{background-color:transparent;border-color:var(--color-border-contrast);color:var(--color-fill-tertiary);z-index:2}.btn--ghost[aria-disabled=true],.btn--ghost[disabled]{background-color:transparent;border-color:transparent;color:var(--color-text-disabled);cursor:not-allowed}.btn--square{align-items:center;display:inline-flex;flex:0 0 auto;flex-flow:row;justify-content:center;line-height:0;padding:0}.btn--square.btn{height:2.5rem;width:2.5rem}.btn--square.btn--small{height:1.875rem;width:1.875rem}.btn--square.btn--large{height:3.125rem;width:3.125rem}.btn__icon-left{backface-visibility:hidden;margin-left:-.25em;margin-right:.5em}.btn__icon-right{backface-visibility:hidden;margin-left:.5em;margin-right:-.25em}.btn--large .icon--large{margin-bottom:-.1875rem;margin-top:-.1875rem}}:export{orange:#f16e00;orange-dark:#f16e00;black:#000;white:#fff;blue:#4bb4e6;green:#50be87;pink:#ffb4e6;violet:#a885d8;yellow:#ffd200;gray-300:#eee;gray-400:#ddd;gray-500:#ddd;gray-600:#999;gray-700:#666;gray-800:#595959;gray-900:#333;success:rgba(34,135,34,.078);danger:rgba(205,60,20,.078);info:rgba(65,112,216,.078);warning:rgba(255,204,0,.078)}@layer components{.select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h14L7 7 0 0Z' fill='%23000'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:2px solid var(--color-surface-moderate);border-radius:.3125rem;color:#000;display:inline-block;font-weight:700;overflow:hidden;position:relative;transform:translateZ(0)}.select:focus{border-color:var(--color-border-contrast);box-shadow:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-border-contrast)}.select:disabled{background-color:var(--color-surface-subtle);border-color:var(--color-surface-moderate);color:#666}.select.is-invalid{border-color:var(--color-icon-negative)}.select{height:2.5rem;padding:.5rem 2.125rem .5rem .5rem}.select--large{height:3.125rem;padding:.8125rem 2.125rem .8125rem .8125rem}.select{max-width:21.875rem;width:100%}.select--12ch{max-width:10rem}.select--shrink{width:auto}.select--fullwidth{max-width:none;width:100%}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss","color.scss"],"names":[],"mappings":"AAAA,kBACE,UACE,gDACF,CACA,wCACE,UACE,iBACF,CACF,CACA,mBACE,oBACF,CACA,wCACE,mBACE,YACF,CACF,CACA,iBAGE,gDAAiD,CAFjD,YAAa,CACb,6BAEF,CACA,wCACE,iBAEE,kBAAmB,CAGnB,kDAAmD,CAFnD,WAAY,CACZ,wBAA0B,CAH1B,iBAAkB,CAKlB,WACF,CACF,CACA,kBACE,kDACF,CACA,wCACE,kBAGE,kBAAmB,CAFnB,YAAa,CACb,qBAEF,CACF,CACA,kBACE,YAAa,CACb,6BACF,CACA,wCACE,kBACE,qBAAsB,CAGtB,YAAc,CACd,yBAA0B,CAH1B,qBAAsB,CAItB,eAAgB,CAHhB,eAIF,CAGA,kBAME,gDAAiD,CACjD,qCAA0C,CAF1C,YAAa,CAIb,eAAgB,CARhB,cAAe,CAEf,WAAY,CADZ,KAAM,CAQN,gCAAkC,CANlC,cAAe,CAIf,YAGF,CACA,0BACE,OACF,CAhBF,CAkBA,uCACE,kBACE,UACF,CACF,CACA,yBACE,YACF,CACA,wCACE,yBAEE,gDAAiD,CACjD,kDAAmD,CAFnD,aAGF,CACA,0CACE,iBACF,CAGA,kBAME,+BAAoC,CADpC,YAAa,CAFb,MAAO,CAKP,SAAU,CAPV,cAAe,CACf,KAAM,CAQN,6DAAiE,CADjE,iBAAkB,CALlB,UAAW,CAGX,YAIF,CACA,0BACE,SAAU,CACV,kBACF,CAjBF,CAmBA,eACE,yCAA2C,CAE3C,oBAAqB,CACrB,uBAAyB,CAFzB,iBAGF,CACA,qBAEE,wCAA0C,CAD1C,8BAEF,CACA,wCACE,eAKE,4BAA6B,CAD7B,oBAAqB,CADrB,YAAa,CADb,kBAAoB,CADpB,eAKF,CACF,CACA,qBACE,WAAY,CAEZ,eAAgB,CADhB,oBAAqB,CAGrB,uBAAyB,CADzB,4BAEF,CACA,2BACE,4BAA6B,CAC7B,wCACF,CACA,wCACE,qBAQE,4BAA6B,CAD7B,kDAAmD,CAFnD,YAAa,CACb,uCAAyC,CAFzC,kBAAoB,CADpB,4BAA+B,CAD/B,eAAgB,CADhB,oBAQF,CACF,CACA,2BASE,4BAA6B,CAR7B,kCAAoC,CAOpC,kDAAmD,CAFnD,YAAa,CACb,+BAAiC,CAFjC,kBAAoB,CADpB,kBAAoB,CADpB,eAAgB,CADhB,oBAQF,CACA,wCACE,2BACE,iBACF,CACF,CACA,sBACE,yCAA2C,CAE3C,oBAAqB,CACrB,uBAAyB,CAFzB,kBAGF,CACA,4BACE,sBACF,CACA,4BAEE,wCAA0C,CAD1C,8BAEF,CACA,wCACE,sBAKE,4BAA6B,CAD7B,oBAAqB,CADrB,YAAa,CADb,kBAAoB,CADpB,eAKF,CACF,CACA,yDAEE,kDAAmD,CADnD,eAAgB,CAEhB,iCACF,CACA,eACE,aACF,CACA,wCACE,eAEE,QAAS,CADT,cAEF,CACF,CACA,uBACE,YACF,CACA,qCACE,uBACE,8BACF,CACF,CACA,eACE,kCAAoC,CAEpC,YAAa,CADb,kBAEF,CACA,0CACE,sCAAwC,CACxC,gDACF,CACA,wCACE,eACE,aAAc,CACd,YACF,CACF,CACA,4BACE,gDAAiD,CACjD,yCAA2C,CAG3C,MAAO,CAFP,wBAAyB,CACzB,iBAAkB,CAElB,OAAQ,CACR,
|
|
1
|
+
{"version":3,"sources":["style.scss","color.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@layer components {\n .select {\n border-radius: 0.3125rem;\n background-image: url(\"data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H14L7 7L0 0Z' fill='%23000'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n background-position: right 10px center;\n font-weight: bold;\n appearance: none;\n -webkit-appearance: none;\n color: #000000;\n overflow: hidden;\n position: relative;\n display: inline-block;\n transform: translateZ(0);\n background-color: #ffffff;\n border: 2px solid var(--color-surface-moderate);\n }\n .select:focus {\n border-color: var(--color-border-contrast);\n box-shadow: 0 0 0 2px var(--color-background-primary), 0 0 0 4px var(--color-border-contrast);\n }\n .select:disabled {\n background-color: var(--color-surface-subtle);\n border-color: var(--color-surface-moderate);\n color: #666;\n }\n .select.is-invalid {\n border-color: var(--color-icon-negative);\n }\n .select {\n height: 2.5rem;\n padding: 0.5rem 2.125rem 0.5rem 0.5rem;\n }\n .select--large {\n height: 3.125rem;\n padding: 0.8125rem 2.125rem 0.8125rem 0.8125rem;\n }\n .select {\n width: 100%;\n max-width: 21.875rem;\n }\n .select--12ch {\n max-width: 10rem;\n }\n .select--shrink {\n width: auto;\n }\n .select--fullwidth {\n width: 100%;\n max-width: none;\n }\n}",":export {\n orange: #f16e00;\n orange-dark: #f16e00;\n black: #000000;\n white: #ffffff;\n blue: #4bb4e6;\n green: #50be87;\n pink: #ffb4e6;\n violet: #a885d8;\n yellow: #ffd200;\n gray-300: #eeeeee;\n gray-400: #ddd;\n gray-500: #dddddd;\n gray-600: #999;\n gray-700: #666;\n gray-800: #595959;\n gray-900: #333;\n success: rgba(34, 135, 34, 0.0784313725);\n danger: rgba(205, 60, 20, 0.0784313725);\n info: rgba(65, 112, 216, 0.0784313725);\n warning: rgba(255, 204, 0, 0.0784313725);\n}"]}
|