@redvars/peacock 3.8.1 → 3.8.2

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 (474) hide show
  1. package/dist/{BaseInput-14YmcfK7.js → BaseInput-CU1zZYKc.js} +3 -3
  2. package/dist/{BaseInput-14YmcfK7.js.map → BaseInput-CU1zZYKc.js.map} +1 -1
  3. package/dist/ButtonConstants-CahP2_NA.js +4 -0
  4. package/dist/ButtonConstants-CahP2_NA.js.map +1 -0
  5. package/dist/{IndividualComponent-DUINtMGK.js → IndividualComponent-Bdwyrvd6.js} +2 -2
  6. package/dist/{IndividualComponent-DUINtMGK.js.map → IndividualComponent-Bdwyrvd6.js.map} +1 -1
  7. package/dist/{NativeHyperlinkMixin-DrYXyfMQ.js → NativeHyperlinkMixin-D9J4aBTy.js} +4 -30
  8. package/dist/NativeHyperlinkMixin-D9J4aBTy.js.map +1 -0
  9. package/dist/accordion-item.js +338 -0
  10. package/dist/accordion-item.js.map +1 -0
  11. package/dist/accordion.js +159 -0
  12. package/dist/accordion.js.map +1 -0
  13. package/dist/alert.js +190 -0
  14. package/dist/alert.js.map +1 -0
  15. package/dist/app-bar.js +324 -0
  16. package/dist/app-bar.js.map +1 -0
  17. package/dist/assets/components.css +1 -1
  18. package/dist/assets/components.css.map +1 -1
  19. package/dist/assets/styles.css +1 -1
  20. package/dist/assets/styles.css.map +1 -1
  21. package/dist/attachable-controller-CAKVrfcG.js +119 -0
  22. package/dist/attachable-controller-CAKVrfcG.js.map +1 -0
  23. package/dist/avatar.js +114 -0
  24. package/dist/avatar.js.map +1 -0
  25. package/dist/badge.js +91 -0
  26. package/dist/badge.js.map +1 -0
  27. package/dist/base-Cl6v8-BZ.js +9 -0
  28. package/dist/base-Cl6v8-BZ.js.map +1 -0
  29. package/dist/bottom-sheet.js +14 -5
  30. package/dist/bottom-sheet.js.map +1 -1
  31. package/dist/breadcrumb-item.js +163 -0
  32. package/dist/breadcrumb-item.js.map +1 -0
  33. package/dist/breadcrumb.js +95 -0
  34. package/dist/breadcrumb.js.map +1 -0
  35. package/dist/button-group.js +87 -137
  36. package/dist/button-group.js.map +1 -1
  37. package/dist/button.js +863 -133
  38. package/dist/button.js.map +1 -1
  39. package/dist/calendar-column-view.js +8 -4
  40. package/dist/calendar-column-view.js.map +1 -1
  41. package/dist/calendar-month-view.js +8 -4
  42. package/dist/calendar-month-view.js.map +1 -1
  43. package/dist/calendar.js +8 -4
  44. package/dist/calendar.js.map +1 -1
  45. package/dist/canvas.js +8 -4
  46. package/dist/canvas.js.map +1 -1
  47. package/dist/card-content.js +1 -1
  48. package/dist/card.js +23 -45
  49. package/dist/card.js.map +1 -1
  50. package/dist/cb-compound-expression.js +6 -2
  51. package/dist/cb-compound-expression.js.map +1 -1
  52. package/dist/cb-divider.js +7 -3
  53. package/dist/cb-divider.js.map +1 -1
  54. package/dist/cb-expression.js +6 -2
  55. package/dist/cb-expression.js.map +1 -1
  56. package/dist/cb-predicate.js +7 -3
  57. package/dist/cb-predicate.js.map +1 -1
  58. package/dist/{chart-bar-cn6rrna-.js → chart-bar-CYoGNXnK.js} +6 -2
  59. package/dist/{chart-bar-cn6rrna-.js.map → chart-bar-CYoGNXnK.js.map} +1 -1
  60. package/dist/chart-bar.js +7 -6
  61. package/dist/chart-bar.js.map +1 -1
  62. package/dist/chart-doughnut.js +8 -3
  63. package/dist/chart-doughnut.js.map +1 -1
  64. package/dist/chart-pie.js +8 -3
  65. package/dist/chart-pie.js.map +1 -1
  66. package/dist/chart-stacked-bar.js +7 -6
  67. package/dist/chart-stacked-bar.js.map +1 -1
  68. package/dist/checkbox.js +526 -0
  69. package/dist/checkbox.js.map +1 -0
  70. package/dist/chip.js +459 -0
  71. package/dist/chip.js.map +1 -0
  72. package/dist/{class-map-YU7g0o3B.js → class-map-DG7CA1et.js} +2 -2
  73. package/dist/{class-map-YU7g0o3B.js.map → class-map-DG7CA1et.js.map} +1 -1
  74. package/dist/clock.js +6 -2
  75. package/dist/clock.js.map +1 -1
  76. package/dist/code-editor.js +45 -30
  77. package/dist/code-editor.js.map +1 -1
  78. package/dist/code-highlighter.js +9 -5
  79. package/dist/code-highlighter.js.map +1 -1
  80. package/dist/condition-builder.js +5 -1
  81. package/dist/condition-builder.js.map +1 -1
  82. package/dist/container.js +141 -0
  83. package/dist/container.js.map +1 -0
  84. package/dist/custom-elements-jsdocs.json +721 -769
  85. package/dist/custom-elements.json +3213 -1979
  86. package/dist/datasource-B2eRh6Or.js +108 -0
  87. package/dist/datasource-B2eRh6Or.js.map +1 -0
  88. package/dist/dispatch-event-utils-CuEqjlPT.js.map +1 -1
  89. package/dist/divider.js +135 -0
  90. package/dist/divider.js.map +1 -0
  91. package/dist/dropdown-button.js +11 -6
  92. package/dist/dropdown-button.js.map +1 -1
  93. package/dist/element-internals-2CMts_0M.js +290 -0
  94. package/dist/element-internals-2CMts_0M.js.map +1 -0
  95. package/dist/elevation.js +94 -0
  96. package/dist/elevation.js.map +1 -0
  97. package/dist/empty-state.js +194 -0
  98. package/dist/empty-state.js.map +1 -0
  99. package/dist/{event-manager-D-QCmUgR.js → event-manager-DTyX2uYD.js} +2 -2
  100. package/dist/{event-manager-D-QCmUgR.js.map → event-manager-DTyX2uYD.js.map} +1 -1
  101. package/dist/fab.js +138 -145
  102. package/dist/fab.js.map +1 -1
  103. package/dist/field.js +461 -0
  104. package/dist/field.js.map +1 -0
  105. package/dist/{popover-DUPmMVWS.js → floating-controller-CnUZnOhK.js} +2 -171
  106. package/dist/floating-controller-CnUZnOhK.js.map +1 -0
  107. package/dist/{flow-designer-node-BWrPuxAR.js → flow-designer-node-DsVwQTac.js} +7 -3
  108. package/dist/{flow-designer-node-BWrPuxAR.js.map → flow-designer-node-DsVwQTac.js.map} +1 -1
  109. package/dist/flow-designer-node.js +3 -3
  110. package/dist/flow-designer.js +19 -12
  111. package/dist/flow-designer.js.map +1 -1
  112. package/dist/focus-ring.js +126 -0
  113. package/dist/focus-ring.js.map +1 -0
  114. package/dist/form-associated-BXADnjOB.js +388 -0
  115. package/dist/form-associated-BXADnjOB.js.map +1 -0
  116. package/dist/html-editor.js +21 -9
  117. package/dist/html-editor.js.map +1 -1
  118. package/dist/hyperlink-DLvb6MXE.js +98 -0
  119. package/dist/hyperlink-DLvb6MXE.js.map +1 -0
  120. package/dist/icon-button.js +1064 -0
  121. package/dist/icon-button.js.map +1 -0
  122. package/dist/icon.js +170 -0
  123. package/dist/icon.js.map +1 -0
  124. package/dist/if-defined-BXZpRQ4P.js +10 -0
  125. package/dist/if-defined-BXZpRQ4P.js.map +1 -0
  126. package/dist/image.js +201 -0
  127. package/dist/image.js.map +1 -0
  128. package/dist/index.js +73 -20
  129. package/dist/index.js.map +1 -1
  130. package/dist/is-dark-mode-DOcaw4Yq.js.map +1 -1
  131. package/dist/is-link-Dk2OV3PM.js +6 -0
  132. package/dist/is-link-Dk2OV3PM.js.map +1 -0
  133. package/dist/item.js +212 -0
  134. package/dist/item.js.map +1 -0
  135. package/dist/link.js +75 -0
  136. package/dist/link.js.map +1 -0
  137. package/dist/list-D6JLh1uh.js +352 -0
  138. package/dist/list-D6JLh1uh.js.map +1 -0
  139. package/dist/list.js +14 -0
  140. package/dist/list.js.map +1 -0
  141. package/dist/{peacock-loader.js → loader.js} +83 -22
  142. package/dist/loader.js.map +1 -0
  143. package/dist/menu-item.js +318 -0
  144. package/dist/menu-item.js.map +1 -0
  145. package/dist/menu.js +534 -0
  146. package/dist/menu.js.map +1 -0
  147. package/dist/modal.js +9 -5
  148. package/dist/modal.js.map +1 -1
  149. package/dist/navigation-rail-item.js +385 -0
  150. package/dist/navigation-rail-item.js.map +1 -0
  151. package/dist/navigation-rail.js +217 -0
  152. package/dist/navigation-rail.js.map +1 -0
  153. package/dist/notification-manager.js +8 -4
  154. package/dist/notification-manager.js.map +1 -1
  155. package/dist/notification.js +8 -4
  156. package/dist/notification.js.map +1 -1
  157. package/dist/number-counter.js +7 -3
  158. package/dist/number-counter.js.map +1 -1
  159. package/dist/{observe-slot-change-D8Xg-kSS.js → observe-slot-change-DPxaZrZF.js} +3 -4
  160. package/dist/observe-slot-change-DPxaZrZF.js.map +1 -0
  161. package/dist/option.js +121 -0
  162. package/dist/option.js.map +1 -0
  163. package/dist/pagination.js +255 -0
  164. package/dist/pagination.js.map +1 -0
  165. package/dist/popover-content.js +7 -3
  166. package/dist/popover-content.js.map +1 -1
  167. package/dist/popover.js +175 -3
  168. package/dist/popover.js.map +1 -1
  169. package/dist/{property-1psGvXOq.js → property-B49QQ8pS.js} +2 -2
  170. package/dist/{property-1psGvXOq.js.map → property-B49QQ8pS.js.map} +1 -1
  171. package/dist/query-CHb9Ft_d.js +10 -0
  172. package/dist/query-CHb9Ft_d.js.map +1 -0
  173. package/dist/query-assigned-elements-BJaGSqM0.js +10 -0
  174. package/dist/query-assigned-elements-BJaGSqM0.js.map +1 -0
  175. package/dist/radio.js +476 -0
  176. package/dist/radio.js.map +1 -0
  177. package/dist/ripple.js +506 -0
  178. package/dist/ripple.js.map +1 -0
  179. package/dist/search.js +12 -7
  180. package/dist/search.js.map +1 -1
  181. package/dist/segmented-button-group.js +137 -0
  182. package/dist/segmented-button-group.js.map +1 -0
  183. package/dist/segmented-button.js +289 -0
  184. package/dist/segmented-button.js.map +1 -0
  185. package/dist/select-Dwtk0RIU.js +3937 -0
  186. package/dist/select-Dwtk0RIU.js.map +1 -0
  187. package/dist/side-sheet.js +8 -4
  188. package/dist/side-sheet.js.map +1 -1
  189. package/dist/skeleton.js +122 -0
  190. package/dist/skeleton.js.map +1 -0
  191. package/dist/slider.js +346 -0
  192. package/dist/slider.js.map +1 -0
  193. package/dist/snackbar.js +335 -0
  194. package/dist/snackbar.js.map +1 -0
  195. package/dist/spinner.js +100 -0
  196. package/dist/spinner.js.map +1 -0
  197. package/dist/split-button.js +10 -5
  198. package/dist/split-button.js.map +1 -1
  199. package/dist/spread-B5cgadZl.js +32 -0
  200. package/dist/spread-B5cgadZl.js.map +1 -0
  201. package/dist/src/__internal/aria/aria.d.ts +98 -0
  202. package/dist/src/__internal/aria/delegate.d.ts +54 -0
  203. package/dist/src/__internal/events/dispatch-hooks.d.ts +80 -0
  204. package/dist/src/__internal/mixins/element-internals.d.ts +40 -0
  205. package/dist/src/__internal/mixins/form-associated.d.ts +174 -0
  206. package/dist/src/__internal/mixins/form-submitter.d.ts +59 -0
  207. package/dist/src/__internal/mixins/hyperlink.d.ts +42 -0
  208. package/dist/src/__internal/mixins/mixin.d.ts +49 -0
  209. package/dist/src/{__utils → __internal/utils}/observe-slot-change.d.ts +1 -0
  210. package/dist/src/accordion/accordion-item.d.ts +3 -1
  211. package/dist/src/accordion/accordion.d.ts +1 -1
  212. package/dist/src/alert/alert.d.ts +43 -0
  213. package/dist/src/alert/index.d.ts +1 -0
  214. package/dist/src/app-bar/app-bar.d.ts +92 -0
  215. package/dist/src/app-bar/index.d.ts +1 -0
  216. package/dist/src/avatar/avatar.d.ts +2 -0
  217. package/dist/src/bottom-sheet/bottom-sheet.d.ts +1 -1
  218. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +1 -0
  219. package/dist/src/button/ButtonTypes.d.ts +5 -0
  220. package/dist/src/button/base-button/base-button.d.ts +18 -0
  221. package/dist/src/button/button/button.d.ts +29 -37
  222. package/dist/src/button/button-group/button-group.d.ts +17 -18
  223. package/dist/src/{fab → button/fab}/fab.d.ts +8 -26
  224. package/dist/src/button/icon-button/icon-button.d.ts +20 -27
  225. package/dist/src/button/index.d.ts +1 -0
  226. package/dist/src/calendar/calendar.d.ts +1 -1
  227. package/dist/src/canvas/canvas.d.ts +1 -1
  228. package/dist/src/card/card.d.ts +5 -6
  229. package/dist/src/chart-bar/chart-bar.d.ts +1 -1
  230. package/dist/src/chart-bar/chart-stacked-bar.d.ts +1 -1
  231. package/dist/src/checkbox/checkbox.d.ts +5 -1
  232. package/dist/src/chip/chip/chip.d.ts +9 -8
  233. package/dist/src/container/container.d.ts +5 -1
  234. package/dist/src/divider/divider.d.ts +2 -0
  235. package/dist/src/empty-state/empty-state.d.ts +1 -0
  236. package/dist/src/field/field.d.ts +19 -1
  237. package/dist/src/focus-ring/focus-ring.d.ts +3 -7
  238. package/dist/src/html-editor/html-editor.d.ts +1 -1
  239. package/dist/src/icon/icon.d.ts +9 -4
  240. package/dist/src/image/image.d.ts +4 -0
  241. package/dist/src/index.d.ts +7 -6
  242. package/dist/src/item/item.d.ts +20 -29
  243. package/dist/src/link/link.d.ts +1 -1
  244. package/dist/src/list/list-item.d.ts +7 -5
  245. package/dist/src/list/list.d.ts +3 -2
  246. package/dist/src/menu/menu/menu.d.ts +14 -0
  247. package/dist/src/menu/menu-item/menu-item.d.ts +10 -2
  248. package/dist/src/modal/modal.d.ts +1 -1
  249. package/dist/src/navigation-rail/navigation-rail-item.d.ts +5 -4
  250. package/dist/src/navigation-rail/navigation-rail.d.ts +1 -1
  251. package/dist/src/radio/radio.d.ts +5 -0
  252. package/dist/src/ripple/ripple.d.ts +10 -1
  253. package/dist/src/search/search.d.ts +1 -1
  254. package/dist/src/segmented-button/segmented-button-group.d.ts +2 -2
  255. package/dist/src/segmented-button/segmented-button.d.ts +2 -0
  256. package/dist/src/side-sheet/side-sheet.d.ts +1 -1
  257. package/dist/src/skeleton/skeleton.d.ts +1 -0
  258. package/dist/src/slider/slider.d.ts +1 -0
  259. package/dist/src/snackbar/snackbar.d.ts +12 -2
  260. package/dist/src/svg/svg.d.ts +5 -0
  261. package/dist/src/table/table.d.ts +5 -0
  262. package/dist/src/tabs/tab.d.ts +2 -7
  263. package/dist/src/toolbar/toolbar.d.ts +2 -2
  264. package/dist/{state-DwbEjqVk.js → state-DkTK9EGF.js} +2 -2
  265. package/dist/{state-DwbEjqVk.js.map → state-DkTK9EGF.js.map} +1 -1
  266. package/dist/{style-map-DVmWOuYy.js → style-map-BQD5Et1D.js} +2 -2
  267. package/dist/{style-map-DVmWOuYy.js.map → style-map-BQD5Et1D.js.map} +1 -1
  268. package/dist/sub-menu.js +241 -0
  269. package/dist/sub-menu.js.map +1 -0
  270. package/dist/svg.js +273 -0
  271. package/dist/svg.js.map +1 -0
  272. package/dist/tab-group.js +188 -0
  273. package/dist/tab-group.js.map +1 -0
  274. package/dist/tab-panel.js +61 -0
  275. package/dist/tab-panel.js.map +1 -0
  276. package/dist/tab.js +658 -0
  277. package/dist/tab.js.map +1 -0
  278. package/dist/table.js +620 -0
  279. package/dist/table.js.map +1 -0
  280. package/dist/tabs.js +240 -0
  281. package/dist/tabs.js.map +1 -0
  282. package/dist/throttle-C7ZAPqtu.js +24 -0
  283. package/dist/throttle-C7ZAPqtu.js.map +1 -0
  284. package/dist/toolbar.js +9 -5
  285. package/dist/toolbar.js.map +1 -1
  286. package/dist/tooltip.js +270 -0
  287. package/dist/tooltip.js.map +1 -0
  288. package/dist/tsconfig.tsbuildinfo +1 -1
  289. package/dist/{unsafe-html-BsGUjx94.js → unsafe-html-Ct0N2_UU.js} +2 -2
  290. package/dist/{unsafe-html-BsGUjx94.js.map → unsafe-html-Ct0N2_UU.js.map} +1 -1
  291. package/dist/when-DEJm_QN9.js +9 -0
  292. package/dist/when-DEJm_QN9.js.map +1 -0
  293. package/package.json +4 -2
  294. package/readme.md +3 -3
  295. package/scss/mixin.scss +8 -6
  296. package/src/__internal/aria/aria.ts +293 -0
  297. package/src/__internal/aria/delegate.ts +206 -0
  298. package/src/__internal/events/dispatch-hooks.ts +182 -0
  299. package/src/__internal/mixins/element-internals.ts +73 -0
  300. package/src/__internal/mixins/form-associated.ts +295 -0
  301. package/src/__internal/mixins/form-submitter.ts +133 -0
  302. package/src/__internal/mixins/hyperlink.ts +71 -0
  303. package/src/__internal/mixins/mixin.ts +58 -0
  304. package/src/{__utils → __internal/utils}/observe-slot-change.ts +2 -5
  305. package/src/accordion/accordion-item.ts +6 -2
  306. package/src/accordion/accordion.ts +4 -2
  307. package/src/accordion/demo/index.html +95 -90
  308. package/src/alert/alert.scss +82 -0
  309. package/src/{banner/banner.ts → alert/alert.ts} +22 -22
  310. package/src/alert/index.ts +1 -0
  311. package/src/app-bar/app-bar-colors.scss +17 -0
  312. package/src/app-bar/app-bar.scss +165 -0
  313. package/src/app-bar/app-bar.ts +155 -0
  314. package/src/app-bar/index.ts +1 -0
  315. package/src/avatar/avatar.ts +4 -0
  316. package/src/badge/badge.ts +2 -0
  317. package/src/bottom-sheet/bottom-sheet.ts +8 -2
  318. package/src/breadcrumb/breadcrumb/breadcrumb.ts +2 -0
  319. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +3 -0
  320. package/src/button/ButtonTypes.ts +17 -0
  321. package/src/button/base-button/base-button.ts +85 -0
  322. package/src/button/button/button-base.scss +306 -0
  323. package/src/button/button/button-colors.scss +27 -32
  324. package/src/button/button/button-layers.scss +126 -39
  325. package/src/button/button/button-shapes.scss +73 -0
  326. package/src/button/button/button.scss +12 -286
  327. package/src/button/button/button.ts +174 -194
  328. package/src/button/button-group/button-group.scss +43 -36
  329. package/src/button/button-group/button-group.ts +26 -137
  330. package/src/{fab → button/fab}/fab-colors.scss +0 -10
  331. package/src/button/fab/fab-sizes.scss +37 -0
  332. package/src/button/fab/fab.scss +172 -0
  333. package/src/{fab → button/fab}/fab.ts +69 -105
  334. package/src/button/icon-button/icon-button-sizes.scss +18 -3
  335. package/src/button/icon-button/icon-button.scss +5 -0
  336. package/src/button/icon-button/icon-button.ts +111 -141
  337. package/src/button/index.ts +7 -0
  338. package/src/calendar/calendar.ts +2 -2
  339. package/src/canvas/canvas.ts +2 -2
  340. package/src/card/card.scss +3 -3
  341. package/src/card/card.ts +20 -40
  342. package/src/chart-bar/chart-bar.ts +2 -2
  343. package/src/chart-bar/chart-stacked-bar.ts +2 -2
  344. package/src/checkbox/checkbox.ts +12 -4
  345. package/src/chip/chip/chip.scss +1 -1
  346. package/src/chip/chip/chip.ts +35 -55
  347. package/src/chip/demo/index.html +30 -26
  348. package/src/code-editor/code-editor.ts +68 -58
  349. package/src/code-editor/demo/index.html +32 -27
  350. package/src/code-highlighter/code-highlighter.ts +1 -1
  351. package/src/code-highlighter/demo/index.html +24 -21
  352. package/src/container/container.ts +8 -2
  353. package/src/date-picker/date-picker.ts +2 -3
  354. package/src/divider/divider.ts +5 -1
  355. package/src/dropdown-button/demo/index.html +106 -101
  356. package/src/dropdown-button/dropdown-button.ts +1 -1
  357. package/src/elevation/elevation.ts +2 -0
  358. package/src/empty-state/empty-state.ts +3 -0
  359. package/src/field/field.ts +52 -33
  360. package/src/focus-ring/focus-ring.ts +5 -7
  361. package/src/html-editor/html-editor.ts +28 -16
  362. package/src/icon/datasource.ts +1 -1
  363. package/src/icon/icon.ts +27 -15
  364. package/src/image/image.ts +18 -6
  365. package/src/index.ts +24 -6
  366. package/src/input/input.ts +2 -2
  367. package/src/item/item.scss +126 -162
  368. package/src/item/item.ts +70 -323
  369. package/src/link/link.ts +3 -1
  370. package/src/list/list-item.scss +43 -31
  371. package/src/list/list-item.ts +79 -75
  372. package/src/list/list.scss +1 -13
  373. package/src/list/list.ts +6 -3
  374. package/src/{peacock-loader.ts → loader.ts} +91 -79
  375. package/src/menu/menu/menu.scss +14 -11
  376. package/src/menu/menu/menu.ts +20 -8
  377. package/src/menu/menu-item/menu-item.scss +35 -3
  378. package/src/menu/menu-item/menu-item.ts +40 -34
  379. package/src/menu/sub-menu/sub-menu.ts +3 -0
  380. package/src/modal/modal.ts +2 -2
  381. package/src/navigation-rail/navigation-rail-item.ts +21 -36
  382. package/src/navigation-rail/navigation-rail.scss +1 -0
  383. package/src/navigation-rail/navigation-rail.ts +4 -2
  384. package/src/number-field/number-field.ts +2 -2
  385. package/src/pagination/pagination.ts +2 -0
  386. package/src/popover/popover.ts +3 -3
  387. package/src/radio/radio.ts +13 -5
  388. package/src/ripple/ripple.ts +14 -1
  389. package/src/search/search.ts +3 -3
  390. package/src/segmented-button/segmented-button-group.ts +8 -4
  391. package/src/segmented-button/segmented-button.ts +4 -0
  392. package/src/select/option.ts +2 -0
  393. package/src/side-sheet/side-sheet.ts +2 -2
  394. package/src/sidebar-menu/sidebar-menu-item.ts +3 -2
  395. package/src/skeleton/skeleton.ts +3 -0
  396. package/src/slider/slider.ts +4 -1
  397. package/src/snackbar/snackbar.ts +40 -25
  398. package/src/spinner/spinner.ts +2 -0
  399. package/src/svg/svg.ts +27 -9
  400. package/src/switch/switch.ts +1 -1
  401. package/src/table/table.ts +16 -3
  402. package/src/tabs/demo/index.html +79 -79
  403. package/src/tabs/tab-group.ts +2 -0
  404. package/src/tabs/tab-panel.ts +2 -0
  405. package/src/tabs/tab.scss +4 -4
  406. package/src/tabs/tab.ts +16 -39
  407. package/src/tabs/tabs.ts +2 -0
  408. package/src/textarea/textarea.ts +2 -2
  409. package/src/time-picker/time-picker.ts +2 -2
  410. package/src/toolbar/toolbar.ts +3 -3
  411. package/src/tooltip/tooltip.ts +14 -8
  412. package/src/url-field/url-field.ts +2 -3
  413. package/dist/ButtonConstants-D06bY4uy.js +0 -114
  414. package/dist/ButtonConstants-D06bY4uy.js.map +0 -1
  415. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +0 -1
  416. package/dist/banner.js +0 -186
  417. package/dist/banner.js.map +0 -1
  418. package/dist/button-colors-D7sJyPy8.js +0 -586
  419. package/dist/button-colors-D7sJyPy8.js.map +0 -1
  420. package/dist/icon-CueRR7wx.js +0 -260
  421. package/dist/icon-CueRR7wx.js.map +0 -1
  422. package/dist/icon-button-CAzYr_qr.js +0 -318
  423. package/dist/icon-button-CAzYr_qr.js.map +0 -1
  424. package/dist/navigation-rail-CM_svs5_.js +0 -14184
  425. package/dist/navigation-rail-CM_svs5_.js.map +0 -1
  426. package/dist/observe-slot-change-D8Xg-kSS.js.map +0 -1
  427. package/dist/peacock-loader.js.map +0 -1
  428. package/dist/popover-DUPmMVWS.js.map +0 -1
  429. package/dist/query-QBcUV-L_.js +0 -15
  430. package/dist/query-QBcUV-L_.js.map +0 -1
  431. package/dist/src/banner/banner.d.ts +0 -43
  432. package/dist/src/banner/index.d.ts +0 -1
  433. package/dist/src/button/GroupButtonInterface.d.ts +0 -4
  434. package/src/banner/banner.scss +0 -82
  435. package/src/banner/index.ts +0 -1
  436. package/src/button/GroupButtonInterface.ts +0 -4
  437. package/src/button/button/only-button.scss +0 -13
  438. package/src/fab/fab-sizes.scss +0 -37
  439. package/src/fab/fab.scss +0 -143
  440. /package/dist/src/{__controllers → __internal/controllers}/attachable-controller.d.ts +0 -0
  441. /package/dist/src/{__controllers → __internal/controllers}/floating-controller.d.ts +0 -0
  442. /package/dist/src/{__directive → __internal/directive}/spread.d.ts +0 -0
  443. /package/dist/src/{__mixins → __internal/mixins}/MixinConstructor.d.ts +0 -0
  444. /package/dist/src/{__mixins → __internal/mixins}/NativeButtonMixin.d.ts +0 -0
  445. /package/dist/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.d.ts +0 -0
  446. /package/dist/src/{__utils → __internal/utils}/cache-fetch.d.ts +0 -0
  447. /package/dist/src/{__utils → __internal/utils}/copy-to-clipboard.d.ts +0 -0
  448. /package/dist/src/{__utils → __internal/utils}/dispatch-event-utils.d.ts +0 -0
  449. /package/dist/src/{__utils → __internal/utils}/is-dark-mode.d.ts +0 -0
  450. /package/dist/src/{__utils → __internal/utils}/is-in-viewport.d.ts +0 -0
  451. /package/dist/src/{__utils → __internal/utils}/is-link.d.ts +0 -0
  452. /package/dist/src/{__utils → __internal/utils}/observe-theme-change.d.ts +0 -0
  453. /package/dist/src/{__utils → __internal/utils}/sanitize-svg.d.ts +0 -0
  454. /package/dist/src/{__utils → __internal/utils}/throttle.d.ts +0 -0
  455. /package/dist/src/{fab → button/fab}/index.d.ts +0 -0
  456. /package/dist/src/{peacock-loader.d.ts → loader.d.ts} +0 -0
  457. /package/dist/test/{banner.test.d.ts → alert.test.d.ts} +0 -0
  458. /package/src/{__controllers → __internal/controllers}/attachable-controller.ts +0 -0
  459. /package/src/{__controllers → __internal/controllers}/floating-controller.ts +0 -0
  460. /package/src/{__directive → __internal/directive}/spread.ts +0 -0
  461. /package/src/{__mixins → __internal/mixins}/MixinConstructor.ts +0 -0
  462. /package/src/{__mixins → __internal/mixins}/NativeButtonMixin.ts +0 -0
  463. /package/src/{__mixins → __internal/mixins}/NativeHyperlinkMixin.ts +0 -0
  464. /package/src/{__mixins → __internal/mixins}/README.md +0 -0
  465. /package/src/{__utils → __internal/utils}/cache-fetch.ts +0 -0
  466. /package/src/{__utils → __internal/utils}/copy-to-clipboard.ts +0 -0
  467. /package/src/{__utils → __internal/utils}/dispatch-event-utils.ts +0 -0
  468. /package/src/{__utils → __internal/utils}/is-dark-mode.ts +0 -0
  469. /package/src/{__utils → __internal/utils}/is-in-viewport.ts +0 -0
  470. /package/src/{__utils → __internal/utils}/is-link.ts +0 -0
  471. /package/src/{__utils → __internal/utils}/observe-theme-change.ts +0 -0
  472. /package/src/{__utils → __internal/utils}/sanitize-svg.ts +0 -0
  473. /package/src/{__utils → __internal/utils}/throttle.ts +0 -0
  474. /package/src/{fab → button/fab}/index.ts +0 -0
