@orangesk/orange-design-system 2.0.0-beta.37 → 2.0.0-beta.39

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

@@ -1 +1 @@
-{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBAIE,gCAAqC,CACrC,gCAAqC,CAFrC,cAAgB,CAFhB,iBAAkB,CAClB,SAIF,CACA,4DAME,2BAA4B,CAD5B,+BAAoC,CADpC,eAAgB,CADhB,cAAe,CADf,iBAKF,CACA,gBACE,YAAa,CACb,gBAAiB,CACjB,kBACF,CACA,6BACE,qBAAuB,CAKvB,YAAa,CAFb,MAAO,CAFP,cAAe,CACf,KAAM,CAEN,UAAW,CAEX,YACF,CACA,qBAKE,kBAAmB,CAFnB,SAAW,CACX,wBAAyB,CAFzB,mBAAqB,CADrB,yBAKF,CACA,0BACE,kBACF,CACA,SAEE,yBAA2B,CAC3B,yBAA2B,CAC3B,0BAA4B,CAH5B,YAIF,CACA,aAEE,gBAAiB,CADjB,8BAEF,CACA,eAEE,mBAAoB,CACpB,cAAe,CAFf,iBAGF,CACA,wCAIE,kBAAmB,CAHnB,cAAe,CAEf,kBAAmB,CAGnB,eACF,CACA,wFANE,mBAAoB,CAGpB,wBAMF,CACA,oFAGE,eAAiB,CAEjB,eAAgB,CAChB,sBAAuB,CAJvB,wBAAyB,CAEzB,kBAGF,CACA,qCACE,yBAA2B,CAC3B,iBACF,CACA,aAEE,yBAA2B,CAD3B,eAAgB,CAEhB,YACF,CACA,2BACE,aAAc,CACd,eAAgB,CAChB,SACF,CACA,SACE,iBACF,CACA,gBAIE,gDAAiD,CADjD,4BAA8B,CAD9B,yBAA2B,CAD3B,yBAIF,CACA,yBACE,iDAAkD,CAClD,+BACF,CACA,UAEE,oBAAqB,CADrB,cAAe,CAEf,wBACF,CACA,aACE,wBACF,CACA,eACE,cACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .preview-grid .grid {\n    position: relative;\n    z-index: 0;\n    padding: 0.5em 0;\n    background-color: rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .preview-grid .grid__col,\n  .preview-grid *[class*=grid__col--] {\n    position: relative;\n    min-height: 1em;\n    line-height: 1.5;\n    background-color: rgba(0, 0, 0, 0.1);\n    background-clip: content-box;\n  }\n  .previewWrapper {\n    display: flex;\n    flex-flow: column;\n    margin-bottom: 2rem;\n  }\n  .previewWrapper.isFullscreen {\n    background-color: white;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 9999;\n  }\n  .previewWrapper > .bar {\n    margin-top: 1rem !important;\n    margin-bottom: 0.5rem;\n    gap: 0.5rem;\n    justify-content: flex-end;\n    align-items: center;\n  }\n  .previewWrapper > .bar .btn {\n    margin: 0 !important;\n  }\n  .preview {\n    padding: 24px;\n    border-radius: 0 !important;\n    margin-bottom: 0 !important;\n    overflow: visible !important;\n  }\n  .previewLive {\n    transition: all 200ms ease-in-out;\n    overflow: visible;\n  }\n  .selectWrapper {\n    position: relative;\n    font-family: inherit;\n    font-size: 14px;\n  }\n  .selectWrapper .select .select__control {\n    cursor: pointer;\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n    min-width: 130px;\n  }\n  .selectWrapper .select .select__value-container {\n    display: inline-flex;\n    justify-content: flex-end;\n  }\n  .selectWrapper .select .select__single-value,\n  .selectWrapper .select .select__option {\n    text-transform: uppercase;\n    font-weight: bold;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .selectWrapper .select .select__menu {\n    border-radius: 0 !important;\n    text-align: center;\n  }\n  .codeExample {\n    margin-bottom: 0;\n    border-radius: 0 !important;\n    padding: 24px;\n  }\n  .isFullscreen .codeExample {\n    flex: 1 1 auto;\n    margin-bottom: 0;\n    padding: 0;\n  }\n  .wrapper {\n    position: relative;\n  }\n  .codeTypeToggle {\n    margin-bottom: 0 !important;\n    border-radius: 0 !important;\n    border-bottom: none !important;\n    background-color: var(--color-background-primary);\n  }\n  .codeTypeToggle.isActive {\n    background-color: var(--color-background-contrast);\n    color: var(--color-text-inverse);\n  }\n  .triangle {\n    font-size: 18px;\n    display: inline-block;\n    transition: transform 0.3s;\n  }\n  .triangle.up {\n    transform: rotate(180deg);\n  }\n  .triangle.down {\n    transform: none;\n  }\n}"]}
+{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBAIE,gCAAqC,CACrC,gCAAqC,CAFrC,cAAgB,CAFhB,iBAAkB,CAClB,SAIF,CACA,4DAME,2BAA4B,CAD5B,+BAAoC,CADpC,eAAgB,CADhB,cAAe,CADf,iBAKF,CACA,gBACE,YAAa,CACb,gBAAiB,CACjB,kBACF,CACA,6BACE,qBAAuB,CAKvB,YAAa,CAFb,MAAO,CAFP,cAAe,CACf,KAAM,CAEN,UAAW,CAEX,YACF,CACA,qBAKE,kBAAmB,CAFnB,SAAW,CACX,wBAAyB,CAFzB,mBAAqB,CADrB,yBAKF,CACA,0BACE,kBACF,CACA,SAEE,yBAA2B,CAC3B,yBAA2B,CAF3B,YAIF,CACA,uBAFE,0BAIF,CACA,aAEE,gBAAiB,CADjB,8BAEF,CACA,yBACE,gBAAiB,CACjB,UACF,CACA,0CAIE,uEAA0E,CAH1E,eAAgB,CAChB,kBAAmB,CACnB,cAEF,CACA,+DACE,0CAA2C,CAC3C,8EAAiF,CACjF,2JACF,CACA,qBACE,aAAc,CACd,gBACF,CACA,4BACE,UACF,CACA,sBAIE,sBAAuB,CAFvB,QAAS,CACT,aAAc,CAEd,gBAAiB,CAJjB,UAKF,CACA,eAEE,mBAAoB,CACpB,cAAe,CAFf,iBAGF,CACA,wCAIE,kBAAmB,CAHnB,cAAe,CAEf,kBAAmB,CAGnB,eACF,CACA,wFANE,mBAAoB,CAGpB,wBAMF,CACA,oFAGE,eAAiB,CAEjB,eAAgB,CAChB,sBAAuB,CAJvB,wBAAyB,CAEzB,kBAGF,CACA,qCACE,yBAA2B,CAC3B,iBACF,CACA,aAEE,yBAA2B,CAD3B,eAAgB,CAEhB,YACF,CACA,2BACE,aAAc,CACd,eAAgB,CAChB,SACF,CACA,SACE,iBACF,CACA,gBAIE,gDAAiD,CADjD,4BAA8B,CAD9B,yBAA2B,CAD3B,yBAIF,CACA,yBACE,iDAAkD,CAClD,+BACF,CACA,UAEE,oBAAqB,CADrB,cAAe,CAEf,wBACF,CACA,aACE,wBACF,CACA,eACE,cACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  .preview-grid .grid {\n    position: relative;\n    z-index: 0;\n    padding: 0.5em 0;\n    background-color: rgba(0, 0, 0, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .preview-grid .grid__col,\n  .preview-grid *[class*=grid__col--] {\n    position: relative;\n    min-height: 1em;\n    line-height: 1.5;\n    background-color: rgba(0, 0, 0, 0.1);\n    background-clip: content-box;\n  }\n  .previewWrapper {\n    display: flex;\n    flex-flow: column;\n    margin-bottom: 2rem;\n  }\n  .previewWrapper.isFullscreen {\n    background-color: white;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 9999;\n  }\n  .previewWrapper > .bar {\n    margin-top: 1rem !important;\n    margin-bottom: 0.5rem;\n    gap: 0.5rem;\n    justify-content: flex-end;\n    align-items: center;\n  }\n  .previewWrapper > .bar .btn {\n    margin: 0 !important;\n  }\n  .preview {\n    padding: 24px;\n    border-radius: 0 !important;\n    margin-bottom: 0 !important;\n    overflow: visible !important;\n  }\n  .card.preview {\n    overflow: visible !important;\n  }\n  .previewLive {\n    transition: all 200ms ease-in-out;\n    overflow: visible;\n  }\n  .previewLiveViewportArea {\n    overflow: visible;\n    width: 100%;\n  }\n  .previewLiveViewportArea.hasFixedViewport {\n    overflow-x: auto;\n    overflow-y: visible;\n    padding: 1rem 0;\n    background: color-mix(in srgb, var(--color-text-default), transparent 96%);\n  }\n  .previewLiveViewportArea.hasFixedViewport .previewLiveViewport {\n    background: var(--color-background-primary);\n    border: 1px solid color-mix(in srgb, var(--color-border-strong), transparent 25%);\n    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-border-strong), transparent 60%), 0 12px 28px color-mix(in srgb, var(--color-text-default), transparent 88%);\n  }\n  .previewLiveViewport {\n    margin: 0 auto;\n    overflow: visible;\n  }\n  .previewLiveViewport.isAuto {\n    width: 100%;\n  }\n  .previewViewportFrame {\n    width: 100%;\n    border: 0;\n    display: block;\n    background: transparent;\n    padding-top: 16px;\n  }\n  .selectWrapper {\n    position: relative;\n    font-family: inherit;\n    font-size: 14px;\n  }\n  .selectWrapper .select .select__control {\n    cursor: pointer;\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n    min-width: 130px;\n  }\n  .selectWrapper .select .select__value-container {\n    display: inline-flex;\n    justify-content: flex-end;\n  }\n  .selectWrapper .select .select__single-value,\n  .selectWrapper .select .select__option {\n    text-transform: uppercase;\n    font-weight: bold;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .selectWrapper .select .select__menu {\n    border-radius: 0 !important;\n    text-align: center;\n  }\n  .codeExample {\n    margin-bottom: 0;\n    border-radius: 0 !important;\n    padding: 24px;\n  }\n  .isFullscreen .codeExample {\n    flex: 1 1 auto;\n    margin-bottom: 0;\n    padding: 0;\n  }\n  .wrapper {\n    position: relative;\n  }\n  .codeTypeToggle {\n    margin-bottom: 0 !important;\n    border-radius: 0 !important;\n    border-bottom: none !important;\n    background-color: var(--color-background-primary);\n  }\n  .codeTypeToggle.isActive {\n    background-color: var(--color-background-contrast);\n    color: var(--color-text-inverse);\n  }\n  .triangle {\n    font-size: 18px;\n    display: inline-block;\n    transition: transform 0.3s;\n  }\n  .triangle.up {\n    transform: rotate(180deg);\n  }\n  .triangle.down {\n    transform: none;\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}"]}