@orangesk/orange-design-system 3.5.0 → 3.6.1

package/build/components/BodyBanner/style.css

@@ -1,2 +1,2 @@
-@layer components{.body-banner{background-color:var(--color-background-primary);color:var(--color-text-default);display:flex}.body-banner:not([class*=background-],[class*=surface-],[class*=fill-],[style*="--color-background"],[style*="--color-fill"],[style*="--color-surface"]){border:1px solid var(--color-border-strong)}.body-banner.background-accent{border:1px solid var(--color-border-accent)}.body-banner.grid{margin-left:0!important;margin-right:0!important}.body-banner__content{align-items:center;display:flex;padding:0!important;width:100%}@media screen and (max-width:767.98px){.body-banner__content{align-items:flex-start;flex-direction:column}}.body-banner__content-inner{display:flex;gap:3.75rem;padding:1.875rem;width:100%}.body-banner__content-inner>div:not(.body-banner__button){flex:1;min-width:0}.body-banner__content-inner>div:not(.body-banner__button)>:last-child{margin-bottom:0}@media screen and (max-width:1239.98px){.body-banner__content-inner{display:flex;flex-direction:column;gap:1.875rem}}@media screen and (max-width:767.98px){.body-banner__content-inner{padding:.9375rem}}.body-banner__image{flex-shrink:0;padding:0!important}.body-banner__image img,.body-banner__image svg{margin:1.875rem 0 1.875rem 1.875rem!important;max-height:7.5rem;object-fit:cover}@media screen and (max-width:767.98px){.body-banner__image img,.body-banner__image svg{margin:.9375rem 0 .9375rem .9375rem!important}}.body-banner__button{align-items:center;display:flex;margin:0!important}.body-banner--large .body-banner__content-inner{display:flex;flex-direction:column;padding:3.75rem}@media screen and (max-width:1239.98px){.body-banner--large .body-banner__content-inner{padding:1.875rem}}.body-banner--large .body-banner__image>*{height:100%;max-width:100%;width:fit-content}.body-banner--large .body-banner__image img{display:block;height:100%;margin:0!important;max-height:none;object-fit:cover;object-position:center;width:100%}}
+@layer components{.body-banner{background-color:var(--color-background-primary);color:var(--color-text-default);display:flex}.body-banner:not([class*=background-],[class*=surface-],[class*=fill-],[style*="--color-background"],[style*="--color-fill"],[style*="--color-surface"]){border:1px solid var(--color-border-strong)}.body-banner.background-accent{border:1px solid var(--color-border-accent)}.body-banner.grid{margin-left:0!important;margin-right:0!important}@media screen and (max-width:767.98px){.body-banner:not(.body-banner--large) .body-banner__button .btn{width:100%}}.body-banner__content{align-items:center;display:flex;padding:0!important;width:100%}@media screen and (max-width:767.98px){.body-banner__content{align-items:flex-start;flex-direction:column}}.body-banner__content-inner{display:flex;gap:3.75rem;padding:1.875rem;width:100%}.body-banner__content-inner>div:not(.body-banner__button){flex:1;min-width:0}.body-banner__content-inner>div:not(.body-banner__button)>:last-child{margin-bottom:0}@media screen and (max-width:1239.98px){.body-banner__content-inner{display:flex;flex-direction:column;gap:1.875rem}}@media screen and (max-width:767.98px){.body-banner__content-inner{padding:.9375rem}}.body-banner__image{flex-shrink:0;padding:0!important}@media screen and (max-width:767.98px){.body-banner__image{width:100%}}.body-banner__image img,.body-banner__image svg{margin:1.875rem 0 1.875rem 1.875rem!important;max-height:7.5rem;object-fit:cover}@media screen and (max-width:767.98px){.body-banner__image img,.body-banner__image svg{margin:.9375rem!important;max-height:none;width:calc(100% - 1.875rem)}}.body-banner__button{align-items:center;display:flex;margin:0!important}.body-banner--large .body-banner__content-inner{display:flex;flex-direction:column;padding:3.75rem}@media screen and (max-width:1239.98px){.body-banner--large .body-banner__content-inner{padding:1.875rem}}.body-banner--large .body-banner__image>*{height:100%;max-width:100%;width:fit-content}.body-banner--large .body-banner__image img{display:block;height:100%;margin:0!important;max-height:none;object-fit:cover;object-position:center;width:100%}}
 /*# sourceMappingURL=style.css.map */

