@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.
Files changed (74) hide show
  1. package/build/components/Loader/style.css +1 -1
  2. package/build/components/Loader/style.css.map +1 -1
  3. package/build/components/Table/style.css +1 -1
  4. package/build/components/Table/style.css.map +1 -1
  5. package/build/components/index.js +1 -1
  6. package/build/components/index.js.map +1 -1
  7. package/build/components/tsconfig.tsbuildinfo +1 -1
  8. package/build/components/types/index.d.ts +10 -2
  9. package/build/components/types/src/components/Accordion/Accordion.static.d.ts +2 -0
  10. package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.d.ts +3 -1
  11. package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.static.d.ts +1 -0
  12. package/build/components/types/src/components/Loader/LoaderFullscreen.d.ts +7 -0
  13. package/build/components/types/src/components/Loader/index.d.ts +1 -0
  14. package/build/components/types/src/components/index.d.ts +2 -2
  15. package/build/lib/components.css +1 -1
  16. package/build/lib/components.css.map +1 -1
  17. package/build/lib/footer.js.map +1 -1
  18. package/build/lib/megamenu.js.map +1 -1
  19. package/build/lib/scripts.js +1 -1
  20. package/build/lib/scripts.js.map +1 -1
  21. package/build/lib/style.css +1 -1
  22. package/build/lib/style.css.map +1 -1
  23. package/build/lib/tsconfig.tsbuildinfo +1 -1
  24. package/package.json +17 -10
  25. package/src/components/Accordion/Accordion.static.ts +44 -1
  26. package/src/components/Accordion/tests/Accordion.unit.test.jsx +109 -0
  27. package/src/components/BlockAction/styles/config.scss +6 -6
  28. package/src/components/CartTable/styles/mixins.scss +46 -49
  29. package/src/components/Container/styles/config.scss +2 -2
  30. package/src/components/Container/styles/mixins.scss +4 -4
  31. package/src/components/Forms/Autocomplete/Autocomplete.static.ts +1 -0
  32. package/src/components/Forms/Autocomplete/Autocomplete.tsx +6 -1
  33. package/src/components/Forms/Autocomplete/styles/config.scss +3 -3
  34. package/src/components/Forms/Checkbox/styles/mixins.scss +2 -2
  35. package/src/components/Forms/File/styles/config.scss +5 -5
  36. package/src/components/Forms/Hint/styles/config.scss +1 -1
  37. package/src/components/Forms/Hint/styles/mixins.scss +2 -2
  38. package/src/components/Forms/Label/styles/mixins.scss +2 -2
  39. package/src/components/Forms/Radio/styles/mixins.scss +2 -2
  40. package/src/components/Forms/Select/styles/mixins.scss +6 -6
  41. package/src/components/Forms/TextInput/styles/mixins.scss +10 -10
  42. package/src/components/Hero/styles/config.scss +0 -1
  43. package/src/components/Icon/styles/export/size.scss +2 -2
  44. package/src/components/Icon/styles/mixins.scss +3 -3
  45. package/src/components/IconList/styles/config.scss +2 -2
  46. package/src/components/IconList/styles/style.scss +1 -1
  47. package/src/components/Loader/LoaderFullscreen.tsx +32 -0
  48. package/src/components/Loader/index.ts +1 -0
  49. package/src/components/Loader/styles/config.scss +5 -5
  50. package/src/components/Loader/styles/mixins.scss +24 -0
  51. package/src/components/Loader/styles/style.scss +9 -0
  52. package/src/components/Loader/tests/LoaderFullscreen.conformance.test.jsx +21 -0
  53. package/src/components/Loader/tests/LoaderFullscreen.unit.test.jsx +41 -0
  54. package/src/components/Loader/tests/test.scss +1 -1
  55. package/src/components/PromotionCard/styles/config.scss +2 -4
  56. package/src/components/Skeleton/styles/mixins.scss +3 -3
  57. package/src/components/Sticker/styles/mixins.scss +2 -2
  58. package/src/components/Table/docsData.ts +0 -1
  59. package/src/components/Table/styles/mixins.scss +5 -0
  60. package/src/components/Tag/styles/mixins.scss +1 -1
  61. package/src/components/Testimonial/styles/config.scss +25 -22
  62. package/src/components/Testimonial/styles/mixins.scss +36 -32
  63. package/src/components/Tooltip/styles/mixins.scss +14 -13
  64. package/src/components/index.ts +2 -1
  65. package/src/styles/export/breakpoint.scss +1 -1
  66. package/src/styles/export/space.scss +1 -1
  67. package/src/styles/tokens/breakpoint.scss +64 -49
  68. package/src/styles/tokens/space.scss +9 -9
  69. package/src/styles/tools/generate.scss +6 -6
  70. package/src/styles/tools/layout.scss +3 -3
  71. package/src/styles/tools/map.scss +2 -2
  72. package/src/styles/tools/text.scss +1 -1
  73. package/src/styles/utilities/index.scss +7 -7
  74. 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;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}}
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,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}"]}
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}"]}