@orangesk/orange-design-system 2.0.0-beta.36 → 2.0.0-beta.38

package/README.md

@@ -282,8 +282,14 @@ npm run coverage
 ### Linting
 
 ```bash
-# Run ESLint
+# Run Biome lint checks
 npm run lint
+
+# Run Biome lint checks and auto-fix where possible
+npm run lint:fix
+
+# Format code with Biome
+npm run format
 ```
 
 ### File Structure
@@ -322,7 +328,7 @@ public/                # Static assets
 package.json           # Dependencies and scripts
 tsconfig.json          # TypeScript configuration
 rollup.config.mjs      # Bundle configuration
-eslint.config.mjs      # Linting configuration
+biome.json             # Linting and formatting configuration
 ```
 
 ## Contributing

package/build/components/Icon/style.css

@@ -1,2 +1,2 @@
-@layer components{.icon{fill:currentColor;height:1em;vertical-align:text-bottom;width:1em}.icon--small{height:1rem;width:1rem}.icon--medium{height:1.5rem;width:1.5rem}.icon--large{height:2rem;width:2rem}.icon--xlarge{height:2.5rem;width:2.5rem}.icon--xxlarge{height:3rem;width:3rem}.icon--huge{height:3.5rem;width:3.5rem}@media screen and (min-width:768px){.icon--xlarge{height:3rem;width:3rem}.icon--xxlarge{height:4rem;width:4rem}.icon--huge{height:5rem;width: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}.bg-black .icon__use--light,.icon__use--dark,.is-dark .icon__use--light{display:none}.bg-black .icon__use--dark,.is-dark .icon__use--dark,.is-light .icon__use--light{display:block}.is-light .icon__use--dark{display:none}.icon--with-text-end{margin-inline-end:.3125rem}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: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{fill:currentColor;height:1em;vertical-align:text-bottom;width:1em}.icon--small{height:1rem;width:1rem}.icon--medium{height:1.5rem;width:1.5rem}.icon--large{height:2rem;width:2rem}.icon--xlarge{height:2.5rem;width:2.5rem}.icon--xxlarge{height:3rem;width:3rem}.icon--huge{height:3.5rem;width:3.5rem}@media screen and (min-width:768px){.icon--xlarge{height:3rem;width:3rem}.icon--xxlarge{height:4rem;width:4rem}.icon--huge{height:5rem;width: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}.bg-black .icon__use--light,.icon__use--dark,.is-dark .icon__use--light{display:none}.bg-black .icon__use--dark,.is-dark .icon__use--dark,.is-light .icon__use--light{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,MACE,iBAAkB,CAElB,UAAW,CACX,0BAA2B,CAF3B,SAGF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACA,YAEE,aAAc,CADd,YAEF,CACA,oCACE,cAEE,WAAY,CADZ,UAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACA,YAEE,WAAY,CADZ,UAEF,CACF,CACA,YACE,mCACF,CACA,eACE,gCACF,CACA,eACE,+BACF,CACA,cACE,gCACF,CACA,cACE,6BACF,CACA,kBACE,aACF,CAIA,wEACE,YACF,CAIA,iFACE,aACF,CACA,2BACE,YACF,CACA,qBACE,0BACF,CACA,IACE,mBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .icon {\n    fill: currentColor;\n    width: 1em;\n    height: 1em;\n    vertical-align: text-bottom;\n  }\n  .icon--small {\n    width: 1rem;\n    height: 1rem;\n  }\n  .icon--medium {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .icon--large {\n    width: 2rem;\n    height: 2rem;\n  }\n  .icon--xlarge {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n  .icon--xxlarge {\n    width: 3rem;\n    height: 3rem;\n  }\n  .icon--huge {\n    width: 3.5rem;\n    height: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .icon--xlarge {\n      width: 3rem;\n      height: 3rem;\n    }\n    .icon--xxlarge {\n      width: 4rem;\n      height: 4rem;\n    }\n    .icon--huge {\n      width: 5rem;\n      height: 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, .bg-black .icon__use--light {\n    display: none;\n  }\n  .is-dark .icon__use--dark, .bg-black .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  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,8BACF,CACA,kFACE,gCACF,CACA,mFACE,8BACF,CACA,gFACE,gCACF,CACA,oCACE,kFACE,8BACF,CACA,mFACE,8BACF,CACA,gFACE,8BACF,CACF,CACA,MACE,iBAAkB,CAElB,UAAW,CACX,0BAA2B,CAF3B,SAGF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,aAEE,WAAY,CADZ,UAEF,CACA,cAEE,aAAc,CADd,YAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACA,YAEE,aAAc,CADd,YAEF,CACA,oCACE,cAEE,WAAY,CADZ,UAEF,CACA,eAEE,WAAY,CADZ,UAEF,CACA,YAEE,WAAY,CADZ,UAEF,CACF,CACA,YACE,mCACF,CACA,eACE,gCACF,CACA,eACE,+BACF,CACA,cACE,gCACF,CACA,cACE,6BACF,CACA,kBACE,aACF,CAIA,wEACE,YACF,CAIA,iFACE,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    fill: currentColor;\n    width: 1em;\n    height: 1em;\n    vertical-align: text-bottom;\n  }\n  .icon--small {\n    width: 1rem;\n    height: 1rem;\n  }\n  .icon--medium {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .icon--large {\n    width: 2rem;\n    height: 2rem;\n  }\n  .icon--xlarge {\n    width: 2.5rem;\n    height: 2.5rem;\n  }\n  .icon--xxlarge {\n    width: 3rem;\n    height: 3rem;\n  }\n  .icon--huge {\n    width: 3.5rem;\n    height: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .icon--xlarge {\n      width: 3rem;\n      height: 3rem;\n    }\n    .icon--xxlarge {\n      width: 4rem;\n      height: 4rem;\n    }\n    .icon--huge {\n      width: 5rem;\n      height: 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, .bg-black .icon__use--light {\n    display: none;\n  }\n  .is-dark .icon__use--dark, .bg-black .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/Loader/style.css

@@ -1,2 +1,2 @@
-@keyframes logo-line{0%{transform:translateX(-150%)}30%{transform:translateX(0)}70%{transform:translateX(0)}to{transform:translateX(150%)}}@layer components{.loader{align-items:flex-end;display:flex}.loader__body{background-color:var(--color-surface-secondary);flex:0 0 auto;height:2.5rem;margin-right:.625rem;overflow:hidden;width:2.5rem}.loader--large .loader__body{height:3.125rem;margin-right:1.25rem;width:3.125rem}.bg-orange .loader__body,.loader__line,.surface-secondary .loader__body,.surface-tertiary .loader__body{background-color:#fff}.loader__line{animation:logo-line 1.2s infinite;height:15%;margin-left:15%;margin-right:15%;margin-top:70%;will-change:transform}.bg-orange .loader__line,.surface-secondary .loader__line,.surface-tertiary .loader__line{background-color:#f15e00}.loader__messages{flex:0 1 15.625rem;font-weight:700;max-width:100%}.loader--large .loader__messages{font-size:1.125rem}}
+@keyframes logo-line{0%{transform:translateX(-150%)}30%{transform:translateX(0)}70%{transform:translateX(0)}to{transform:translateX(150%)}}@layer components{.loader{align-items:flex-end;display:flex}.loader__body{background-color:var(--color-surface-secondary);flex:0 0 auto;overflow:hidden}.loader__body:only-child{margin-right:0!important}.loader__body{height:2.5rem;margin-right:.625rem;width:2.5rem}.loader--large .loader__body{height:3.125rem;margin-right:1.25rem;width:3.125rem}.bg-orange .loader__body,.loader__line,.surface-secondary .loader__body,.surface-tertiary .loader__body{background-color:#fff}.loader__line{animation:logo-line 1.2s infinite;height:15%;margin-left:15%;margin-right:15%;margin-top:70%;will-change:transform}.bg-orange .loader__line,.surface-secondary .loader__line,.surface-tertiary .loader__line{background-color:#f15e00}.loader__messages{flex:0 1 15.625rem;font-weight:700;max-width:100%}.loader--large .loader__messages{font-size:1.125rem}.loader-fullscreen{background-color:hsla(0,0%,93%,.949);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:500}.loader-fullscreen .container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.is-dark .loader-fullscreen{background-color:rgba(51,51,51,.949)}}
 /*# sourceMappingURL=style.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,qBACE,GACE,2BACF,CACA,IACE,uBACF,CACA,IACE,uBACF,CACA,GACE,0BACF,CACF,CACA,kBACE,QAEE,oBAAqB,CADrB,YAEF,CACA,cAGE,+CAAgD,CAFhD,aAAc,CAId,aAAc,CACd,oBAAsB,CAJtB,eAAgB,CAEhB,YAGF,CACA,6BAEE,eAAgB,CAChB,oBAAqB,CAFrB,cAGF,CAIA,wGAFE,qBAUF,CARA,cAOE,iCAAoC,CANpC,UAAW,CACX,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,qBAEF,CACA,0FACE,wBACF,CACA,kBAEE,kBAAmB,CACnB,eAAiB,CAFjB,cAGF,CACA,iCACE,kBACF,CACF","file":"style.css","sourcesContent":["@keyframes logo-line {\n  0% {\n    transform: translateX(-150%);\n  }\n  30% {\n    transform: translateX(0);\n  }\n  70% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(150%);\n  }\n}\n@layer components {\n  .loader {\n    display: flex;\n    align-items: flex-end;\n  }\n  .loader__body {\n    flex: 0 0 auto;\n    overflow: hidden;\n    background-color: var(--color-surface-secondary);\n    width: 2.5rem;\n    height: 2.5rem;\n    margin-right: 0.625rem;\n  }\n  .loader--large .loader__body {\n    width: 3.125rem;\n    height: 3.125rem;\n    margin-right: 1.25rem;\n  }\n  .bg-orange .loader__body, .surface-secondary .loader__body, .surface-tertiary .loader__body {\n    background-color: #ffffff;\n  }\n  .loader__line {\n    height: 15%;\n    margin-left: 15%;\n    margin-right: 15%;\n    margin-top: 70%;\n    background-color: #ffffff;\n    will-change: transform;\n    animation: logo-line 1200ms infinite;\n  }\n  .bg-orange .loader__line, .surface-secondary .loader__line, .surface-tertiary .loader__line {\n    background-color: #f15e00;\n  }\n  .loader__messages {\n    max-width: 100%;\n    flex: 0 1 15.625rem;\n    font-weight: bold;\n  }\n  .loader--large .loader__messages {\n    font-size: 1.125rem;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,qBACE,GACE,2BACF,CACA,IACE,uBACF,CACA,IACE,uBACF,CACA,GACE,0BACF,CACF,CACA,kBACE,QAEE,oBAAqB,CADrB,YAEF,CACA,cAGE,+CAAgD,CAFhD,aAAc,CACd,eAEF,CACA,yBACE,wBACF,CACA,cAEE,aAAc,CACd,oBAAsB,CAFtB,YAGF,CACA,6BAEE,eAAgB,CAChB,oBAAqB,CAFrB,cAGF,CAIA,wGAFE,qBAUF,CARA,cAOE,iCAAoC,CANpC,UAAW,CACX,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,qBAEF,CACA,0FACE,wBACF,CACA,kBAEE,kBAAmB,CACnB,eAAiB,CAFjB,cAGF,CACA,iCACE,kBACF,CACA,mBAQE,oCAAmD,CAHnD,QAAS,CAHT,YAAa,CAIb,MAAO,CALP,cAAe,CAGf,OAAQ,CADR,KAAM,CAIN,WAEF,CACA,8BAGE,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAEtB,sBAAuB,CACvB,iBACF,CACA,4BACE,oCACF,CACF","file":"style.css","sourcesContent":["@keyframes logo-line {\n  0% {\n    transform: translateX(-150%);\n  }\n  30% {\n    transform: translateX(0);\n  }\n  70% {\n    transform: translateX(0);\n  }\n  100% {\n    transform: translateX(150%);\n  }\n}\n@layer components {\n  .loader {\n    display: flex;\n    align-items: flex-end;\n  }\n  .loader__body {\n    flex: 0 0 auto;\n    overflow: hidden;\n    background-color: var(--color-surface-secondary);\n  }\n  .loader__body:only-child {\n    margin-right: 0 !important;\n  }\n  .loader__body {\n    width: 2.5rem;\n    height: 2.5rem;\n    margin-right: 0.625rem;\n  }\n  .loader--large .loader__body {\n    width: 3.125rem;\n    height: 3.125rem;\n    margin-right: 1.25rem;\n  }\n  .bg-orange .loader__body, .surface-secondary .loader__body, .surface-tertiary .loader__body {\n    background-color: #ffffff;\n  }\n  .loader__line {\n    height: 15%;\n    margin-left: 15%;\n    margin-right: 15%;\n    margin-top: 70%;\n    background-color: #ffffff;\n    will-change: transform;\n    animation: logo-line 1200ms infinite;\n  }\n  .bg-orange .loader__line, .surface-secondary .loader__line, .surface-tertiary .loader__line {\n    background-color: #f15e00;\n  }\n  .loader__messages {\n    max-width: 100%;\n    flex: 0 1 15.625rem;\n    font-weight: bold;\n  }\n  .loader--large .loader__messages {\n    font-size: 1.125rem;\n  }\n  .loader-fullscreen {\n    position: fixed;\n    display: flex;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 500;\n    background-color: rgba(238, 238, 238, 0.9490196078);\n  }\n  .loader-fullscreen .container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n  .is-dark .loader-fullscreen {\n    background-color: rgba(51, 51, 51, 0.9490196078);\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.grid__col{padding-right:0!important}}.promo-banner__item.grid__col{padding-left:0!important}.promo-banner__item{display:flex;flex-direction:column;justify-content:center;min-width: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.grid__col:not(.promo-banner__image--bleed-right),.promo-banner--vertical .promo-banner__item.grid__col{padding-left:0!important;padding-right:0!important}@media screen and (min-width:768px){.promo-banner--reverse .promo-banner__item.grid__col{padding-left:1.25rem!important;padding-right:0!important}.promo-banner--reverse .promo-banner__image.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.grid__col{padding-left:0!important}}.promo-banner__image.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)}}}
+@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.grid__col{padding-right:0!important}}.promo-banner__item.grid__col{padding-left:0!important}.promo-banner__item{display:flex;flex-direction:column;justify-content:center;min-width: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.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.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.grid__col{padding-left:0!important}}.promo-banner__image.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)}}}
 /*# sourceMappingURL=style.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,8BACE,yBACF,CACF,CACA,8BACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,oJAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,qDACE,8BAAgC,CAChC,yBACF,CACA,sDACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,+BACE,wBACF,CACF,CACA,+BACE,yBACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CACF,CACF","file":"style.css","sourcesContent":["@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.grid__col {\n      padding-right: 0 !important;\n    }\n  }\n  .promo-banner__item.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 > * {\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.grid__col,\n  .promo-banner--vertical .promo-banner__image.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.grid__col {\n      padding-left: 1.25rem !important;\n      padding-right: 0 !important;\n    }\n    .promo-banner--reverse .promo-banner__image.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.grid__col {\n      padding-left: 0 !important;\n    }\n  }\n  .promo-banner__image.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}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,8BACE,yBACF,CACF,CACA,8BACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,4JAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,6DACE,8BAAgC,CAChC,yBACF,CACA,sDACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,+BACE,wBACF,CACF,CACA,+BACE,yBACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CACF,CACF","file":"style.css","sourcesContent":["@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.grid__col {\n      padding-right: 0 !important;\n    }\n  }\n  .promo-banner__item.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 > * {\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.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.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.grid__col {\n      padding-left: 0 !important;\n    }\n  }\n  .promo-banner__image.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}"]}

package/build/components/Table/style.css

@@ -1,2 +1,2 @@
-@layer components{.table{color:var(--color-text-default);margin-bottom:1.875rem;width:100%}.table td,.table th{font-size:inherit;line-height:inherit;padding:1.25rem;vertical-align:middle}.table thead th{border-bottom:2px solid var(--color-border-contrast);font-weight:700;text-align:left;vertical-align:bottom}.table tr{border-bottom:1px solid var(--color-border-strong);line-height:1.25rem}.table thead>tr{border-bottom-width:2px}.table tbody>th{font-weight:400}.table tbody+tbody{border-top:2px solid var(--color-border-strong)}.table>tfoot>tr{border-bottom-width:0;border-top:2px solid var(--color-border-contrast)}.table>tfoot>tr:not(:first-child){border-top-color:var(--color-border-strong)}.table--striped tbody tr:nth-of-type(odd){background-color:var(--color-background-secondary)}.table--compact{width:auto}@media screen and (max-width:991.98px){.table--responsive thead{display:none}.table--responsive tbody,.table--responsive tbody td,.table--responsive tbody tr{display:block}.table--responsive tbody tr{padding:.625rem 0}.table--responsive tbody tr:last-child{margin-bottom:0}.table--responsive tbody td{border-bottom:none;padding:1.25rem 0;text-align:left!important}.table--responsive tbody td:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:.3125rem}.table--responsive tbody td:first-child{padding-left:0}}.table-scrollable{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}@media screen and (max-width:767.98px){.table-scrollable--sm{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}}@media screen and (max-width:991.98px){.table-scrollable--md{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}}@media screen and (max-width:1239.98px){.table-scrollable--lg{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}}@media screen and (max-width:1379.98px){.table-scrollable--xl{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}}.table__sort-button{cursor:pointer;display:inline-block;height:1.25rem;position:relative;vertical-align:bottom;width:1.25rem}.table__sort-button:after,.table__sort-button:before{border-left:5px solid transparent;border-right:5px solid transparent;content:"";left:.3125rem;position:absolute;transition:opacity .1s ease 0s}.table__sort-button:before{border-bottom:5px solid var(--color-border-contrast);top:4px}.table__sort-button:after{border-top:5px solid var(--color-border-contrast);top:12px}[aria-sort=ascending] .table__sort-button:after,[aria-sort=descending] .table__sort-button:before{opacity:.3}.table__subrow{background-color:var(--color-surface-subtle)}.table button[aria-expanded=true]>svg{transform:rotate(180deg)}.table__cell--expand{padding-bottom:0!important;padding-top:4px!important}.table__cell--shrink{width:.1%}.table__cell--fill{width:100%}}
+@layer components{.table{color:var(--color-text-default);margin-bottom:1.875rem;width:100%}.table td,.table th{font-size:inherit;line-height:inherit;padding:1.25rem;vertical-align:middle}.table thead th{border-bottom:2px solid var(--color-border-contrast);font-weight:700;text-align:left;vertical-align:bottom}.table tr{border-bottom:1px solid var(--color-border-strong);line-height:1.25rem}.table thead>tr{border-bottom-width:2px}.table tbody>th{font-weight:400}.table tbody+tbody{border-top:2px solid var(--color-border-strong)}.table>tfoot>tr{border-bottom-width:0;border-top:2px solid var(--color-border-contrast)}.table>tfoot>tr:not(:first-child){border-top-color:var(--color-border-strong)}.table--striped tbody tr:nth-of-type(odd){background-color:var(--color-background-secondary)}.table--compact{width:auto}@media screen and (max-width:991.98px){.table--responsive thead{display:none}.table--responsive tbody,.table--responsive tbody td,.table--responsive tbody tr{display:block}.table--responsive tbody tr{padding:.625rem 0}.table--responsive tbody tr:last-child{margin-bottom:0}.table--responsive tbody td{border-bottom:none;padding:1.25rem 0;text-align:left!important}.table--responsive tbody td:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:.3125rem}.table--responsive tbody td:first-child{padding-left:0}}.table-scrollable{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable td,.table-scrollable th{white-space:nowrap}@media screen and (max-width:767.98px){.table-scrollable--sm{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--sm td,.table-scrollable--sm th{white-space:nowrap}}@media screen and (max-width:991.98px){.table-scrollable--md{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--md td,.table-scrollable--md th{white-space:nowrap}}@media screen and (max-width:1239.98px){.table-scrollable--lg{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--lg td,.table-scrollable--lg th{white-space:nowrap}}@media screen and (max-width:1379.98px){.table-scrollable--xl{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.table-scrollable--xl td,.table-scrollable--xl th{white-space:nowrap}}.table__sort-button{cursor:pointer;display:inline-block;height:1.25rem;position:relative;vertical-align:bottom;width:1.25rem}.table__sort-button:after,.table__sort-button:before{border-left:5px solid transparent;border-right:5px solid transparent;content:"";left:.3125rem;position:absolute;transition:opacity .1s ease 0s}.table__sort-button:before{border-bottom:5px solid var(--color-border-contrast);top:4px}.table__sort-button:after{border-top:5px solid var(--color-border-contrast);top:12px}[aria-sort=ascending] .table__sort-button:after,[aria-sort=descending] .table__sort-button:before{opacity:.3}.table__subrow{background-color:var(--color-surface-subtle)}.table button[aria-expanded=true]>svg{transform:rotate(180deg)}.table__cell--expand{padding-bottom:0!important;padding-top:4px!important}.table__cell--shrink{width:.1%}.table__cell--fill{width:100%}}
 /*# sourceMappingURL=style.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAGE,+BAAgC,CADhC,sBAAuB,CADvB,UAGF,CACA,oBAIE,iBAAkB,CAClB,mBAAoB,CAHpB,eAAgB,CAChB,qBAGF,CACA,gBAGE,oDAAqD,CACrD,eAAgB,CAFhB,eAAgB,CADhB,qBAIF,CACA,UAEE,kDAAmD,CADnD,mBAEF,CACA,gBACE,uBACF,CACA,gBACE,eACF,CACA,mBACE,+CACF,CACA,gBACE,qBAAsB,CACtB,iDACF,CACA,kCACE,2CACF,CACA,0CACE,kDACF,CACA,gBACE,UACF,CACA,uCACE,yBACE,YACF,CACA,iFAGE,aACF,CACA,4BACE,iBACF,CACA,uCACE,eACF,CACA,4BAEE,kBAAmB,CADnB,iBAAkB,CAElB,yBACF,CACA,mCACE,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,sBACF,CACA,wCACE,cACF,CACF,CACA,kBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACF,CACA,oBAME,cAAe,CAJf,oBAAqB,CAErB,cAAe,CAHf,iBAAkB,CAIlB,qBAAsB,CAFtB,aAIF,CACA,qDAIE,iCAAkC,CAClC,kCAAmC,CAJnC,UAAW,CAEX,aAAe,CADf,iBAAkB,CAIlB,8BACF,CACA,2BAEE,oDAAqD,CADrD,OAEF,CACA,0BAEE,iDAAkD,CADlD,QAEF,CAIA,kGACE,UACF,CACA,eACE,4CACF,CACA,sCACE,wBACF,CACA,qBAEE,0BAA4B,CAD5B,yBAEF,CACA,qBACE,SACF,CACA,mBACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .table {\n    width: 100%;\n    margin-bottom: 1.875rem;\n    color: var(--color-text-default);\n  }\n  .table td,\n  .table th {\n    padding: 1.25rem;\n    vertical-align: middle;\n    font-size: inherit;\n    line-height: inherit;\n  }\n  .table thead th {\n    vertical-align: bottom;\n    text-align: left;\n    border-bottom: 2px solid var(--color-border-contrast);\n    font-weight: 700;\n  }\n  .table tr {\n    line-height: 1.25rem;\n    border-bottom: 1px solid var(--color-border-strong);\n  }\n  .table thead > tr {\n    border-bottom-width: 2px;\n  }\n  .table tbody > th {\n    font-weight: 400;\n  }\n  .table tbody + tbody {\n    border-top: 2px solid var(--color-border-strong);\n  }\n  .table > tfoot > tr {\n    border-bottom-width: 0;\n    border-top: 2px solid var(--color-border-contrast);\n  }\n  .table > tfoot > tr:not(:first-child) {\n    border-top-color: var(--color-border-strong);\n  }\n  .table--striped tbody tr:nth-of-type(odd) {\n    background-color: var(--color-background-secondary);\n  }\n  .table--compact {\n    width: auto;\n  }\n  @media screen and (max-width: 991.98px) {\n    .table--responsive thead {\n      display: none;\n    }\n    .table--responsive tbody,\n    .table--responsive tbody tr,\n    .table--responsive tbody td {\n      display: block;\n    }\n    .table--responsive tbody tr {\n      padding: 0.625rem 0;\n    }\n    .table--responsive tbody tr:last-child {\n      margin-bottom: 0;\n    }\n    .table--responsive tbody td {\n      padding: 1.25rem 0;\n      border-bottom: none;\n      text-align: left !important;\n    }\n    .table--responsive tbody td:before {\n      content: attr(data-label);\n      display: block;\n      font-weight: 700;\n      margin-bottom: 0.3125rem;\n    }\n    .table--responsive tbody td:first-child {\n      padding-left: 0;\n    }\n  }\n  .table-scrollable {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  @media screen and (max-width: 767.98px) {\n    .table-scrollable--sm {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .table-scrollable--md {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .table-scrollable--lg {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .table-scrollable--xl {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n  .table__sort-button {\n    position: relative;\n    display: inline-block;\n    width: 1.25rem;\n    height: 1.25rem;\n    vertical-align: bottom;\n    cursor: pointer;\n  }\n  .table__sort-button::before, .table__sort-button::after {\n    content: \"\";\n    position: absolute;\n    left: 0.3125rem;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    transition: opacity 0.1s ease 0s;\n  }\n  .table__sort-button::before {\n    top: 4px;\n    border-bottom: 5px solid var(--color-border-contrast);\n  }\n  .table__sort-button::after {\n    top: 12px;\n    border-top: 5px solid var(--color-border-contrast);\n  }\n  [aria-sort=descending] .table__sort-button::before {\n    opacity: 0.3;\n  }\n  [aria-sort=ascending] .table__sort-button::after {\n    opacity: 0.3;\n  }\n  .table__subrow {\n    background-color: var(--color-surface-subtle);\n  }\n  .table button[aria-expanded=true] > svg {\n    transform: rotate(180deg);\n  }\n  .table__cell--expand {\n    padding-top: 4px !important;\n    padding-bottom: 0 !important;\n  }\n  .table__cell--shrink {\n    width: 0.1%;\n  }\n  .table__cell--fill {\n    width: 100%;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,OAGE,+BAAgC,CADhC,sBAAuB,CADvB,UAGF,CACA,oBAIE,iBAAkB,CAClB,mBAAoB,CAHpB,eAAgB,CAChB,qBAGF,CACA,gBAGE,oDAAqD,CACrD,eAAgB,CAFhB,eAAgB,CADhB,qBAIF,CACA,UAEE,kDAAmD,CADnD,mBAEF,CACA,gBACE,uBACF,CACA,gBACE,eACF,CACA,mBACE,+CACF,CACA,gBACE,qBAAsB,CACtB,iDACF,CACA,kCACE,2CACF,CACA,0CACE,kDACF,CACA,gBACE,UACF,CACA,uCACE,yBACE,YACF,CACA,iFAGE,aACF,CACA,4BACE,iBACF,CACA,uCACE,eACF,CACA,4BAEE,kBAAmB,CADnB,iBAAkB,CAElB,yBACF,CACA,mCACE,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAChB,sBACF,CACA,wCACE,cACF,CACF,CACA,kBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,0CAEE,kBACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,uCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,wCACE,sBAIE,gCAAiC,CAHjC,aAAc,CAEd,eAAgB,CADhB,UAGF,CACA,kDAEE,kBACF,CACF,CACA,oBAME,cAAe,CAJf,oBAAqB,CAErB,cAAe,CAHf,iBAAkB,CAIlB,qBAAsB,CAFtB,aAIF,CACA,qDAIE,iCAAkC,CAClC,kCAAmC,CAJnC,UAAW,CAEX,aAAe,CADf,iBAAkB,CAIlB,8BACF,CACA,2BAEE,oDAAqD,CADrD,OAEF,CACA,0BAEE,iDAAkD,CADlD,QAEF,CAIA,kGACE,UACF,CACA,eACE,4CACF,CACA,sCACE,wBACF,CACA,qBAEE,0BAA4B,CAD5B,yBAEF,CACA,qBACE,SACF,CACA,mBACE,UACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .table {\n    width: 100%;\n    margin-bottom: 1.875rem;\n    color: var(--color-text-default);\n  }\n  .table td,\n  .table th {\n    padding: 1.25rem;\n    vertical-align: middle;\n    font-size: inherit;\n    line-height: inherit;\n  }\n  .table thead th {\n    vertical-align: bottom;\n    text-align: left;\n    border-bottom: 2px solid var(--color-border-contrast);\n    font-weight: 700;\n  }\n  .table tr {\n    line-height: 1.25rem;\n    border-bottom: 1px solid var(--color-border-strong);\n  }\n  .table thead > tr {\n    border-bottom-width: 2px;\n  }\n  .table tbody > th {\n    font-weight: 400;\n  }\n  .table tbody + tbody {\n    border-top: 2px solid var(--color-border-strong);\n  }\n  .table > tfoot > tr {\n    border-bottom-width: 0;\n    border-top: 2px solid var(--color-border-contrast);\n  }\n  .table > tfoot > tr:not(:first-child) {\n    border-top-color: var(--color-border-strong);\n  }\n  .table--striped tbody tr:nth-of-type(odd) {\n    background-color: var(--color-background-secondary);\n  }\n  .table--compact {\n    width: auto;\n  }\n  @media screen and (max-width: 991.98px) {\n    .table--responsive thead {\n      display: none;\n    }\n    .table--responsive tbody,\n    .table--responsive tbody tr,\n    .table--responsive tbody td {\n      display: block;\n    }\n    .table--responsive tbody tr {\n      padding: 0.625rem 0;\n    }\n    .table--responsive tbody tr:last-child {\n      margin-bottom: 0;\n    }\n    .table--responsive tbody td {\n      padding: 1.25rem 0;\n      border-bottom: none;\n      text-align: left !important;\n    }\n    .table--responsive tbody td:before {\n      content: attr(data-label);\n      display: block;\n      font-weight: 700;\n      margin-bottom: 0.3125rem;\n    }\n    .table--responsive tbody td:first-child {\n      padding-left: 0;\n    }\n  }\n  .table-scrollable {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .table-scrollable td,\n  .table-scrollable th {\n    white-space: nowrap;\n  }\n  @media screen and (max-width: 767.98px) {\n    .table-scrollable--sm {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n    .table-scrollable--sm td,\n    .table-scrollable--sm th {\n      white-space: nowrap;\n    }\n  }\n  @media screen and (max-width: 991.98px) {\n    .table-scrollable--md {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n    .table-scrollable--md td,\n    .table-scrollable--md th {\n      white-space: nowrap;\n    }\n  }\n  @media screen and (max-width: 1239.98px) {\n    .table-scrollable--lg {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n    .table-scrollable--lg td,\n    .table-scrollable--lg th {\n      white-space: nowrap;\n    }\n  }\n  @media screen and (max-width: 1379.98px) {\n    .table-scrollable--xl {\n      display: block;\n      width: 100%;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n    .table-scrollable--xl td,\n    .table-scrollable--xl th {\n      white-space: nowrap;\n    }\n  }\n  .table__sort-button {\n    position: relative;\n    display: inline-block;\n    width: 1.25rem;\n    height: 1.25rem;\n    vertical-align: bottom;\n    cursor: pointer;\n  }\n  .table__sort-button::before, .table__sort-button::after {\n    content: \"\";\n    position: absolute;\n    left: 0.3125rem;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    transition: opacity 0.1s ease 0s;\n  }\n  .table__sort-button::before {\n    top: 4px;\n    border-bottom: 5px solid var(--color-border-contrast);\n  }\n  .table__sort-button::after {\n    top: 12px;\n    border-top: 5px solid var(--color-border-contrast);\n  }\n  [aria-sort=descending] .table__sort-button::before {\n    opacity: 0.3;\n  }\n  [aria-sort=ascending] .table__sort-button::after {\n    opacity: 0.3;\n  }\n  .table__subrow {\n    background-color: var(--color-surface-subtle);\n  }\n  .table button[aria-expanded=true] > svg {\n    transform: rotate(180deg);\n  }\n  .table__cell--expand {\n    padding-top: 4px !important;\n    padding-bottom: 0 !important;\n  }\n  .table__cell--shrink {\n    width: 0.1%;\n  }\n  .table__cell--fill {\n    width: 100%;\n  }\n}"]}