package/build/components/BodyBanner/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,gDAAiD,CADjD,+BAAgC,CADhC,YAGF,CACA,yJAME,2CACF,CACA,+BACE,2CACF,CACA,kBACE,uBAAyB,CACzB,wBACF,CACA,sBAGE,kBAAmB,CADnB,YAAa,CADb,mBAAqB,CAGrB,UACF,CACA,uCACE,sBAEE,sBAAuB,CADvB,qBAEF,CACF,CACA,4BAEE,YAAa,CAEb,WAAY,CADZ,gBAAiB,CAFjB,UAIF,CACA,0DACE,MAAO,CACP,WACF,CACA,sEACE,eACF,CACA,wCACE,4BACE,YAAa,CACb,qBAAsB,CACtB,YACF,CACF,CACA,uCACE,4BACE,gBACF,CACF,CACA,oBAEE,aAAc,CADd,mBAEF,CACA,gDAIE,6CAA+C,CAF/C,iBAAkB,CAClB,gBAEF,CACA,uCACE,gDAEE,6CACF,CACF,CACA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CACA,gDACE,YAAa,CACb,qBAAsB,CACtB,eACF,CACA,wCACE,gDACE,gBACF,CACF,CACA,0CAGE,WAAY,CADZ,cAAe,CADf,iBAGF,CACA,4CAOE,aAAc,CALd,WAAY,CAIZ,kBAAoB,CAHpB,eAAgB,CAChB,gBAAiB,CACjB,sBAAuB,CAJvB,UAOF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .body-banner {\n    display: flex;\n    color: var(--color-text-default);\n    background-color: var(--color-background-primary);\n  }\n  .body-banner:not([class*=background-],\n  [class*=surface-],\n  [class*=fill-],\n  [style*=\"--color-background\"],\n  [style*=\"--color-fill\"],\n  [style*=\"--color-surface\"]) {\n    border: 1px solid var(--color-border-strong);\n  }\n  .body-banner.background-accent {\n    border: 1px solid var(--color-border-accent);\n  }\n  .body-banner.grid {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  .body-banner__content {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n  .body-banner__content-inner {\n    width: 100%;\n    display: flex;\n    padding: 1.875rem;\n    gap: 3.75rem;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) {\n    flex: 1;\n    min-width: 0;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) > *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner__content-inner {\n      display: flex;\n      flex-direction: column;\n      gap: 1.875rem;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content-inner {\n      padding: 0.9375rem;\n    }\n  }\n  .body-banner__image {\n    padding: 0 !important;\n    flex-shrink: 0;\n  }\n  .body-banner__image img,\n  .body-banner__image svg {\n    max-height: 7.5rem;\n    object-fit: cover;\n    margin: 1.875rem 0 1.875rem 1.875rem !important;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__image img,\n    .body-banner__image svg {\n      margin: 0.9375rem 0 0.9375rem 0.9375rem !important;\n    }\n  }\n  .body-banner__button {\n    display: flex;\n    align-items: center;\n    margin: 0 !important;\n  }\n  .body-banner--large .body-banner__content-inner {\n    display: flex;\n    flex-direction: column;\n    padding: 3.75rem;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner--large .body-banner__content-inner {\n      padding: 1.875rem;\n    }\n  }\n  .body-banner--large .body-banner__image > * {\n    width: fit-content;\n    max-width: 100%;\n    height: 100%;\n  }\n  .body-banner--large .body-banner__image img {\n    width: 100%;\n    height: 100%;\n    max-height: none;\n    object-fit: cover;\n    object-position: center;\n    margin: 0 !important;\n    display: block;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aAGE,gDAAiD,CADjD,+BAAgC,CADhC,YAGF,CACA,yJAME,2CACF,CACA,+BACE,2CACF,CACA,kBACE,uBAAyB,CACzB,wBACF,CACA,uCACE,gEACE,UACF,CACF,CACA,sBAGE,kBAAmB,CADnB,YAAa,CADb,mBAAqB,CAGrB,UACF,CACA,uCACE,sBAEE,sBAAuB,CADvB,qBAEF,CACF,CACA,4BAEE,YAAa,CAEb,WAAY,CADZ,gBAAiB,CAFjB,UAIF,CACA,0DACE,MAAO,CACP,WACF,CACA,sEACE,eACF,CACA,wCACE,4BACE,YAAa,CACb,qBAAsB,CACtB,YACF,CACF,CACA,uCACE,4BACE,gBACF,CACF,CACA,oBAEE,aAAc,CADd,mBAEF,CACA,uCACE,oBACE,UACF,CACF,CACA,gDAIE,6CAA+C,CAF/C,iBAAkB,CAClB,gBAEF,CACA,uCACE,gDAIE,yBAA4B,CAD5B,eAAgB,CADhB,2BAGF,CACF,CACA,qBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CACA,gDACE,YAAa,CACb,qBAAsB,CACtB,eACF,CACA,wCACE,gDACE,gBACF,CACF,CACA,0CAGE,WAAY,CADZ,cAAe,CADf,iBAGF,CACA,4CAOE,aAAc,CALd,WAAY,CAIZ,kBAAoB,CAHpB,eAAgB,CAChB,gBAAiB,CACjB,sBAAuB,CAJvB,UAOF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .body-banner {\n    display: flex;\n    color: var(--color-text-default);\n    background-color: var(--color-background-primary);\n  }\n  .body-banner:not([class*=background-],\n  [class*=surface-],\n  [class*=fill-],\n  [style*=\"--color-background\"],\n  [style*=\"--color-fill\"],\n  [style*=\"--color-surface\"]) {\n    border: 1px solid var(--color-border-strong);\n  }\n  .body-banner.background-accent {\n    border: 1px solid var(--color-border-accent);\n  }\n  .body-banner.grid {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner:not(.body-banner--large) .body-banner__button .btn {\n      width: 100%;\n    }\n  }\n  .body-banner__content {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n  .body-banner__content-inner {\n    width: 100%;\n    display: flex;\n    padding: 1.875rem;\n    gap: 3.75rem;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) {\n    flex: 1;\n    min-width: 0;\n  }\n  .body-banner__content-inner > div:not(.body-banner__button) > *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner__content-inner {\n      display: flex;\n      flex-direction: column;\n      gap: 1.875rem;\n    }\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__content-inner {\n      padding: 0.9375rem;\n    }\n  }\n  .body-banner__image {\n    padding: 0 !important;\n    flex-shrink: 0;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__image {\n      width: 100%;\n    }\n  }\n  .body-banner__image img,\n  .body-banner__image svg {\n    max-height: 7.5rem;\n    object-fit: cover;\n    margin: 1.875rem 0 1.875rem 1.875rem !important;\n  }\n  @media screen and (max-width: 767.98px) {\n    .body-banner__image img,\n    .body-banner__image svg {\n      width: calc(100% - 1.875rem);\n      max-height: none;\n      margin: 0.9375rem !important;\n    }\n  }\n  .body-banner__button {\n    display: flex;\n    align-items: center;\n    margin: 0 !important;\n  }\n  .body-banner--large .body-banner__content-inner {\n    display: flex;\n    flex-direction: column;\n    padding: 3.75rem;\n  }\n  @media screen and (max-width: 1239.98px) {\n    .body-banner--large .body-banner__content-inner {\n      padding: 1.875rem;\n    }\n  }\n  .body-banner--large .body-banner__image > * {\n    width: fit-content;\n    max-width: 100%;\n    height: 100%;\n  }\n  .body-banner--large .body-banner__image img {\n    width: 100%;\n    height: 100%;\n    max-height: none;\n    object-fit: cover;\n    object-position: center;\n    margin: 0 !important;\n    display: block;\n  }\n}"]}

