@orangesk/orange-design-system 3.0.0 → 3.2.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 (58) hide show
  1. package/build/components/BodyBanner/style.css +1 -1
  2. package/build/components/BodyBanner/style.css.map +1 -1
  3. package/build/components/Carousel/style.css +1 -1
  4. package/build/components/Carousel/style.css.map +1 -1
  5. package/build/components/FeatureAccordion/style.css +1 -1
  6. package/build/components/FeatureAccordion/style.css.map +1 -1
  7. package/build/components/Grid/style.css +1 -1
  8. package/build/components/Grid/style.css.map +1 -1
  9. package/build/components/Link/style.css +1 -1
  10. package/build/components/Link/style.css.map +1 -1
  11. package/build/components/List/style.css +1 -1
  12. package/build/components/List/style.css.map +1 -1
  13. package/build/components/PromoBanner/style.css +1 -1
  14. package/build/components/PromoBanner/style.css.map +1 -1
  15. package/build/components/index.js +1 -1
  16. package/build/components/index.js.map +1 -1
  17. package/build/components/tsconfig.tsbuildinfo +1 -1
  18. package/build/components/types/index.d.ts +16 -4
  19. package/build/components/types/src/components/Carousel/Carousel.d.ts +10 -3
  20. package/build/components/types/src/components/index.d.ts +2 -2
  21. package/build/lib/base.css.map +1 -1
  22. package/build/lib/components.css +1 -1
  23. package/build/lib/components.css.map +1 -1
  24. package/build/lib/scripts.js +1 -1
  25. package/build/lib/scripts.js.map +1 -1
  26. package/build/lib/style.css +1 -1
  27. package/build/lib/style.css.map +1 -1
  28. package/build/lib/utilities.css +1 -1
  29. package/build/lib/utilities.css.map +1 -1
  30. package/build/search-index.json +3 -3
  31. package/build/sprite.svg +1 -1
  32. package/package.json +8 -8
  33. package/src/assets/icons/add.svg +4 -1
  34. package/src/assets/icons/close.svg +3 -3
  35. package/src/assets/icons/communication-settings.svg +5 -0
  36. package/src/assets/icons/cookies.svg +4 -0
  37. package/src/assets/icons/device-mobile-package.svg +6 -0
  38. package/src/assets/icons/identity-protection.svg +4 -0
  39. package/src/assets/icons/menu.svg +4 -1
  40. package/src/assets/icons/pause.svg +3 -3
  41. package/src/assets/icons/play.svg +2 -2
  42. package/src/assets/icons/remove.svg +4 -1
  43. package/src/assets/icons/search.svg +4 -1
  44. package/src/components/BodyBanner/styles/mixins.scss +5 -1
  45. package/src/components/Carousel/Carousel.tsx +27 -8
  46. package/src/components/Carousel/styles/mixins.scss +0 -1
  47. package/src/components/Carousel/tests/Carousel.unit.test.jsx +29 -0
  48. package/src/components/FeatureAccordion/styles/mixins.scss +0 -4
  49. package/src/components/Forms/Autocomplete/styles/mixins.scss +3 -2
  50. package/src/components/Forms/Autocomplete/tests/Autocomplete.styles.unit.test.jsx +20 -0
  51. package/src/components/Grid/styles/mixins.scss +34 -2
  52. package/src/components/Link/styles/style.scss +8 -0
  53. package/src/components/List/styles/config.scss +1 -1
  54. package/src/components/PromoBanner/styles/mixins.scss +6 -0
  55. package/src/components/PromoBanner/styles/style.scss +1 -0
  56. package/src/components/index.ts +2 -1
  57. package/src/styles/typography/mixins.scss +4 -0
  58. package/src/styles/utilities/text.scss +3 -0
