@redvars/peacock 3.2.8 → 3.2.9
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/dist/{PeacockComponent-DMrFEGDh.js → PeacockComponent-CxJc63xj.js} +6 -13
- package/dist/PeacockComponent-CxJc63xj.js.map +1 -0
- package/dist/assets/styles.css +1 -1
- package/dist/assets/styles.css.map +1 -1
- package/dist/{button-BtpAXuLN.js → button-2MeDq0Yy.js} +11 -293
- package/dist/button-2MeDq0Yy.js.map +1 -0
- package/dist/button-group.js +3 -2
- package/dist/button-group.js.map +1 -1
- package/dist/button.js +6 -4
- package/dist/button.js.map +1 -1
- package/dist/{class-map-CbncA34D.js → class-map-BvQRv7eW.js} +3 -2
- package/dist/class-map-BvQRv7eW.js.map +1 -0
- package/dist/clock.js +85 -0
- package/dist/clock.js.map +1 -0
- package/dist/code-editor.js +43877 -0
- package/dist/code-editor.js.map +1 -0
- package/dist/code-highlighter.js +5 -4
- package/dist/code-highlighter.js.map +1 -1
- package/dist/custom-elements-jsdocs.json +561 -0
- package/dist/custom-elements.json +777 -194
- package/dist/directive-Cuw6h7YA.js +9 -0
- package/dist/directive-Cuw6h7YA.js.map +1 -0
- package/dist/dispatch-event-utils-vbdiOSeC.js +290 -0
- package/dist/dispatch-event-utils-vbdiOSeC.js.map +1 -0
- package/dist/{breadcrumb-item-DkhwoMAH.js → image-DK6VQW7N.js} +255 -92
- package/dist/image-DK6VQW7N.js.map +1 -0
- package/dist/index.js +12 -87
- package/dist/index.js.map +1 -1
- package/dist/number-counter.js +3 -2
- package/dist/number-counter.js.map +1 -1
- package/dist/observe-theme-change-NneLARW8.js +51 -0
- package/dist/observe-theme-change-NneLARW8.js.map +1 -0
- package/dist/peacock-loader.js +22 -11
- package/dist/peacock-loader.js.map +1 -1
- package/dist/src/code-editor/code-editor.d.ts +45 -0
- package/dist/src/code-editor/index.d.ts +2 -0
- package/dist/src/image/image.d.ts +45 -0
- package/dist/src/image/index.d.ts +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/utils/dispatch-event-utils.d.ts +72 -0
- package/dist/src/utils/observe-theme-change.d.ts +3 -0
- package/dist/src/utils.d.ts +1 -72
- package/dist/{state-CEVpI7Vv.js → state-B09bP3XH.js} +2 -2
- package/dist/{state-CEVpI7Vv.js.map → state-B09bP3XH.js.map} +1 -1
- package/dist/{style-map-mOmZwsJT.js → style-map-B8xgVEc9.js} +3 -2
- package/dist/style-map-B8xgVEc9.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/{unsafe-html-Ca00SXpn.js → unsafe-html-B-dV3Jps.js} +3 -2
- package/dist/unsafe-html-B-dV3Jps.js.map +1 -0
- package/package.json +5 -3
- package/scss/styles.scss +57 -1
- package/scss/tokens.css +1 -0
- package/src/accordion/accordion-item/accordion-item.scss +1 -1
- package/src/button/BaseButton.ts +1 -1
- package/src/clock/clock.ts +4 -1
- package/src/code-editor/code-editor.scss +52 -0
- package/src/code-editor/code-editor.ts +215 -0
- package/src/code-editor/demo/index.html +37 -0
- package/src/code-editor/index.ts +3 -0
- package/src/container/container.scss +1 -1
- package/src/date-picker/date-picker.ts +1 -1
- package/src/image/image.scss +49 -0
- package/src/image/image.ts +135 -0
- package/src/image/index.ts +1 -0
- package/src/index.ts +2 -0
- package/src/input/input.ts +1 -2
- package/src/menu/menu-item/menu-item.scss +5 -4
- package/src/menu/menu-list/menu-list.scss +1 -0
- package/src/number-field/number-field.ts +1 -1
- package/src/peacock-loader.ts +7 -0
- package/src/textarea/textarea.ts +1 -1
- package/src/time-picker/time-picker.ts +1 -1
- package/src/utils/dispatch-event-utils.ts +131 -0
- package/src/utils/observe-theme-change.ts +30 -0
- package/src/utils.ts +5 -131
- package/dist/PeacockComponent-DMrFEGDh.js.map +0 -1
- package/dist/breadcrumb-item-DkhwoMAH.js.map +0 -1
- package/dist/button-BtpAXuLN.js.map +0 -1
- package/dist/class-map-CbncA34D.js.map +0 -1
- package/dist/style-map-mOmZwsJT.js.map +0 -1
- package/dist/unsafe-html-Ca00SXpn.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,wDACA,yCACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC9hBA,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,yCACA,0CACA,8CACA,kCDrDA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n --global-avatar-border-radius: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; /* No spacing (base × 0). */\n --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n font-family: var(--font-family-monospace);\n background: var(--color-primary-container);\n border-radius: var(--shape-corner-extra-small);\n padding-inline: var(--spacing-050);\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css","file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss","file:///home/runner/work/peacock/peacock/components/scss/styles.scss"],"names":[],"mappings":"AAIA,MACE,uBACA,mCACA,wBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,6CACA,mCACA,6CACA,qCACA,yBACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,2BACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,yBACA,2BACA,2BACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,iCACA,mCACA,mCACA,mCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,qCACA,uCACA,gDACA,uCACA,gDACA,yCACA,kDACA,2CACA,oDACA,6CACA,sDACA,2CACA,oDACA,qCACA,8CACA,iDACA,0DACA,2CACA,oDACA,4CACA,4DACA,+CACA,wDACA,4CACA,qDACA,2CACA,oDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iDACA,yDACA,yCACA,2BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,mDACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,iCACA,uBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,wBACA,yBACA,2CACA,sCACA,6CACA,6BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,8BACA,+BACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,2DACA,6CACA,yDACA,2CACA,4BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,6BACA,8BACA,qDACA,wCACA,kDACA,uBACA,uCACA,0BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,iDACA,uBACA,wBACA,sBACA,sBACA,uBACA,wBACA,wBACA,0BACA,0BACA,wBACA,yBACA,yBACA,yBACA,0CACA,8CACA,6CACA,qDACA,4CACA,wBACA,0BACA,2BACA,6BACA,wDACA,yCACA,uBACA,iCACA,gCACA,4BACA,2BACA,qCACA,4BACA,uBACA,0BACA,iBACA,wBACA,uBACA,sBACA,uBACA,oBACA,sBACA,oBACA,sBACA,oBACA,oBACA,qBACA,qBACA,sBACA,qBACA,wEACA,mDACA,0EACA,yDACA,uDACA,6DACA,wCACA,gEACA,8CACA,4CACA,yEACA,wDACA,2EACA,2DACA,yDACA,8DACA,6CACA,iEACA,gDACA,8CACA,wEACA,sDACA,0EACA,wEACA,qDACA,6DACA,2CACA,gEACA,6DACA,0CACA,6EACA,mDACA,0EACA,yDACA,uDACA,kEACA,wCACA,gEACA,8CACA,4CACA,8EACA,wDACA,2EACA,2DACA,yDACA,mEACA,6CACA,iEACA,gDACA,8CACA,6EACA,sDACA,0EACA,wEACA,qDACA,kEACA,2CACA,gEACA,6DACA,0CACA,2EACA,2DACA,6EACA,8DACA,wDACA,gEACA,gDACA,mEACA,mDACA,6CACA,4EACA,4DACA,8EACA,yDACA,4DACA,iEACA,iDACA,oEACA,8CACA,iDACA,2EACA,yDACA,6EACA,wDACA,2DACA,gEACA,8CACA,mEACA,6CACA,gDACA,4EACA,uDACA,8EACA,yDACA,2DACA,iEACA,4CACA,oEACA,8CACA,gDACA,6EACA,2DACA,+EACA,0DACA,6DACA,kEACA,gDACA,qEACA,+CACA,kDACA,4EACA,yDACA,8EACA,yDACA,yDACA,iEACA,8CACA,oEACA,8CACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,0EACA,wDACA,+EACA,2DACA,uDACA,+DACA,6CACA,iEACA,gDACA,4CACA,yEACA,yDACA,8EACA,0DACA,sDACA,8DACA,8CACA,gEACA,+CACA,2CACA,yEACA,wDACA,2EACA,sDACA,yDACA,8DACA,6CACA,iEACA,2CACA,8CACA,0EACA,qDACA,+EACA,2EACA,yDACA,+DACA,0CACA,iEACA,gEACA,8CACA,yEACA,wDACA,8EACA,0EACA,yDACA,8DACA,6CACA,gEACA,+DACA,8CACA,oBACA,wBAGF,kBACE,mCACA,6CACA,mCACA,6CACA,qCACA,+CACA,2CACA,2CACA,6CACA,oDACA,+CACA,iDACA,+CACA,yCACA,qDACA,+CACA,iDACA,mDACA,gDACA,+CACA,sCACA,gDACA,sCACA,gDACA,wCACA,kDACA,0CACA,oDACA,4CACA,sDACA,0CACA,oDACA,oCACA,8CACA,gDACA,0DACA,0CACA,oDACA,4CACA,4DACA,8CACA,wDACA,2CACA,qDACA,0CACA,oDACA,uCACA,iDACA,iDACA,yDACA,yCACA,mDACA,uCACA,iDACA,iCACA,2CACA,sCACA,6CACA,uDACA,uCACA,uCACA,iDACA,yCACA,mDACA,wDACA,2DACA,uDACA,yDACA,4CACA,yDACA,2CACA,qDACA,wCACA,kDACA,uCACA,iDC/hBA,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,yCACA,0CACA,8CACA,kCDrDA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE,iDCZF,6IACE,8BACA,sCAGF,SACE,gCAGF,wBACE,+CAGF,2BACE,kDAGF,mBACE,0CAGF,uBACE,8CAGF,0BACE,iDAGF,aACE,oCAGF,iBACE,wCACA,sCACA,8CAGF,YACE,2BACA,gCAIF,oBACI,+BACA,6BAIJ,0BACE,sCACA","sourcesContent":["/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */\n\n:root {\n --color-black: #000000;\n --color-blue: var(--color-blue-40);\n --color-blue-0: #000000;\n --color-blue-10: #001550;\n --color-blue-20: #00277f;\n --color-blue-30: #003ab2;\n --color-blue-40: #2352d5;\n --color-blue-50: #446def;\n --color-blue-60: #6789ff;\n --color-blue-70: #90a7ff;\n --color-blue-80: #b6c4ff;\n --color-blue-90: #dce1ff;\n --color-blue-100: #ffffff;\n --color-blue-container: var(--color-blue-90);\n --color-error: var(--color-red-40);\n --color-error-container: var(--color-red-90);\n --color-green: var(--color-green-40);\n --color-green-0: #000000;\n --color-green-10: #00210b;\n --color-green-20: #003917;\n --color-green-30: #005225;\n --color-green-40: #0f6d35;\n --color-green-50: #31874b;\n --color-green-60: #4da163;\n --color-green-70: #68bd7b;\n --color-green-80: #83d995;\n --color-green-90: #9ff6af;\n --color-green-100: #ffffff;\n --color-green-container: var(--color-green-90);\n --color-inverse-blue: var(--color-blue-80);\n --color-inverse-error: var(--color-red-80);\n --color-inverse-green: var(--color-green-80);\n --color-inverse-on-surface: var(--color-neutral-95);\n --color-inverse-orange: var(--color-orange-80);\n --color-inverse-primary: var(--color-primary-80);\n --color-inverse-purple: var(--color-purple-80);\n --color-inverse-red: var(--color-red-80);\n --color-inverse-secondary: var(--color-secondary-80);\n --color-inverse-success: var(--color-green-80);\n --color-inverse-surface: var(--color-neutral-20);\n --color-inverse-tertiary: var(--color-tertiary-80);\n --color-inverse-warning: var(--color-yellow-80);\n --color-inverse-yellow: var(--color-yellow-80);\n --color-neutral: #79767a;\n --color-neutral-0: #000000;\n --color-neutral-4: #0f0e11;\n --color-neutral-6: #141316;\n --color-neutral-10: #1c1b1e;\n --color-neutral-12: #201f23;\n --color-neutral-17: #2b292d;\n --color-neutral-20: #313033;\n --color-neutral-22: #363438;\n --color-neutral-30: #48464a;\n --color-neutral-40: #605d62;\n --color-neutral-50: #79767a;\n --color-neutral-60: #939094;\n --color-neutral-70: #aeaaaf;\n --color-neutral-80: #c9c5ca;\n --color-neutral-87: #ddd9dd;\n --color-neutral-90: #e6e1e6;\n --color-neutral-92: #ebe7ec;\n --color-neutral-94: #f1ecf1;\n --color-neutral-95: #f4eff4;\n --color-neutral-96: #f7f2f7;\n --color-neutral-98: #fdf8fd;\n --color-neutral-99: #fffbff;\n --color-neutral-100: #ffffff;\n --color-neutral-variant: #79757f;\n --color-neutral-variant-0: #000000;\n --color-neutral-variant-4: #0f0d15;\n --color-neutral-variant-6: #14121a;\n --color-neutral-variant-10: #1c1a22;\n --color-neutral-variant-12: #201e27;\n --color-neutral-variant-17: #2b2931;\n --color-neutral-variant-20: #312f38;\n --color-neutral-variant-22: #36333c;\n --color-neutral-variant-30: #48454e;\n --color-neutral-variant-40: #605d66;\n --color-neutral-variant-50: #79757f;\n --color-neutral-variant-60: #938f99;\n --color-neutral-variant-70: #aea9b4;\n --color-neutral-variant-80: #c9c4d0;\n --color-neutral-variant-87: #ddd8e3;\n --color-neutral-variant-90: #e6e0ec;\n --color-neutral-variant-92: #ece6f1;\n --color-neutral-variant-94: #f1ecf7;\n --color-neutral-variant-95: #f4eefa;\n --color-neutral-variant-96: #f7f1fd;\n --color-neutral-variant-98: #fdf8ff;\n --color-neutral-variant-99: #fffbff;\n --color-neutral-variant-100: #ffffff;\n --color-on-blue: var(--color-blue-100);\n --color-on-blue-container: var(--color-blue-10);\n --color-on-error: var(--color-red-100);\n --color-on-error-container: var(--color-red-10);\n --color-on-green: var(--color-green-100);\n --color-on-green-container: var(--color-green-10);\n --color-on-orange: var(--color-orange-100);\n --color-on-orange-container: var(--color-orange-10);\n --color-on-primary: var(--color-primary-100);\n --color-on-primary-container: var(--color-primary-10);\n --color-on-purple: var(--color-purple-100);\n --color-on-purple-container: var(--color-purple-10);\n --color-on-red: var(--color-red-100);\n --color-on-red-container: var(--color-red-10);\n --color-on-secondary: var(--color-secondary-100);\n --color-on-secondary-container: var(--color-secondary-10);\n --color-on-success: var(--color-green-100);\n --color-on-success-container: var(--color-green-10);\n --color-on-surface: var(--color-neutral-10);\n --color-on-surface-variant: var(--color-neutral-variant-30);\n --color-on-tertiary: var(--color-tertiary-100);\n --color-on-tertiary-container: var(--color-tertiary-10);\n --color-on-warning: var(--color-yellow-100);\n --color-on-warning-container: var(--color-yellow-10);\n --color-on-yellow: var(--color-yellow-100);\n --color-on-yellow-container: var(--color-yellow-10);\n --color-orange: var(--color-orange-40);\n --color-orange-0: #000000;\n --color-orange-10: #341100;\n --color-orange-20: #552100;\n --color-orange-30: #783100;\n --color-orange-40: #9e4300;\n --color-orange-50: #c55500;\n --color-orange-60: #ee6803;\n --color-orange-70: #ff8d4c;\n --color-orange-80: #ffb691;\n --color-orange-90: #ffdbcb;\n --color-orange-100: #ffffff;\n --color-orange-container: var(--color-orange-90);\n --color-outline: var(--color-neutral-variant-50);\n --color-outline-variant: var(--color-neutral-variant-80);\n --color-primary: var(--color-primary-40);\n --color-primary-0: #000000;\n --color-primary-10: #1d0061;\n --color-primary-20: #330098;\n --color-primary-30: #4a21bd;\n --color-primary-40: #6341d5;\n --color-primary-50: #7c5df0;\n --color-primary-60: #967cff;\n --color-primary-70: #b09dff;\n --color-primary-80: #cbbeff;\n --color-primary-90: #e7deff;\n --color-primary-95: #f4eeff;\n --color-primary-98: #fdf8ff;\n --color-primary-100: #ffffff;\n --color-primary-container: var(--color-primary-90);\n --color-purple: var(--color-purple-40);\n --color-purple-0: #000000;\n --color-purple-10: #3f001c;\n --color-purple-20: #650032;\n --color-purple-30: #8e0048;\n --color-purple-40: #ba0061;\n --color-purple-50: #e6067a;\n --color-purple-60: #ff4993;\n --color-purple-70: #ff84ad;\n --color-purple-80: #ffb1c7;\n --color-purple-90: #ffd9e2;\n --color-purple-100: #ffffff;\n --color-purple-container: var(--color-purple-90);\n --color-red: var(--color-red-40);\n --color-red-0: #000000;\n --color-red-10: #410001;\n --color-red-20: #690002;\n --color-red-30: #930005;\n --color-red-40: #be0c0e;\n --color-red-50: #e32e25;\n --color-red-60: #ff5545;\n --color-red-70: #ff8a7b;\n --color-red-80: #ffb4a9;\n --color-red-90: #ffdad5;\n --color-red-100: #ffffff;\n --color-red-container: var(--color-red-90);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-40);\n --color-secondary-0: #000000;\n --color-secondary-10: #1d192b;\n --color-secondary-20: #322e41;\n --color-secondary-30: #484458;\n --color-secondary-40: #605b71;\n --color-secondary-50: #79748a;\n --color-secondary-60: #938da5;\n --color-secondary-70: #aea8c0;\n --color-secondary-80: #cac3dc;\n --color-secondary-90: #e6dff9;\n --color-secondary-95: #f4eeff;\n --color-secondary-98: #fdf8ff;\n --color-secondary-100: #ffffff;\n --color-secondary-container: var(--color-secondary-90);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-40);\n --color-success-container: var(--color-green-90);\n --color-surface: var(--color-neutral-99);\n --color-surface-container: var(--color-neutral-94);\n --color-surface-container-high: var(--color-neutral-92);\n --color-surface-container-highest: var(--color-neutral-90);\n --color-surface-container-low: var(--color-neutral-96);\n --color-surface-container-lowest: var(--color-neutral-100);\n --color-surface-dim: var(--color-neutral-87);\n --color-surface-variant: var(--color-neutral-variant-90);\n --color-tertiary: var(--color-tertiary-40);\n --color-tertiary-0: #000000;\n --color-tertiary-10: #30111f;\n --color-tertiary-20: #492534;\n --color-tertiary-30: #623b4b;\n --color-tertiary-40: #7c5263;\n --color-tertiary-50: #986a7b;\n --color-tertiary-60: #b48395;\n --color-tertiary-70: #d09db0;\n --color-tertiary-80: #eeb8cb;\n --color-tertiary-90: #ffd9e5;\n --color-tertiary-95: #ffecf1;\n --color-tertiary-98: #fff8f8;\n --color-tertiary-100: #ffffff;\n --color-tertiary-container: var(--color-tertiary-90);\n --color-warning: var(--color-yellow-40);\n --color-warning-container: var(--color-yellow-90);\n --color-white: #ffffff;\n --color-yellow: var(--color-yellow-40);\n --color-yellow-0: #000000;\n --color-yellow-10: #241a00;\n --color-yellow-20: #3d2f00;\n --color-yellow-30: #574400;\n --color-yellow-40: #745b00;\n --color-yellow-50: #917400;\n --color-yellow-60: #b08d00;\n --color-yellow-70: #d0a600;\n --color-yellow-80: #f0c100;\n --color-yellow-90: #ffe089;\n --color-yellow-100: #ffffff;\n --color-yellow-container: var(--color-yellow-90);\n --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */\n --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */\n --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */\n --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */\n --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */\n --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */\n --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */\n --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */\n --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */\n --easing-linear: cubic-bezier(0, 0, 1, 1);\n --easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --font-family-brand: \"Noto Sans\", sans-serif; /* The font family used for brand headings and titles. */\n --font-family-monospace: \"Noto Sans Mono\", monospace; /* The font family used for code snippets and monospaced text. */\n --font-family-sans: \"Noto Sans\", sans-serif; /* The primary font family used for body text and general content. */\n --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */\n --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */\n --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */\n --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */\n --global-avatar-border-radius: var(--shape-corner-full);\n --global-badge-color: var(--color-error);\n --scrollbar-width: 8px;\n --shape-corner-extra-large: 28px;\n --shape-corner-extra-small: 4px;\n --shape-corner-full: 9999px;\n --shape-corner-large: 16px;\n --shape-corner-large-increased: 20px;\n --shape-corner-medium: 12px;\n --shape-corner-none: 0;\n --shape-corner-small: 8px;\n --spacing-000: 0; /* No spacing (base × 0). */\n --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */\n --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */\n --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */\n --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */\n --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */\n --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */\n --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */\n --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */\n --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */\n --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */\n --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */\n --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */\n --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */\n --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */\n --typography-body-large-emphasized-font-family: var(--font-family-sans);\n --typography-body-large-emphasized-font-size: 1rem;\n --typography-body-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-large-emphasized-letter-spacing: 0.5px;\n --typography-body-large-emphasized-line-height: 1.5rem;\n --typography-body-large-font-family: var(--font-family-sans);\n --typography-body-large-font-size: 1rem;\n --typography-body-large-font-weight: var(--font-weight-regular);\n --typography-body-large-letter-spacing: 0.5px;\n --typography-body-large-line-height: 1.5rem;\n --typography-body-medium-emphasized-font-family: var(--font-family-sans);\n --typography-body-medium-emphasized-font-size: 0.875rem;\n --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-medium-emphasized-letter-spacing: 0.25px;\n --typography-body-medium-emphasized-line-height: 1.25rem;\n --typography-body-medium-font-family: var(--font-family-sans);\n --typography-body-medium-font-size: 0.875rem;\n --typography-body-medium-font-weight: var(--font-weight-regular);\n --typography-body-medium-letter-spacing: 0.25px;\n --typography-body-medium-line-height: 1.25rem;\n --typography-body-small-emphasized-font-family: var(--font-family-sans);\n --typography-body-small-emphasized-font-size: 0.75rem;\n --typography-body-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-body-small-emphasized-line-height: 1rem;\n --typography-body-small-font-family: var(--font-family-sans);\n --typography-body-small-font-size: 0.75rem;\n --typography-body-small-font-weight: var(--font-weight-regular);\n --typography-body-small-letter-spacing: 0.4000000059604645px;\n --typography-body-small-line-height: 1rem;\n --typography-code-large-emphasized-font-family: var(--font-family-monospace);\n --typography-code-large-emphasized-font-size: 1rem;\n --typography-code-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-large-emphasized-letter-spacing: 0.5px;\n --typography-code-large-emphasized-line-height: 1.5rem;\n --typography-code-large-font-family: var(--font-family-monospace);\n --typography-code-large-font-size: 1rem;\n --typography-code-large-font-weight: var(--font-weight-regular);\n --typography-code-large-letter-spacing: 0.5px;\n --typography-code-large-line-height: 1.5rem;\n --typography-code-medium-emphasized-font-family: var(--font-family-monospace);\n --typography-code-medium-emphasized-font-size: 0.875rem;\n --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-medium-emphasized-letter-spacing: 0.25px;\n --typography-code-medium-emphasized-line-height: 1.25rem;\n --typography-code-medium-font-family: var(--font-family-monospace);\n --typography-code-medium-font-size: 0.875rem;\n --typography-code-medium-font-weight: var(--font-weight-regular);\n --typography-code-medium-letter-spacing: 0.25px;\n --typography-code-medium-line-height: 1.25rem;\n --typography-code-small-emphasized-font-family: var(--font-family-monospace);\n --typography-code-small-emphasized-font-size: 0.75rem;\n --typography-code-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;\n --typography-code-small-emphasized-line-height: 1rem;\n --typography-code-small-font-family: var(--font-family-monospace);\n --typography-code-small-font-size: 0.75rem;\n --typography-code-small-font-weight: var(--font-weight-regular);\n --typography-code-small-letter-spacing: 0.4000000059604645px;\n --typography-code-small-line-height: 1rem;\n --typography-display-large-emphasized-font-family: var(--font-family-sans);\n --typography-display-large-emphasized-font-size: 3.5625rem;\n --typography-display-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-large-emphasized-letter-spacing: -0.25px;\n --typography-display-large-emphasized-line-height: 4rem;\n --typography-display-large-font-family: var(--font-family-sans);\n --typography-display-large-font-size: 3.5625rem;\n --typography-display-large-font-weight: var(--font-weight-regular);\n --typography-display-large-letter-spacing: -0.25px;\n --typography-display-large-line-height: 4rem;\n --typography-display-medium-emphasized-font-family: var(--font-family-sans);\n --typography-display-medium-emphasized-font-size: 2.8125rem;\n --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-medium-emphasized-letter-spacing: 0;\n --typography-display-medium-emphasized-line-height: 3.25rem;\n --typography-display-medium-font-family: var(--font-family-sans);\n --typography-display-medium-font-size: 2.8125rem;\n --typography-display-medium-font-weight: var(--font-weight-regular);\n --typography-display-medium-letter-spacing: 0;\n --typography-display-medium-line-height: 3.25rem;\n --typography-display-small-emphasized-font-family: var(--font-family-sans);\n --typography-display-small-emphasized-font-size: 2.25rem;\n --typography-display-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-display-small-emphasized-letter-spacing: 0;\n --typography-display-small-emphasized-line-height: 2.75rem;\n --typography-display-small-font-family: var(--font-family-sans);\n --typography-display-small-font-size: 2.25rem;\n --typography-display-small-font-weight: var(--font-weight-regular);\n --typography-display-small-letter-spacing: 0;\n --typography-display-small-line-height: 2.75rem;\n --typography-headline-large-emphasized-font-family: var(--font-family-sans);\n --typography-headline-large-emphasized-font-size: 2rem;\n --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-large-emphasized-letter-spacing: 0;\n --typography-headline-large-emphasized-line-height: 2.5rem;\n --typography-headline-large-font-family: var(--font-family-sans);\n --typography-headline-large-font-size: 2rem;\n --typography-headline-large-font-weight: var(--font-weight-regular);\n --typography-headline-large-letter-spacing: 0;\n --typography-headline-large-line-height: 2.5rem;\n --typography-headline-medium-emphasized-font-family: var(--font-family-sans);\n --typography-headline-medium-emphasized-font-size: 1.75rem;\n --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-medium-emphasized-letter-spacing: 0;\n --typography-headline-medium-emphasized-line-height: 2.25rem;\n --typography-headline-medium-font-family: var(--font-family-sans);\n --typography-headline-medium-font-size: 1.75rem;\n --typography-headline-medium-font-weight: var(--font-weight-regular);\n --typography-headline-medium-letter-spacing: 0;\n --typography-headline-medium-line-height: 2.25rem;\n --typography-headline-small-emphasized-font-family: var(--font-family-sans);\n --typography-headline-small-emphasized-font-size: 1.5rem;\n --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);\n --typography-headline-small-emphasized-letter-spacing: 0;\n --typography-headline-small-emphasized-line-height: 2rem;\n --typography-headline-small-font-family: var(--font-family-sans);\n --typography-headline-small-font-size: 1.5rem;\n --typography-headline-small-font-weight: var(--font-weight-regular);\n --typography-headline-small-letter-spacing: 0;\n --typography-headline-small-line-height: 2rem;\n --typography-label-large-emphasized-font-family: var(--font-family-sans);\n --typography-label-large-emphasized-font-size: 0.875rem;\n --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-label-large-emphasized-line-height: 1.25rem;\n --typography-label-large-font-family: var(--font-family-sans);\n --typography-label-large-font-size: 0.875rem;\n --typography-label-large-font-weight: var(--font-weight-medium);\n --typography-label-large-letter-spacing: 0.10000000149011612px;\n --typography-label-large-line-height: 1.25rem;\n --typography-label-medium-emphasized-font-family: var(--font-family-sans);\n --typography-label-medium-emphasized-font-size: 0.75rem;\n --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-medium-emphasized-letter-spacing: 0.5px;\n --typography-label-medium-emphasized-line-height: 1rem;\n --typography-label-medium-font-family: var(--font-family-sans);\n --typography-label-medium-font-size: 0.75rem;\n --typography-label-medium-font-weight: var(--font-weight-medium);\n --typography-label-medium-letter-spacing: 0.5px;\n --typography-label-medium-line-height: 1rem;\n --typography-label-small-emphasized-font-family: var(--font-family-sans);\n --typography-label-small-emphasized-font-size: 0.6875rem;\n --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-label-small-emphasized-letter-spacing: 0.5px;\n --typography-label-small-emphasized-line-height: 1rem;\n --typography-label-small-font-family: var(--font-family-sans);\n --typography-label-small-font-size: 0.6875rem;\n --typography-label-small-font-weight: var(--font-weight-medium);\n --typography-label-small-letter-spacing: 0.5px;\n --typography-label-small-line-height: 1rem;\n --typography-title-large-emphasized-font-family: var(--font-family-sans);\n --typography-title-large-emphasized-font-size: 1.375rem;\n --typography-title-large-emphasized-font-weight: var(--font-weight-medium);\n --typography-title-large-emphasized-letter-spacing: 0;\n --typography-title-large-emphasized-line-height: 1.75rem;\n --typography-title-large-font-family: var(--font-family-sans);\n --typography-title-large-font-size: 1.375rem;\n --typography-title-large-font-weight: var(--font-weight-regular);\n --typography-title-large-letter-spacing: 0;\n --typography-title-large-line-height: 1.75rem;\n --typography-title-medium-emphasized-font-family: var(--font-family-sans);\n --typography-title-medium-emphasized-font-size: 1rem;\n --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-emphasized-line-height: 1.5rem;\n --typography-title-medium-font-family: var(--font-family-sans);\n --typography-title-medium-font-size: 1rem;\n --typography-title-medium-font-weight: var(--font-weight-medium);\n --typography-title-medium-letter-spacing: 0.15000000596046448px;\n --typography-title-medium-line-height: 1.5rem;\n --typography-title-small-emphasized-font-family: var(--font-family-sans);\n --typography-title-small-emphasized-font-size: 0.875rem;\n --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);\n --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;\n --typography-title-small-emphasized-line-height: 1.25rem;\n --typography-title-small-font-family: var(--font-family-sans);\n --typography-title-small-font-size: 0.875rem;\n --typography-title-small-font-weight: var(--font-weight-medium);\n --typography-title-small-letter-spacing: 0.10000000149011612px;\n --typography-title-small-line-height: 1.25rem;\n --z-index-badge: 10;\n color-scheme: light dark;\n}\n\n[data-theme='dark'] {\n --color-blue: var(--color-blue-80);\n --color-blue-container: var(--color-blue-30);\n --color-error: var(--color-red-80);\n --color-error-container: var(--color-red-30);\n --color-green: var(--color-green-80);\n --color-green-container: var(--color-green-30);\n --color-inverse-blue: var(--color-blue-40);\n --color-inverse-error: var(--color-red-40);\n --color-inverse-green: var(--color-green-40);\n --color-inverse-on-surface: var(--color-neutral-20);\n --color-inverse-orange: var(--color-orange-40);\n --color-inverse-primary: var(--color-primary-40);\n --color-inverse-purple: var(--color-purple-40);\n --color-inverse-red: var(--color-red-40);\n --color-inverse-secondary: var(--color-secondary-40);\n --color-inverse-success: var(--color-green-40);\n --color-inverse-surface: var(--color-neutral-90);\n --color-inverse-tertiary: var(--color-tertiary-40);\n --color-inverse-warning: var(--color-yellow-40);\n --color-inverse-yellow: var(--color-yellow-40);\n --color-on-blue: var(--color-blue-20);\n --color-on-blue-container: var(--color-blue-90);\n --color-on-error: var(--color-red-20);\n --color-on-error-container: var(--color-red-90);\n --color-on-green: var(--color-green-20);\n --color-on-green-container: var(--color-green-90);\n --color-on-orange: var(--color-orange-20);\n --color-on-orange-container: var(--color-orange-90);\n --color-on-primary: var(--color-primary-20);\n --color-on-primary-container: var(--color-primary-90);\n --color-on-purple: var(--color-purple-20);\n --color-on-purple-container: var(--color-purple-90);\n --color-on-red: var(--color-red-20);\n --color-on-red-container: var(--color-red-90);\n --color-on-secondary: var(--color-secondary-20);\n --color-on-secondary-container: var(--color-secondary-90);\n --color-on-success: var(--color-green-20);\n --color-on-success-container: var(--color-green-90);\n --color-on-surface: var(--color-neutral-90);\n --color-on-surface-variant: var(--color-neutral-variant-80);\n --color-on-tertiary: var(--color-tertiary-20);\n --color-on-tertiary-container: var(--color-tertiary-90);\n --color-on-warning: var(--color-yellow-20);\n --color-on-warning-container: var(--color-yellow-90);\n --color-on-yellow: var(--color-yellow-20);\n --color-on-yellow-container: var(--color-yellow-90);\n --color-orange: var(--color-orange-80);\n --color-orange-container: var(--color-orange-30);\n --color-outline: var(--color-neutral-variant-60);\n --color-outline-variant: var(--color-neutral-variant-30);\n --color-primary: var(--color-primary-80);\n --color-primary-container: var(--color-primary-30);\n --color-purple: var(--color-purple-80);\n --color-purple-container: var(--color-purple-30);\n --color-red: var(--color-red-80);\n --color-red-container: var(--color-red-30);\n --color-scrim: var(--color-neutral-0);\n --color-secondary: var(--color-secondary-80);\n --color-secondary-container: var(--color-secondary-30);\n --color-shadow: var(--color-neutral-0);\n --color-success: var(--color-green-80);\n --color-success-container: var(--color-green-30);\n --color-surface: var(--color-neutral-10);\n --color-surface-container: var(--color-neutral-12);\n --color-surface-container-high: var(--color-neutral-17);\n --color-surface-container-highest: var(--color-neutral-22);\n --color-surface-container-low: var(--color-neutral-10);\n --color-surface-container-lowest: var(--color-neutral-4);\n --color-surface-dim: var(--color-neutral-6);\n --color-surface-variant: var(--color-neutral-variant-30);\n --color-tertiary: var(--color-tertiary-80);\n --color-tertiary-container: var(--color-tertiary-30);\n --color-warning: var(--color-yellow-80);\n --color-warning-container: var(--color-yellow-30);\n --color-yellow: var(--color-yellow-80);\n --color-yellow-container: var(--color-yellow-30);\n}\n\n","@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n font-family: var(--font-family-monospace);\n background: var(--color-primary-container);\n border-radius: var(--shape-corner-extra-small);\n padding-inline: var(--spacing-050);\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n","@use 'tokens.css';\n@use '../src/text/text.css-component.scss';\n@use '../src/link/link.css-component.scss';\n@use '../src/popover/tooltip.css-component.scss';\n\n.surface, .surface-container-high, .surface-container-highest, .surface-container, .surface-container-low, .surface-container-lowest, .surface-dim {\n color: var(--color-on-surface);\n --icon-color: var(--color-on-surface);\n}\n\n.surface {\n background: var(--color-surface);\n}\n\n.surface-container-high {\n background: var(--color-surface-container-high);\n}\n\n.surface-container-highest {\n background: var(--color-surface-container-highest);\n}\n\n.surface-container {\n background: var(--color-surface-container);\n}\n\n.surface-container-low {\n background: var(--color-surface-container-low);\n}\n\n.surface-container-lowest {\n background: var(--color-surface-container-lowest);\n}\n\n.surface-dim {\n background: var(--color-surface-dim);\n}\n\n.surface-variant {\n background: var(--color-surface-variant);\n color: var(--color-on-surface-variant);\n --icon-color: var(--color-on-surface-variant);\n}\n\n::selection {\n color: var(--color-surface);\n background: var(--color-primary);\n}\n\n/* width */\n::-webkit-scrollbar {\n background-color: transparent;\n width: var(--scrollbar-width);\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n background-color: var(--color-primary);\n border-radius: calc(var(--scrollbar-width) / 2);\n}"]}
|
|
@@ -1,290 +1,8 @@
|
|
|
1
|
-
import { i,
|
|
2
|
-
import { r } from './state-
|
|
3
|
-
import { e as e$
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
* @license
|
|
7
|
-
* Copyright 2017 Google LLC
|
|
8
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/
|
|
10
|
-
const e$1=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* @license
|
|
14
|
-
* Copyright 2017 Google LLC
|
|
15
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
-
*/function e(e,r){return (n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;return e$1(n,s,{get(){return o(this)}})}}
|
|
17
|
-
|
|
18
|
-
async function createCacheFetch(name) {
|
|
19
|
-
let cache = null;
|
|
20
|
-
// This map tracks requests currently being processed
|
|
21
|
-
const inFlightRequests = new Map();
|
|
22
|
-
try {
|
|
23
|
-
cache = await window.caches.open(name);
|
|
24
|
-
}
|
|
25
|
-
catch (e) {
|
|
26
|
-
console.warn('window.caches access not allowed');
|
|
27
|
-
}
|
|
28
|
-
return async (url) => {
|
|
29
|
-
// 1. Check if we are already fetching this URL
|
|
30
|
-
if (inFlightRequests.has(url)) {
|
|
31
|
-
// Return the existing promise instead of starting a new one
|
|
32
|
-
return inFlightRequests.get(url);
|
|
33
|
-
}
|
|
34
|
-
// 2. Create the main logic as a promise
|
|
35
|
-
const fetchPromise = (async () => {
|
|
36
|
-
const request = new Request(url);
|
|
37
|
-
// Check Cache first
|
|
38
|
-
if (cache) {
|
|
39
|
-
const cachedResponse = await cache.match(request);
|
|
40
|
-
if (cachedResponse) {
|
|
41
|
-
return cachedResponse.text();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
// Prepare network request
|
|
45
|
-
const urlObj = new URL(request.url);
|
|
46
|
-
const isSameOrigin = urlObj.origin === window.location.origin;
|
|
47
|
-
const response = await fetch(request.url, {
|
|
48
|
-
method: 'GET',
|
|
49
|
-
mode: isSameOrigin ? 'no-cors' : 'cors',
|
|
50
|
-
credentials: isSameOrigin ? 'same-origin' : 'omit',
|
|
51
|
-
});
|
|
52
|
-
// --- Handle 404 ---
|
|
53
|
-
if (response.status === 404) {
|
|
54
|
-
console.error(`[Fetch Error] Resource not found (404): ${url}`);
|
|
55
|
-
return ''; // Return empty string as requested
|
|
56
|
-
}
|
|
57
|
-
const result = await response.text();
|
|
58
|
-
// Update Cache if applicable
|
|
59
|
-
if (cache && response.status === 200) {
|
|
60
|
-
// We clone the response logic by creating a new Response with the text body
|
|
61
|
-
await cache.put(request, new Response(result, {
|
|
62
|
-
status: response.status,
|
|
63
|
-
statusText: response.statusText,
|
|
64
|
-
headers: response.headers,
|
|
65
|
-
}));
|
|
66
|
-
}
|
|
67
|
-
return result;
|
|
68
|
-
})();
|
|
69
|
-
// 3. Store the promise in the map
|
|
70
|
-
inFlightRequests.set(url, fetchPromise);
|
|
71
|
-
try {
|
|
72
|
-
// 4. Wait for the result
|
|
73
|
-
return await fetchPromise;
|
|
74
|
-
}
|
|
75
|
-
finally {
|
|
76
|
-
// 5. Clean up: Remove the promise from the map when done
|
|
77
|
-
// This ensures subsequent calls (after this one finishes) can start fresh
|
|
78
|
-
inFlightRequests.delete(url);
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
// Basic sanitization: remove <script>, <foreignObject>, event handler attributes (on*), and iframes
|
|
83
|
-
function sanitizeSvg(rawSvg) {
|
|
84
|
-
try {
|
|
85
|
-
const parser = new DOMParser();
|
|
86
|
-
const doc = parser.parseFromString(rawSvg, 'image/svg+xml');
|
|
87
|
-
// remove script tags
|
|
88
|
-
const scripts = Array.from(doc.querySelectorAll('script'));
|
|
89
|
-
scripts.forEach(n => n.remove());
|
|
90
|
-
// remove foreignObject and iframe-like elements
|
|
91
|
-
const foreigns = Array.from(doc.querySelectorAll('foreignObject, iframe'));
|
|
92
|
-
foreigns.forEach(n => n.remove());
|
|
93
|
-
// remove event handler attributes like onload, onclick, etc.
|
|
94
|
-
const all = Array.from(doc.querySelectorAll('*'));
|
|
95
|
-
all.forEach(el => {
|
|
96
|
-
const attrs = Array.from(el.attributes).filter(a => /^on/i.test(a.name));
|
|
97
|
-
attrs.forEach(a => el.removeAttribute(a.name));
|
|
98
|
-
});
|
|
99
|
-
const el = doc.documentElement;
|
|
100
|
-
if (!el)
|
|
101
|
-
return '';
|
|
102
|
-
// serialize back to string
|
|
103
|
-
const serializer = new XMLSerializer();
|
|
104
|
-
return serializer.serializeToString(el);
|
|
105
|
-
}
|
|
106
|
-
catch (e) {
|
|
107
|
-
// parsing failed; fall back to empty content to avoid injecting unsafe content
|
|
108
|
-
return '';
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
function __hasMeaningfulContent(slotElement) {
|
|
112
|
-
const nodes = slotElement.assignedNodes({ flatten: true });
|
|
113
|
-
for (const node of nodes) {
|
|
114
|
-
// If it's an element node, it has content
|
|
115
|
-
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
116
|
-
return true;
|
|
117
|
-
}
|
|
118
|
-
// If it's a text node and contains non-whitespace characters, it has content
|
|
119
|
-
if (node.nodeType === Node.TEXT_NODE &&
|
|
120
|
-
node.textContent.trim().length > 0) {
|
|
121
|
-
return true;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
// No meaningful content found
|
|
125
|
-
return false;
|
|
126
|
-
}
|
|
127
|
-
function observerSlotChangesWithCallback(slot, callback) {
|
|
128
|
-
const observer = new MutationObserver(() => {
|
|
129
|
-
callback(__hasMeaningfulContent(slot));
|
|
130
|
-
});
|
|
131
|
-
// Observe the elements currently assigned to the slot
|
|
132
|
-
const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
133
|
-
assignedNodes.forEach(node => {
|
|
134
|
-
observer.observe(node, {
|
|
135
|
-
attributes: true,
|
|
136
|
-
childList: true,
|
|
137
|
-
characterData: true,
|
|
138
|
-
subtree: true,
|
|
139
|
-
});
|
|
140
|
-
});
|
|
141
|
-
callback(__hasMeaningfulContent(slot));
|
|
142
|
-
}
|
|
143
|
-
function throttle(func, delay, options = { leading: true, trailing: true }) {
|
|
144
|
-
let timerId;
|
|
145
|
-
let lastExec = 0;
|
|
146
|
-
return function (...args) {
|
|
147
|
-
// @ts-ignore
|
|
148
|
-
const context = this;
|
|
149
|
-
const now = Date.now();
|
|
150
|
-
const shouldCallNow = options.leading && now - lastExec >= delay;
|
|
151
|
-
if (shouldCallNow) {
|
|
152
|
-
func.apply(context, args);
|
|
153
|
-
lastExec = now;
|
|
154
|
-
}
|
|
155
|
-
else if (options.trailing && !timerId) {
|
|
156
|
-
timerId = setTimeout(() => {
|
|
157
|
-
func.apply(context, args);
|
|
158
|
-
lastExec = Date.now();
|
|
159
|
-
timerId = null;
|
|
160
|
-
}, delay);
|
|
161
|
-
}
|
|
162
|
-
};
|
|
163
|
-
}
|
|
164
|
-
/**
|
|
165
|
-
* Dispatches a click event to the given element that triggers a native action,
|
|
166
|
-
* but is not composed and therefore is not seen outside the element.
|
|
167
|
-
*
|
|
168
|
-
* This is useful for responding to an external click event on the host element
|
|
169
|
-
* that should trigger an internal action like a button click.
|
|
170
|
-
*
|
|
171
|
-
* Note, a helper is provided because setting this up correctly is a bit tricky.
|
|
172
|
-
* In particular, calling `click` on an element creates a composed event, which
|
|
173
|
-
* is not desirable, and a manually dispatched event must specifically be a
|
|
174
|
-
* `MouseEvent` to trigger a native action.
|
|
175
|
-
*
|
|
176
|
-
* @example
|
|
177
|
-
* hostClickListener = (event: MouseEvent) {
|
|
178
|
-
* if (isActivationClick(event)) {
|
|
179
|
-
* this.dispatchActivationClick(this.buttonElement);
|
|
180
|
-
* }
|
|
181
|
-
* }
|
|
182
|
-
*
|
|
183
|
-
*/
|
|
184
|
-
function dispatchActivationClick(element) {
|
|
185
|
-
const event = new MouseEvent('click', { bubbles: true });
|
|
186
|
-
element.dispatchEvent(event);
|
|
187
|
-
return event;
|
|
188
|
-
}
|
|
189
|
-
// Ignore events for one microtask only.
|
|
190
|
-
let isSquelchingEvents = false;
|
|
191
|
-
async function __squelchEventsForMicrotask() {
|
|
192
|
-
isSquelchingEvents = true;
|
|
193
|
-
// Need to pause for just one microtask.
|
|
194
|
-
// tslint:disable-next-line
|
|
195
|
-
await null;
|
|
196
|
-
isSquelchingEvents = false;
|
|
197
|
-
}
|
|
198
|
-
// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)
|
|
199
|
-
// Remove when Firefox bug is addressed.
|
|
200
|
-
function __squelchEvent(event) {
|
|
201
|
-
const squelched = isSquelchingEvents;
|
|
202
|
-
if (squelched) {
|
|
203
|
-
event.preventDefault();
|
|
204
|
-
event.stopImmediatePropagation();
|
|
205
|
-
}
|
|
206
|
-
__squelchEventsForMicrotask();
|
|
207
|
-
return squelched;
|
|
208
|
-
}
|
|
209
|
-
/**
|
|
210
|
-
* Returns true if the click event should trigger an activation behavior. The
|
|
211
|
-
* behavior is defined by the element and is whatever it should do when
|
|
212
|
-
* clicked.
|
|
213
|
-
*
|
|
214
|
-
* Typically when an element needs to handle a click, the click is generated
|
|
215
|
-
* from within the element and an event listener within the element implements
|
|
216
|
-
* the needed behavior; however, it's possible to fire a click directly
|
|
217
|
-
* at the element that the element should handle. This method helps
|
|
218
|
-
* distinguish these "external" clicks.
|
|
219
|
-
*
|
|
220
|
-
* An "external" click can be triggered in a number of ways: via a click
|
|
221
|
-
* on an associated label for a form associated element, calling
|
|
222
|
-
* `element.click()`, or calling
|
|
223
|
-
* `element.dispatchEvent(new MouseEvent('click', ...))`.
|
|
224
|
-
*
|
|
225
|
-
* Also works around Firefox issue
|
|
226
|
-
* https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching
|
|
227
|
-
* events for a microtask after called.
|
|
228
|
-
*
|
|
229
|
-
* @example
|
|
230
|
-
* hostClickListener = (event: MouseEvent) {
|
|
231
|
-
* if (isActivationClick(event)) {
|
|
232
|
-
* this.dispatchActivationClick(this.buttonElement);
|
|
233
|
-
* }
|
|
234
|
-
* }
|
|
235
|
-
*
|
|
236
|
-
*/
|
|
237
|
-
function isActivationClick(event) {
|
|
238
|
-
// Event must start at the event target.
|
|
239
|
-
if (event.currentTarget !== event.target) {
|
|
240
|
-
return false;
|
|
241
|
-
}
|
|
242
|
-
// Event must not be retargeted from shadowRoot.
|
|
243
|
-
if (event.composedPath()[0] !== event.target) {
|
|
244
|
-
return false;
|
|
245
|
-
}
|
|
246
|
-
// Target must not be disabled; this should only occur for a synthetically
|
|
247
|
-
// dispatched click.
|
|
248
|
-
if (event.target.disabled) {
|
|
249
|
-
return false;
|
|
250
|
-
}
|
|
251
|
-
// This is an activation if the event should not be squelched.
|
|
252
|
-
return !__squelchEvent(event);
|
|
253
|
-
}
|
|
254
|
-
/**
|
|
255
|
-
* Re-dispatches an event from the provided element.
|
|
256
|
-
*
|
|
257
|
-
* This function is useful for forwarding non-composed events, such as `change`
|
|
258
|
-
* events.
|
|
259
|
-
*
|
|
260
|
-
* @example
|
|
261
|
-
* class MyInput extends LitElement {
|
|
262
|
-
* render() {
|
|
263
|
-
* return html`<input @change=${this.redispatchEvent}>`;
|
|
264
|
-
* }
|
|
265
|
-
*
|
|
266
|
-
* protected redispatchEvent(event: Event) {
|
|
267
|
-
* redispatchEvent(this, event);
|
|
268
|
-
* }
|
|
269
|
-
* }
|
|
270
|
-
*
|
|
271
|
-
* @param element The element to dispatch the event from.
|
|
272
|
-
* @param event The event to re-dispatch.
|
|
273
|
-
* @return Whether or not the event was dispatched (if cancelable).
|
|
274
|
-
*/
|
|
275
|
-
function redispatchEvent(element, event) {
|
|
276
|
-
// For bubbling events in SSR light DOM (or composed), stop their propagation
|
|
277
|
-
// and dispatch the copy.
|
|
278
|
-
if (event.bubbles && (!element.shadowRoot || event.composed)) {
|
|
279
|
-
event.stopPropagation();
|
|
280
|
-
}
|
|
281
|
-
const copy = Reflect.construct(event.constructor, [event.type, event]);
|
|
282
|
-
const dispatched = element.dispatchEvent(copy);
|
|
283
|
-
if (!dispatched) {
|
|
284
|
-
event.preventDefault();
|
|
285
|
-
}
|
|
286
|
-
return dispatched;
|
|
287
|
-
}
|
|
1
|
+
import { i, _ as __decorate, n, a as i$2, A, c as __classPrivateFieldGet, b, P as PeacockComponent } from './PeacockComponent-CxJc63xj.js';
|
|
2
|
+
import { r } from './state-B09bP3XH.js';
|
|
3
|
+
import { e as e$2 } from './class-map-BvQRv7eW.js';
|
|
4
|
+
import { e as e$1, i as isActivationClick, d as dispatchActivationClick, t as throttle, o as observerSlotChangesWithCallback } from './dispatch-event-utils-vbdiOSeC.js';
|
|
5
|
+
import { e, i as i$1, t } from './directive-Cuw6h7YA.js';
|
|
288
6
|
|
|
289
7
|
var css_248z$2 = i`* {
|
|
290
8
|
box-sizing: border-box;
|
|
@@ -827,7 +545,7 @@ class SpreadDirective extends i$1 {
|
|
|
827
545
|
}
|
|
828
546
|
}
|
|
829
547
|
}
|
|
830
|
-
const spread = e
|
|
548
|
+
const spread = e(SpreadDirective);
|
|
831
549
|
|
|
832
550
|
var _BaseButton_id;
|
|
833
551
|
class BaseButton extends i$2 {
|
|
@@ -1027,7 +745,7 @@ __decorate([
|
|
|
1027
745
|
r()
|
|
1028
746
|
], BaseButton.prototype, "isPressed", void 0);
|
|
1029
747
|
__decorate([
|
|
1030
|
-
e('.button')
|
|
748
|
+
e$1('.button')
|
|
1031
749
|
], BaseButton.prototype, "buttonElement", void 0);
|
|
1032
750
|
|
|
1033
751
|
var _Button_tabindex;
|
|
@@ -1108,7 +826,7 @@ let Button = class Button extends BaseButton {
|
|
|
1108
826
|
};
|
|
1109
827
|
if (!isLink) {
|
|
1110
828
|
return b `<button
|
|
1111
|
-
class=${e$
|
|
829
|
+
class=${e$2(cssClasses)}
|
|
1112
830
|
id="button"
|
|
1113
831
|
tabindex=${__classPrivateFieldGet(this, _Button_tabindex, "f")}
|
|
1114
832
|
type=${this.htmlType}
|
|
@@ -1125,7 +843,7 @@ let Button = class Button extends BaseButton {
|
|
|
1125
843
|
${this.__renderTooltip()}`;
|
|
1126
844
|
}
|
|
1127
845
|
return b `<a
|
|
1128
|
-
class=${e$
|
|
846
|
+
class=${e$2(cssClasses)}
|
|
1129
847
|
id="button"
|
|
1130
848
|
tabindex=${__classPrivateFieldGet(this, _Button_tabindex, "f")}
|
|
1131
849
|
href=${this.href}
|
|
@@ -1176,5 +894,5 @@ Button = __decorate([
|
|
|
1176
894
|
PeacockComponent
|
|
1177
895
|
], Button);
|
|
1178
896
|
|
|
1179
|
-
export { Button as B,
|
|
1180
|
-
//# sourceMappingURL=button-
|
|
897
|
+
export { Button as B, css_248z$1 as a, BaseButton as b, css_248z$2 as c, spread as s };
|
|
898
|
+
//# sourceMappingURL=button-2MeDq0Yy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-2MeDq0Yy.js","sources":["../../src/spread.ts","../../src/button/BaseButton.ts","../../src/button/button/button.ts"],"sourcesContent":["import {\n directive,\n Directive,\n ElementPart,\n PartInfo,\n PartType,\n} from 'lit/directive.js';\n\nclass SpreadDirective extends Directive {\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (partInfo.type !== PartType.ELEMENT) {\n throw new Error('spread() can only be used on elements');\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n render(_props: { [key: string]: any } | undefined) {\n return '';\n }\n\n update(part: ElementPart, [props]: [{ [key: string]: any } | undefined]) {\n if (!props) return;\n // eslint-disable-next-line guard-for-in,no-restricted-syntax\n for (const key in props) {\n const value = props[key];\n if (value === undefined || value === null) {\n part.element.removeAttribute(key);\n } else {\n part.element.setAttribute(key, value);\n }\n }\n }\n}\n\nexport const spread = directive(SpreadDirective);\n","import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { dispatchActivationClick, isActivationClick } from '../utils/dispatch-event-utils.js';\n\nexport class BaseButton extends LitElement {\n #id = crypto.randomUUID();\n\n @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n 'button';\n\n /**\n * Type is preset of color and variant. Type will be only applied.\n *\n */\n @property({ type: String }) type?: 'primary' | 'secondary' | 'tertiary';\n\n /**\n * The visual style of the button.\n *\n * Possible variant values:\n * `\"filled\"` is a filled button.\n * `\"outlined\"` is an outlined button.\n * `\"text\"` is a transparent button.\n * `\"tonal\"` is a light color button.\n * `\"elevated\"` is elevated button\n */\n @property() variant:\n | 'elevated'\n | 'filled'\n | 'tonal'\n | 'outlined'\n | 'text'\n | 'neo' = 'filled';\n\n /**\n * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.\n */\n @property({ reflect: true }) color:\n | 'primary'\n | 'success'\n | 'danger'\n | 'warning'\n | 'light'\n | 'dark' = 'primary';\n\n /**\n * Button size.\n * Possible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n */\n @property() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n /**\n * If true, the user cannot interact with the button. Defaults to `false`.\n */\n @property({ type: Boolean, reflect: true })\n disabled: boolean = false;\n\n @property() skeleton: boolean = false;\n\n /**\n * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.\n */\n @property({ reflect: true, attribute: 'soft-disabled' })\n softDisabled: boolean = false;\n\n /**\n * If button is disabled, the reason why it is disabled.\n */\n @property({ attribute: 'disabled-reason' })\n disabledReason: string = '';\n\n /**\n * Hyperlink to navigate to on click.\n */\n @property({ reflect: true }) href?: string;\n\n @property({ reflect: true })\n configAria?: { [key: string]: any };\n\n /**\n * Sets or retrieves the window or frame at which to target content.\n */\n @property() target: string = '_self';\n\n @property() selected: boolean = false;\n\n /**\n * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.\n */\n @property() throttleDelay = 200;\n\n @property() tooltip?: string;\n\n /**\n * States\n */\n @state()\n isPressed = false;\n\n @query('.button') readonly buttonElement!: HTMLElement | null;\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this.__dispatchClickWithThrottle);\n window.addEventListener('mouseup', this.__handlePress);\n }\n\n override disconnectedCallback() {\n window.removeEventListener('mouseup', this.__handlePress);\n this.removeEventListener('click', this.__dispatchClickWithThrottle);\n super.disconnectedCallback();\n }\n\n __handlePress = (event: KeyboardEvent | MouseEvent) => {\n if (this.disabled || this.skeleton || this.softDisabled) return;\n if (\n event instanceof KeyboardEvent &&\n event.type === 'keydown' &&\n (event.key === 'Enter' || event.key === ' ')\n ) {\n this.isPressed = true;\n } else if (event.type === 'mousedown') {\n this.isPressed = true;\n } else {\n this.isPressed = false;\n }\n };\n\n __isLink() {\n return !!this.href;\n }\n\n __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =\n event => {\n this.__dispatchClick(event);\n };\n\n __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n // If the button is soft-disabled or a disabled link, we need to explicitly\n // prevent the click from propagating to other event listeners as well as\n // prevent the default action.\n if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n event.stopImmediatePropagation();\n event.preventDefault();\n return;\n }\n\n if (!isActivationClick(event) || !this.buttonElement) {\n return;\n }\n\n this.focus();\n dispatchActivationClick(this.buttonElement);\n };\n\n __convertTypeToVariantAndColor() {\n if (this.type === 'primary') {\n this.color = 'primary';\n this.variant = 'filled';\n } else if (this.type === 'secondary') {\n this.color = 'dark';\n this.variant = 'outlined';\n } else if (this.type === 'tertiary') {\n this.color = 'primary';\n this.variant = 'text';\n } else if (this.type === 'danger') {\n this.color = 'danger';\n this.variant = 'filled';\n }\n }\n\n __getDisabledReasonID() {\n return this.disabled && this.disabledReason\n ? `disabled-reason-${this.#id}`\n : nothing;\n }\n\n __renderDisabledReason() {\n const disabledReasonID = this.__getDisabledReasonID();\n if (disabledReasonID)\n return html`<div\n id=\"disabled-reason-${this.#id}\"\n role=\"tooltip\"\n aria-label=${this.disabledReason}\n class=\"screen-reader-only\"\n >\n {this.disabledReason}\n </div>`;\n return nothing;\n }\n\n __renderTooltip() {\n if (this.tooltip) {\n return html`<base-tooltip for=\"button\">${this.tooltip}</base-tooltip>`;\n }\n return nothing;\n }\n}\n","import { html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport PeacockComponent from 'src/PeacockComponent.js';\nimport styles from './button.scss';\nimport colorStyles from './button-colors.scss';\nimport sizeStyles from './button-sizes.scss';\nimport { observerSlotChangesWithCallback, throttle } from '../../utils.js';\nimport { spread } from '../../spread.js';\nimport { BaseButton } from '../BaseButton.js';\n\n/**\n * @label Button\n * @tag base-button\n * @rawTag button\n *\n * @summary Buttons help people initiate actions, from sending an email, to sharing a document, to liking a post.\n * @overview\n * <p>Buttons are clickable elements that are used to trigger actions. They communicate calls to action to the user and allow users to interact with pages in a variety of ways. Button labels express what action will occur when the user interacts with it.</p>\n *\n * @cssprop --button-container-shape: Defines the border radius of the button container shape.\n *\n * @cssprop --button-container-shape-start-start: Defines the start position of the button container shape.\n * @cssprop --button-container-shape-start-end: Defines the end position of the button container shape.\n * @cssprop --button-container-shape-end-start: Defines the start position of the button container shape.\n * @cssprop --button-container-shape-end-end: Defines the end position of the button container shape.\n *\n *\n * @cssprop --filled-button-container-color: Color of the filled button container.\n * @cssprop --filled-button-label-text-color: Text color of the filled button label.\n *\n * @cssprop --outlined-button-container-color: Color of the outlined button container.\n * @cssprop --outlined-button-label-text-color: Text color of the outlined button label.\n *\n * @cssprop --text-button-label-text-color: Text color of the text button label.\n *\n * @cssprop --tonal-button-container-color: Color of the tonal button container.\n * @cssprop --tonal-button-label-text-color: Text color of the tonal button label.\n *\n * @cssprop --elevated-button-container-color: Color of the elevated button container.\n * @cssprop --elevated-button-label-text-color: Text color of the elevated button label.\n *\n * @cssprop --neo-button-container-color: Color of the neo button container.\n * @cssprop --neo-button-label-text-color: Text color of the neo button label.\n *\n * @fires {MouseEvent} click - Dispatched when the button is clicked.\n *\n * @example\n * ```html\n * <base-button>Button</base-button>\n * ```\n * @tags display\n */\n@PeacockComponent\nexport class Button extends BaseButton {\n static override styles = [styles, colorStyles, sizeStyles];\n\n #tabindex?: number = 0;\n\n /**\n * Icon alignment.\n * Possible values are `\"start\"`, `\"end\"`. Defaults to `\"end\"`.\n */\n @property({ attribute: 'icon-align' })\n iconAlign: 'start' | 'end' = 'end';\n\n @state()\n private slotHasContent = false;\n\n override firstUpdated() {\n this.__dispatchClickWithThrottle = throttle(\n this.__dispatchClick,\n this.throttleDelay,\n );\n observerSlotChangesWithCallback(\n this.renderRoot.querySelector('slot'),\n hasContent => {\n this.slotHasContent = hasContent;\n this.requestUpdate();\n },\n );\n\n this.__convertTypeToVariantAndColor();\n }\n\n override render() {\n const isLink = this.__isLink();\n\n const cssClasses = {\n button: true,\n 'button-element': true,\n [`size-${this.size}`]: true,\n [`variant-${this.variant}`]: true,\n [`color-${this.color}`]: true,\n disabled: this.disabled || this.softDisabled,\n pressed: this.isPressed,\n 'has-content': this.slotHasContent,\n 'show-skeleton': this.skeleton,\n [`icon-align-${this.iconAlign}`]: true,\n };\n\n if (!isLink) {\n return html`<button\n class=${classMap(cssClasses)}\n id=\"button\"\n tabindex=${this.#tabindex}\n type=${this.htmlType}\n @mousedown=${this.__handlePress}\n @keydown=${this.__handlePress}\n @keyup=${this.__handlePress}\n ?aria-describedby=${this.__getDisabledReasonID()}\n aria-disabled=${`${this.disabled || this.softDisabled}`}\n ?disabled=${this.disabled}\n ${spread(this.configAria)}\n >\n ${this.renderButtonContent()}\n </button>\n ${this.__renderTooltip()}`;\n }\n return html`<a\n class=${classMap(cssClasses)}\n id=\"button\"\n tabindex=${this.#tabindex}\n href=${this.href}\n target=${this.target}\n @mousedown=${this.__handlePress}\n @keydown=${this.__handlePress}\n @keyup=${this.__handlePress}\n role=\"button\"\n ?aria-describedby=${this.__getDisabledReasonID()}\n aria-disabled=${`${this.disabled}`}\n ${spread(this.configAria)}\n >\n ${this.renderButtonContent()}\n </a>\n ${this.__renderTooltip()}`;\n }\n\n renderButtonContent() {\n return html`\n <focus-ring class=\"focus-ring\" .control=${this} element=\"buttonElement\"></focus-ring>\n <base-elevation class=\"elevation\"></base-elevation>\n <div class=\"neo-background\"></div>\n <div class=\"background\"></div>\n <div class=\"outline\"></div>\n <base-ripple class=\"ripple\"></base-ripple>\n <base-skeleton class=\"skeleton\"></base-skeleton>\n\n <div class=\"button-content\">\n <div class=\"slot-container\">\n <slot></slot>\n </div>\n\n <slot name=\"icon\"></slot>\n </div>\n\n ${this.__renderDisabledReason()}\n `;\n }\n}\n"],"names":["Directive","PartType","directive","LitElement","nothing","html","property","state","query","classMap","styles","colorStyles","sizeStyles"],"mappings":"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"}
|
package/dist/button-group.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { i, _ as __decorate, n, P as PeacockComponent, a as i$1, b } from './PeacockComponent-
|
|
2
|
-
import { e } from './class-map-
|
|
1
|
+
import { i, _ as __decorate, n, P as PeacockComponent, a as i$1, b } from './PeacockComponent-CxJc63xj.js';
|
|
2
|
+
import { e } from './class-map-BvQRv7eW.js';
|
|
3
|
+
import './directive-Cuw6h7YA.js';
|
|
3
4
|
|
|
4
5
|
var css_248z = i`* {
|
|
5
6
|
box-sizing: border-box;
|
package/dist/button-group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.js","sources":["../../src/button/button-group/button-group.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport PeacockComponent from 'src/PeacockComponent.js';\nimport styles from './button-group.scss';\n\n/**\n * @label Button Group\n * @tag button-group\n * @rawTag button-group\n *\n * @summary Group a series of buttons together on a single line with the button group, and super-power.\n\n * @example\n * ```html\n * <button-group>\n * <icon-button name=\"home\"></icon-button>\n * <icon-button name=\"alarm\"></icon-button>\n * </button-group>\n * ```\n *\n * @tags controls\n */\n@PeacockComponent\nexport class ButtonGroup extends LitElement {\n // Lit prefers CSS-in-JS for better performance and scoping.\n // If you prefer keeping the SCSS file, you'll need a build tool (like Vite or Webpack)\n // that can import .scss files as lit-css.\n static styles = [styles];\n\n /**\n * Button size.\n * Possible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n */\n @property() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n render() {\n const cssClasses = {\n 'button-group': true,\n [`size-${this.size}`]: true,\n };\n return html`\n <div class=${classMap(cssClasses)}>\n <slot></slot>\n </div>\n `;\n }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":"
|
|
1
|
+
{"version":3,"file":"button-group.js","sources":["../../src/button/button-group/button-group.ts"],"sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport PeacockComponent from 'src/PeacockComponent.js';\nimport styles from './button-group.scss';\n\n/**\n * @label Button Group\n * @tag button-group\n * @rawTag button-group\n *\n * @summary Group a series of buttons together on a single line with the button group, and super-power.\n\n * @example\n * ```html\n * <button-group>\n * <icon-button name=\"home\"></icon-button>\n * <icon-button name=\"alarm\"></icon-button>\n * </button-group>\n * ```\n *\n * @tags controls\n */\n@PeacockComponent\nexport class ButtonGroup extends LitElement {\n // Lit prefers CSS-in-JS for better performance and scoping.\n // If you prefer keeping the SCSS file, you'll need a build tool (like Vite or Webpack)\n // that can import .scss files as lit-css.\n static styles = [styles];\n\n /**\n * Button size.\n * Possible values are `\"sm\"`, `\"md\"`, `\"lg\"`. Defaults to `\"md\"`.\n */\n @property() size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n render() {\n const cssClasses = {\n 'button-group': true,\n [`size-${this.size}`]: true,\n };\n return html`\n <div class=${classMap(cssClasses)}>\n <slot></slot>\n </div>\n `;\n }\n}\n"],"names":["LitElement","html","classMap","styles","property"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQA,GAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;AAML;;;AAGG;QACS,IAAA,CAAA,IAAI,GAAqC,IAAI;IAa3D;IAXE,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI;SAC5B;AACD,QAAA,OAAOC,CAAI,CAAA;mBACIC,CAAQ,CAAC,UAAU,CAAC,CAAA;;;KAGlC;IACH;;AArBA;AACA;AACA;AACO,WAAA,CAAA,MAAM,GAAG,CAACC,QAAM,CAAC;AAMZ,UAAA,CAAA;AAAX,IAAAC,CAAQ;AAAiD,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAV/C,WAAW,GAAA,UAAA,CAAA;IADvB;AACY,CAAA,EAAA,WAAW,CAuBvB;;;;"}
|
package/dist/button.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import './PeacockComponent-
|
|
2
|
-
import './state-
|
|
3
|
-
import './class-map-
|
|
4
|
-
export { B as Button } from './button-
|
|
1
|
+
import './PeacockComponent-CxJc63xj.js';
|
|
2
|
+
import './state-B09bP3XH.js';
|
|
3
|
+
import './class-map-BvQRv7eW.js';
|
|
4
|
+
export { B as Button } from './button-2MeDq0Yy.js';
|
|
5
|
+
import './dispatch-event-utils-vbdiOSeC.js';
|
|
6
|
+
import './directive-Cuw6h7YA.js';
|
|
5
7
|
//# sourceMappingURL=button.js.map
|
package/dist/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { E } from './PeacockComponent-CxJc63xj.js';
|
|
2
|
+
import { e as e$1, i, t } from './directive-Cuw6h7YA.js';
|
|
2
3
|
|
|
3
4
|
/**
|
|
4
5
|
* @license
|
|
@@ -7,4 +8,4 @@ import { e as e$1, d as i, t, E } from './PeacockComponent-DMrFEGDh.js';
|
|
|
7
8
|
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter(s=>t[s]).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(t=>""!==t)));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return E}});
|
|
8
9
|
|
|
9
10
|
export { e };
|
|
10
|
-
//# sourceMappingURL=class-map-
|
|
11
|
+
//# sourceMappingURL=class-map-BvQRv7eW.js.map
|