package/build/components/Icon/style.css

@@ -1,2 +1,2 @@
-@layer components{:where(p,div,li,span,a,label):has(>.icon--with-text-end:first-child){--icon-with-text-end-size:1em;padding-inline-start:calc(var(--icon-with-text-end-size) + .3125rem)}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--small:first-child){--icon-with-text-end-size:1rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--medium:first-child){--icon-with-text-end-size:1.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--large:first-child){--icon-with-text-end-size:2rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xlarge:first-child){--icon-with-text-end-size:2.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xxlarge:first-child){--icon-with-text-end-size:3rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--huge:first-child){--icon-with-text-end-size:3.5rem}@media screen and (min-width:768px){:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xlarge:first-child){--icon-with-text-end-size:3rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xxlarge:first-child){--icon-with-text-end-size:4rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--huge:first-child){--icon-with-text-end-size:5rem}}.icon{--icon-size:1em;fill:currentColor;height:var(--icon-size);vertical-align:text-bottom;width:var(--icon-size)}.icon--small{--icon-size:1rem}.icon--medium{--icon-size:1.5rem}.icon--large{--icon-size:2rem}.icon--xlarge{--icon-size:2.5rem}.icon--xxlarge{--icon-size:3rem}.icon--huge{--icon-size:3.5rem}@media screen and (min-width:768px){.icon--xlarge{--icon-size:3rem}.icon--xxlarge{--icon-size:4rem}.icon--huge{--icon-size:5rem}}.icon--info{color:var(--color-icon-information)}.icon--success{color:var(--color-icon-positive)}.icon--warning{color:var(--color-icon-warning)}.icon--danger{color:var(--color-icon-negative)}.icon--orange{color:var(--color-icon-brand)}.icon__use--light{display:block}.background-contrast .icon__use--light,.icon__use--dark,.is-dark .icon__use--light,.surface-contrast .icon__use--light{display:none}.background-contrast .icon__use--dark,.is-dark .icon__use--dark,.is-light .icon__use--light,.surface-contrast .icon__use--dark{display:block}.is-light .icon__use--dark{display:none}.icon--with-text-end{margin-inline-end:.3125rem}.icon--with-text-end:first-child{margin-inline-start:calc((var(--icon-with-text-end-size, 1em) + .3125rem)*-1)}use{pointer-events:none}}
+@layer components{:where(p,div,li,span,a,label):has(>.icon--with-text-end:first-child){--icon-with-text-end-size:1em;padding-inline-start:calc(var(--icon-with-text-end-size) + .3125rem)}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--small:first-child){--icon-with-text-end-size:1rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--medium:first-child){--icon-with-text-end-size:1.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--large:first-child){--icon-with-text-end-size:1.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xlarge:first-child){--icon-with-text-end-size:2.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xxlarge:first-child){--icon-with-text-end-size:3rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--huge:first-child){--icon-with-text-end-size:3.5rem}@media screen and (min-width:768px){:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--large:first-child){--icon-with-text-end-size:2rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xlarge:first-child){--icon-with-text-end-size:3rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xxlarge:first-child){--icon-with-text-end-size:3.5rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--huge:first-child){--icon-with-text-end-size:4rem}}@media screen and (min-width:992px){:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--large:first-child){--icon-with-text-end-size:2rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xlarge:first-child){--icon-with-text-end-size:3rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--xxlarge:first-child){--icon-with-text-end-size:4rem}:where(p,div,li,span,a,label):has(>.icon--with-text-end.icon--huge:first-child){--icon-with-text-end-size:5rem}}.icon{--icon-size:1em;fill:currentColor;height:var(--icon-size);vertical-align:text-bottom;width:var(--icon-size)}.icon--small{--icon-size:1rem}.icon--large,.icon--medium{--icon-size:1.5rem}.icon--xlarge{--icon-size:2.5rem}.icon--xxlarge{--icon-size:3rem}.icon--huge{--icon-size:3.5rem}@media screen and (min-width:768px){.icon--large{--icon-size:2rem}.icon--xlarge{--icon-size:3rem}.icon--xxlarge{--icon-size:3.5rem}.icon--huge{--icon-size:4rem}}@media screen and (min-width:992px){.icon--large{--icon-size:2rem}.icon--xlarge{--icon-size:3rem}.icon--xxlarge{--icon-size:4rem}.icon--huge{--icon-size:5rem}}.icon--info{color:var(--color-icon-information)}.icon--success{color:var(--color-icon-positive)}.icon--warning{color:var(--color-icon-warning)}.icon--danger{color:var(--color-icon-negative)}.icon--orange{color:var(--color-icon-brand)}.icon--pictogram.icon--small{--icon-size:1rem}.icon--pictogram.icon--medium{--icon-size:1.5rem}.icon--pictogram.icon--large{--icon-size:2rem}.icon--pictogram.icon--xlarge{--icon-size:3rem}.icon--pictogram.icon--xxlarge{--icon-size:4rem}.icon--pictogram.icon--huge{--icon-size:5rem}.icon__use--light{display:block}.background-contrast .icon__use--light,.icon__use--dark,.is-dark .icon__use--light,.surface-contrast .icon__use--light{display:none}.background-contrast .icon__use--dark,.is-dark .icon__use--dark,.is-light .icon__use--light,.surface-contrast .icon__use--dark{display:block}.is-light .icon__use--dark{display:none}.icon--with-text-end{margin-inline-end:.3125rem}.icon--with-text-end:first-child{margin-inline-start:calc((var(--icon-with-text-end-size, 1em) + .3125rem)*-1)}use{pointer-events:none}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Icon/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,qEACE,6BAA8B,CAC9B,oEACF,CACA,iFACE,8BACF,CACA,kFACE,gCACF,CACA,iFACE,8BACF,CACA,kFACE,gCACF,CACA,mFACE,8BACF,CACA,gFACE,gCACF,CACA,oCACE,kFACE,8BACF,CACA,mFACE,8BACF,CACA,gFACE,8BACF,CACF,CACA,MACE,eAAgB,CAChB,iBAAkB,CAElB,uBAAwB,CACxB,0BAA2B,CAF3B,sBAGF,CACA,aACE,gBACF,CACA,cACE,kBACF,CACA,aACE,gBACF,CACA,cACE,kBACF,CACA,eACE,gBACF,CACA,YACE,kBACF,CACA,oCACE,cACE,gBACF,CACA,eACE,gBACF,CACA,YACE,gBACF,CACF,CACA,YACE,mCACF,CACA,eACE,gCACF,CACA,eACE,+BACF,CACA,cACE,gCACF,CACA,cACE,6BACF,CACA,kBACE,aACF,CAIA,uHACE,YACF,CAIA,+HACE,aACF,CACA,2BACE,YACF,CACA,qBACE,0BACF,CACA,iCACE,6EACF,CACA,IACE,mBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end:first-child) {\n    --icon-with-text-end-size: 1em;\n    padding-inline-start: calc(var(--icon-with-text-end-size) + 0.3125rem);\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--small:first-child) {\n    --icon-with-text-end-size: 1rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--medium:first-child) {\n    --icon-with-text-end-size: 1.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n    --icon-with-text-end-size: 2rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n    --icon-with-text-end-size: 2.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n    --icon-with-text-end-size: 3rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n    --icon-with-text-end-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n      --icon-with-text-end-size: 3rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n      --icon-with-text-end-size: 4rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n      --icon-with-text-end-size: 5rem;\n    }\n  }\n  .icon {\n    --icon-size: 1em;\n    fill: currentColor;\n    width: var(--icon-size);\n    height: var(--icon-size);\n    vertical-align: text-bottom;\n  }\n  .icon--small {\n    --icon-size: 1rem;\n  }\n  .icon--medium {\n    --icon-size: 1.5rem;\n  }\n  .icon--large {\n    --icon-size: 2rem;\n  }\n  .icon--xlarge {\n    --icon-size: 2.5rem;\n  }\n  .icon--xxlarge {\n    --icon-size: 3rem;\n  }\n  .icon--huge {\n    --icon-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .icon--xlarge {\n      --icon-size: 3rem;\n    }\n    .icon--xxlarge {\n      --icon-size: 4rem;\n    }\n    .icon--huge {\n      --icon-size: 5rem;\n    }\n  }\n  .icon--info {\n    color: var(--color-icon-information);\n  }\n  .icon--success {\n    color: var(--color-icon-positive);\n  }\n  .icon--warning {\n    color: var(--color-icon-warning);\n  }\n  .icon--danger {\n    color: var(--color-icon-negative);\n  }\n  .icon--orange {\n    color: var(--color-icon-brand);\n  }\n  .icon__use--light {\n    display: block;\n  }\n  .icon__use--dark {\n    display: none;\n  }\n  .is-dark .icon__use--light, .background-contrast .icon__use--light, .surface-contrast .icon__use--light {\n    display: none;\n  }\n  .is-dark .icon__use--dark, .background-contrast .icon__use--dark, .surface-contrast .icon__use--dark {\n    display: block;\n  }\n  .is-light .icon__use--light {\n    display: block;\n  }\n  .is-light .icon__use--dark {\n    display: none;\n  }\n  .icon--with-text-end {\n    margin-inline-end: 0.3125rem;\n  }\n  .icon--with-text-end:first-child {\n    margin-inline-start: calc((var(--icon-with-text-end-size, 1em) + 0.3125rem) * -1);\n  }\n  use {\n    pointer-events: none;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,qEACE,6BAA8B,CAC9B,oEACF,CACA,iFACE,8BACF,CACA,kFACE,gCACF,CACA,iFACE,gCACF,CACA,kFACE,gCACF,CACA,mFACE,8BACF,CACA,gFACE,gCACF,CACA,oCACE,iFACE,8BACF,CACA,kFACE,8BACF,CACA,mFACE,gCACF,CACA,gFACE,8BACF,CACF,CACA,oCACE,iFACE,8BACF,CACA,kFACE,8BACF,CACA,mFACE,8BACF,CACA,gFACE,8BACF,CACF,CACA,MACE,eAAgB,CAChB,iBAAkB,CAElB,uBAAwB,CACxB,0BAA2B,CAF3B,sBAGF,CACA,aACE,gBACF,CAIA,2BACE,kBACF,CACA,cACE,kBACF,CACA,eACE,gBACF,CACA,YACE,kBACF,CACA,oCACE,aACE,gBACF,CACA,cACE,gBACF,CACA,eACE,kBACF,CACA,YACE,gBACF,CACF,CACA,oCACE,aACE,gBACF,CACA,cACE,gBACF,CACA,eACE,gBACF,CACA,YACE,gBACF,CACF,CACA,YACE,mCACF,CACA,eACE,gCACF,CACA,eACE,+BACF,CACA,cACE,gCACF,CACA,cACE,6BACF,CACA,6BACE,gBACF,CACA,8BACE,kBACF,CACA,6BACE,gBACF,CACA,8BACE,gBACF,CACA,+BACE,gBACF,CACA,4BACE,gBACF,CACA,kBACE,aACF,CAIA,uHACE,YACF,CAIA,+HACE,aACF,CACA,2BACE,YACF,CACA,qBACE,0BACF,CACA,iCACE,6EACF,CACA,IACE,mBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end:first-child) {\n    --icon-with-text-end-size: 1em;\n    padding-inline-start: calc(var(--icon-with-text-end-size) + 0.3125rem);\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--small:first-child) {\n    --icon-with-text-end-size: 1rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--medium:first-child) {\n    --icon-with-text-end-size: 1.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n    --icon-with-text-end-size: 1.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n    --icon-with-text-end-size: 2.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n    --icon-with-text-end-size: 3rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n    --icon-with-text-end-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n      --icon-with-text-end-size: 2rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n      --icon-with-text-end-size: 3rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n      --icon-with-text-end-size: 3.5rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n      --icon-with-text-end-size: 4rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n      --icon-with-text-end-size: 2rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n      --icon-with-text-end-size: 3rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n      --icon-with-text-end-size: 4rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n      --icon-with-text-end-size: 5rem;\n    }\n  }\n  .icon {\n    --icon-size: 1em;\n    fill: currentColor;\n    width: var(--icon-size);\n    height: var(--icon-size);\n    vertical-align: text-bottom;\n  }\n  .icon--small {\n    --icon-size: 1rem;\n  }\n  .icon--medium {\n    --icon-size: 1.5rem;\n  }\n  .icon--large {\n    --icon-size: 1.5rem;\n  }\n  .icon--xlarge {\n    --icon-size: 2.5rem;\n  }\n  .icon--xxlarge {\n    --icon-size: 3rem;\n  }\n  .icon--huge {\n    --icon-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .icon--large {\n      --icon-size: 2rem;\n    }\n    .icon--xlarge {\n      --icon-size: 3rem;\n    }\n    .icon--xxlarge {\n      --icon-size: 3.5rem;\n    }\n    .icon--huge {\n      --icon-size: 4rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .icon--large {\n      --icon-size: 2rem;\n    }\n    .icon--xlarge {\n      --icon-size: 3rem;\n    }\n    .icon--xxlarge {\n      --icon-size: 4rem;\n    }\n    .icon--huge {\n      --icon-size: 5rem;\n    }\n  }\n  .icon--info {\n    color: var(--color-icon-information);\n  }\n  .icon--success {\n    color: var(--color-icon-positive);\n  }\n  .icon--warning {\n    color: var(--color-icon-warning);\n  }\n  .icon--danger {\n    color: var(--color-icon-negative);\n  }\n  .icon--orange {\n    color: var(--color-icon-brand);\n  }\n  .icon--pictogram.icon--small {\n    --icon-size: 1rem;\n  }\n  .icon--pictogram.icon--medium {\n    --icon-size: 1.5rem;\n  }\n  .icon--pictogram.icon--large {\n    --icon-size: 2rem;\n  }\n  .icon--pictogram.icon--xlarge {\n    --icon-size: 3rem;\n  }\n  .icon--pictogram.icon--xxlarge {\n    --icon-size: 4rem;\n  }\n  .icon--pictogram.icon--huge {\n    --icon-size: 5rem;\n  }\n  .icon__use--light {\n    display: block;\n  }\n  .icon__use--dark {\n    display: none;\n  }\n  .is-dark .icon__use--light, .background-contrast .icon__use--light, .surface-contrast .icon__use--light {\n    display: none;\n  }\n  .is-dark .icon__use--dark, .background-contrast .icon__use--dark, .surface-contrast .icon__use--dark {\n    display: block;\n  }\n  .is-light .icon__use--light {\n    display: block;\n  }\n  .is-light .icon__use--dark {\n    display: none;\n  }\n  .icon--with-text-end {\n    margin-inline-end: 0.3125rem;\n  }\n  .icon--with-text-end:first-child {\n    margin-inline-start: calc((var(--icon-with-text-end-size, 1em) + 0.3125rem) * -1);\n  }\n  use {\n    pointer-events: none;\n  }\n}"]}

