@orangesk/orange-design-system 3.3.0 → 3.3.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/PromoBanner/style.css +1 -1
- package/build/components/PromoBanner/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +3 -1
- package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +3 -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/build/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -5
- package/src/components/Forms/Autocomplete/styles/mixins.scss +1 -0
- package/src/components/Forms/Autocomplete/styles/style.scss +4 -0
- package/src/components/Forms/Autocomplete/tests/Autocomplete.styles.unit.test.jsx +3 -0
- package/src/components/PromoBanner/PromoBanner.tsx +7 -0
- package/src/components/PromoBanner/styles/mixins.scss +16 -0
- package/src/components/PromoBanner/styles/style.scss +4 -0
- package/src/components/PromoBanner/tests/PromoBanner.unit.test.jsx +18 -0
|
@@ -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__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)}}}
|
|
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>*{width:100%}.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)}.promo-banner__image--bleed-sm-down>*{margin-left:-.625rem;max-width:none;width:calc(100% + 1.25rem)}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -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,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,
|
|
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,uBACE,UACF,CAGA,kCACE,OACF,CAJF,CAMA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CAGA,sCAGE,oBAAgC,CADhC,cAAe,CADf,0BAGF,CANF,CAQF","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 > * {\n width: 100%;\n }\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 @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-sm-down > * {\n width: calc(100% + 2 * 0.625rem);\n max-width: none;\n margin-left: calc(-1 * 0.625rem);\n }\n }\n}"]}
|