@orangesk/orange-design-system 2.0.0-beta.37 → 2.0.0-beta.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/Loader/style.css +1 -1
- package/build/components/Loader/style.css.map +1 -1
- package/build/components/Table/style.css +1 -1
- package/build/components/Table/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +10 -2
- package/build/components/types/src/components/Accordion/Accordion.static.d.ts +2 -0
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.d.ts +3 -1
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.static.d.ts +1 -0
- package/build/components/types/src/components/Loader/LoaderFullscreen.d.ts +7 -0
- package/build/components/types/src/components/Loader/index.d.ts +1 -0
- package/build/components/types/src/components/index.d.ts +2 -2
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.js.map +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +17 -10
- package/src/components/Accordion/Accordion.static.ts +44 -1
- package/src/components/Accordion/tests/Accordion.unit.test.jsx +109 -0
- package/src/components/BlockAction/styles/config.scss +6 -6
- package/src/components/CartTable/styles/mixins.scss +46 -49
- package/src/components/Container/styles/config.scss +2 -2
- package/src/components/Container/styles/mixins.scss +4 -4
- package/src/components/Forms/Autocomplete/Autocomplete.static.ts +1 -0
- package/src/components/Forms/Autocomplete/Autocomplete.tsx +6 -1
- package/src/components/Forms/Autocomplete/styles/config.scss +3 -3
- package/src/components/Forms/Checkbox/styles/mixins.scss +2 -2
- package/src/components/Forms/File/styles/config.scss +5 -5
- package/src/components/Forms/Hint/styles/config.scss +1 -1
- package/src/components/Forms/Hint/styles/mixins.scss +2 -2
- package/src/components/Forms/Label/styles/mixins.scss +2 -2
- package/src/components/Forms/Radio/styles/mixins.scss +2 -2
- package/src/components/Forms/Select/styles/mixins.scss +6 -6
- package/src/components/Forms/TextInput/styles/mixins.scss +10 -10
- package/src/components/Hero/styles/config.scss +0 -1
- package/src/components/Icon/styles/export/size.scss +2 -2
- package/src/components/Icon/styles/mixins.scss +3 -3
- package/src/components/IconList/styles/config.scss +2 -2
- package/src/components/IconList/styles/style.scss +1 -1
- package/src/components/Loader/LoaderFullscreen.tsx +32 -0
- package/src/components/Loader/index.ts +1 -0
- package/src/components/Loader/styles/config.scss +5 -5
- package/src/components/Loader/styles/mixins.scss +24 -0
- package/src/components/Loader/styles/style.scss +9 -0
- package/src/components/Loader/tests/LoaderFullscreen.conformance.test.jsx +21 -0
- package/src/components/Loader/tests/LoaderFullscreen.unit.test.jsx +41 -0
- package/src/components/Loader/tests/test.scss +1 -1
- package/src/components/PromotionCard/styles/config.scss +2 -4
- package/src/components/Skeleton/styles/mixins.scss +3 -3
- package/src/components/Sticker/styles/mixins.scss +2 -2
- package/src/components/Table/docsData.ts +0 -1
- package/src/components/Table/styles/mixins.scss +5 -0
- package/src/components/Tag/styles/mixins.scss +1 -1
- package/src/components/Testimonial/styles/config.scss +25 -22
- package/src/components/Testimonial/styles/mixins.scss +36 -32
- package/src/components/Tooltip/styles/mixins.scss +14 -13
- package/src/components/index.ts +2 -1
- package/src/styles/export/breakpoint.scss +1 -1
- package/src/styles/export/space.scss +1 -1
- package/src/styles/tokens/breakpoint.scss +64 -49
- package/src/styles/tokens/space.scss +9 -9
- package/src/styles/tools/generate.scss +6 -6
- package/src/styles/tools/layout.scss +3 -3
- package/src/styles/tools/map.scss +2 -2
- package/src/styles/tools/text.scss +1 -1
- package/src/styles/utilities/index.scss +7 -7
- package/build/search-index.json +0 -426
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@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;
|
|
1
|
+
@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)}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +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,
|
|
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,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}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@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%}}
|
|
1
|
+
@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%}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +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}"]}
|
|
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,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}"]}
|