package/build/components/PromoBanner/style.css

@@ -1,2 +1,2 @@
-@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}.promo-banner__image>:not(img):not(picture):not(svg){width:100%}@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)}}}
+@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--with-top-padding .promo-banner__item{padding-top:3.75rem!important}@media screen and (max-width:991.98px){.promo-banner--vertical.promo-banner--with-top-padding .promo-banner__item{padding-top:1.875rem!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}.promo-banner__image>:not(img):not(picture):not(svg){width:100%}@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)}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/PromoBanner/style.css.map

@@ -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,qDACE,UACF,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  .promo-banner__image > :not(img):not(picture):not(svg) {\n    width: 100%;\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}"]}
+{"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,2EACE,6BACF,CACA,uCACE,2EACE,8BACF,CACF,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,qDACE,UACF,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--with-top-padding .promo-banner__item {\n    padding-top: 3.75rem !important;\n  }\n  @media screen and (max-width: 991.98px) {\n    .promo-banner--vertical.promo-banner--with-top-padding .promo-banner__item {\n      padding-top: 1.875rem !important;\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  .promo-banner__image > :not(img):not(picture):not(svg) {\n    width: 100%;\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}"]}

package/build/components/StarRating/style.css

@@ -1,2 +1,2 @@
-@layer components{.star-rating{display:flex;gap:.3125rem;margin-bottom:1.875rem;width:fit-content}.star-rating__icon--filled{color:var(--color-icon-brand)}.star-rating__icon--empty{color:var(--color-icon-disabled)}.star-rating__icon{--icon-size:1.5rem}@media screen and (min-width:768px){.star-rating__icon{--icon-size:2rem}}}
+@layer components{.star-rating{display:flex;gap:.3125rem;margin-bottom:1.875rem;width:fit-content}.star-rating__icon--filled{color:var(--color-icon-brand)}.star-rating__icon--empty{color:var(--color-icon-disabled)}.star-rating__icon:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:1.5rem}@media screen and (min-width:768px){.star-rating__icon:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:2rem}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/StarRating/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aACE,YAAa,CAGb,YAAc,CAFd,sBAAuB,CACvB,iBAEF,CACA,2BACE,6BACF,CACA,0BACE,gCACF,CACA,mBACE,kBACF,CACA,oCACE,mBACE,gBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .star-rating {\n    display: flex;\n    margin-bottom: 1.875rem;\n    width: fit-content;\n    gap: 0.3125rem;\n  }\n  .star-rating__icon--filled {\n    color: var(--color-icon-brand);\n  }\n  .star-rating__icon--empty {\n    color: var(--color-icon-disabled);\n  }\n  .star-rating__icon {\n    --icon-size: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .star-rating__icon {\n      --icon-size: 2rem;\n    }\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,aACE,YAAa,CAGb,YAAc,CAFd,sBAAuB,CACvB,iBAEF,CACA,2BACE,6BACF,CACA,0BACE,gCACF,CACA,yGAME,kBACF,CACA,oCACE,yGAME,gBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .star-rating {\n    display: flex;\n    margin-bottom: 1.875rem;\n    width: fit-content;\n    gap: 0.3125rem;\n  }\n  .star-rating__icon--filled {\n    color: var(--color-icon-brand);\n  }\n  .star-rating__icon--empty {\n    color: var(--color-icon-disabled);\n  }\n  .star-rating__icon:not(.icon--small,\n  .icon--medium,\n  .icon--large,\n  .icon--xlarge,\n  .icon--xxlarge,\n  .icon--huge) {\n    --icon-size: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .star-rating__icon:not(.icon--small,\n    .icon--medium,\n    .icon--large,\n    .icon--xlarge,\n    .icon--xxlarge,\n    .icon--huge) {\n      --icon-size: 2rem;\n    }\n  }\n}"]}