package/build/components/PromoBanner/style.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer components{.promo-banner .grid{margin-left:0!important;margin-right:0!important}.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}@media screen and (max-width:767.98px){.promo-banner__item[class*=grid__col]{padding-right:0!important}}.promo-banner__item[class*=grid__col]{padding-left:0!important}.promo-banner__item{display:flex;flex-direction:column;justify-content:center;min-width:0}.promo-banner__item>:not([class*=mb-]):last-child{margin-bottom:0}.promo-banner__item>*{width:fit-content}@media screen and (max-width:767.98px){.promo-banner--flush-top-sm-down .promo-banner__item{padding-top:0}.promo-banner--flush-bottom-sm-down .promo-banner__item{padding-bottom:0}}.promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right),.promo-banner--vertical .promo-banner__item[class*=grid__col]{padding-left:0!important;padding-right:0!important}@media screen and (min-width:768px){.promo-banner--reverse .promo-banner__item[class*=grid__col]{padding-left:1.25rem!important;padding-right:0!important}.promo-banner--reverse .promo-banner__image[class*=grid__col]{padding-left:0!important;padding-right:1.25rem!important}}.promo-banner__image{align-self:center;order:2;text-align:end}@media screen and (max-width:991.98px){.promo-banner__image{padding-bottom:0;padding-top:0;text-align:center}}@media screen and (max-width:767.98px){.promo-banner__image[class*=grid__col]{padding-left:0!important}}.promo-banner__image[class*=grid__col]{padding-right:0!important}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right{order:1}}.promo-banner__image--bleed-right>*{transform:translateX(calc(50vw - 100% - 20px))}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right>*{transform:translate(10px)}}}
1
+ @layer components{.promo-banner .grid{margin-left:0!important;margin-right:0!important}.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}@media screen and (max-width:767.98px){.promo-banner__item[class*=grid__col]{padding-right:0!important}}.promo-banner__item[class*=grid__col]{padding-left:0!important}.promo-banner__item{display:flex;flex-direction:column;justify-content:center;min-width:0}.promo-banner__item>:not([class*=mb-]):last-child{margin-bottom:0}.promo-banner__item>*{width:fit-content}@media screen and (max-width:767.98px){.promo-banner--flush-top-sm-down .promo-banner__item{padding-top:0}.promo-banner--flush-bottom-sm-down .promo-banner__item{padding-bottom:0}}.promo-banner--vertical .promo-banner__item{padding-top:0!important}.promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right),.promo-banner--vertical .promo-banner__item[class*=grid__col]{padding-left:0!important;padding-right:0!important}@media screen and (min-width:768px){.promo-banner--reverse .promo-banner__item[class*=grid__col]{padding-left:1.25rem!important;padding-right:0!important}.promo-banner--reverse .promo-banner__image[class*=grid__col]{padding-left:0!important;padding-right:1.25rem!important}}.promo-banner__image{align-self:center;order:2;text-align:end}@media screen and (max-width:991.98px){.promo-banner__image{padding-bottom:0;padding-top:0;text-align:center}}@media screen and (max-width:767.98px){.promo-banner__image[class*=grid__col]{padding-left:0!important}}.promo-banner__image[class*=grid__col]{padding-right:0!important}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right{order:1}}.promo-banner__image--bleed-right>*{transform:translateX(calc(50vw - 100% - 20px))}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right>*{transform:translate(10px)}}}
2
2
  /*# sourceMappingURL=style.css.map */
package/build/components/PromoBanner/style.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,sCACE,yBACF,CACF,CACA,sCACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,kDACE,eACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,oKAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,6DACE,8BAAgC,CAChC,yBACF,CACA,8DACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,uCACE,wBACF,CACF,CACA,uCACE,yBACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n .promo-banner .grid {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .promo-banner__item {\n order: 2;\n padding-top: 3.75rem;\n padding-bottom: 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__item {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__item[class*=grid__col] {\n padding-right: 0 !important;\n }\n }\n .promo-banner__item[class*=grid__col] {\n padding-left: 0 !important;\n }\n .promo-banner__item {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n }\n .promo-banner__item > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .promo-banner__item > * {\n width: fit-content;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-top-sm-down .promo-banner__item {\n padding-top: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-bottom-sm-down .promo-banner__item {\n padding-bottom: 0;\n }\n }\n .promo-banner--vertical .promo-banner__item[class*=grid__col],\n .promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right) {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n @media screen and (min-width: 768px) {\n .promo-banner--reverse .promo-banner__item[class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 0 !important;\n }\n .promo-banner--reverse .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 1.25rem !important;\n }\n }\n .promo-banner__image {\n order: 2;\n text-align: end;\n align-self: center;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__image {\n text-align: center;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n }\n }\n .promo-banner__image[class*=grid__col] {\n padding-right: 0 !important;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right {\n order: 1;\n }\n }\n .promo-banner__image--bleed-right > * {\n transform: translateX(calc(50vw - 100% - 20px));\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right > * {\n transform: translate(10px);\n }\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAGA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,sCACE,yBACF,CACF,CACA,sCACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,kDACE,eACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,4CACE,uBACF,CACA,oKAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,6DACE,8BAAgC,CAChC,yBACF,CACA,8DACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,uCACE,wBACF,CACF,CACA,uCACE,yBACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CACF,CACF","file":"style.css","sourcesContent":["/**\n * Resets margin-bottom of the last child to zero\n */\n@layer components {\n .promo-banner .grid {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .promo-banner__item {\n order: 2;\n padding-top: 3.75rem;\n padding-bottom: 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__item {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__item[class*=grid__col] {\n padding-right: 0 !important;\n }\n }\n .promo-banner__item[class*=grid__col] {\n padding-left: 0 !important;\n }\n .promo-banner__item {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n }\n .promo-banner__item > :not([class*=mb-]):last-child {\n margin-bottom: 0;\n }\n .promo-banner__item > * {\n width: fit-content;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-top-sm-down .promo-banner__item {\n padding-top: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-bottom-sm-down .promo-banner__item {\n padding-bottom: 0;\n }\n }\n .promo-banner--vertical .promo-banner__item {\n padding-top: 0 !important;\n }\n .promo-banner--vertical .promo-banner__item[class*=grid__col],\n .promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right) {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n @media screen and (min-width: 768px) {\n .promo-banner--reverse .promo-banner__item[class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 0 !important;\n }\n .promo-banner--reverse .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 1.25rem !important;\n }\n }\n .promo-banner__image {\n order: 2;\n text-align: end;\n align-self: center;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__image {\n text-align: center;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n }\n }\n .promo-banner__image[class*=grid__col] {\n padding-right: 0 !important;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right {\n order: 1;\n }\n }\n .promo-banner__image--bleed-right > * {\n transform: translateX(calc(50vw - 100% - 20px));\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right > * {\n transform: translate(10px);\n }\n }\n}"]}