package/dist/button-colors-D7sJyPy8.js DELETED
@@ -1,586 +0,0 @@
1
- import { a as i } from './IndividualComponent-DUINtMGK.js';
2
-
3
- /**
4
- * @license
5
- * Copyright 2021 Google LLC
6
- * SPDX-License-Identifier: BSD-3-Clause
7
- */
8
- function n(n,r,t){return n?r(n):t?.(n)}
9
-
10
- var css_248z$2 = i`* {
11
- box-sizing: border-box;
12
- }
13
-
14
- .screen-reader-only {
15
- display: none !important;
16
- }
17
-
18
- :host {
19
- --button-icon-size: unset;
20
- --button-container-padding: unset;
21
- --button-container-shape: var(--shape-corner-medium);
22
- --button-container-shape-start-start: unset;
23
- --button-container-shape-start-end: unset;
24
- --button-container-shape-end-start: unset;
25
- --button-container-shape-end-end: unset;
26
- --button-container-shape-variant: squircle;
27
- }
28
-
29
- :host {
30
- position: relative;
31
- display: inline-flex;
32
- min-height: var(--button-height);
33
- --private-button-container-shape-start-start: var(--button-container-shape-start-start, var(--button-container-shape));
34
- --private-button-container-shape-start-end: var(--button-container-shape-start-end, var(--button-container-shape));
35
- --private-button-container-shape-end-start: var(--button-container-shape-end-start, var(--button-container-shape));
36
- --private-button-container-shape-end-end: var(--button-container-shape-end-end, var(--button-container-shape));
37
- --private-button-container-shape-variant: var(--button-container-shape-variant);
38
- }
39
-
40
- /*
41
- * Reset native button/link styles
42
- */
43
- .native-button {
44
- background: transparent;
45
- border: none;
46
- appearance: none;
47
- margin: 0;
48
- outline: none;
49
- padding: 0;
50
- }
51
-
52
- .native-link {
53
- text-decoration: none;
54
- color: inherit;
55
- cursor: pointer;
56
- }
57
- .native-link:link, .native-link:visited, .native-link:hover, .native-link:active {
58
- text-decoration: none;
59
- color: inherit;
60
- }
61
-
62
- .button {
63
- display: flex;
64
- align-items: center;
65
- justify-content: center;
66
- height: var(--button-height);
67
- padding: 0 var(--button-container-padding, var(--private-button-container-padding));
68
- width: 100%;
69
- z-index: 0;
70
- cursor: pointer;
71
- }
72
- .button .label {
73
- font-family: var(--font-family-sans) !important;
74
- font-size: var(--private-button-font-size);
75
- font-weight: var(--private-button-font-weight);
76
- line-height: var(--private-button-line-height);
77
- letter-spacing: var(--private-button-letter-spacing);
78
- color: var(--private-button-label-text-color);
79
- --icon-size: var(--button-icon-size, var(--private-button-icon-size));
80
- --icon-color: var(--private-button-label-text-color);
81
- pointer-events: none;
82
- }
83
- .button .touch {
84
- position: absolute;
85
- min-height: 2.5rem;
86
- height: 100%;
87
- width: 100%;
88
- top: 50%;
89
- left: 50%;
90
- transform: translate(-50%, -50%);
91
- }
92
- .button {
93
- /* make the icon slot itself collapsible so removal animates smoothly */
94
- }
95
- .button .icon-slot {
96
- display: inline-flex;
97
- align-items: center;
98
- overflow: hidden;
99
- pointer-events: none;
100
- }
101
- .button .icon-slot::slotted(*) {
102
- --icon-size: var(--button-icon-size, var(--private-button-icon-size));
103
- --icon-color: var(--private-button-label-text-color);
104
- opacity: var(--private-button-label-text-opacity, 1);
105
- }
106
-
107
- :host([disabled]), :host([soft-disabled]) {
108
- cursor: not-allowed;
109
- }
110
-
111
- :host(:not([skeleton])) .skeleton {
112
- display: none;
113
- }
114
-
115
- :host([skeleton]) .background {
116
- display: none;
117
- }
118
- :host([skeleton]) .ripple {
119
- display: none;
120
- }
121
-
122
- /**
123
- * Button variant definitions
124
- */
125
- :host([variant=elevated]) {
126
- --private-button-container-color: var(--elevated-button-container-color);
127
- --private-button-label-text-color: var(--elevated-button-label-text-color);
128
- --private-button-container-elevation-level: 1;
129
- --private-button-state-color: var(--private-button-label-text-color);
130
- }
131
- :host([variant=elevated]):host(:hover:not([disabled], [soft-disabled], [skeleton])) {
132
- --private-button-container-elevation-level: 2;
133
- --private-button-state-opacity: 0.08;
134
- }
135
- :host([variant=elevated]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) {
136
- --private-button-container-elevation-level: 1;
137
- --private-button-state-opacity: 0.12;
138
- }
139
- :host([variant=elevated]):host([disabled]) {
140
- --private-button-container-color: var(--color-on-surface);
141
- --private-button-container-opacity: 0.1;
142
- --private-button-label-text-color: var(--color-on-surface);
143
- --private-button-label-text-opacity: 0.38;
144
- }
145
- :host([variant=elevated]):host([disabled]) .ripple {
146
- display: none;
147
- }
148
-
149
- :host([variant=filled]) {
150
- --private-button-container-color: var(--filled-button-container-color);
151
- --private-button-label-text-color: var(--filled-button-label-text-color);
152
- --private-button-state-color: var(--private-button-label-text-color);
153
- }
154
- :host([variant=filled]):host(:hover:not([disabled], [soft-disabled], [skeleton])) {
155
- --private-button-container-elevation-level: 1;
156
- --private-button-state-opacity: 0.08;
157
- }
158
- :host([variant=filled]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) {
159
- --private-button-container-elevation-level: 0;
160
- --private-button-state-opacity: 0.1;
161
- }
162
- :host([variant=filled]):host([disabled]) {
163
- --private-button-container-color: var(--color-on-surface);
164
- --private-button-container-opacity: 0.1;
165
- --private-button-label-text-color: var(--color-on-surface);
166
- --private-button-label-text-opacity: 0.38;
167
- }
168
- :host([variant=filled]):host([disabled]) .ripple {
169
- display: none;
170
- }
171
-
172
- :host([variant=tonal]) {
173
- --private-button-container-color: var(--tonal-button-container-color);
174
- --private-button-label-text-color: var(--tonal-button-label-text-color);
175
- --private-button-state-color: var(--private-button-label-text-color);
176
- }
177
- :host([variant=tonal]):host(:hover:not([disabled], [soft-disabled], [skeleton])) {
178
- --private-button-container-elevation-level: 1;
179
- --private-button-state-opacity: 0.08;
180
- }
181
- :host([variant=tonal]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) {
182
- --private-button-container-elevation-level: 0;
183
- --private-button-state-opacity: 0.12;
184
- }
185
- :host([variant=tonal]):host([disabled]) {
186
- --private-button-container-color: var(--color-on-surface);
187
- --private-button-container-opacity: 0.1;
188
- --private-button-label-text-color: var(--color-on-surface);
189
- --private-button-label-text-opacity: 0.38;
190
- }
191
- :host([variant=tonal]):host([disabled]) .ripple {
192
- display: none;
193
- }
194
-
195
- :host([variant=outlined]) {
196
- --private-button-outline-width: var(--outlined-button-outline-width, 0.0675rem);
197
- --private-button-outline-color: var(--outlined-button-outline-color);
198
- --private-button-label-text-color: var(--outlined-button-label-text-color);
199
- --private-button-state-color: var(--private-button-label-text-color);
200
- }
201
- :host([variant=outlined]):host(:hover:not([disabled], [soft-disabled], [skeleton])) {
202
- --private-button-state-opacity: 0.08;
203
- }
204
- :host([variant=outlined]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) {
205
- --private-button-state-opacity: 0.12;
206
- }
207
- :host([variant=outlined]):host([disabled]) {
208
- --private-button-outline-color: var(--color-on-surface);
209
- --private-button-label-text-color: var(--color-on-surface);
210
- --private-button-label-text-opacity: 0.38;
211
- --private-button-outline-opacity: 0.12;
212
- }
213
- :host([variant=outlined]):host([disabled]) .ripple {
214
- display: none;
215
- }
216
-
217
- :host([variant=text]) {
218
- --private-button-label-text-color: var(--text-button-label-text-color);
219
- --private-button-state-color: var(--private-button-label-text-color);
220
- }
221
- :host([variant=text]):host(:hover:not([disabled], [soft-disabled], [skeleton])) {
222
- --private-button-state-opacity: 0.08;
223
- }
224
- :host([variant=text]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) {
225
- --private-button-state-opacity: 0.12;
226
- }
227
- :host([variant=text]):host([disabled]) {
228
- --private-button-label-text-color: var(--color-on-surface);
229
- --private-button-label-text-opacity: 0.38;
230
- }
231
- :host([variant=text]):host([disabled]) .ripple {
232
- display: none;
233
- }
234
-
235
- :host([variant=neo]) {
236
- --private-button-container-color: var(--neo-button-container-color);
237
- --private-button-label-text-color: var(--neo-button-label-text-color);
238
- --private-button-outline-width: var(--outlined-button-outline-width, 0.125rem);
239
- --private-button-outline-color: var(--color-inverse-surface);
240
- }
241
- :host([variant=neo]) .focus-ring {
242
- --focus-ring-color: var(--color-primary-container);
243
- --focus-ring-inset: -2px;
244
- }
245
- :host([variant=neo]) .ripple {
246
- display: none;
247
- }
248
- :host([variant=neo]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) .background, :host([variant=neo]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) .button, :host([variant=neo]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) .outline, :host([variant=neo]):host([pressed]:not([disabled], [soft-disabled], [skeleton])) .focus-ring {
249
- transform: translateX(0.25rem) translateY(0.25rem);
250
- }
251
- :host([variant=neo]):host([disabled]) {
252
- --private-button-container-color: var(--color-on-surface);
253
- --private-button-container-opacity: 0.1;
254
- --private-button-label-text-color: var(--color-on-surface);
255
- --private-button-label-text-opacity: 0.38;
256
- --private-button-outline-opacity: 0.12;
257
- }
258
- :host([variant=neo]):host([disabled]) .ripple {
259
- display: none;
260
- }
261
-
262
- :host([block]) {
263
- width: 100%;
264
- }`;
265
-
266
- var css_248z$1 = i`.button {
267
- transition-property: inset, width, height, transform, border-radius, opacity;
268
- transition-duration: 200ms;
269
- transition-timing-function: var(--easing-standard);
270
- will-change: inset, transform, border-radius, opacity;
271
- }
272
-
273
- .background {
274
- display: block;
275
- position: absolute;
276
- inset: 0;
277
- pointer-events: none;
278
- background-color: var(--private-button-container-color);
279
- opacity: var(--private-button-container-opacity, 1);
280
- border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
281
- border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
282
- border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
283
- border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
284
- corner-shape: var(--private-button-container-shape-variant);
285
- transition-property: inset, width, height, transform, border-radius, opacity;
286
- transition-duration: 200ms;
287
- transition-timing-function: var(--easing-standard);
288
- will-change: inset, transform, border-radius, opacity;
289
- }
290
-
291
- .neo-background {
292
- display: block;
293
- position: absolute;
294
- inset: 0;
295
- pointer-events: none;
296
- background: var(--color-inverse-surface);
297
- transform: translateX(0.25rem) translateY(0.25rem);
298
- border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
299
- border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
300
- border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
301
- border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
302
- corner-shape: var(--private-button-container-shape-variant);
303
- transition-property: inset, width, height, transform, border-radius, opacity;
304
- transition-duration: 200ms;
305
- transition-timing-function: var(--easing-standard);
306
- will-change: inset, transform, border-radius, opacity;
307
- }
308
-
309
- .focus-ring {
310
- z-index: 2;
311
- pointer-events: none;
312
- --focus-ring-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
313
- --focus-ring-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
314
- --focus-ring-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
315
- --focus-ring-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
316
- --focus-ring-container-shape-variant: var(--private-button-container-shape-variant);
317
- }
318
-
319
- .ripple {
320
- border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
321
- border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
322
- border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
323
- border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
324
- corner-shape: var(--private-button-container-shape-variant);
325
- pointer-events: none;
326
- --ripple-state-opacity: var(--private-button-state-opacity, 0);
327
- --ripple-pressed-color: var(--private-button-state-color);
328
- }
329
-
330
- .skeleton {
331
- display: block;
332
- position: absolute;
333
- inset: 0;
334
- pointer-events: none;
335
- z-index: 2;
336
- --skeleton-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
337
- --skeleton-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
338
- --skeleton-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
339
- --skeleton-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
340
- --skeleton-container-shape-variant: var(--private-button-container-shape-variant);
341
- }
342
-
343
- .elevation {
344
- pointer-events: none;
345
- transition-duration: 280ms;
346
- --elevation-container-shape-start-start: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
347
- --elevation-container-shape-start-end: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
348
- --elevation-container-shape-end-start: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
349
- --elevation-container-shape-end-end: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
350
- --elevation-container-shape-variant: var(--private-button-container-shape-variant);
351
- --elevation-level: var(--private-button-container-elevation-level);
352
- }
353
-
354
- .outline {
355
- display: block;
356
- position: absolute;
357
- inset: 0;
358
- pointer-events: none;
359
- z-index: 0;
360
- border: var(--private-button-outline-width) solid var(--private-button-outline-color);
361
- opacity: var(--private-button-outline-opacity, 1);
362
- border-start-start-radius: var(--private-button-container-shape-start-start, var(--private-button-container-shape));
363
- border-start-end-radius: var(--private-button-container-shape-start-end, var(--private-button-container-shape));
364
- border-end-start-radius: var(--private-button-container-shape-end-start, var(--private-button-container-shape));
365
- border-end-end-radius: var(--private-button-container-shape-end-end, var(--private-button-container-shape));
366
- corner-shape: var(--private-button-container-shape-variant);
367
- transition-property: inset, width, height, transform, border-radius, opacity;
368
- transition-duration: 200ms;
369
- transition-timing-function: var(--easing-standard);
370
- will-change: inset, transform, border-radius, opacity;
371
- }
372
-
373
- .tooltip {
374
- z-index: 1;
375
- }`;
376
-
377
- var css_248z = i`:host([color=primary]:not([toggle])) {
378
- --filled-button-container-color: var(--color-primary);
379
- --filled-button-label-text-color: var(--color-on-primary);
380
- --tonal-button-container-color: var(--color-primary-container);
381
- --tonal-button-label-text-color: var(--color-on-primary-container);
382
- --elevated-button-container-color: var(--color-surface-container-low);
383
- --elevated-button-label-text-color: var(--color-primary);
384
- --outlined-button-outline-color: var(--color-primary);
385
- --outlined-button-label-text-color: var(--color-primary);
386
- --text-button-label-text-color: var(--color-primary);
387
- --neo-button-container-color: var(--color-primary);
388
- --neo-button-label-text-color: var(--color-on-primary);
389
- }
390
-
391
- :host([color=primary][toggle][selected]) {
392
- --filled-button-container-color: var(--color-primary);
393
- --filled-button-label-text-color: var(--color-on-primary);
394
- --tonal-button-container-color: var(--color-primary);
395
- --tonal-button-label-text-color: var(--color-on-primary);
396
- --elevated-button-container-color: var(--color-primary);
397
- --elevated-button-label-text-color: var(--color-on-primary);
398
- --outlined-button-outline-color: var(--color-inverse-surface);
399
- --outlined-button-label-text-color: var(--color-inverse-on-surface);
400
- }
401
-
402
- :host([color=primary][toggle]:not([selected])) {
403
- --filled-button-container-color: var(--color-surface-container-high);
404
- --filled-button-label-text-color: var(--color-on-surface);
405
- --tonal-button-container-color: var(--color-primary-container);
406
- --tonal-button-label-text-color: var(--color-on-primary-container);
407
- --elevated-button-container-color: var(--color-surface-container-low);
408
- --elevated-button-label-text-color: var(--color-primary);
409
- --outlined-button-outline-color: var(--color-primary);
410
- --outlined-button-label-text-color: var(--color-primary);
411
- }
412
-
413
- :host([color=secondary]:not([toggle])) {
414
- --filled-button-container-color: var(--color-secondary);
415
- --filled-button-label-text-color: var(--color-on-secondary);
416
- --tonal-button-container-color: var(--color-secondary-container);
417
- --tonal-button-label-text-color: var(--color-on-secondary-container);
418
- --elevated-button-container-color: var(--color-surface-container-low);
419
- --elevated-button-label-text-color: var(--color-secondary);
420
- --outlined-button-outline-color: var(--color-secondary);
421
- --outlined-button-label-text-color: var(--color-secondary);
422
- --text-button-label-text-color: var(--color-secondary);
423
- --neo-button-container-color: var(--color-secondary);
424
- --neo-button-label-text-color: var(--color-on-secondary);
425
- }
426
-
427
- :host([color=secondary][toggle][selected]) {
428
- --filled-button-container-color: var(--color-secondary);
429
- --filled-button-label-text-color: var(--color-on-secondary);
430
- --tonal-button-container-color: var(--color-secondary);
431
- --tonal-button-label-text-color: var(--color-on-secondary);
432
- --elevated-button-container-color: var(--color-secondary);
433
- --elevated-button-label-text-color: var(--color-on-secondary);
434
- --outlined-button-outline-color: var(--color-inverse-surface);
435
- --outlined-button-label-text-color: var(--color-inverse-on-surface);
436
- }
437
-
438
- :host([color=secondary][toggle]:not([selected])) {
439
- --filled-button-container-color: var(--color-surface-container-high);
440
- --filled-button-label-text-color: var(--color-on-surface);
441
- --tonal-button-container-color: var(--color-secondary-container);
442
- --tonal-button-label-text-color: var(--color-on-secondary-container);
443
- --elevated-button-container-color: var(--color-surface-container-low);
444
- --elevated-button-label-text-color: var(--color-secondary);
445
- --outlined-button-outline-color: var(--color-secondary);
446
- --outlined-button-label-text-color: var(--color-secondary);
447
- }
448
-
449
- :host([color=tertiary]:not([toggle])) {
450
- --filled-button-container-color: var(--color-tertiary);
451
- --filled-button-label-text-color: var(--color-on-tertiary);
452
- --tonal-button-container-color: var(--color-tertiary-container);
453
- --tonal-button-label-text-color: var(--color-on-tertiary-container);
454
- --elevated-button-container-color: var(--color-surface-container-low);
455
- --elevated-button-label-text-color: var(--color-tertiary);
456
- --outlined-button-outline-color: var(--color-tertiary);
457
- --outlined-button-label-text-color: var(--color-tertiary);
458
- --text-button-label-text-color: var(--color-tertiary);
459
- --neo-button-container-color: var(--color-tertiary);
460
- --neo-button-label-text-color: var(--color-on-tertiary);
461
- }
462
-
463
- :host([color=tertiary][toggle][selected]) {
464
- --filled-button-container-color: var(--color-tertiary);
465
- --filled-button-label-text-color: var(--color-on-tertiary);
466
- --tonal-button-container-color: var(--color-tertiary);
467
- --tonal-button-label-text-color: var(--color-on-tertiary);
468
- --elevated-button-container-color: var(--color-tertiary);
469
- --elevated-button-label-text-color: var(--color-on-tertiary);
470
- --outlined-button-outline-color: var(--color-inverse-surface);
471
- --outlined-button-label-text-color: var(--color-inverse-on-surface);
472
- }
473
-
474
- :host([color=tertiary][toggle]:not([selected])) {
475
- --filled-button-container-color: var(--color-surface-container-high);
476
- --filled-button-label-text-color: var(--color-on-surface);
477
- --tonal-button-container-color: var(--color-tertiary-container);
478
- --tonal-button-label-text-color: var(--color-on-tertiary-container);
479
- --elevated-button-container-color: var(--color-surface-container-low);
480
- --elevated-button-label-text-color: var(--color-tertiary);
481
- --outlined-button-outline-color: var(--color-tertiary);
482
- --outlined-button-label-text-color: var(--color-tertiary);
483
- }
484
-
485
- :host([color=success]:not([toggle])) {
486
- --filled-button-container-color: var(--color-success);
487
- --filled-button-label-text-color: var(--color-on-success);
488
- --tonal-button-container-color: var(--color-success-container);
489
- --tonal-button-label-text-color: var(--color-on-success-container);
490
- --elevated-button-container-color: var(--color-surface-container-low);
491
- --elevated-button-label-text-color: var(--color-success);
492
- --outlined-button-outline-color: var(--color-success);
493
- --outlined-button-label-text-color: var(--color-success);
494
- --text-button-label-text-color: var(--color-success);
495
- --neo-button-container-color: var(--color-success);
496
- --neo-button-label-text-color: var(--color-on-success);
497
- }
498
-
499
- :host([color=success][toggle][selected]) {
500
- --filled-button-container-color: var(--color-success);
501
- --filled-button-label-text-color: var(--color-on-success);
502
- --tonal-button-container-color: var(--color-success);
503
- --tonal-button-label-text-color: var(--color-on-success);
504
- --elevated-button-container-color: var(--color-success);
505
- --elevated-button-label-text-color: var(--color-on-success);
506
- --outlined-button-outline-color: var(--color-inverse-surface);
507
- --outlined-button-label-text-color: var(--color-inverse-on-surface);
508
- }
509
-
510
- :host([color=success][toggle]:not([selected])) {
511
- --filled-button-container-color: var(--color-surface-container-high);
512
- --filled-button-label-text-color: var(--color-on-surface);
513
- --tonal-button-container-color: var(--color-success-container);
514
- --tonal-button-label-text-color: var(--color-on-success-container);
515
- --elevated-button-container-color: var(--color-surface-container-low);
516
- --elevated-button-label-text-color: var(--color-success);
517
- --outlined-button-outline-color: var(--color-success);
518
- --outlined-button-label-text-color: var(--color-success);
519
- }
520
-
521
- :host([color=danger]:not([toggle])) {
522
- --filled-button-container-color: var(--color-error);
523
- --filled-button-label-text-color: var(--color-on-error);
524
- --tonal-button-container-color: var(--color-error-container);
525
- --tonal-button-label-text-color: var(--color-on-error-container);
526
- --elevated-button-container-color: var(--color-surface-container-low);
527
- --elevated-button-label-text-color: var(--color-error);
528
- --outlined-button-outline-color: var(--color-error);
529
- --outlined-button-label-text-color: var(--color-error);
530
- --text-button-label-text-color: var(--color-error);
531
- --neo-button-container-color: var(--color-error);
532
- --neo-button-label-text-color: var(--color-on-error);
533
- }
534
-
535
- :host([color=danger][toggle][selected]) {
536
- --filled-button-container-color: var(--color-error);
537
- --filled-button-label-text-color: var(--color-on-error);
538
- --tonal-button-container-color: var(--color-error);
539
- --tonal-button-label-text-color: var(--color-on-error);
540
- --elevated-button-container-color: var(--color-error);
541
- --elevated-button-label-text-color: var(--color-on-error);
542
- --outlined-button-outline-color: var(--color-inverse-surface);
543
- --outlined-button-label-text-color: var(--color-inverse-on-surface);
544
- }
545
-
546
- :host([color=danger][toggle]:not([selected])) {
547
- --filled-button-container-color: var(--color-surface-container-high);
548
- --filled-button-label-text-color: var(--color-on-surface);
549
- --tonal-button-container-color: var(--color-error-container);
550
- --tonal-button-label-text-color: var(--color-on-error-container);
551
- --elevated-button-container-color: var(--color-surface-container-low);
552
- --elevated-button-label-text-color: var(--color-error);
553
- --outlined-button-outline-color: var(--color-error);
554
- --outlined-button-label-text-color: var(--color-error);
555
- }
556
-
557
- :host([color=on-surface]) {
558
- --filled-button-container-color: var(--color-on-surface);
559
- --filled-button-label-text-color: var(--color-surface);
560
- --tonal-button-container-color: var(--color-on-surface-container);
561
- --tonal-button-label-text-color: var(--color-surface-container-high);
562
- --elevated-button-container-color: var(--color-on-surface);
563
- --elevated-button-label-text-color: var(--color-surface);
564
- --outlined-button-outline-color: var(--color-on-surface);
565
- --outlined-button-label-text-color: var(--color-on-surface);
566
- --text-button-label-text-color: var(--color-on-surface);
567
- --neo-button-container-color: var(--color-on-surface);
568
- --neo-button-label-text-color: var(--color-surface);
569
- }
570
-
571
- :host([color=surface]) {
572
- --filled-button-container-color: var(--color-surface-container-high);
573
- --filled-button-label-text-color: var(--color-on-surface);
574
- --tonal-button-container-color: var(--color-surface-container-high);
575
- --tonal-button-label-text-color: var(--color-on-surface-container);
576
- --elevated-button-container-color: var(--color-surface);
577
- --elevated-button-label-text-color: var(--color-on-surface);
578
- --outlined-button-outline-color: var(--color-on-surface);
579
- --outlined-button-label-text-color: var(--color-on-surface);
580
- --text-button-label-text-color: var(--color-on-surface);
581
- --neo-button-container-color: var(--color-surface);
582
- --neo-button-label-text-color: var(--color-on-surface);
583
- }`;
584
-
585
- export { css_248z$2 as a, css_248z as b, css_248z$1 as c, n };
586
- //# sourceMappingURL=button-colors-D7sJyPy8.js.map
package/dist/button-colors-D7sJyPy8.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-colors-D7sJyPy8.js","sources":["../node_modules/lit-html/directives/when.js"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n,r,t){return n?r(n):t?.(n)}export{n as when};\n//# sourceMappingURL=when.js.map\n"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}