@redvars/peacock 3.6.1 → 3.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/dist/assets/components.css.map +1 -1
  2. package/dist/assets/styles.css +1 -1
  3. package/dist/assets/styles.css.map +1 -1
  4. package/dist/assets/tokens.css +1 -1
  5. package/dist/assets/tokens.css.map +1 -1
  6. package/dist/{button-colors-Ccys3hvS.js → button-colors-Cg6oxiz-.js} +126 -116
  7. package/dist/{button-colors-Ccys3hvS.js.map → button-colors-Cg6oxiz-.js.map} +1 -1
  8. package/dist/button-group.js +2 -2
  9. package/dist/button.js +18 -16
  10. package/dist/button.js.map +1 -1
  11. package/dist/canvas.js +126 -107
  12. package/dist/canvas.js.map +1 -1
  13. package/dist/card.js +1 -1
  14. package/dist/card.js.map +1 -1
  15. package/dist/code-highlighter.js +34 -9
  16. package/dist/code-highlighter.js.map +1 -1
  17. package/dist/custom-elements-jsdocs.json +4306 -3215
  18. package/dist/custom-elements.json +8344 -7173
  19. package/dist/{flow-designer-node-BWrPuxAR.js → flow-designer-node-9Bqyn6qx.js} +2 -1
  20. package/dist/flow-designer-node-9Bqyn6qx.js.map +1 -0
  21. package/dist/flow-designer-node.js +1 -1
  22. package/dist/flow-designer.js +1402 -8
  23. package/dist/flow-designer.js.map +1 -1
  24. package/dist/icon-CueRR7wx.js +260 -0
  25. package/dist/icon-CueRR7wx.js.map +1 -0
  26. package/dist/{icon-button-CK1ZuE-2.js → icon-button-AdJBEoNy.js} +34 -30
  27. package/dist/icon-button-AdJBEoNy.js.map +1 -0
  28. package/dist/index.js +10 -9
  29. package/dist/index.js.map +1 -1
  30. package/dist/modal.js +11 -11
  31. package/dist/modal.js.map +1 -1
  32. package/dist/{navigation-rail-DTTkqohi.js → navigation-rail-DAUuJ_Yp.js} +975 -486
  33. package/dist/navigation-rail-DAUuJ_Yp.js.map +1 -0
  34. package/dist/peacock-loader.js +33 -30
  35. package/dist/peacock-loader.js.map +1 -1
  36. package/dist/{popover-NC7b1lTq.js → popover-DUPmMVWS.js} +9 -4
  37. package/dist/{popover-NC7b1lTq.js.map → popover-DUPmMVWS.js.map} +1 -1
  38. package/dist/popover-content.js +1 -1
  39. package/dist/popover-content.js.map +1 -1
  40. package/dist/popover.js +1 -1
  41. package/dist/search.js +11 -14
  42. package/dist/search.js.map +1 -1
  43. package/dist/src/__controllers/floating-controller.d.ts +1 -0
  44. package/dist/src/avatar/avatar.d.ts +1 -1
  45. package/dist/src/breadcrumb/breadcrumb/breadcrumb.d.ts +0 -1
  46. package/dist/src/canvas/canvas.d.ts +3 -3
  47. package/dist/src/chip/chip/chip.d.ts +14 -11
  48. package/dist/src/chip/chip-set/chip-set.d.ts +20 -0
  49. package/dist/src/chip/chip-set/index.d.ts +1 -0
  50. package/dist/src/code-highlighter/code-highlighter.d.ts +4 -0
  51. package/dist/src/field/field.d.ts +1 -0
  52. package/dist/src/flow-designer/flow-designer-node.d.ts +1 -0
  53. package/dist/src/image/image.d.ts +2 -2
  54. package/dist/src/index.d.ts +2 -0
  55. package/dist/src/input/input.d.ts +1 -3
  56. package/dist/src/item/index.d.ts +1 -0
  57. package/dist/src/item/item.d.ts +48 -0
  58. package/dist/src/menu/menu/menu.d.ts +1 -0
  59. package/dist/src/menu/menu-item/menu-item.d.ts +8 -9
  60. package/dist/src/menu/sub-menu/sub-menu.d.ts +1 -0
  61. package/dist/src/modal/modal.d.ts +1 -1
  62. package/dist/src/navigation-rail/navigation-rail.d.ts +2 -6
  63. package/dist/src/popover/popover-content.d.ts +1 -1
  64. package/dist/src/search/search.d.ts +2 -6
  65. package/dist/test/chip.test.d.ts +1 -0
  66. package/dist/test/item.test.d.ts +1 -0
  67. package/dist/tsconfig.tsbuildinfo +1 -1
  68. package/package.json +1 -1
  69. package/readme.md +2 -2
  70. package/scss/mixin.scss +23 -0
  71. package/scss/styles.scss +3 -3
  72. package/scss/tokens.css +1 -1
  73. package/src/__controllers/floating-controller.ts +9 -3
  74. package/src/avatar/avatar.scss +4 -4
  75. package/src/avatar/avatar.ts +1 -1
  76. package/src/breadcrumb/breadcrumb/breadcrumb.ts +0 -1
  77. package/src/button/button/button-sizes.scss +11 -11
  78. package/src/button/button/button.scss +96 -122
  79. package/src/button/button/button.ts +38 -36
  80. package/src/button/icon-button/icon-button-sizes.scss +8 -8
  81. package/src/button/icon-button/icon-button.ts +23 -20
  82. package/src/canvas/canvas.scss +18 -6
  83. package/src/canvas/canvas.ts +125 -103
  84. package/src/card/card.ts +1 -1
  85. package/src/chip/chip/chip.scss +120 -46
  86. package/src/chip/chip/chip.ts +97 -38
  87. package/src/chip/chip-set/chip-set.scss +13 -0
  88. package/src/chip/chip-set/chip-set.ts +25 -0
  89. package/src/chip/chip-set/index.ts +1 -0
  90. package/src/code-highlighter/code-highlighter.ts +33 -6
  91. package/src/empty-state/empty-state.scss +1 -0
  92. package/src/field/field.scss +1 -1
  93. package/src/field/field.ts +6 -0
  94. package/src/flow-designer/flow-designer-node.ts +1 -0
  95. package/src/image/image.scss +21 -16
  96. package/src/image/image.ts +13 -14
  97. package/src/index.ts +2 -0
  98. package/src/input/input.ts +16 -25
  99. package/src/item/index.ts +1 -0
  100. package/src/item/item.scss +184 -0
  101. package/src/item/item.ts +340 -0
  102. package/src/menu/menu/menu.ts +16 -9
  103. package/src/menu/menu-item/menu-item.scss +30 -108
  104. package/src/menu/menu-item/menu-item.ts +89 -129
  105. package/src/menu/sub-menu/sub-menu.ts +6 -2
  106. package/src/modal/modal.scss +10 -10
  107. package/src/modal/modal.ts +1 -1
  108. package/src/navigation-rail/navigation-rail.ts +2 -6
  109. package/src/peacock-loader.ts +28 -22
  110. package/src/popover/popover-content.ts +1 -1
  111. package/src/search/search.ts +11 -16
  112. package/src/select/option.ts +1 -1
  113. package/src/select/select.scss +1 -10
  114. package/src/select/select.ts +2 -0
  115. package/dist/flow-designer-DvTUrDp5.js +0 -1656
  116. package/dist/flow-designer-DvTUrDp5.js.map +0 -1
  117. package/dist/flow-designer-node-BWrPuxAR.js.map +0 -1
  118. package/dist/icon-button-CK1ZuE-2.js.map +0 -1
  119. package/dist/navigation-rail-DTTkqohi.js.map +0 -1
  120. package/src/chip/chip/chip-colors.scss +0 -31
