@orangesk/orange-design-system 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/build/app.css +1 -1
  2. package/build/app.css.map +1 -1
  3. package/build/app.js +1 -1
  4. package/build/asset-manifest.json +1 -1
  5. package/build/components/style.css +1 -1
  6. package/build/components/style.css.map +1 -1
  7. package/build/index.css +1 -1
  8. package/build/index.css.map +1 -1
  9. package/build/index.js +1 -1
  10. package/build/lib/after-components.css +1 -1
  11. package/build/lib/after-components.css.map +1 -1
  12. package/build/lib/style.css +1 -1
  13. package/build/lib/style.css.map +1 -1
  14. package/build/{precache-manifest.80fc22e3c51449e923557aee77ea9969.js → precache-manifest.30f104c4417ea61c3e07049c304fda84.js} +8 -8
  15. package/build/{precache-manifest.565267c9f5f607d21028cb01b868bb7e.js → precache-manifest.b04d89f2500e7f8bcf46fb7b5ee718ed.js} +2 -2
  16. package/build/service-worker.js +1 -1
  17. package/package.json +1 -1
  18. package/src/styles/utilities/text.scss +3 -0
package/build/lib/after-components.css CHANGED
@@ -1,2 +1,2 @@
1
- .color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white.color-blue,.bg-white .color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black.color-orange,.bg-black .color-orange{color:#ff7900!important}.bg-black.color-gray,.bg-black .color-gray{color:#ccc!important}.bg-black.color-blue,.bg-black .color-blue{color:#4bb4e6!important}.bg-orange{background-color:#ff7900!important;color:#000!important}.bg-orange-dark{background-color:#f16e00!important;color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!important;color:#000!important}.bg-orange-dark::selection,.bg-orange::selection{background-color:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!important}.small,small{font-size:.875rem;line-height:1.125rem}.large{font-size:1.125rem;line-height:1.375rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:initial!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid #000}.border.is-invalid{border-color:#cd3c14!important}.border--gray{border-color:#ccc}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#ff7900}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.align-self-last--sm{order:999}}@media screen and (min-width:768px){.align-self-last--md{order:999}}@media screen and (min-width:992px){.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.align-self-last--xxl{order:999}}.aspect-ratio-21-9{max-width:100%;border:0;aspect-ratio:21/9}.aspect-ratio-16-9{max-width:100%;border:0;aspect-ratio:16/9}.aspect-ratio-4-3{max-width:100%;border:0;aspect-ratio:4/3}.aspect-ratio-1-1{max-width:100%;border:0;aspect-ratio:1/1}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0)and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px)and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px)and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px)and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px)and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scrollbar-color:#ddd #595959;scrollbar-width:.625rem;scroll-snap-type:x mandatory}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{height:.625rem;appearance:none;background-color:#ddd;border-radius:99px}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#595959}.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}@media screen and (min-width:480px){.horizontal-scroll--sm{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--sm-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:768px){.horizontal-scroll--md{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--md-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:992px){.horizontal-scroll--lg{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--lg-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1240px){.horizontal-scroll--xl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xxl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}.mm-header ul,.osk-footer-menu{max-width:none;margin-top:0}.mm-header ul li,.osk-footer-menu li{margin-top:0;margin-bottom:0}
1
+ .color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white.color-blue,.bg-white .color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black.color-orange,.bg-black .color-orange{color:#ff7900!important}.bg-black.color-gray,.bg-black .color-gray{color:#ccc!important}.bg-black.color-blue,.bg-black .color-blue{color:#4bb4e6!important}.bg-orange{background-color:#ff7900!important;color:#000!important}.bg-orange-dark{background-color:#f16e00!important;color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!important;color:#000!important}.bg-orange-dark::selection,.bg-orange::selection{background-color:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!important}.small,small{font-size:.875rem;line-height:1.125rem}.large{font-size:1.125rem;line-height:1.375rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:initial!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid #000}.border.is-invalid{border-color:#cd3c14!important}.border--gray{border-color:#ccc}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#ff7900}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.align-self-last--sm{order:999}}@media screen and (min-width:768px){.align-self-last--md{order:999}}@media screen and (min-width:992px){.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.align-self-last--xxl{order:999}}.aspect-ratio-21-9{max-width:100%;border:0;aspect-ratio:21/9}.aspect-ratio-16-9{max-width:100%;border:0;aspect-ratio:16/9}.aspect-ratio-4-3{max-width:100%;border:0;aspect-ratio:4/3}.aspect-ratio-1-1{max-width:100%;border:0;aspect-ratio:1/1}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0)and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px)and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px)and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px)and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px)and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scrollbar-color:#ddd #595959;scrollbar-width:.625rem;scroll-snap-type:x mandatory}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{height:.625rem;appearance:none;background-color:#ddd;border-radius:99px}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#595959}.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}@media screen and (min-width:480px){.horizontal-scroll--sm{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--sm-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:768px){.horizontal-scroll--md{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--md-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:992px){.horizontal-scroll--lg{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--lg-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1240px){.horizontal-scroll--xl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xxl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}.mm-header ul,.osk-footer-menu{max-width:none;margin-top:0}.mm-header ul li,.osk-footer-menu li{margin-top:0;margin-bottom:0}
2
2
  /*# sourceMappingURL=after-components.css.map */
package/build/lib/after-components.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../styles/utilities/color.scss","../styles/tokens/color.scss","../styles/utilities/text.scss","../styles/tools/generate.scss","../styles/tools/text.scss","../styles/tokens/breakpoint.scss","../components/Typography/styles/mixins.scss","../styles/utilities/border.scss","../styles/utilities/layout.scss","../styles/tools/layout.scss","../styles/utilities/visibility.scss","../styles/tools/visibility.scss","../styles/utilities/horizontal-scroll.scss","../styles/shame.scss"],"names":[],"mappings":"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","file":"after-components.css","sourcesContent":["@use '../tokens/color';\n\n.color-black { color: color.$black !important; }\n.color-orange { color: color.$orange-dark !important; }\n.color-gray { color: color.$gray-800 !important; }\n.color-white { color: color.$white !important; }\n.color-blue { color: #085EBD !important; }\n\n.bg-white {\n background-color: color.$white !important;\n color: color.$black !important;\n\n .color-blue,\n &.color-blue { \n color: #085EBD !important; // enforce blue color\n }\n}\n\n.bg-black {\n background-color: color.$black !important;\n color: color.$white !important;\n\n .color-orange,\n &.color-orange {\n color: color.$orange !important; // enforce brighter text color\n }\n\n .color-gray,\n &.color-gray {\n color: color.$gray-500 !important; // enforce brighter gray\n }\n\n .color-blue,\n &.color-blue { \n color: color.$blue !important; // enforce blue color\n }\n}\n\n.bg-orange {\n background-color: color.$orange !important;\n color: color.$black !important;\n}\n\n.bg-orange-dark {\n background-color: color.$orange-dark !important;\n color: color.$white !important;\n}\n\n.bg-gray { background-color: color.$gray-300 !important; }\n\n.bg-blue {\n background-color: #4bb4e6 !important;\n color: color.$black !important;\n}\n\n.bg-green {\n background-color: #50be87 !important;\n color: color.$black !important;\n}\n\n.bg-pink {\n background-color: #ffb4e6 !important;\n color: color.$black !important;\n}\n\n.bg-violet {\n background-color: #a885d8 !important;\n color: color.$black !important;\n}\n\n.bg-yellow {\n background-color: #ffd200 !important;\n color: color.$black !important;\n}\n\n.bg-orange,\n.bg-orange-dark {\n &::selection {\n background-color: color.$black;\n color: color.$white;\n }\n}\n\n.color-gray::selection {\n color: color.$black;\n}\n\n.bg-none {\n background: none !important;\n}","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../components/Typography/styles/config.scss' as typographyConfig;\n@use '../../components/Typography/styles/mixins.scss' as typographyMixins;\n@use '../tools/layout' as *;\n@use '../tools/text' as *;\n@use '../tools/generate';\n@use '../tokens/color';\n@use '../tokens/base';\n@use '../tokens/breakpoint';\n\nstrong,\n.bold {\n font-weight: 700 !important;\n}\n\nem,\n.italic {\n font-style: italic !important;\n}\n\nsmall,\n.small {\n @include generate.css-map(typographyConfig.$body-text, 'small');\n}\n\n.large {\n @include generate.css-map(typographyConfig.$body-text, 'large');\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-ellipsis {\n @include text-ellipsis;\n}\n\n.align-left {\n text-align: left !important;\n}\n.align-center {\n text-align: center !important;\n}\n.align-right {\n text-align: right !important;\n}\n\n@each $name, $width in breakpoint.$map {\n @if $name != 'xs' {\n @include breakpoint.get($name) {\n .align-#{$name}-right {\n text-align: right !important;\n }\n .align-#{$name}-center {\n text-align: center !important;\n }\n }\n }\n}\n\n.reset-text-decoration {\n text-decoration: none !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n.align-top {\n vertical-align: top !important;\n}\n.align-bottom {\n vertical-align: bottom !important;\n}\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.reset-font-weight {\n font-weight: normal !important;\n}\n.reset-font-size {\n font-size: base.$font-size !important;\n line-height: base.$line-height !important;\n}\n\n.text-fullwidth {\n @include typographyMixins.text-fullwidth;\n}\n.text-readable {\n @include typographyMixins.text-readable;\n}\n.text-narrow {\n @include typographyMixins.text-narrow;\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// background-color: #fff,\n/// color: #000\n/// );\n///\n/// .example {\n/// @include css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// background-color: #fff;\n/// color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n @each $prop, $value in $map {\n #{$prop}: #{$value};\n }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// default: (\n/// color: red,\n/// ),\n/// xl: (\n/// color: blue,\n/// ),\n/// );\n///\n/// .example {\n/// @include responsive-css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// color: red;\n/// @media only screen and (min-width: 1240px) {\n/// color: blue;\n/// }\n/// }\n@mixin responsive-css-map($map) {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include css-map($props);\n }\n }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n @each $variant, $props in $map {\n #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n @include css-map($props);\n }\n }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include variants($props, $className, $classSuffix);\n }\n }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n/// variant-name('primary')\n/// // -primary\n/// variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n @if not $name or $name == default or $name == xs {\n @return '';\n }\n\n @return #{$prefix + $name + $suffix};\n}\n","@mixin text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/// Replace `$search` with `$replace` in `$string`\n/// @author Hugo Giraudel\n/// @link https://www.sassmeister.com/gist/1b4f2da5527830088e4d\n/// @param {String} $string - Initial string\n/// @param {String} $search - Substring to replace\n/// @param {String} $replace ('') - New value\n/// @return {String} - Updated string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace +\n str-replace(\n str-slice($string, $index + str-length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n","@use 'sass:map' as sassmap;\n@use '../tools/map';\n\n$map: (\n xs: 0,\n sm: 480px,\n md: 768px,\n lg: 992px,\n xl: 1240px,\n xxl: 1380px,\n);\n\n@mixin get( $breakpoint, $param: false) {\n @if (not map-has-key($map, $breakpoint) and $breakpoint != 'default') {\n @warn 'Breakpoint \"#{$breakpoint}\" is not defined.';\n\n @debug 'Available breakpoints:'; // stylelint-disable-line at-rule-disallowed-list\n @debug $map; // stylelint-disable-line at-rule-disallowed-list\n }\n\n @if (\n ($breakpoint == nth(map-keys($map), 1) and not $param) or\n ( not $breakpoint ) or\n ( $breakpoint == 'default' )\n ) {\n @content;\n } @else if not $param {\n // no param, just a standard mobile first media query\n @if map-has-key( $map, $breakpoint ) {\n // breakpoint is in breakpoint map, let's use stored value\n @media screen and (min-width: map-get($map, $breakpoint)) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) { @content; };\n }\n } @else if (\n $param == 'down' and\n map.next($map, $breakpoint)\n ) {\n @media screen and (max-width: map.next($map, $breakpoint) - 0.02px) {\n @content;\n }\n } @else if (\n $param == 'down' and\n not map_has_key($map, $breakpoint)\n ) {\n @media screen and (max-width: $breakpoint) { @content; };\n } @else if (\n $param == 'only' and\n map.next($map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map.next($map, $breakpoint) - 0.02px) { @content; };\n } @else if (\n map-has-key( $map, $param) and\n map-has-key( $map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map-get($map, $param) - 0.02px) { @content; };\n } @else if (\n $param == 'downfrom' and\n map-get($map, $breakpoint) > 0 and\n $breakpoint != 'xs'\n ) {\n @media screen and (max-width: map-get($map, $breakpoint) - 0.02px) {\n @content;\n } // -1\n } @else if (type-of($param) == 'number') {\n @if map-has-key($map, $breakpoint) {\n // breakpoint is in breakpoint map\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: $param) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) and (max-width: $param) { @content; }\n }\n } @else if (\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'down') and\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'only') and\n not ($breakpoint == nth(map-keys($map), 1) and $param == 'downfrom')\n ) {\n // do nothing on known edge cases. we just dont generate any code.\n @warn 'Breakpoint is not configured properly #{$breakpoint}, #{$param}';\n }\n}\n\n@mixin each() {\n @each $breakpoint, $size in $map {\n @include get($breakpoint) {\n @content($breakpoint);\n }\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/text';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use 'config';\n\n@mixin text-readable {\n max-width: 35em;\n}\n\n@mixin text-narrow {\n max-width: 22em;\n}\n\n@mixin text-fullwidth {\n max-width: none;\n}\n\n@mixin headings-base($heading-config, $selector-pattern, $base-styles) {\n $selector: ();\n\n @each $heading-level in map.keys($heading-config) {\n $selector: list.append(\n $selector,\n #{text.str-replace($selector-pattern, '$', $heading-level)},\n 'comma'\n );\n }\n\n #{$selector} {\n @include generate.css-map($base-styles);\n }\n}\n\n@mixin headings($config, $selector-pattern) {\n @each $heading, $breakpoints in $config {\n #{text.str-replace($selector-pattern, '$', $heading)} {\n @include generate.responsive-css-map($breakpoints);\n }\n }\n}\n\n@mixin body-text($config) {\n html {\n @include generate.css-map(map.get($config, default));\n }\n\n p {\n margin-top: 0;\n margin-bottom: space.get();\n }\n\n cite {\n font-style: normal;\n }\n\n hr {\n margin-top: space.get();\n margin-bottom: space.get();\n border: 0;\n border-top: 1px solid color.$gray-300;\n }\n}\n\n@mixin readability() {\n p {\n @include text-readable;\n }\n}\n\n@mixin list-unstyled() {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n\n > li {\n margin-bottom: 0;\n\n /* Fixes VoiceOver no announcing unordered lists */\n &::before {\n content: ' ';\n position: absolute;\n width: 0;\n height: 0;\n }\n }\n}\n\n@mixin list-base() {\n margin: 0 0 space.get() 0;\n padding-left: space.get('large');\n @include text-readable;\n}\n\n@mixin list-spacing($space, $config: config.$list-spacing) {\n > *:where(li) {\n margin-bottom: map-get($config, $space);\n\n > *:where(ul, ol) {\n margin-top: map-get($config, $space);\n }\n }\n}\n\n@mixin ul-list-base() {\n list-style-type: square;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-circle() {\n list-style-type: disc !important;\n ul {\n list-style-type: circle;\n ul {\n list-style-type: square;\n } \n } \n}\n\n@mixin list-square() {\n list-style-type: square !important;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-no-offset() {\n padding-left: space.get();\n list-style-position: outside;\n}\n\n@mixin list-inline() {\n @include list-unstyled();\n\n > li {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: space.get('small');\n }\n }\n}\n","@use '../tokens/color';\n\n.border-radius--medium {\n border-radius: 10px;\n}\n\n.border {\n border: 2px solid color.$black;\n\n &.is-invalid {\n border-color: color.$danger !important;\n }\n}\n\n.border--gray {\n border-color: color.$gray-500;\n\n &.border-hover,\n &.is-indicating {\n &:hover {\n border-color: color.$gray-700;\n }\n }\n}\n\n\n.border--orange {\n border-color: color.$orange;\n}","@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n@use '../tools/layout';\n\n@mixin spacing-utilities() {\n $directions: (\n 'top': 't',\n 'right': 'r',\n 'bottom': 'b',\n 'left': 'l',\n );\n\n .mb {\n margin-bottom: space.get();\n }\n\n @include breakpoint.each using ($breakpoint) {\n @each $spaceName, $spaceSize in space.$map {\n .mb#{generate.variant-name($breakpoint, '-')}#{generate.variant-name($spaceName, '-')} {\n margin-bottom: $spaceSize !important;\n }\n }\n .mb#{generate.variant-name($breakpoint, '-')}-none {\n margin-bottom: 0 !important;\n }\n }\n\n @each $directionName, $directionSelector in $directions {\n @if $directionName != bottom {\n .m#{generate.variant-name($directionSelector, '')}-none {\n margin-#{$directionName}: 0 !important;\n }\n }\n\n .p#{generate.variant-name($directionSelector, '')}-none {\n padding-#{$directionName}: 0 !important;\n }\n }\n\n .no-mrg {\n margin: 0 !important;\n }\n\n .no-pad {\n padding: 0 !important;\n }\n}\n\n@include spacing-utilities;\n\n.clearfix {\n @include layout.clearfix;\n}\n.clear {\n clear: both;\n}\n\n// Flexbox alignment classes\n@mixin alignment-classes() {\n // Children justify\n .justify-content-start {\n justify-content: flex-start;\n }\n .justify-content-end {\n justify-content: flex-end;\n }\n .justify-content-center {\n justify-content: center;\n }\n .justify-content-space-around {\n justify-content: space-around;\n }\n .justify-content-space-between {\n justify-content: space-between;\n }\n\n // Children align\n .align-items-start {\n align-items: flex-start;\n }\n .align-items-end {\n align-items: flex-end;\n }\n .align-items-center {\n align-items: center;\n }\n .align-items-stretch {\n align-items: stretch;\n }\n\n // Selft horizontal alignmnet\n .align-self-left {\n margin-left: 0;\n margin-right: auto;\n }\n\n .align-self-right {\n margin-left: auto;\n margin-right: 0;\n }\n\n .align-self-center {\n margin-left: auto;\n margin-right: auto;\n }\n\n // Self vertical alignmnet\n .align-self-top {\n align-self: flex-start;\n }\n .align-self-bottom {\n align-self: flex-end;\n }\n .align-self-middle {\n align-self: center;\n }\n .align-self-stretch {\n align-self: stretch;\n }\n\n .align-self-last {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n order: 999;\n }\n }\n }\n }\n}\n\n@include alignment-classes;\n\n@mixin aspect-ratio-classes() {\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21 / 9;\n }\n\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16 / 9;\n }\n\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4 / 3;\n }\n\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1 / 1;\n }\n}\n\n@include aspect-ratio-classes;\n\n@mixin display-classes {\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n}\n\n@include display-classes;\n\n@mixin block-classes {\n .fullwidth {\n width: 100% !important;\n }\n\n .fullheight {\n height: 100% !important;\n }\n\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n\n@include block-classes();","@use '../tokens/base';\n\n// -- Nicolas Gallagher's micro clearfix\n@mixin clearfix {\n &::before,\n &::after {\n // For modern browsers\n content: '';\n display: table;\n }\n\n &::after {\n clear: both;\n }\n}\n\n/**\n * Resets margin-bottom of the last child to zero\n */\n@mixin reset-last-child-margin-bottom {\n > :not([class*='mb\\-']):last-child {\n margin-bottom: 0;\n }\n}\n","@use 'sass:map' as sassmap;\n@use '../tokens/breakpoint';\n@use '../tools/map';\n@use '../tools/visibility';\n\n.visually-hidden,\n.sr-only {\n @include visibility.visually-hidden;\n}\n\n@mixin show-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, downfrom) {\n display: none !important;\n }\n } @else {\n @warn 'show-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin show-for-only($breakpoint) {\n $lower-bound-name: $breakpoint;\n $upper-bound-name: map.next(breakpoint.$map, $breakpoint, 'key');\n\n @if $lower-bound-name {\n @include breakpoint.get($lower-bound-name, downfrom) {\n display: none !important;\n }\n\n @if $upper-bound-name {\n @include breakpoint.get($upper-bound-name) {\n display: none !important;\n }\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for-only($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, only) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin visibility-classes() {\n .hide {\n display: none !important;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n @each $breakpoint, $size in breakpoint.$map {\n @if $breakpoint != 'xs' {\n .show-#{$breakpoint} {\n @include show-for($breakpoint);\n }\n\n .hide-#{$breakpoint} {\n @include hide-for($breakpoint);\n }\n }\n\n .show-#{$breakpoint}-only {\n @include show-for-only($breakpoint);\n }\n\n .hide-#{$breakpoint}-only {\n @include hide-for-only($breakpoint);\n }\n }\n}\n\n@include visibility-classes;\n","@mixin visually-hidden {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n","@use '../tokens/color';\n@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n\n[class*=\"horizontal-scroll\"] {\n scrollbar-color: color.$gray-400 color.$gray-800;\n scrollbar-width: space.get('small');\n scroll-snap-type: x mandatory;\n\n > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: space.get('small');\n appearance: none;\n background-color: color.$gray-400;\n border-radius: 99px;\n }\n\n &::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: color.$gray-800;\n }\n}\n\n.horizontal-scroll {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: space.get('medium');\n }\n\n &#{generate.variant-name($breakpoint)}-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n }\n}\n","/**\n* Resets for megamenu and footer\n* This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n**/\n.osk-footer-menu,\n.mm-header ul {\n max-width: none;\n margin-top: 0;\n\n li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n"]}
1
+ {"version":3,"sources":["../styles/utilities/color.scss","../styles/tokens/color.scss","../styles/utilities/text.scss","../styles/tools/generate.scss","../styles/tools/text.scss","../styles/tokens/breakpoint.scss","../components/Typography/styles/mixins.scss","../styles/utilities/border.scss","../styles/utilities/layout.scss","../styles/tools/layout.scss","../styles/utilities/visibility.scss","../styles/tools/visibility.scss","../styles/utilities/horizontal-scroll.scss","../styles/shame.scss"],"names":[],"mappings":"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","file":"after-components.css","sourcesContent":["@use '../tokens/color';\n\n.color-black { color: color.$black !important; }\n.color-orange { color: color.$orange-dark !important; }\n.color-gray { color: color.$gray-800 !important; }\n.color-white { color: color.$white !important; }\n.color-blue { color: #085EBD !important; }\n\n.bg-white {\n background-color: color.$white !important;\n color: color.$black !important;\n\n .color-blue,\n &.color-blue { \n color: #085EBD !important; // enforce blue color\n }\n}\n\n.bg-black {\n background-color: color.$black !important;\n color: color.$white !important;\n\n .color-orange,\n &.color-orange {\n color: color.$orange !important; // enforce brighter text color\n }\n\n .color-gray,\n &.color-gray {\n color: color.$gray-500 !important; // enforce brighter gray\n }\n\n .color-blue,\n &.color-blue { \n color: color.$blue !important; // enforce blue color\n }\n}\n\n.bg-orange {\n background-color: color.$orange !important;\n color: color.$black !important;\n}\n\n.bg-orange-dark {\n background-color: color.$orange-dark !important;\n color: color.$white !important;\n}\n\n.bg-gray { background-color: color.$gray-300 !important; }\n\n.bg-blue {\n background-color: #4bb4e6 !important;\n color: color.$black !important;\n}\n\n.bg-green {\n background-color: #50be87 !important;\n color: color.$black !important;\n}\n\n.bg-pink {\n background-color: #ffb4e6 !important;\n color: color.$black !important;\n}\n\n.bg-violet {\n background-color: #a885d8 !important;\n color: color.$black !important;\n}\n\n.bg-yellow {\n background-color: #ffd200 !important;\n color: color.$black !important;\n}\n\n.bg-orange,\n.bg-orange-dark {\n &::selection {\n background-color: color.$black;\n color: color.$white;\n }\n}\n\n.color-gray::selection {\n color: color.$black;\n}\n\n.bg-none {\n background: none !important;\n}","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../components/Typography/styles/config.scss' as typographyConfig;\n@use '../../components/Typography/styles/mixins.scss' as typographyMixins;\n@use '../tools/layout' as *;\n@use '../tools/text' as *;\n@use '../tools/generate';\n@use '../tokens/color';\n@use '../tokens/base';\n@use '../tokens/breakpoint';\n\nstrong,\n.bold {\n font-weight: 700 !important;\n}\n\nem,\n.italic {\n font-style: italic !important;\n}\n\nsmall,\n.small {\n @include generate.css-map(typographyConfig.$body-text, 'small');\n}\n\n.large {\n @include generate.css-map(typographyConfig.$body-text, 'large');\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-ellipsis {\n @include text-ellipsis;\n}\n\n.align-left {\n text-align: left !important;\n}\n.align-center {\n text-align: center !important;\n}\n.align-right {\n text-align: right !important;\n}\n\n@each $name, $width in breakpoint.$map {\n @if $name != 'xs' {\n @include breakpoint.get($name) {\n .align-#{$name}-right {\n text-align: right !important;\n }\n .align-#{$name}-left {\n text-align: left !important;\n }\n .align-#{$name}-center {\n text-align: center !important;\n }\n }\n }\n}\n\n.reset-text-decoration {\n text-decoration: none !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n.align-top {\n vertical-align: top !important;\n}\n.align-bottom {\n vertical-align: bottom !important;\n}\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.reset-font-weight {\n font-weight: normal !important;\n}\n.reset-font-size {\n font-size: base.$font-size !important;\n line-height: base.$line-height !important;\n}\n\n.text-fullwidth {\n @include typographyMixins.text-fullwidth;\n}\n.text-readable {\n @include typographyMixins.text-readable;\n}\n.text-narrow {\n @include typographyMixins.text-narrow;\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// background-color: #fff,\n/// color: #000\n/// );\n///\n/// .example {\n/// @include css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// background-color: #fff;\n/// color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n @each $prop, $value in $map {\n #{$prop}: #{$value};\n }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// default: (\n/// color: red,\n/// ),\n/// xl: (\n/// color: blue,\n/// ),\n/// );\n///\n/// .example {\n/// @include responsive-css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// color: red;\n/// @media only screen and (min-width: 1240px) {\n/// color: blue;\n/// }\n/// }\n@mixin responsive-css-map($map) {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include css-map($props);\n }\n }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n @each $variant, $props in $map {\n #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n @include css-map($props);\n }\n }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include variants($props, $className, $classSuffix);\n }\n }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n/// variant-name('primary')\n/// // -primary\n/// variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n @if not $name or $name == default or $name == xs {\n @return '';\n }\n\n @return #{$prefix + $name + $suffix};\n}\n","@mixin text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/// Replace `$search` with `$replace` in `$string`\n/// @author Hugo Giraudel\n/// @link https://www.sassmeister.com/gist/1b4f2da5527830088e4d\n/// @param {String} $string - Initial string\n/// @param {String} $search - Substring to replace\n/// @param {String} $replace ('') - New value\n/// @return {String} - Updated string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace +\n str-replace(\n str-slice($string, $index + str-length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n","@use 'sass:map' as sassmap;\n@use '../tools/map';\n\n$map: (\n xs: 0,\n sm: 480px,\n md: 768px,\n lg: 992px,\n xl: 1240px,\n xxl: 1380px,\n);\n\n@mixin get( $breakpoint, $param: false) {\n @if (not map-has-key($map, $breakpoint) and $breakpoint != 'default') {\n @warn 'Breakpoint \"#{$breakpoint}\" is not defined.';\n\n @debug 'Available breakpoints:'; // stylelint-disable-line at-rule-disallowed-list\n @debug $map; // stylelint-disable-line at-rule-disallowed-list\n }\n\n @if (\n ($breakpoint == nth(map-keys($map), 1) and not $param) or\n ( not $breakpoint ) or\n ( $breakpoint == 'default' )\n ) {\n @content;\n } @else if not $param {\n // no param, just a standard mobile first media query\n @if map-has-key( $map, $breakpoint ) {\n // breakpoint is in breakpoint map, let's use stored value\n @media screen and (min-width: map-get($map, $breakpoint)) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) { @content; };\n }\n } @else if (\n $param == 'down' and\n map.next($map, $breakpoint)\n ) {\n @media screen and (max-width: map.next($map, $breakpoint) - 0.02px) {\n @content;\n }\n } @else if (\n $param == 'down' and\n not map_has_key($map, $breakpoint)\n ) {\n @media screen and (max-width: $breakpoint) { @content; };\n } @else if (\n $param == 'only' and\n map.next($map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map.next($map, $breakpoint) - 0.02px) { @content; };\n } @else if (\n map-has-key( $map, $param) and\n map-has-key( $map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map-get($map, $param) - 0.02px) { @content; };\n } @else if (\n $param == 'downfrom' and\n map-get($map, $breakpoint) > 0 and\n $breakpoint != 'xs'\n ) {\n @media screen and (max-width: map-get($map, $breakpoint) - 0.02px) {\n @content;\n } // -1\n } @else if (type-of($param) == 'number') {\n @if map-has-key($map, $breakpoint) {\n // breakpoint is in breakpoint map\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: $param) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) and (max-width: $param) { @content; }\n }\n } @else if (\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'down') and\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'only') and\n not ($breakpoint == nth(map-keys($map), 1) and $param == 'downfrom')\n ) {\n // do nothing on known edge cases. we just dont generate any code.\n @warn 'Breakpoint is not configured properly #{$breakpoint}, #{$param}';\n }\n}\n\n@mixin each() {\n @each $breakpoint, $size in $map {\n @include get($breakpoint) {\n @content($breakpoint);\n }\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/text';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use 'config';\n\n@mixin text-readable {\n max-width: 35em;\n}\n\n@mixin text-narrow {\n max-width: 22em;\n}\n\n@mixin text-fullwidth {\n max-width: none;\n}\n\n@mixin headings-base($heading-config, $selector-pattern, $base-styles) {\n $selector: ();\n\n @each $heading-level in map.keys($heading-config) {\n $selector: list.append(\n $selector,\n #{text.str-replace($selector-pattern, '$', $heading-level)},\n 'comma'\n );\n }\n\n #{$selector} {\n @include generate.css-map($base-styles);\n }\n}\n\n@mixin headings($config, $selector-pattern) {\n @each $heading, $breakpoints in $config {\n #{text.str-replace($selector-pattern, '$', $heading)} {\n @include generate.responsive-css-map($breakpoints);\n }\n }\n}\n\n@mixin body-text($config) {\n html {\n @include generate.css-map(map.get($config, default));\n }\n\n p {\n margin-top: 0;\n margin-bottom: space.get();\n }\n\n cite {\n font-style: normal;\n }\n\n hr {\n margin-top: space.get();\n margin-bottom: space.get();\n border: 0;\n border-top: 1px solid color.$gray-300;\n }\n}\n\n@mixin readability() {\n p {\n @include text-readable;\n }\n}\n\n@mixin list-unstyled() {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n\n > li {\n margin-bottom: 0;\n\n /* Fixes VoiceOver no announcing unordered lists */\n &::before {\n content: ' ';\n position: absolute;\n width: 0;\n height: 0;\n }\n }\n}\n\n@mixin list-base() {\n margin: 0 0 space.get() 0;\n padding-left: space.get('large');\n @include text-readable;\n}\n\n@mixin list-spacing($space, $config: config.$list-spacing) {\n > *:where(li) {\n margin-bottom: map-get($config, $space);\n\n > *:where(ul, ol) {\n margin-top: map-get($config, $space);\n }\n }\n}\n\n@mixin ul-list-base() {\n list-style-type: square;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-circle() {\n list-style-type: disc !important;\n ul {\n list-style-type: circle;\n ul {\n list-style-type: square;\n } \n } \n}\n\n@mixin list-square() {\n list-style-type: square !important;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-no-offset() {\n padding-left: space.get();\n list-style-position: outside;\n}\n\n@mixin list-inline() {\n @include list-unstyled();\n\n > li {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: space.get('small');\n }\n }\n}\n","@use '../tokens/color';\n\n.border-radius--medium {\n border-radius: 10px;\n}\n\n.border {\n border: 2px solid color.$black;\n\n &.is-invalid {\n border-color: color.$danger !important;\n }\n}\n\n.border--gray {\n border-color: color.$gray-500;\n\n &.border-hover,\n &.is-indicating {\n &:hover {\n border-color: color.$gray-700;\n }\n }\n}\n\n\n.border--orange {\n border-color: color.$orange;\n}","@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n@use '../tools/layout';\n\n@mixin spacing-utilities() {\n $directions: (\n 'top': 't',\n 'right': 'r',\n 'bottom': 'b',\n 'left': 'l',\n );\n\n .mb {\n margin-bottom: space.get();\n }\n\n @include breakpoint.each using ($breakpoint) {\n @each $spaceName, $spaceSize in space.$map {\n .mb#{generate.variant-name($breakpoint, '-')}#{generate.variant-name($spaceName, '-')} {\n margin-bottom: $spaceSize !important;\n }\n }\n .mb#{generate.variant-name($breakpoint, '-')}-none {\n margin-bottom: 0 !important;\n }\n }\n\n @each $directionName, $directionSelector in $directions {\n @if $directionName != bottom {\n .m#{generate.variant-name($directionSelector, '')}-none {\n margin-#{$directionName}: 0 !important;\n }\n }\n\n .p#{generate.variant-name($directionSelector, '')}-none {\n padding-#{$directionName}: 0 !important;\n }\n }\n\n .no-mrg {\n margin: 0 !important;\n }\n\n .no-pad {\n padding: 0 !important;\n }\n}\n\n@include spacing-utilities;\n\n.clearfix {\n @include layout.clearfix;\n}\n.clear {\n clear: both;\n}\n\n// Flexbox alignment classes\n@mixin alignment-classes() {\n // Children justify\n .justify-content-start {\n justify-content: flex-start;\n }\n .justify-content-end {\n justify-content: flex-end;\n }\n .justify-content-center {\n justify-content: center;\n }\n .justify-content-space-around {\n justify-content: space-around;\n }\n .justify-content-space-between {\n justify-content: space-between;\n }\n\n // Children align\n .align-items-start {\n align-items: flex-start;\n }\n .align-items-end {\n align-items: flex-end;\n }\n .align-items-center {\n align-items: center;\n }\n .align-items-stretch {\n align-items: stretch;\n }\n\n // Selft horizontal alignmnet\n .align-self-left {\n margin-left: 0;\n margin-right: auto;\n }\n\n .align-self-right {\n margin-left: auto;\n margin-right: 0;\n }\n\n .align-self-center {\n margin-left: auto;\n margin-right: auto;\n }\n\n // Self vertical alignmnet\n .align-self-top {\n align-self: flex-start;\n }\n .align-self-bottom {\n align-self: flex-end;\n }\n .align-self-middle {\n align-self: center;\n }\n .align-self-stretch {\n align-self: stretch;\n }\n\n .align-self-last {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n order: 999;\n }\n }\n }\n }\n}\n\n@include alignment-classes;\n\n@mixin aspect-ratio-classes() {\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21 / 9;\n }\n\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16 / 9;\n }\n\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4 / 3;\n }\n\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1 / 1;\n }\n}\n\n@include aspect-ratio-classes;\n\n@mixin display-classes {\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n}\n\n@include display-classes;\n\n@mixin block-classes {\n .fullwidth {\n width: 100% !important;\n }\n\n .fullheight {\n height: 100% !important;\n }\n\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n\n@include block-classes();","@use '../tokens/base';\n\n// -- Nicolas Gallagher's micro clearfix\n@mixin clearfix {\n &::before,\n &::after {\n // For modern browsers\n content: '';\n display: table;\n }\n\n &::after {\n clear: both;\n }\n}\n\n/**\n * Resets margin-bottom of the last child to zero\n */\n@mixin reset-last-child-margin-bottom {\n > :not([class*='mb\\-']):last-child {\n margin-bottom: 0;\n }\n}\n","@use 'sass:map' as sassmap;\n@use '../tokens/breakpoint';\n@use '../tools/map';\n@use '../tools/visibility';\n\n.visually-hidden,\n.sr-only {\n @include visibility.visually-hidden;\n}\n\n@mixin show-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, downfrom) {\n display: none !important;\n }\n } @else {\n @warn 'show-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin show-for-only($breakpoint) {\n $lower-bound-name: $breakpoint;\n $upper-bound-name: map.next(breakpoint.$map, $breakpoint, 'key');\n\n @if $lower-bound-name {\n @include breakpoint.get($lower-bound-name, downfrom) {\n display: none !important;\n }\n\n @if $upper-bound-name {\n @include breakpoint.get($upper-bound-name) {\n display: none !important;\n }\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for-only($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, only) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin visibility-classes() {\n .hide {\n display: none !important;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n @each $breakpoint, $size in breakpoint.$map {\n @if $breakpoint != 'xs' {\n .show-#{$breakpoint} {\n @include show-for($breakpoint);\n }\n\n .hide-#{$breakpoint} {\n @include hide-for($breakpoint);\n }\n }\n\n .show-#{$breakpoint}-only {\n @include show-for-only($breakpoint);\n }\n\n .hide-#{$breakpoint}-only {\n @include hide-for-only($breakpoint);\n }\n }\n}\n\n@include visibility-classes;\n","@mixin visually-hidden {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n","@use '../tokens/color';\n@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n\n[class*=\"horizontal-scroll\"] {\n scrollbar-color: color.$gray-400 color.$gray-800;\n scrollbar-width: space.get('small');\n scroll-snap-type: x mandatory;\n\n > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: space.get('small');\n appearance: none;\n background-color: color.$gray-400;\n border-radius: 99px;\n }\n\n &::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: color.$gray-800;\n }\n}\n\n.horizontal-scroll {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: space.get('medium');\n }\n\n &#{generate.variant-name($breakpoint)}-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n }\n}\n","/**\n* Resets for megamenu and footer\n* This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n**/\n.osk-footer-menu,\n.mm-header ul {\n max-width: none;\n margin-top: 0;\n\n li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n"]}