package/build/components/Tile/style.css

@@ -1,2 +1,2 @@
-@layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;justify-content:space-between;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}}.tile:not(.tile--action) .tile__body>.icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge),.tile:not(.tile--action) .tile__body>svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge){height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile:not(.tile--action) .tile__body>.icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge),.tile:not(.tile--action) .tile__body>svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge){height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem;word-break:normal}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .tile__body>.icon:last-child{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .tile__body>.icon:last-child{height:2rem;width:2rem}}}
+@layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;justify-content:space-between;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}}.tile:not(.tile--action) .tile__body>.icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge),.tile:not(.tile--action) .tile__body>svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge){height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile:not(.tile--action) .tile__body>.icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge),.tile:not(.tile--action) .tile__body>svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge){height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem;word-break:normal}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .tile__body>.icon:last-child:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:1.5rem;flex-shrink:0}@media screen and (min-width:480px){.tile--action .tile__body>.icon:last-child:not(.icon--small,.icon--medium,.icon--large,.icon--xlarge,.icon--xxlarge,.icon--huge){--icon-size:2rem}}}
 /*# sourceMappingURL=style.css.map */

package/build/components/Tile/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAGtB,WAAY,CADZ,6BAA8B,CAE9B,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACF,CACA,kTAEE,aAAc,CADd,YAEF,CACA,oCACE,kTAEE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBAAyB,CACzB,iBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,2CACE,aAAc,CAEd,aAAc,CADd,YAEF,CACA,oCACE,2CAEE,WAAY,CADZ,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .tile {\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 0.3125rem;\n    border: 1px solid var(--color-border-subtle);\n    background-color: var(--color-fill-primary);\n    color: var(--color-text-default);\n    word-break: break-word;\n  }\n  .tile__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    z-index: 1;\n  }\n  .tile__body *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 768px) {\n    .tile__body {\n      flex-direction: column;\n      padding: 1.875rem;\n    }\n  }\n  .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n  .tile--compact .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 0.3125rem;\n    padding: 0.9375rem;\n    flex-shrink: 0;\n    text-wrap: nowrap;\n  }\n  @media screen and (min-width: 768px) {\n    .tile--compact .tile__body {\n      flex-direction: column;\n      padding: 1.25rem;\n    }\n  }\n  .tile--action {\n    background-color: transparent;\n    color: var(--color-text-inverse);\n    border-color: var(--color-border-strong);\n  }\n  .tile--action .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.9375rem;\n    padding: 1.875rem 1.25rem;\n    word-break: normal;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body {\n      gap: 1.25rem;\n      padding: 1.875rem;\n    }\n  }\n  .tile--action .tile__body > .icon:last-child {\n    flex-shrink: 0;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body > .icon:last-child {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAGtB,WAAY,CADZ,6BAA8B,CAE9B,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACF,CACA,kTAEE,aAAc,CADd,YAEF,CACA,oCACE,kTAEE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBAAyB,CACzB,iBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,iIAOE,kBAAmB,CADnB,aAEF,CACA,oCACE,iIAME,gBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .tile {\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    border-radius: 0.3125rem;\n    border: 1px solid var(--color-border-subtle);\n    background-color: var(--color-fill-primary);\n    color: var(--color-text-default);\n    word-break: break-word;\n  }\n  .tile__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 1.25rem;\n    padding: 1.25rem;\n    z-index: 1;\n  }\n  .tile__body *:last-child {\n    margin-bottom: 0;\n  }\n  @media screen and (min-width: 768px) {\n    .tile__body {\n      flex-direction: column;\n      padding: 1.875rem;\n    }\n  }\n  .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .tile:not(.tile--action) .tile__body > .icon:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge), .tile:not(.tile--action) .tile__body > svg:not(.icon--small):not(.icon--medium):not(.icon--large):not(.icon--xlarge):not(.icon--xxlarge):not(.icon--huge) {\n      width: 2rem;\n      height: 2rem;\n    }\n  }\n  .tile--compact .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 0.3125rem;\n    padding: 0.9375rem;\n    flex-shrink: 0;\n    text-wrap: nowrap;\n  }\n  @media screen and (min-width: 768px) {\n    .tile--compact .tile__body {\n      flex-direction: column;\n      padding: 1.25rem;\n    }\n  }\n  .tile--action {\n    background-color: transparent;\n    color: var(--color-text-inverse);\n    border-color: var(--color-border-strong);\n  }\n  .tile--action .tile__body {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.9375rem;\n    padding: 1.875rem 1.25rem;\n    word-break: normal;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body {\n      gap: 1.25rem;\n      padding: 1.875rem;\n    }\n  }\n  .tile--action .tile__body > .icon:last-child:not(.icon--small,\n  .icon--medium,\n  .icon--large,\n  .icon--xlarge,\n  .icon--xxlarge,\n  .icon--huge) {\n    flex-shrink: 0;\n    --icon-size: 1.5rem;\n  }\n  @media screen and (min-width: 480px) {\n    .tile--action .tile__body > .icon:last-child:not(.icon--small,\n    .icon--medium,\n    .icon--large,\n    .icon--xlarge,\n    .icon--xxlarge,\n    .icon--huge) {\n      --icon-size: 2rem;\n    }\n  }\n}"]}