package/dist/assets/tokens.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css"],"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","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"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/tokens.css"],"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,0DACA,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","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-container-shape: 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"]}
package/dist/{button-colors-Ccys3hvS.js → button-colors-Cg6oxiz-.js} RENAMED
@@ -26,20 +26,30 @@ var css_248z$1 = i`* {
26
26
  * These variables are used internally within the button component
27
27
  */
28
28
  slot::slotted(*) {
29
- --icon-size: var(--button-icon-size, var(--_button-icon-size));
30
- --icon-color: var(--_button_label-text-color);
29
+ --icon-size: var(--button-icon-size, var(--private-button-icon-size));
30
+ --icon-color: var(--private-button-label-text-color);
31
31
  }
32
32
 
33
33
  /*
34
34
  * Reset native button/link styles
35
35
  */
36
- .button-element {
36
+ .native-button {
37
37
  background: transparent;
38
38
  border: none;
39
39
  appearance: none;
40
40
  margin: 0;
41
41
  outline: none;
42
+ padding: 0;
43
+ }
44
+
45
+ .native-link {
46
+ text-decoration: none;
47
+ color: inherit;
48
+ cursor: pointer;
49
+ }
50
+ .native-link:link, .native-link:visited, .native-link:hover, .native-link:active {
42
51
  text-decoration: none;
52
+ color: inherit;
43
53
  }
44
54
 
45
55
  .button {
@@ -49,29 +59,29 @@ slot::slotted(*) {
49
59
  align-items: center;
50
60
  justify-content: center;
51
61
  height: var(--button-height);
52
- padding: 0 var(--button-container-padding, var(--_button_container-padding));
62
+ padding: 0 var(--button-container-padding, var(--private-button-container-padding));
53
63
  width: 100%;
54
64
  font-family: var(--font-family-sans) !important;
55
65
  cursor: pointer;
56
- --_button_container-shape-start-start: var(--button-container-shape-start-start, var(--button-container-shape));
57
- --_button_container-shape-start-end: var(--button-container-shape-start-end, var(--button-container-shape));
58
- --_button_container-shape-end-start: var(--button-container-shape-end-start, var(--button-container-shape));
59
- --_button_container-shape-end-end: var(--button-container-shape-end-end, var(--button-container-shape));
60
- --_button_container-corner-shape-variant: var(--button-container-shape-variant);
66
+ --private-button-container-shape-start-start: var(--button-container-shape-start-start, var(--button-container-shape));
67
+ --private-button-container-shape-start-end: var(--button-container-shape-start-end, var(--button-container-shape));
68
+ --private-button-container-shape-end-start: var(--button-container-shape-end-start, var(--button-container-shape));
69
+ --private-button-container-shape-end-end: var(--button-container-shape-end-end, var(--button-container-shape));
70
+ --private-button-container-shape-variant: var(--button-container-shape-variant);
61
71
  }
62
72
  .button .button-content {
63
73
  display: flex;
64
74
  align-items: center;
65
75
  justify-content: center;
66
76
  pointer-events: none;
67
- gap: var(--_button-icon-label-spacing);
77
+ gap: var(--private-button-icon-label-spacing);
68
78
  width: 100%;
69
79
  height: 100%;
70
80
  z-index: 0;
71
- color: var(--_button_label-text-color);
72
- opacity: var(--_button_label-text-opacity, 1);
73
- --icon-size: var(--button-icon-size, var(--_button-icon-size));
74
- --icon-color: var(--_button_label-text-color);
81
+ color: var(--private-button-label-text-color);
82
+ opacity: var(--private-button-label-text-opacity, 1);
83
+ --icon-size: var(--button-icon-size, var(--private-button-icon-size));
84
+ --icon-color: var(--private-button-label-text-color);
75
85
  }
76
86
  .button .button-content .slot-container {
77
87
  display: none;
@@ -86,20 +96,20 @@ slot::slotted(*) {
86
96
  }
87
97
  .button .focus-ring {
88
98
  z-index: 2;
89
- --focus-ring-container-shape-start-start: var(--_button_container-shape-start-start);
90
- --focus-ring-container-shape-start-end: var(--_button_container-shape-start-end);
91
- --focus-ring-container-shape-end-start: var(--_button_container-shape-end-start);
92
- --focus-ring-container-shape-end-end: var(--_button_container-shape-end-end);
93
- --focus-ring-container-shape-variant: var(--_button_container-corner-shape-variant);
99
+ --focus-ring-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
100
+ --focus-ring-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
101
+ --focus-ring-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
102
+ --focus-ring-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
103
+ --focus-ring-container-shape-variant: var(--private-button-container-shape-variant);
94
104
  }
95
105
  .button .ripple {
96
- border-start-start-radius: var(--_button_container-shape-start-start);
97
- border-start-end-radius: var(--_button_container-shape-start-end);
98
- border-end-start-radius: var(--_button_container-shape-end-start);
99
- border-end-end-radius: var(--_button_container-shape-end-end);
100
- corner-shape: var(--_button_container-corner-shape-variant);
101
- --ripple-state-opacity: var(--_button_container-state-opacity, 0);
102
- --ripple-pressed-color: var(--_button_container-state-color);
106
+ border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
107
+ border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
108
+ border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
109
+ border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
110
+ corner-shape: var(--private-button-container-shape-variant);
111
+ --ripple-state-opacity: var(--private-button-state-opacity, 0);
112
+ --ripple-pressed-color: var(--private-button-state-color);
103
113
  }
104
114
  .button .background {
105
115
  display: block;
@@ -107,13 +117,13 @@ slot::slotted(*) {
107
117
  left: 0;
108
118
  width: 100%;
109
119
  height: 100%;
110
- background-color: var(--_button_container-color);
111
- opacity: var(--_button_container-opacity, 1);
112
- border-start-start-radius: var(--_button_container-shape-start-start);
113
- border-start-end-radius: var(--_button_container-shape-start-end);
114
- border-end-start-radius: var(--_button_container-shape-end-start);
115
- border-end-end-radius: var(--_button_container-shape-end-end);
116
- corner-shape: var(--_button_container-corner-shape-variant);
120
+ background-color: var(--private-button-container-color);
121
+ opacity: var(--private-button-container-opacity, 1);
122
+ border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
123
+ border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
124
+ border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
125
+ border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
126
+ corner-shape: var(--private-button-container-shape-variant);
117
127
  pointer-events: none;
118
128
  }
119
129
  .button .skeleton {
@@ -124,34 +134,34 @@ slot::slotted(*) {
124
134
  position: absolute;
125
135
  top: 0;
126
136
  left: 0;
127
- --skeleton-container-shape-start-start: var(--_button_container-shape-start-start);
128
- --skeleton-container-shape-start-end: var(--_button_container-shape-start-end);
129
- --skeleton-container-shape-end-start: var(--_button_container-shape-end-start);
130
- --skeleton-container-shape-end-end: var(--_button_container-shape-end-end);
131
- --skeleton-container-shape-variant: var(--_button_container-corner-shape-variant);
137
+ --skeleton-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
138
+ --skeleton-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
139
+ --skeleton-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
140
+ --skeleton-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
141
+ --skeleton-container-shape-variant: var(--private-button-container-shape-variant);
132
142
  }
133
143
  .button .elevation {
134
- --elevation-level: var(--_button_container-elevation-level);
135
144
  transition-duration: 280ms;
136
- --elevation-container-shape-start-start: var(--_button_container-shape-start-start);
137
- --elevation-container-shape-start-end: var(--_button_container-shape-start-end);
138
- --elevation-container-shape-end-start: var(--_button_container-shape-end-start);
139
- --elevation-container-shape-end-end: var(--_button_container-shape-end-end);
140
- --elevation-container-shape-variant: var(--_button_container-corner-shape-variant);
145
+ --elevation-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
146
+ --elevation-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
147
+ --elevation-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
148
+ --elevation-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
149
+ --elevation-container-shape-variant: var(--private-button-container-shape-variant);
150
+ --elevation-level: var(--private-button-container-elevation-level);
141
151
  }
142
152
  .button .neo-background {
143
153
  display: none;
144
154
  position: absolute;
145
155
  background: var(--color-inverse-surface);
146
- border-start-start-radius: var(--_button_container-shape-start-start);
147
- border-start-end-radius: var(--_button_container-shape-start-end);
148
- border-end-start-radius: var(--_button_container-shape-end-start);
149
- border-end-end-radius: var(--_button_container-shape-end-end);
150
- corner-shape: var(--_button_container-corner-shape-variant);
151
156
  width: 100%;
152
157
  height: 100%;
153
158
  pointer-events: none;
154
159
  transform: translateX(0.25rem) translateY(0.25rem);
160
+ border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
161
+ border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
162
+ border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
163
+ border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
164
+ corner-shape: var(--private-button-container-shape-variant);
155
165
  }
156
166
  .button .outline {
157
167
  z-index: 0;
@@ -161,13 +171,13 @@ slot::slotted(*) {
161
171
  width: 100%;
162
172
  height: 100%;
163
173
  pointer-events: none;
164
- border: var(--_button_outline-width) solid var(--_button_outline-color);
165
- opacity: var(--_button_outline-opacity, 1);
166
- border-start-start-radius: var(--_button_container-shape-start-start);
167
- border-start-end-radius: var(--_button_container-shape-start-end);
168
- border-end-start-radius: var(--_button_container-shape-end-start);
169
- border-end-end-radius: var(--_button_container-shape-end-end);
170
- corner-shape: var(--_button_container-corner-shape-variant);
174
+ border: var(--private-button-outline-width) solid var(--private-button-outline-color);
175
+ opacity: var(--private-button-outline-opacity, 1);
176
+ border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
177
+ border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
178
+ border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
179
+ border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
180
+ corner-shape: var(--private-button-container-shape-variant);
171
181
  }
172
182
  .button.has-content .slot-container {
173
183
  display: flex;
@@ -200,123 +210,123 @@ slot::slotted(*) {
200
210
  * Button variant definitions
201
211
  */
202
212
  .button.variant-elevated {
203
- --_button_container-color: var(--elevated-button-container-color);
204
- --_button_label-text-color: var(--elevated-button-label-text-color);
205
- --_button_container-elevation-level: 1;
206
- --_button_container-state-color: var(--_button_label-text-color);
213
+ --private-button-container-color: var(--elevated-button-container-color);
214
+ --private-button-label-text-color: var(--elevated-button-label-text-color);
215
+ --private-button-container-elevation-level: 1;
216
+ --private-button-state-color: var(--private-button-label-text-color);
207
217
  }
208
218
  .button.variant-elevated:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
209
- --_button_container-elevation-level: 2;
210
- --_button_container-state-opacity: 0.08;
219
+ --private-button-container-elevation-level: 2;
220
+ --private-button-state-opacity: 0.08;
211
221
  }
212
222
  .button.variant-elevated.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
213
- --_button_container-elevation-level: 1;
214
- --_button_container-state-opacity: 0.12;
223
+ --private-button-container-elevation-level: 1;
224
+ --private-button-state-opacity: 0.12;
215
225
  }
216
226
  .button.variant-elevated.disabled {
217
- --_button_container-color: var(--color-on-surface);
218
- --_button_container-opacity: 0.1;
219
- --_button_label-text-color: var(--color-on-surface);
220
- --_button_label-text-opacity: 0.38;
227
+ --private-button-container-color: var(--color-on-surface);
228
+ --private-button-container-opacity: 0.1;
229
+ --private-button-label-text-color: var(--color-on-surface);
230
+ --private-button-label-text-opacity: 0.38;
221
231
  }
222
232
  .button.variant-elevated.disabled .ripple {
223
233
  display: none;
224
234
  }
225
235
 
226
236
  .button.variant-filled {
227
- --_button_container-color: var(--filled-button-container-color);
228
- --_button_label-text-color: var(--filled-button-label-text-color);
229
- --_button_container-state-color: var(--_button_label-text-color);
237
+ --private-button-container-color: var(--filled-button-container-color);
238
+ --private-button-label-text-color: var(--filled-button-label-text-color);
239
+ --private-button-state-color: var(--private-button-label-text-color);
230
240
  }
231
241
  .button.variant-filled:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
232
- --_button_container-elevation-level: 1;
233
- --_button_container-state-opacity: 0.08;
242
+ --private-button-container-elevation-level: 1;
243
+ --private-button-state-opacity: 0.08;
234
244
  }
235
245
  .button.variant-filled.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
236
- --_button_container-elevation-level: 0;
237
- --_button_container-state-opacity: 0.1;
246
+ --private-button-container-elevation-level: 0;
247
+ --private-button-state-opacity: 0.1;
238
248
  }
239
249
  .button.variant-filled.disabled {
240
- --_button_container-color: var(--color-on-surface);
241
- --_button_container-opacity: 0.1;
242
- --_button_label-text-color: var(--color-on-surface);
243
- --_button_label-text-opacity: 0.38;
250
+ --private-button-container-color: var(--color-on-surface);
251
+ --private-button-container-opacity: 0.1;
252
+ --private-button-label-text-color: var(--color-on-surface);
253
+ --private-button-label-text-opacity: 0.38;
244
254
  }
245
255
  .button.variant-filled.disabled .ripple {
246
256
  display: none;
247
257
  }
248
258
 
249
259
  .button.variant-tonal {
250
- --_button_container-color: var(--tonal-button-container-color);
251
- --_button_label-text-color: var(--tonal-button-label-text-color);
252
- --_button_container-state-color: var(--_button_label-text-color);
260
+ --private-button-container-color: var(--tonal-button-container-color);
261
+ --private-button-label-text-color: var(--tonal-button-label-text-color);
262
+ --private-button-state-color: var(--private-button-label-text-color);
253
263
  }
254
264
  .button.variant-tonal:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
255
- --_button_container-elevation-level: 1;
256
- --_button_container-state-opacity: 0.08;
265
+ --private-button-container-elevation-level: 1;
266
+ --private-button-state-opacity: 0.08;
257
267
  }
258
268
  .button.variant-tonal.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
259
- --_button_container-elevation-level: 0;
260
- --_button_container-state-opacity: 0.12;
269
+ --private-button-container-elevation-level: 0;
270
+ --private-button-state-opacity: 0.12;
261
271
  }
262
272
  .button.variant-tonal.disabled {
263
- --_button_container-color: var(--color-on-surface);
264
- --_button_container-opacity: 0.1;
265
- --_button_label-text-color: var(--color-on-surface);
266
- --_button_label-text-opacity: 0.38;
273
+ --private-button-container-color: var(--color-on-surface);
274
+ --private-button-container-opacity: 0.1;
275
+ --private-button-label-text-color: var(--color-on-surface);
276
+ --private-button-label-text-opacity: 0.38;
267
277
  }
268
278
  .button.variant-tonal.disabled .ripple {
269
279
  display: none;
270
280
  }
271
281
 
272
282
  .button.variant-outlined {
273
- --_button_outline-width: var(--outlined-button-outline-width, 0.0675rem);
274
- --_button_outline-color: var(--outlined-button-outline-color);
275
- --_button_label-text-color: var(--outlined-button-label-text-color);
276
- --_button_container-state-color: var(--_button_label-text-color);
283
+ --private-button-outline-width: var(--outlined-button-outline-width, 0.0675rem);
284
+ --private-button-outline-color: var(--outlined-button-outline-color);
285
+ --private-button-label-text-color: var(--outlined-button-label-text-color);
286
+ --private-button-state-color: var(--private-button-label-text-color);
277
287
  }
278
288
  .button.variant-outlined .outline {
279
289
  display: block;
280
290
  }
281
291
  .button.variant-outlined:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
282
- --_button_container-state-opacity: 0.08;
292
+ --private-button-state-opacity: 0.08;
283
293
  }
284
294
  .button.variant-outlined.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
285
- --_button_container-state-opacity: 0.12;
295
+ --private-button-state-opacity: 0.12;
286
296
  }
287
297
  .button.variant-outlined.disabled {
288
- --_button_outline-color: var(--color-on-surface);
289
- --_button_label-text-color: var(--color-on-surface);
290
- --_button_label-text-opacity: 0.38;
291
- --_button_outline-opacity: 0.12;
298
+ --private-button-outline-color: var(--color-on-surface);
299
+ --private-button-label-text-color: var(--color-on-surface);
300
+ --private-button-label-text-opacity: 0.38;
301
+ --private-button-outline-opacity: 0.12;
292
302
  }
293
303
  .button.variant-outlined.disabled .ripple {
294
304
  display: none;
295
305
  }
296
306
 
297
307
  .button.variant-text {
298
- --_button_label-text-color: var(--text-button-label-text-color);
299
- --_button_container-state-color: var(--_button_label-text-color);
308
+ --private-button-label-text-color: var(--text-button-label-text-color);
309
+ --private-button-state-color: var(--private-button-label-text-color);
300
310
  }
301
311
  .button.variant-text:hover:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
302
- --_button_container-state-opacity: 0.08;
312
+ --private-button-state-opacity: 0.08;
303
313
  }
304
314
  .button.variant-text.pressed:not(:where(.disabled, .soft-disabled, .show-skeleton)) {
305
- --_button_container-state-opacity: 0.12;
315
+ --private-button-state-opacity: 0.12;
306
316
  }
307
317
  .button.variant-text.disabled {
308
- --_button_label-text-color: var(--color-on-surface);
309
- --_button_label-text-opacity: 0.38;
318
+ --private-button-label-text-color: var(--color-on-surface);
319
+ --private-button-label-text-opacity: 0.38;
310
320
  }
311
321
  .button.variant-text.disabled .ripple {
312
322
  display: none;
313
323
  }
314
324
 
315
325
  .button.variant-neo {
316
- --_button_container-color: var(--neo-button-container-color);
317
- --_button_label-text-color: var(--neo-button-label-text-color);
318
- --_button_outline-width: var(--outlined-button-outline-width, 0.125rem);
319
- --_button_outline-color: var(--color-inverse-surface);
326
+ --private-button-container-color: var(--neo-button-container-color);
327
+ --private-button-label-text-color: var(--neo-button-label-text-color);
328
+ --private-button-outline-width: var(--outlined-button-outline-width, 0.125rem);
329
+ --private-button-outline-color: var(--color-inverse-surface);
320
330
  }
321
331
  .button.variant-neo .outline {
322
332
  display: block;
@@ -335,11 +345,11 @@ slot::slotted(*) {
335
345
  transform: translateX(0.25rem) translateY(0.25rem);
336
346
  }
337
347
  .button.variant-neo.disabled {
338
- --_button_container-color: var(--color-on-surface);
339
- --_button_container-opacity: 0.1;
340
- --_button_label-text-color: var(--color-on-surface);
341
- --_button_label-text-opacity: 0.38;
342
- --_button_outline-opacity: 0.12;
348
+ --private-button-container-color: var(--color-on-surface);
349
+ --private-button-container-opacity: 0.1;
350
+ --private-button-label-text-color: var(--color-on-surface);
351
+ --private-button-label-text-opacity: 0.38;
352
+ --private-button-outline-opacity: 0.12;
343
353
  }
344
354
  .button.variant-neo.disabled .ripple {
345
355
  display: none;
@@ -558,4 +568,4 @@ var css_248z = i`:host([color=primary]:not([toggle])) {
558
568
  }`;
559
569
 
560
570
  export { css_248z as a, css_248z$1 as c };
561
- //# sourceMappingURL=button-colors-Ccys3hvS.js.map
571
+ //# sourceMappingURL=button-colors-Cg6oxiz-.js.map
package/dist/{button-colors-Ccys3hvS.js.map → button-colors-Cg6oxiz-.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"button-colors-Ccys3hvS.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"button-colors-Cg6oxiz-.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/button-group.js CHANGED
@@ -2,14 +2,14 @@ import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, b } from '
2
2
  import { n } from './property-1psGvXOq.js';
3
3
  import { e } from './class-map-YU7g0o3B.js';
4
4
  import { Button } from './button.js';
5
- import { I as IconButton } from './icon-button-CK1ZuE-2.js';
5
+ import { I as IconButton } from './icon-button-AdJBEoNy.js';
6
6
  import './directive-ZPhl09Yt.js';
7
7
  import './state-DwbEjqVk.js';
8
8
  import './BaseButton-BNFAYn-S.js';
9
9
  import './query-QBcUV-L_.js';
10
10
  import './dispatch-event-utils-CuEqjlPT.js';
11
11
  import './BaseHyperlinkMixin-BNuwbiEf.js';
12
- import './button-colors-Ccys3hvS.js';
12
+ import './button-colors-Cg6oxiz-.js';
13
13
  import './observe-slot-change-BGJfgg2E.js';
14
14
 
15
15
  var css_248z = i`* {