matcha-components 20.15.0 → 20.16.0

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 (810) hide show
  1. package/fesm2022/matcha-components.mjs +8167 -0
  2. package/fesm2022/matcha-components.mjs.map +1 -0
  3. package/index.d.ts +2030 -0
  4. package/package.json +19 -6
  5. package/assets/open_in_new.png +0 -0
  6. package/index.ts +0 -1
  7. package/ng-package.json +0 -7
  8. package/src/documentation/components/matcha-drawer.mdx +0 -469
  9. package/src/documentation/foundation/borders/border-radius.mdx +0 -145
  10. package/src/documentation/foundation/borders/border-size.mdx +0 -111
  11. package/src/documentation/foundation/borders/border-style.mdx +0 -144
  12. package/src/documentation/foundation/colors/all-colors.mdx +0 -153
  13. package/src/documentation/foundation/colors/base/amber.mdx +0 -235
  14. package/src/documentation/foundation/colors/base/blue.mdx +0 -235
  15. package/src/documentation/foundation/colors/base/cyan.mdx +0 -235
  16. package/src/documentation/foundation/colors/base/deep-orange.mdx +0 -235
  17. package/src/documentation/foundation/colors/base/deep-purple.mdx +0 -235
  18. package/src/documentation/foundation/colors/base/green.mdx +0 -235
  19. package/src/documentation/foundation/colors/base/indigo.mdx +0 -235
  20. package/src/documentation/foundation/colors/base/light-blue.mdx +0 -235
  21. package/src/documentation/foundation/colors/base/light-green.mdx +0 -235
  22. package/src/documentation/foundation/colors/base/lime.mdx +0 -235
  23. package/src/documentation/foundation/colors/base/orange.mdx +0 -235
  24. package/src/documentation/foundation/colors/base/pink.mdx +0 -235
  25. package/src/documentation/foundation/colors/base/purple.mdx +0 -235
  26. package/src/documentation/foundation/colors/base/red.mdx +0 -235
  27. package/src/documentation/foundation/colors/base/teal.mdx +0 -235
  28. package/src/documentation/foundation/colors/base/yellow.mdx +0 -235
  29. package/src/documentation/foundation/colors/surface-colors.mdx +0 -93
  30. package/src/documentation/foundation/colors/theme/accent.mdx +0 -235
  31. package/src/documentation/foundation/colors/theme/primary.mdx +0 -235
  32. package/src/documentation/foundation/colors/theme/warn.mdx +0 -235
  33. package/src/documentation/foundation/displays/display-block.mdx +0 -134
  34. package/src/documentation/foundation/displays/display-flex.mdx +0 -134
  35. package/src/documentation/foundation/displays/display-grid.mdx +0 -134
  36. package/src/documentation/foundation/displays/display-inline-block.mdx +0 -134
  37. package/src/documentation/foundation/displays/display-inline-flex.mdx +0 -134
  38. package/src/documentation/foundation/displays/display-inline.mdx +0 -134
  39. package/src/documentation/foundation/displays/display-none.mdx +0 -134
  40. package/src/documentation/foundation/displays/display-table-cell.mdx +0 -134
  41. package/src/documentation/foundation/displays/display-table-row.mdx +0 -134
  42. package/src/documentation/foundation/displays/display-table.mdx +0 -134
  43. package/src/documentation/foundation/flexbox/flexbox.mdx +0 -420
  44. package/src/documentation/foundation/opacity/opacity.mdx +0 -104
  45. package/src/documentation/foundation/position/alignment.mdx +0 -148
  46. package/src/documentation/foundation/sizes/height/heights.mdx +0 -96
  47. package/src/documentation/foundation/sizes/height/max-heights.mdx +0 -96
  48. package/src/documentation/foundation/sizes/height/min-heights.mdx +0 -96
  49. package/src/documentation/foundation/sizes/width/max-width.mdx +0 -95
  50. package/src/documentation/foundation/sizes/width/min-width.mdx +0 -96
  51. package/src/documentation/foundation/sizes/width/widths.mdx +0 -96
  52. package/src/documentation/foundation/spacing/margins.mdx +0 -227
  53. package/src/documentation/foundation/spacing/paddings.mdx +0 -225
  54. package/src/documentation/foundation/typography/colors.mdx +0 -26
  55. package/src/documentation/foundation/typography/font-size.mdx +0 -57
  56. package/src/documentation/foundation/typography/font-weight.mdx +0 -85
  57. package/src/documentation/foundation/typography/letter-spacing.mdx +0 -35
  58. package/src/documentation/foundation/typography/line-clamp.mdx +0 -145
  59. package/src/documentation/foundation/typography/line-height.mdx +0 -52
  60. package/src/documentation/foundation/typography/message-box.mdx +0 -43
  61. package/src/documentation/foundation/typography/paragraph.mdx +0 -165
  62. package/src/documentation/foundation/typography/text-align.mdx +0 -22
  63. package/src/documentation/foundation/typography/text-styles.mdx +0 -88
  64. package/src/documentation/presentation.mdx +0 -591
  65. package/src/documentation/services/matcha-breakpoint-observer.mdx +0 -310
  66. package/src/documentation/tokens/animations.mdx +0 -116
  67. package/src/documentation/tokens/breakpoints.mdx +0 -57
  68. package/src/documentation/tokens/colors.mdx +0 -1884
  69. package/src/documentation/tokens/elevations.mdx +0 -50
  70. package/src/documentation/tokens/sizes.mdx +0 -150
  71. package/src/lib/matcha-accordion/accordion/accordion.component.html +0 -1
  72. package/src/lib/matcha-accordion/accordion/accordion.component.scss +0 -0
  73. package/src/lib/matcha-accordion/accordion/accordion.component.ts +0 -72
  74. package/src/lib/matcha-accordion/accordion-content/accordion-content.component.html +0 -1
  75. package/src/lib/matcha-accordion/accordion-content/accordion-content.component.scss +0 -0
  76. package/src/lib/matcha-accordion/accordion-content/accordion-content.component.ts +0 -11
  77. package/src/lib/matcha-accordion/accordion-header/accordion-header.component.html +0 -1
  78. package/src/lib/matcha-accordion/accordion-header/accordion-header.component.scss +0 -0
  79. package/src/lib/matcha-accordion/accordion-header/accordion-header.component.ts +0 -11
  80. package/src/lib/matcha-accordion/accordion-item/accordion-item.component.html +0 -13
  81. package/src/lib/matcha-accordion/accordion-item/accordion-item.component.scss +0 -0
  82. package/src/lib/matcha-accordion/accordion-item/accordion-item.component.ts +0 -63
  83. package/src/lib/matcha-accordion/accordion.module.ts +0 -37
  84. package/src/lib/matcha-accordion/accordion.stories.ts +0 -108
  85. package/src/lib/matcha-animations/animations.ts +0 -406
  86. package/src/lib/matcha-autocomplete/README.md +0 -185
  87. package/src/lib/matcha-autocomplete/matcha-autocomplete.component.html +0 -13
  88. package/src/lib/matcha-autocomplete/matcha-autocomplete.component.ts +0 -238
  89. package/src/lib/matcha-autocomplete/matcha-autocomplete.directive.ts +0 -153
  90. package/src/lib/matcha-autocomplete/matcha-autocomplete.module.ts +0 -30
  91. package/src/lib/matcha-autocomplete/matcha-autocomplete.stories.ts +0 -172
  92. package/src/lib/matcha-avatar/avatar/avatar.component.html +0 -29
  93. package/src/lib/matcha-avatar/avatar/avatar.component.scss +0 -0
  94. package/src/lib/matcha-avatar/avatar/avatar.component.ts +0 -78
  95. package/src/lib/matcha-avatar/avatar.module.ts +0 -17
  96. package/src/lib/matcha-badge/badge.argtypes.ts +0 -77
  97. package/src/lib/matcha-badge/badge.directive.ts +0 -12
  98. package/src/lib/matcha-badge/badge.mdx +0 -69
  99. package/src/lib/matcha-badge/badge.module.ts +0 -9
  100. package/src/lib/matcha-badge/badge.stories.ts +0 -79
  101. package/src/lib/matcha-breakpoint-observable/breakpoint-observable.module.ts +0 -23
  102. package/src/lib/matcha-breakpoint-observable/breakpoint-observer.service.ts +0 -215
  103. package/src/lib/matcha-breakpoint-observable/index.ts +0 -2
  104. package/src/lib/matcha-button/button/button.component.html +0 -1
  105. package/src/lib/matcha-button/button/button.component.scss +0 -0
  106. package/src/lib/matcha-button/button/button.component.ts +0 -182
  107. package/src/lib/matcha-button/button.argtypes.ts +0 -105
  108. package/src/lib/matcha-button/button.module.ts +0 -10
  109. package/src/lib/matcha-button/button.stories.ts +0 -552
  110. package/src/lib/matcha-button-toggle/button-toggle/button-toggle.component.html +0 -8
  111. package/src/lib/matcha-button-toggle/button-toggle/button-toggle.component.scss +0 -0
  112. package/src/lib/matcha-button-toggle/button-toggle/button-toggle.component.ts +0 -87
  113. package/src/lib/matcha-button-toggle/button-toggle.module.ts +0 -16
  114. package/src/lib/matcha-button-toggle/button-toggle.stories.ts +0 -106
  115. package/src/lib/matcha-card/card/card.component.html +0 -1
  116. package/src/lib/matcha-card/card/card.component.scss +0 -0
  117. package/src/lib/matcha-card/card/card.component.ts +0 -86
  118. package/src/lib/matcha-card/card-argtype.ts +0 -54
  119. package/src/lib/matcha-card/card.module.ts +0 -22
  120. package/src/lib/matcha-card/card.stories.ts +0 -339
  121. package/src/lib/matcha-checkbox/checkbox/checkbox.component.html +0 -19
  122. package/src/lib/matcha-checkbox/checkbox/checkbox.component.scss +0 -0
  123. package/src/lib/matcha-checkbox/checkbox/checkbox.component.ts +0 -79
  124. package/src/lib/matcha-checkbox/checkbox.module.ts +0 -15
  125. package/src/lib/matcha-checkbox/checkbox.stories.ts +0 -391
  126. package/src/lib/matcha-components.module.ts +0 -149
  127. package/src/lib/matcha-date-range/date-range/date-range.component.html +0 -3
  128. package/src/lib/matcha-date-range/date-range/date-range.component.scss +0 -0
  129. package/src/lib/matcha-date-range/date-range/date-range.component.ts +0 -100
  130. package/src/lib/matcha-date-range/date-range.module.ts +0 -14
  131. package/src/lib/matcha-divider/divider/divider.component.html +0 -1
  132. package/src/lib/matcha-divider/divider/divider.component.scss +0 -0
  133. package/src/lib/matcha-divider/divider/divider.component.ts +0 -50
  134. package/src/lib/matcha-divider/divider.argtypes.ts +0 -57
  135. package/src/lib/matcha-divider/divider.mdx +0 -107
  136. package/src/lib/matcha-divider/divider.module.ts +0 -14
  137. package/src/lib/matcha-divider/divider.stories.ts +0 -44
  138. package/src/lib/matcha-drawer/drawer/drawer.component.html +0 -43
  139. package/src/lib/matcha-drawer/drawer/drawer.component.ts +0 -358
  140. package/src/lib/matcha-drawer/drawer-container/drawer-container.component.html +0 -3
  141. package/src/lib/matcha-drawer/drawer-container/drawer-container.component.ts +0 -36
  142. package/src/lib/matcha-drawer/drawer-content/drawer-content.component.html +0 -3
  143. package/src/lib/matcha-drawer/drawer-content/drawer-content.component.ts +0 -24
  144. package/src/lib/matcha-drawer/drawer.module.ts +0 -28
  145. package/src/lib/matcha-drop-list/directives/drag-handle.directive.ts +0 -22
  146. package/src/lib/matcha-drop-list/directives/drag.directive.ts +0 -369
  147. package/src/lib/matcha-drop-list/drop-list/drop-list.component.html +0 -27
  148. package/src/lib/matcha-drop-list/drop-list/drop-list.component.ts +0 -380
  149. package/src/lib/matcha-drop-list/drop-list-argtype.ts +0 -56
  150. package/src/lib/matcha-drop-list/drop-list.module.ts +0 -27
  151. package/src/lib/matcha-drop-list/drop-list.stories.ts +0 -314
  152. package/src/lib/matcha-drop-list/services/drop-list.service.ts +0 -30
  153. package/src/lib/matcha-elevation/elevation.argtypes.ts +0 -16
  154. package/src/lib/matcha-elevation/elevation.directive.ts +0 -30
  155. package/src/lib/matcha-elevation/elevation.module.ts +0 -10
  156. package/src/lib/matcha-elevation/elevation.stories.ts +0 -60
  157. package/src/lib/matcha-form-field/form-field.argtype.ts +0 -21
  158. package/src/lib/matcha-form-field/form-field.stories.ts +0 -45
  159. package/src/lib/matcha-form-field/matcha-error/matcha-error.component.html +0 -4
  160. package/src/lib/matcha-form-field/matcha-error/matcha-error.component.scss +0 -0
  161. package/src/lib/matcha-form-field/matcha-error/matcha-error.component.ts +0 -9
  162. package/src/lib/matcha-form-field/matcha-form-field/matcha-form-field.component.html +0 -19
  163. package/src/lib/matcha-form-field/matcha-form-field/matcha-form-field.component.scss +0 -0
  164. package/src/lib/matcha-form-field/matcha-form-field/matcha-form-field.component.ts +0 -30
  165. package/src/lib/matcha-form-field/matcha-form-field.module.ts +0 -13
  166. package/src/lib/matcha-form-field/matcha-label/matcha-label.component.html +0 -7
  167. package/src/lib/matcha-form-field/matcha-label/matcha-label.component.scss +0 -0
  168. package/src/lib/matcha-form-field/matcha-label/matcha-label.component.ts +0 -11
  169. package/src/lib/matcha-grid/grid-argtype.ts +0 -67
  170. package/src/lib/matcha-grid/grid.component.html +0 -3
  171. package/src/lib/matcha-grid/grid.component.scss +0 -0
  172. package/src/lib/matcha-grid/grid.component.ts +0 -114
  173. package/src/lib/matcha-grid/grid.mdx +0 -60
  174. package/src/lib/matcha-grid/grid.module.ts +0 -10
  175. package/src/lib/matcha-grid/grid.stories.ts +0 -125
  176. package/src/lib/matcha-highlight/copy-button/copy-button.component.html +0 -12
  177. package/src/lib/matcha-highlight/copy-button/copy-button.component.scss +0 -28
  178. package/src/lib/matcha-highlight/copy-button/copy-button.component.ts +0 -127
  179. package/src/lib/matcha-highlight/highlight.component.ts +0 -237
  180. package/src/lib/matcha-highlight/highlight.module.ts +0 -24
  181. package/src/lib/matcha-highlight/prism-init.ts +0 -11
  182. package/src/lib/matcha-highlight/prism-languages.ts +0 -5
  183. package/src/lib/matcha-highlight/prismjs/components/index.js +0 -82
  184. package/src/lib/matcha-highlight/prismjs/components/prism-abap.js +0 -48
  185. package/src/lib/matcha-highlight/prismjs/components/prism-abap.min.js +0 -1
  186. package/src/lib/matcha-highlight/prismjs/components/prism-abnf.js +0 -54
  187. package/src/lib/matcha-highlight/prismjs/components/prism-abnf.min.js +0 -1
  188. package/src/lib/matcha-highlight/prismjs/components/prism-actionscript.js +0 -17
  189. package/src/lib/matcha-highlight/prismjs/components/prism-actionscript.min.js +0 -1
  190. package/src/lib/matcha-highlight/prismjs/components/prism-ada.js +0 -19
  191. package/src/lib/matcha-highlight/prismjs/components/prism-ada.min.js +0 -1
  192. package/src/lib/matcha-highlight/prismjs/components/prism-apacheconf.js +0 -47
  193. package/src/lib/matcha-highlight/prismjs/components/prism-apacheconf.min.js +0 -1
  194. package/src/lib/matcha-highlight/prismjs/components/prism-apl.js +0 -32
  195. package/src/lib/matcha-highlight/prismjs/components/prism-apl.min.js +0 -1
  196. package/src/lib/matcha-highlight/prismjs/components/prism-applescript.js +0 -20
  197. package/src/lib/matcha-highlight/prismjs/components/prism-applescript.min.js +0 -1
  198. package/src/lib/matcha-highlight/prismjs/components/prism-arduino.js +0 -5
  199. package/src/lib/matcha-highlight/prismjs/components/prism-arduino.min.js +0 -1
  200. package/src/lib/matcha-highlight/prismjs/components/prism-arff.js +0 -10
  201. package/src/lib/matcha-highlight/prismjs/components/prism-arff.min.js +0 -1
  202. package/src/lib/matcha-highlight/prismjs/components/prism-asciidoc.js +0 -234
  203. package/src/lib/matcha-highlight/prismjs/components/prism-asciidoc.min.js +0 -1
  204. package/src/lib/matcha-highlight/prismjs/components/prism-asm6502.js +0 -28
  205. package/src/lib/matcha-highlight/prismjs/components/prism-asm6502.min.js +0 -1
  206. package/src/lib/matcha-highlight/prismjs/components/prism-aspnet.js +0 -36
  207. package/src/lib/matcha-highlight/prismjs/components/prism-aspnet.min.js +0 -1
  208. package/src/lib/matcha-highlight/prismjs/components/prism-autohotkey.js +0 -27
  209. package/src/lib/matcha-highlight/prismjs/components/prism-autohotkey.min.js +0 -1
  210. package/src/lib/matcha-highlight/prismjs/components/prism-autoit.js +0 -34
  211. package/src/lib/matcha-highlight/prismjs/components/prism-autoit.min.js +0 -1
  212. package/src/lib/matcha-highlight/prismjs/components/prism-basic.js +0 -17
  213. package/src/lib/matcha-highlight/prismjs/components/prism-basic.min.js +0 -1
  214. package/src/lib/matcha-highlight/prismjs/components/prism-batch.js +0 -99
  215. package/src/lib/matcha-highlight/prismjs/components/prism-batch.min.js +0 -1
  216. package/src/lib/matcha-highlight/prismjs/components/prism-bison.js +0 -39
  217. package/src/lib/matcha-highlight/prismjs/components/prism-bison.min.js +0 -1
  218. package/src/lib/matcha-highlight/prismjs/components/prism-bnf.js +0 -21
  219. package/src/lib/matcha-highlight/prismjs/components/prism-bnf.min.js +0 -1
  220. package/src/lib/matcha-highlight/prismjs/components/prism-brainfuck.js +0 -20
  221. package/src/lib/matcha-highlight/prismjs/components/prism-brainfuck.min.js +0 -1
  222. package/src/lib/matcha-highlight/prismjs/components/prism-bro.js +0 -48
  223. package/src/lib/matcha-highlight/prismjs/components/prism-bro.min.js +0 -1
  224. package/src/lib/matcha-highlight/prismjs/components/prism-cil.js +0 -27
  225. package/src/lib/matcha-highlight/prismjs/components/prism-cil.min.js +0 -1
  226. package/src/lib/matcha-highlight/prismjs/components/prism-clike.js +0 -30
  227. package/src/lib/matcha-highlight/prismjs/components/prism-clike.min.js +0 -1
  228. package/src/lib/matcha-highlight/prismjs/components/prism-clojure.js +0 -13
  229. package/src/lib/matcha-highlight/prismjs/components/prism-clojure.min.js +0 -1
  230. package/src/lib/matcha-highlight/prismjs/components/prism-cmake.js +0 -29
  231. package/src/lib/matcha-highlight/prismjs/components/prism-cmake.min.js +0 -1
  232. package/src/lib/matcha-highlight/prismjs/components/prism-coffeescript.js +0 -92
  233. package/src/lib/matcha-highlight/prismjs/components/prism-coffeescript.min.js +0 -1
  234. package/src/lib/matcha-highlight/prismjs/components/prism-core.js +0 -553
  235. package/src/lib/matcha-highlight/prismjs/components/prism-core.min.js +0 -1
  236. package/src/lib/matcha-highlight/prismjs/components/prism-crystal.js +0 -51
  237. package/src/lib/matcha-highlight/prismjs/components/prism-crystal.min.js +0 -1
  238. package/src/lib/matcha-highlight/prismjs/components/prism-csp.js +0 -25
  239. package/src/lib/matcha-highlight/prismjs/components/prism-csp.min.js +0 -1
  240. package/src/lib/matcha-highlight/prismjs/components/prism-css-extras.js +0 -70
  241. package/src/lib/matcha-highlight/prismjs/components/prism-css-extras.min.js +0 -1
  242. package/src/lib/matcha-highlight/prismjs/components/prism-css.js +0 -51
  243. package/src/lib/matcha-highlight/prismjs/components/prism-css.min.js +0 -1
  244. package/src/lib/matcha-highlight/prismjs/components/prism-d.js +0 -64
  245. package/src/lib/matcha-highlight/prismjs/components/prism-d.min.js +0 -1
  246. package/src/lib/matcha-highlight/prismjs/components/prism-dart.js +0 -24
  247. package/src/lib/matcha-highlight/prismjs/components/prism-dart.min.js +0 -1
  248. package/src/lib/matcha-highlight/prismjs/components/prism-django.js +0 -60
  249. package/src/lib/matcha-highlight/prismjs/components/prism-django.min.js +0 -1
  250. package/src/lib/matcha-highlight/prismjs/components/prism-docker.js +0 -11
  251. package/src/lib/matcha-highlight/prismjs/components/prism-docker.min.js +0 -1
  252. package/src/lib/matcha-highlight/prismjs/components/prism-ebnf.js +0 -22
  253. package/src/lib/matcha-highlight/prismjs/components/prism-ebnf.min.js +0 -1
  254. package/src/lib/matcha-highlight/prismjs/components/prism-eiffel.js +0 -37
  255. package/src/lib/matcha-highlight/prismjs/components/prism-eiffel.min.js +0 -1
  256. package/src/lib/matcha-highlight/prismjs/components/prism-ejs.js +0 -24
  257. package/src/lib/matcha-highlight/prismjs/components/prism-ejs.min.js +0 -1
  258. package/src/lib/matcha-highlight/prismjs/components/prism-elixir.js +0 -93
  259. package/src/lib/matcha-highlight/prismjs/components/prism-elixir.min.js +0 -1
  260. package/src/lib/matcha-highlight/prismjs/components/prism-elm.js +0 -44
  261. package/src/lib/matcha-highlight/prismjs/components/prism-elm.min.js +0 -1
  262. package/src/lib/matcha-highlight/prismjs/components/prism-erb.js +0 -20
  263. package/src/lib/matcha-highlight/prismjs/components/prism-erb.min.js +0 -1
  264. package/src/lib/matcha-highlight/prismjs/components/prism-erlang.js +0 -44
  265. package/src/lib/matcha-highlight/prismjs/components/prism-erlang.min.js +0 -1
  266. package/src/lib/matcha-highlight/prismjs/components/prism-flow.js +0 -35
  267. package/src/lib/matcha-highlight/prismjs/components/prism-flow.min.js +0 -1
  268. package/src/lib/matcha-highlight/prismjs/components/prism-fortran.js +0 -40
  269. package/src/lib/matcha-highlight/prismjs/components/prism-fortran.min.js +0 -1
  270. package/src/lib/matcha-highlight/prismjs/components/prism-fsharp.js +0 -67
  271. package/src/lib/matcha-highlight/prismjs/components/prism-fsharp.min.js +0 -1
  272. package/src/lib/matcha-highlight/prismjs/components/prism-gcode.js +0 -15
  273. package/src/lib/matcha-highlight/prismjs/components/prism-gcode.min.js +0 -1
  274. package/src/lib/matcha-highlight/prismjs/components/prism-gedcom.js +0 -28
  275. package/src/lib/matcha-highlight/prismjs/components/prism-gedcom.min.js +0 -1
  276. package/src/lib/matcha-highlight/prismjs/components/prism-gherkin.js +0 -79
  277. package/src/lib/matcha-highlight/prismjs/components/prism-gherkin.min.js +0 -1
  278. package/src/lib/matcha-highlight/prismjs/components/prism-git.js +0 -68
  279. package/src/lib/matcha-highlight/prismjs/components/prism-git.min.js +0 -1
  280. package/src/lib/matcha-highlight/prismjs/components/prism-glsl.js +0 -16
  281. package/src/lib/matcha-highlight/prismjs/components/prism-glsl.min.js +0 -1
  282. package/src/lib/matcha-highlight/prismjs/components/prism-gml.js +0 -7
  283. package/src/lib/matcha-highlight/prismjs/components/prism-gml.min.js +0 -1
  284. package/src/lib/matcha-highlight/prismjs/components/prism-go.js +0 -12
  285. package/src/lib/matcha-highlight/prismjs/components/prism-go.min.js +0 -1
  286. package/src/lib/matcha-highlight/prismjs/components/prism-graphql.js +0 -31
  287. package/src/lib/matcha-highlight/prismjs/components/prism-graphql.min.js +0 -1
  288. package/src/lib/matcha-highlight/prismjs/components/prism-groovy.js +0 -65
  289. package/src/lib/matcha-highlight/prismjs/components/prism-groovy.min.js +0 -1
  290. package/src/lib/matcha-highlight/prismjs/components/prism-haml.js +0 -154
  291. package/src/lib/matcha-highlight/prismjs/components/prism-haml.min.js +0 -1
  292. package/src/lib/matcha-highlight/prismjs/components/prism-handlebars.js +0 -37
  293. package/src/lib/matcha-highlight/prismjs/components/prism-handlebars.min.js +0 -1
  294. package/src/lib/matcha-highlight/prismjs/components/prism-haskell.js +0 -38
  295. package/src/lib/matcha-highlight/prismjs/components/prism-haskell.min.js +0 -1
  296. package/src/lib/matcha-highlight/prismjs/components/prism-haxe.js +0 -45
  297. package/src/lib/matcha-highlight/prismjs/components/prism-haxe.min.js +0 -1
  298. package/src/lib/matcha-highlight/prismjs/components/prism-hcl.js +0 -65
  299. package/src/lib/matcha-highlight/prismjs/components/prism-hcl.min.js +0 -1
  300. package/src/lib/matcha-highlight/prismjs/components/prism-hpkp.js +0 -20
  301. package/src/lib/matcha-highlight/prismjs/components/prism-hpkp.min.js +0 -1
  302. package/src/lib/matcha-highlight/prismjs/components/prism-hsts.js +0 -20
  303. package/src/lib/matcha-highlight/prismjs/components/prism-hsts.min.js +0 -1
  304. package/src/lib/matcha-highlight/prismjs/components/prism-http.js +0 -79
  305. package/src/lib/matcha-highlight/prismjs/components/prism-http.min.js +0 -1
  306. package/src/lib/matcha-highlight/prismjs/components/prism-ichigojam.js +0 -15
  307. package/src/lib/matcha-highlight/prismjs/components/prism-ichigojam.min.js +0 -1
  308. package/src/lib/matcha-highlight/prismjs/components/prism-icon.js +0 -20
  309. package/src/lib/matcha-highlight/prismjs/components/prism-icon.min.js +0 -1
  310. package/src/lib/matcha-highlight/prismjs/components/prism-inform7.js +0 -61
  311. package/src/lib/matcha-highlight/prismjs/components/prism-inform7.min.js +0 -1
  312. package/src/lib/matcha-highlight/prismjs/components/prism-ini.js +0 -11
  313. package/src/lib/matcha-highlight/prismjs/components/prism-ini.min.js +0 -1
  314. package/src/lib/matcha-highlight/prismjs/components/prism-io.js +0 -31
  315. package/src/lib/matcha-highlight/prismjs/components/prism-io.min.js +0 -1
  316. package/src/lib/matcha-highlight/prismjs/components/prism-j.js +0 -25
  317. package/src/lib/matcha-highlight/prismjs/components/prism-j.min.js +0 -1
  318. package/src/lib/matcha-highlight/prismjs/components/prism-javadoc.js +0 -54
  319. package/src/lib/matcha-highlight/prismjs/components/prism-javadoc.min.js +0 -1
  320. package/src/lib/matcha-highlight/prismjs/components/prism-javadoclike.js +0 -86
  321. package/src/lib/matcha-highlight/prismjs/components/prism-javadoclike.min.js +0 -1
  322. package/src/lib/matcha-highlight/prismjs/components/prism-javascript.js +0 -86
  323. package/src/lib/matcha-highlight/prismjs/components/prism-javascript.min.js +0 -1
  324. package/src/lib/matcha-highlight/prismjs/components/prism-javastacktrace.js +0 -93
  325. package/src/lib/matcha-highlight/prismjs/components/prism-javastacktrace.min.js +0 -1
  326. package/src/lib/matcha-highlight/prismjs/components/prism-jolie.js +0 -55
  327. package/src/lib/matcha-highlight/prismjs/components/prism-jolie.min.js +0 -1
  328. package/src/lib/matcha-highlight/prismjs/components/prism-js-extras.js +0 -104
  329. package/src/lib/matcha-highlight/prismjs/components/prism-js-extras.min.js +0 -1
  330. package/src/lib/matcha-highlight/prismjs/components/prism-jsdoc.js +0 -73
  331. package/src/lib/matcha-highlight/prismjs/components/prism-jsdoc.min.js +0 -1
  332. package/src/lib/matcha-highlight/prismjs/components/prism-json5.js +0 -23
  333. package/src/lib/matcha-highlight/prismjs/components/prism-json5.min.js +0 -1
  334. package/src/lib/matcha-highlight/prismjs/components/prism-jsonp.js +0 -7
  335. package/src/lib/matcha-highlight/prismjs/components/prism-jsonp.min.js +0 -1
  336. package/src/lib/matcha-highlight/prismjs/components/prism-jsx.js +0 -126
  337. package/src/lib/matcha-highlight/prismjs/components/prism-jsx.min.js +0 -1
  338. package/src/lib/matcha-highlight/prismjs/components/prism-julia.js +0 -12
  339. package/src/lib/matcha-highlight/prismjs/components/prism-julia.min.js +0 -1
  340. package/src/lib/matcha-highlight/prismjs/components/prism-keyman.js +0 -14
  341. package/src/lib/matcha-highlight/prismjs/components/prism-keyman.min.js +0 -1
  342. package/src/lib/matcha-highlight/prismjs/components/prism-kotlin.js +0 -62
  343. package/src/lib/matcha-highlight/prismjs/components/prism-kotlin.min.js +0 -1
  344. package/src/lib/matcha-highlight/prismjs/components/prism-latex.js +0 -61
  345. package/src/lib/matcha-highlight/prismjs/components/prism-latex.min.js +0 -1
  346. package/src/lib/matcha-highlight/prismjs/components/prism-less.js +0 -54
  347. package/src/lib/matcha-highlight/prismjs/components/prism-less.min.js +0 -1
  348. package/src/lib/matcha-highlight/prismjs/components/prism-liquid.js +0 -12
  349. package/src/lib/matcha-highlight/prismjs/components/prism-liquid.min.js +0 -1
  350. package/src/lib/matcha-highlight/prismjs/components/prism-lisp.js +0 -197
  351. package/src/lib/matcha-highlight/prismjs/components/prism-lisp.min.js +0 -1
  352. package/src/lib/matcha-highlight/prismjs/components/prism-livescript.js +0 -119
  353. package/src/lib/matcha-highlight/prismjs/components/prism-livescript.min.js +0 -1
  354. package/src/lib/matcha-highlight/prismjs/components/prism-lolcode.js +0 -55
  355. package/src/lib/matcha-highlight/prismjs/components/prism-lolcode.min.js +0 -1
  356. package/src/lib/matcha-highlight/prismjs/components/prism-lua.js +0 -20
  357. package/src/lib/matcha-highlight/prismjs/components/prism-lua.min.js +0 -1
  358. package/src/lib/matcha-highlight/prismjs/components/prism-makefile.js +0 -34
  359. package/src/lib/matcha-highlight/prismjs/components/prism-makefile.min.js +0 -1
  360. package/src/lib/matcha-highlight/prismjs/components/prism-markdown.js +0 -227
  361. package/src/lib/matcha-highlight/prismjs/components/prism-markdown.min.js +0 -1
  362. package/src/lib/matcha-highlight/prismjs/components/prism-markup-templating.js +0 -123
  363. package/src/lib/matcha-highlight/prismjs/components/prism-markup-templating.min.js +0 -1
  364. package/src/lib/matcha-highlight/prismjs/components/prism-markup.js +0 -100
  365. package/src/lib/matcha-highlight/prismjs/components/prism-markup.min.js +0 -1
  366. package/src/lib/matcha-highlight/prismjs/components/prism-matlab.js +0 -16
  367. package/src/lib/matcha-highlight/prismjs/components/prism-matlab.min.js +0 -1
  368. package/src/lib/matcha-highlight/prismjs/components/prism-mel.js +0 -43
  369. package/src/lib/matcha-highlight/prismjs/components/prism-mel.min.js +0 -1
  370. package/src/lib/matcha-highlight/prismjs/components/prism-mizar.js +0 -12
  371. package/src/lib/matcha-highlight/prismjs/components/prism-mizar.min.js +0 -1
  372. package/src/lib/matcha-highlight/prismjs/components/prism-monkey.js +0 -31
  373. package/src/lib/matcha-highlight/prismjs/components/prism-monkey.min.js +0 -1
  374. package/src/lib/matcha-highlight/prismjs/components/prism-n1ql.js +0 -18
  375. package/src/lib/matcha-highlight/prismjs/components/prism-n1ql.min.js +0 -1
  376. package/src/lib/matcha-highlight/prismjs/components/prism-n4js.js +0 -14
  377. package/src/lib/matcha-highlight/prismjs/components/prism-n4js.min.js +0 -1
  378. package/src/lib/matcha-highlight/prismjs/components/prism-nand2tetris-hdl.js +0 -9
  379. package/src/lib/matcha-highlight/prismjs/components/prism-nand2tetris-hdl.min.js +0 -1
  380. package/src/lib/matcha-highlight/prismjs/components/prism-nasm.js +0 -24
  381. package/src/lib/matcha-highlight/prismjs/components/prism-nasm.min.js +0 -1
  382. package/src/lib/matcha-highlight/prismjs/components/prism-nginx.js +0 -11
  383. package/src/lib/matcha-highlight/prismjs/components/prism-nginx.min.js +0 -1
  384. package/src/lib/matcha-highlight/prismjs/components/prism-nim.js +0 -33
  385. package/src/lib/matcha-highlight/prismjs/components/prism-nim.min.js +0 -1
  386. package/src/lib/matcha-highlight/prismjs/components/prism-nix.js +0 -40
  387. package/src/lib/matcha-highlight/prismjs/components/prism-nix.min.js +0 -1
  388. package/src/lib/matcha-highlight/prismjs/components/prism-nsis.js +0 -29
  389. package/src/lib/matcha-highlight/prismjs/components/prism-nsis.min.js +0 -1
  390. package/src/lib/matcha-highlight/prismjs/components/prism-objectivec.js +0 -7
  391. package/src/lib/matcha-highlight/prismjs/components/prism-objectivec.min.js +0 -1
  392. package/src/lib/matcha-highlight/prismjs/components/prism-ocaml.js +0 -27
  393. package/src/lib/matcha-highlight/prismjs/components/prism-ocaml.min.js +0 -1
  394. package/src/lib/matcha-highlight/prismjs/components/prism-opencl.js +0 -49
  395. package/src/lib/matcha-highlight/prismjs/components/prism-opencl.min.js +0 -1
  396. package/src/lib/matcha-highlight/prismjs/components/prism-oz.js +0 -25
  397. package/src/lib/matcha-highlight/prismjs/components/prism-oz.min.js +0 -1
  398. package/src/lib/matcha-highlight/prismjs/components/prism-parigp.js +0 -30
  399. package/src/lib/matcha-highlight/prismjs/components/prism-parigp.min.js +0 -1
  400. package/src/lib/matcha-highlight/prismjs/components/prism-parser.js +0 -73
  401. package/src/lib/matcha-highlight/prismjs/components/prism-parser.min.js +0 -1
  402. package/src/lib/matcha-highlight/prismjs/components/prism-pascal.js +0 -55
  403. package/src/lib/matcha-highlight/prismjs/components/prism-pascal.min.js +0 -1
  404. package/src/lib/matcha-highlight/prismjs/components/prism-php-extras.js +0 -11
  405. package/src/lib/matcha-highlight/prismjs/components/prism-php-extras.min.js +0 -1
  406. package/src/lib/matcha-highlight/prismjs/components/prism-phpdoc.js +0 -27
  407. package/src/lib/matcha-highlight/prismjs/components/prism-phpdoc.min.js +0 -1
  408. package/src/lib/matcha-highlight/prismjs/components/prism-plsql.js +0 -26
  409. package/src/lib/matcha-highlight/prismjs/components/prism-plsql.min.js +0 -1
  410. package/src/lib/matcha-highlight/prismjs/components/prism-powershell.js +0 -60
  411. package/src/lib/matcha-highlight/prismjs/components/prism-powershell.min.js +0 -1
  412. package/src/lib/matcha-highlight/prismjs/components/prism-processing.js +0 -18
  413. package/src/lib/matcha-highlight/prismjs/components/prism-processing.min.js +0 -1
  414. package/src/lib/matcha-highlight/prismjs/components/prism-prolog.js +0 -20
  415. package/src/lib/matcha-highlight/prismjs/components/prism-prolog.min.js +0 -1
  416. package/src/lib/matcha-highlight/prismjs/components/prism-properties.js +0 -9
  417. package/src/lib/matcha-highlight/prismjs/components/prism-properties.min.js +0 -1
  418. package/src/lib/matcha-highlight/prismjs/components/prism-protobuf.js +0 -8
  419. package/src/lib/matcha-highlight/prismjs/components/prism-protobuf.min.js +0 -1
  420. package/src/lib/matcha-highlight/prismjs/components/prism-pug.js +0 -193
  421. package/src/lib/matcha-highlight/prismjs/components/prism-pug.min.js +0 -1
  422. package/src/lib/matcha-highlight/prismjs/components/prism-puppet.js +0 -136
  423. package/src/lib/matcha-highlight/prismjs/components/prism-puppet.min.js +0 -1
  424. package/src/lib/matcha-highlight/prismjs/components/prism-pure.js +0 -79
  425. package/src/lib/matcha-highlight/prismjs/components/prism-pure.min.js +0 -1
  426. package/src/lib/matcha-highlight/prismjs/components/prism-q.js +0 -51
  427. package/src/lib/matcha-highlight/prismjs/components/prism-q.min.js +0 -1
  428. package/src/lib/matcha-highlight/prismjs/components/prism-qore.js +0 -20
  429. package/src/lib/matcha-highlight/prismjs/components/prism-qore.min.js +0 -1
  430. package/src/lib/matcha-highlight/prismjs/components/prism-r.js +0 -22
  431. package/src/lib/matcha-highlight/prismjs/components/prism-r.min.js +0 -1
  432. package/src/lib/matcha-highlight/prismjs/components/prism-reason.js +0 -32
  433. package/src/lib/matcha-highlight/prismjs/components/prism-reason.min.js +0 -1
  434. package/src/lib/matcha-highlight/prismjs/components/prism-regex.js +0 -97
  435. package/src/lib/matcha-highlight/prismjs/components/prism-regex.min.js +0 -1
  436. package/src/lib/matcha-highlight/prismjs/components/prism-renpy.js +0 -29
  437. package/src/lib/matcha-highlight/prismjs/components/prism-renpy.min.js +0 -1
  438. package/src/lib/matcha-highlight/prismjs/components/prism-rest.js +0 -205
  439. package/src/lib/matcha-highlight/prismjs/components/prism-rest.min.js +0 -1
  440. package/src/lib/matcha-highlight/prismjs/components/prism-rip.js +0 -32
  441. package/src/lib/matcha-highlight/prismjs/components/prism-rip.min.js +0 -1
  442. package/src/lib/matcha-highlight/prismjs/components/prism-roboconf.js +0 -27
  443. package/src/lib/matcha-highlight/prismjs/components/prism-roboconf.min.js +0 -1
  444. package/src/lib/matcha-highlight/prismjs/components/prism-ruby.js +0 -143
  445. package/src/lib/matcha-highlight/prismjs/components/prism-ruby.min.js +0 -1
  446. package/src/lib/matcha-highlight/prismjs/components/prism-rust.js +0 -68
  447. package/src/lib/matcha-highlight/prismjs/components/prism-rust.min.js +0 -1
  448. package/src/lib/matcha-highlight/prismjs/components/prism-sas.js +0 -34
  449. package/src/lib/matcha-highlight/prismjs/components/prism-sas.min.js +0 -1
  450. package/src/lib/matcha-highlight/prismjs/components/prism-scala.js +0 -18
  451. package/src/lib/matcha-highlight/prismjs/components/prism-scala.min.js +0 -1
  452. package/src/lib/matcha-highlight/prismjs/components/prism-scheme.js +0 -33
  453. package/src/lib/matcha-highlight/prismjs/components/prism-scheme.min.js +0 -1
  454. package/src/lib/matcha-highlight/prismjs/components/prism-smalltalk.js +0 -31
  455. package/src/lib/matcha-highlight/prismjs/components/prism-smalltalk.min.js +0 -1
  456. package/src/lib/matcha-highlight/prismjs/components/prism-smarty.js +0 -87
  457. package/src/lib/matcha-highlight/prismjs/components/prism-smarty.min.js +0 -1
  458. package/src/lib/matcha-highlight/prismjs/components/prism-soy.js +0 -96
  459. package/src/lib/matcha-highlight/prismjs/components/prism-soy.min.js +0 -1
  460. package/src/lib/matcha-highlight/prismjs/components/prism-sql.js +0 -24
  461. package/src/lib/matcha-highlight/prismjs/components/prism-sql.min.js +0 -1
  462. package/src/lib/matcha-highlight/prismjs/components/prism-stylus.js +0 -111
  463. package/src/lib/matcha-highlight/prismjs/components/prism-stylus.min.js +0 -1
  464. package/src/lib/matcha-highlight/prismjs/components/prism-swift.js +0 -25
  465. package/src/lib/matcha-highlight/prismjs/components/prism-swift.min.js +0 -1
  466. package/src/lib/matcha-highlight/prismjs/components/prism-t4-cs.js +0 -1
  467. package/src/lib/matcha-highlight/prismjs/components/prism-t4-cs.min.js +0 -1
  468. package/src/lib/matcha-highlight/prismjs/components/prism-t4-templating.js +0 -49
  469. package/src/lib/matcha-highlight/prismjs/components/prism-t4-templating.min.js +0 -1
  470. package/src/lib/matcha-highlight/prismjs/components/prism-t4-vb.js +0 -1
  471. package/src/lib/matcha-highlight/prismjs/components/prism-t4-vb.min.js +0 -1
  472. package/src/lib/matcha-highlight/prismjs/components/prism-tap.js +0 -20
  473. package/src/lib/matcha-highlight/prismjs/components/prism-tap.min.js +0 -1
  474. package/src/lib/matcha-highlight/prismjs/components/prism-tcl.js +0 -46
  475. package/src/lib/matcha-highlight/prismjs/components/prism-tcl.min.js +0 -1
  476. package/src/lib/matcha-highlight/prismjs/components/prism-textile.js +0 -260
  477. package/src/lib/matcha-highlight/prismjs/components/prism-textile.min.js +0 -1
  478. package/src/lib/matcha-highlight/prismjs/components/prism-toml.js +0 -43
  479. package/src/lib/matcha-highlight/prismjs/components/prism-toml.min.js +0 -1
  480. package/src/lib/matcha-highlight/prismjs/components/prism-tsx.js +0 -2
  481. package/src/lib/matcha-highlight/prismjs/components/prism-tsx.min.js +0 -1
  482. package/src/lib/matcha-highlight/prismjs/components/prism-tt2.js +0 -56
  483. package/src/lib/matcha-highlight/prismjs/components/prism-tt2.min.js +0 -1
  484. package/src/lib/matcha-highlight/prismjs/components/prism-twig.js +0 -46
  485. package/src/lib/matcha-highlight/prismjs/components/prism-twig.min.js +0 -1
  486. package/src/lib/matcha-highlight/prismjs/components/prism-vala.js +0 -74
  487. package/src/lib/matcha-highlight/prismjs/components/prism-vala.min.js +0 -1
  488. package/src/lib/matcha-highlight/prismjs/components/prism-vbnet.js +0 -15
  489. package/src/lib/matcha-highlight/prismjs/components/prism-vbnet.min.js +0 -1
  490. package/src/lib/matcha-highlight/prismjs/components/prism-velocity.js +0 -72
  491. package/src/lib/matcha-highlight/prismjs/components/prism-velocity.min.js +0 -1
  492. package/src/lib/matcha-highlight/prismjs/components/prism-verilog.js +0 -20
  493. package/src/lib/matcha-highlight/prismjs/components/prism-verilog.min.js +0 -1
  494. package/src/lib/matcha-highlight/prismjs/components/prism-vhdl.js +0 -23
  495. package/src/lib/matcha-highlight/prismjs/components/prism-vhdl.min.js +0 -1
  496. package/src/lib/matcha-highlight/prismjs/components/prism-vim.js +0 -10
  497. package/src/lib/matcha-highlight/prismjs/components/prism-vim.min.js +0 -1
  498. package/src/lib/matcha-highlight/prismjs/components/prism-visual-basic.js +0 -34
  499. package/src/lib/matcha-highlight/prismjs/components/prism-visual-basic.min.js +0 -1
  500. package/src/lib/matcha-highlight/prismjs/components/prism-wasm.js +0 -31
  501. package/src/lib/matcha-highlight/prismjs/components/prism-wasm.min.js +0 -1
  502. package/src/lib/matcha-highlight/prismjs/components/prism-wiki.js +0 -81
  503. package/src/lib/matcha-highlight/prismjs/components/prism-wiki.min.js +0 -1
  504. package/src/lib/matcha-highlight/prismjs/components/prism-xeora.js +0 -114
  505. package/src/lib/matcha-highlight/prismjs/components/prism-xeora.min.js +0 -1
  506. package/src/lib/matcha-highlight/prismjs/components/prism-xojo.js +0 -20
  507. package/src/lib/matcha-highlight/prismjs/components/prism-xojo.min.js +0 -1
  508. package/src/lib/matcha-highlight/prismjs/components/prism-xquery.js +0 -164
  509. package/src/lib/matcha-highlight/prismjs/components/prism-xquery.min.js +0 -1
  510. package/src/lib/matcha-highlight/prismjs/components/prism-yaml.js +0 -47
  511. package/src/lib/matcha-highlight/prismjs/components/prism-yaml.min.js +0 -1
  512. package/src/lib/matcha-highlight/prismjs/components.js +0 -2
  513. package/src/lib/matcha-highlight/prismjs/components.json +0 -1031
  514. package/src/lib/matcha-highlight/prismjs/plugins/autolinker/prism-autolinker.css +0 -3
  515. package/src/lib/matcha-highlight/prismjs/plugins/autolinker/prism-autolinker.js +0 -81
  516. package/src/lib/matcha-highlight/prismjs/plugins/autolinker/prism-autolinker.min.js +0 -1
  517. package/src/lib/matcha-highlight/prismjs/plugins/autoloader/prism-autoloader.js +0 -214
  518. package/src/lib/matcha-highlight/prismjs/plugins/autoloader/prism-autoloader.min.js +0 -1
  519. package/src/lib/matcha-highlight/prismjs/plugins/command-line/prism-command-line.css +0 -33
  520. package/src/lib/matcha-highlight/prismjs/plugins/command-line/prism-command-line.js +0 -139
  521. package/src/lib/matcha-highlight/prismjs/plugins/command-line/prism-command-line.min.js +0 -1
  522. package/src/lib/matcha-highlight/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.js +0 -75
  523. package/src/lib/matcha-highlight/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js +0 -1
  524. package/src/lib/matcha-highlight/prismjs/plugins/custom-class/prism-custom-class.js +0 -31
  525. package/src/lib/matcha-highlight/prismjs/plugins/custom-class/prism-custom-class.min.js +0 -1
  526. package/src/lib/matcha-highlight/prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.js +0 -98
  527. package/src/lib/matcha-highlight/prismjs/plugins/data-uri-highlight/prism-data-uri-highlight.min.js +0 -1
  528. package/src/lib/matcha-highlight/prismjs/plugins/file-highlight/prism-file-highlight.js +0 -105
  529. package/src/lib/matcha-highlight/prismjs/plugins/file-highlight/prism-file-highlight.min.js +0 -1
  530. package/src/lib/matcha-highlight/prismjs/plugins/highlight-keywords/prism-highlight-keywords.js +0 -17
  531. package/src/lib/matcha-highlight/prismjs/plugins/highlight-keywords/prism-highlight-keywords.min.js +0 -1
  532. package/src/lib/matcha-highlight/prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.js +0 -206
  533. package/src/lib/matcha-highlight/prismjs/plugins/jsonp-highlight/prism-jsonp-highlight.min.js +0 -1
  534. package/src/lib/matcha-highlight/prismjs/plugins/keep-markup/prism-keep-markup.js +0 -99
  535. package/src/lib/matcha-highlight/prismjs/plugins/keep-markup/prism-keep-markup.min.js +0 -1
  536. package/src/lib/matcha-highlight/prismjs/plugins/line-highlight/prism-line-highlight.css +0 -49
  537. package/src/lib/matcha-highlight/prismjs/plugins/line-highlight/prism-line-highlight.js +0 -181
  538. package/src/lib/matcha-highlight/prismjs/plugins/line-highlight/prism-line-highlight.min.js +0 -1
  539. package/src/lib/matcha-highlight/prismjs/plugins/line-numbers/prism-line-numbers.css +0 -41
  540. package/src/lib/matcha-highlight/prismjs/plugins/line-numbers/prism-line-numbers.js +0 -168
  541. package/src/lib/matcha-highlight/prismjs/plugins/line-numbers/prism-line-numbers.min.js +0 -1
  542. package/src/lib/matcha-highlight/prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.js +0 -190
  543. package/src/lib/matcha-highlight/prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min.js +0 -1
  544. package/src/lib/matcha-highlight/prismjs/plugins/previewers/prism-previewers.css +0 -242
  545. package/src/lib/matcha-highlight/prismjs/plugins/previewers/prism-previewers.js +0 -708
  546. package/src/lib/matcha-highlight/prismjs/plugins/previewers/prism-previewers.min.js +0 -1
  547. package/src/lib/matcha-highlight/prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.js +0 -21
  548. package/src/lib/matcha-highlight/prismjs/plugins/remove-initial-line-feed/prism-remove-initial-line-feed.min.js +0 -1
  549. package/src/lib/matcha-highlight/prismjs/plugins/show-invisibles/prism-show-invisibles.css +0 -34
  550. package/src/lib/matcha-highlight/prismjs/plugins/show-invisibles/prism-show-invisibles.js +0 -84
  551. package/src/lib/matcha-highlight/prismjs/plugins/show-invisibles/prism-show-invisibles.min.js +0 -1
  552. package/src/lib/matcha-highlight/prismjs/plugins/show-language/prism-show-language.js +0 -46
  553. package/src/lib/matcha-highlight/prismjs/plugins/show-language/prism-show-language.min.js +0 -1
  554. package/src/lib/matcha-highlight/prismjs/plugins/toolbar/prism-toolbar.css +0 -58
  555. package/src/lib/matcha-highlight/prismjs/plugins/toolbar/prism-toolbar.js +0 -149
  556. package/src/lib/matcha-highlight/prismjs/plugins/toolbar/prism-toolbar.min.js +0 -1
  557. package/src/lib/matcha-highlight/prismjs/plugins/unescaped-markup/prism-unescaped-markup.css +0 -10
  558. package/src/lib/matcha-highlight/prismjs/plugins/unescaped-markup/prism-unescaped-markup.js +0 -44
  559. package/src/lib/matcha-highlight/prismjs/plugins/unescaped-markup/prism-unescaped-markup.min.js +0 -1
  560. package/src/lib/matcha-highlight/prismjs/plugins/wpd/prism-wpd.css +0 -11
  561. package/src/lib/matcha-highlight/prismjs/plugins/wpd/prism-wpd.js +0 -169
  562. package/src/lib/matcha-highlight/prismjs/plugins/wpd/prism-wpd.min.js +0 -1
  563. package/src/lib/matcha-highlight/prismjs/prism.d.ts +0 -4
  564. package/src/lib/matcha-highlight/prismjs/prism.js +0 -960
  565. package/src/lib/matcha-highlight/prismjs/themes/prism-coy.css +0 -226
  566. package/src/lib/matcha-highlight/prismjs/themes/prism-dark.css +0 -129
  567. package/src/lib/matcha-highlight/prismjs/themes/prism-funky.css +0 -117
  568. package/src/lib/matcha-highlight/prismjs/themes/prism-okaidia.css +0 -123
  569. package/src/lib/matcha-highlight/prismjs/themes/prism-solarizedlight.css +0 -150
  570. package/src/lib/matcha-highlight/prismjs/themes/prism-tomorrow.css +0 -122
  571. package/src/lib/matcha-highlight/prismjs/themes/prism-twilight.css +0 -199
  572. package/src/lib/matcha-highlight/prismjs/themes/prism.css +0 -139
  573. package/src/lib/matcha-hint-text/hint/hint-text.component.html +0 -4
  574. package/src/lib/matcha-hint-text/hint/hint-text.component.scss +0 -0
  575. package/src/lib/matcha-hint-text/hint/hint-text.component.ts +0 -31
  576. package/src/lib/matcha-hint-text/hint.module.ts +0 -15
  577. package/src/lib/matcha-hint-text/hint.stories.ts +0 -52
  578. package/src/lib/matcha-icon/icon-argtype.ts +0 -36
  579. package/src/lib/matcha-icon/icon.component.html +0 -3
  580. package/src/lib/matcha-icon/icon.component.scss +0 -0
  581. package/src/lib/matcha-icon/icon.component.ts +0 -34
  582. package/src/lib/matcha-icon/icon.mdx +0 -58
  583. package/src/lib/matcha-icon/icon.module.ts +0 -11
  584. package/src/lib/matcha-icon/icon.stories.ts +0 -431
  585. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll/matcha-infinite-scroll.component.html +0 -0
  586. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll/matcha-infinite-scroll.component.scss +0 -0
  587. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll/matcha-infinite-scroll.component.ts +0 -49
  588. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll-data/matcha-infinite-scroll-data.component.html +0 -0
  589. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll-data/matcha-infinite-scroll-data.component.scss +0 -0
  590. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll-data/matcha-infinite-scroll-data.component.ts +0 -165
  591. package/src/lib/matcha-infinite-scroll/matcha-infinite-scroll.module.ts +0 -14
  592. package/src/lib/matcha-input/input.argtypes.ts +0 -39
  593. package/src/lib/matcha-input/input.directive.ts +0 -12
  594. package/src/lib/matcha-input/input.mdx +0 -73
  595. package/src/lib/matcha-input/input.module.ts +0 -9
  596. package/src/lib/matcha-input/input.stories.ts +0 -97
  597. package/src/lib/matcha-input-phone/all-countries.ts +0 -1366
  598. package/src/lib/matcha-input-phone/input-phone.argtypes.ts +0 -83
  599. package/src/lib/matcha-input-phone/input-phone.component.html +0 -33
  600. package/src/lib/matcha-input-phone/input-phone.component.spec.ts +0 -23
  601. package/src/lib/matcha-input-phone/input-phone.component.ts +0 -267
  602. package/src/lib/matcha-input-phone/input-phone.module.ts +0 -22
  603. package/src/lib/matcha-input-phone/input-phone.stories.ts +0 -85
  604. package/src/lib/matcha-input-phone/lib/custom-keyboard-event.ts +0 -21
  605. package/src/lib/matcha-input-phone/lib/ngx-mask-applier.service.ts +0 -1073
  606. package/src/lib/matcha-input-phone/lib/ngx-mask-expression.enum.ts +0 -43
  607. package/src/lib/matcha-input-phone/lib/ngx-mask.config.ts +0 -132
  608. package/src/lib/matcha-input-phone/lib/ngx-mask.directive.ts +0 -1187
  609. package/src/lib/matcha-input-phone/lib/ngx-mask.module.ts +0 -55
  610. package/src/lib/matcha-input-phone/lib/ngx-mask.pipe.ts +0 -131
  611. package/src/lib/matcha-input-phone/lib/ngx-mask.providers.ts +0 -42
  612. package/src/lib/matcha-input-phone/lib/ngx-mask.service.ts +0 -832
  613. package/src/lib/matcha-lazyload/lazyload/lazyload.component.html +0 -1
  614. package/src/lib/matcha-lazyload/lazyload/lazyload.component.scss +0 -0
  615. package/src/lib/matcha-lazyload/lazyload/lazyload.component.ts +0 -48
  616. package/src/lib/matcha-lazyload/lazyload-data/lazyload-data.component.html +0 -1
  617. package/src/lib/matcha-lazyload/lazyload-data/lazyload-data.component.scss +0 -0
  618. package/src/lib/matcha-lazyload/lazyload-data/lazyload-data.component.ts +0 -172
  619. package/src/lib/matcha-lazyload/lazyload.module.ts +0 -14
  620. package/src/lib/matcha-masonry/masonry/masonry.component.html +0 -3
  621. package/src/lib/matcha-masonry/masonry/masonry.component.scss +0 -0
  622. package/src/lib/matcha-masonry/masonry/masonry.component.ts +0 -45
  623. package/src/lib/matcha-masonry/masonry.argtype.ts +0 -97
  624. package/src/lib/matcha-masonry/masonry.mdx +0 -133
  625. package/src/lib/matcha-masonry/masonry.module.ts +0 -10
  626. package/src/lib/matcha-masonry/masonry.stories.ts +0 -64
  627. package/src/lib/matcha-menu/menu.argtypes.ts +0 -111
  628. package/src/lib/matcha-menu/menu.component.html +0 -3
  629. package/src/lib/matcha-menu/menu.component.scss +0 -0
  630. package/src/lib/matcha-menu/menu.component.spec.ts +0 -23
  631. package/src/lib/matcha-menu/menu.component.ts +0 -48
  632. package/src/lib/matcha-menu/menu.directive.ts +0 -39
  633. package/src/lib/matcha-menu/menu.mdx +0 -59
  634. package/src/lib/matcha-menu/menu.module.ts +0 -19
  635. package/src/lib/matcha-menu/menu.stories.ts +0 -122
  636. package/src/lib/matcha-modal/exemplo/exemple-modal-content.component.html +0 -34
  637. package/src/lib/matcha-modal/exemplo/exemple-modal-content.component.ts +0 -44
  638. package/src/lib/matcha-modal/exemplo/exemple-modal.component.html +0 -46
  639. package/src/lib/matcha-modal/exemplo/exemple-modal.component.ts +0 -34
  640. package/src/lib/matcha-modal/matcha-modal.module.ts +0 -45
  641. package/src/lib/matcha-modal/modal/modal.component.html +0 -3
  642. package/src/lib/matcha-modal/modal/modal.component.scss +0 -0
  643. package/src/lib/matcha-modal/modal/modal.component.ts +0 -67
  644. package/src/lib/matcha-modal/modal-content/modal-content.component.html +0 -9
  645. package/src/lib/matcha-modal/modal-content/modal-content.component.scss +0 -0
  646. package/src/lib/matcha-modal/modal-content/modal-content.component.ts +0 -11
  647. package/src/lib/matcha-modal/modal-footer/modal-footer.component.html +0 -8
  648. package/src/lib/matcha-modal/modal-footer/modal-footer.component.scss +0 -0
  649. package/src/lib/matcha-modal/modal-footer/modal-footer.component.ts +0 -32
  650. package/src/lib/matcha-modal/modal-header/modal-header.component.html +0 -13
  651. package/src/lib/matcha-modal/modal-header/modal-header.component.scss +0 -0
  652. package/src/lib/matcha-modal/modal-header/modal-header.component.ts +0 -11
  653. package/src/lib/matcha-modal/modal-options/modal-options.component.html +0 -3
  654. package/src/lib/matcha-modal/modal-options/modal-options.component.scss +0 -0
  655. package/src/lib/matcha-modal/modal-options/modal-options.component.ts +0 -11
  656. package/src/lib/matcha-modal/modal.service.ts +0 -47
  657. package/src/lib/matcha-modal/modal.stories.argtypes.ts +0 -56
  658. package/src/lib/matcha-modal/modal.stories.ts +0 -333
  659. package/src/lib/matcha-modal/model/IMatchaModalComponent.ts +0 -1
  660. package/src/lib/matcha-modal/overlay.service.ts +0 -138
  661. package/src/lib/matcha-option/README.md +0 -144
  662. package/src/lib/matcha-option/matcha-option-parent.interface.ts +0 -22
  663. package/src/lib/matcha-option/matcha-option.component.ts +0 -93
  664. package/src/lib/matcha-option/matcha-option.module.ts +0 -17
  665. package/src/lib/matcha-option/matcha-option.stories.ts +0 -127
  666. package/src/lib/matcha-overflow-draggable/matcha-overflow-draggable.component.html +0 -3
  667. package/src/lib/matcha-overflow-draggable/matcha-overflow-draggable.component.scss +0 -0
  668. package/src/lib/matcha-overflow-draggable/matcha-overflow-draggable.component.ts +0 -56
  669. package/src/lib/matcha-page-layout/page-layout.component.html +0 -18
  670. package/src/lib/matcha-page-layout/page-layout.component.scss +0 -5
  671. package/src/lib/matcha-page-layout/page-layout.component.ts +0 -11
  672. package/src/lib/matcha-page-layout/page-layout.module.ts +0 -19
  673. package/src/lib/matcha-paginator/paginator/page-event.interface.ts +0 -13
  674. package/src/lib/matcha-paginator/paginator/paginator.component.html +0 -59
  675. package/src/lib/matcha-paginator/paginator/paginator.component.scss +0 -0
  676. package/src/lib/matcha-paginator/paginator/paginator.component.ts +0 -154
  677. package/src/lib/matcha-paginator/paginator-intl.service.ts +0 -39
  678. package/src/lib/matcha-paginator/paginator.module.ts +0 -13
  679. package/src/lib/matcha-panel/matcha-panel.component.ts +0 -223
  680. package/src/lib/matcha-panel/matcha-panel.module.ts +0 -17
  681. package/src/lib/matcha-progress-bar/progress-bar.argtype.ts +0 -48
  682. package/src/lib/matcha-progress-bar/progress-bar.directive.ts +0 -17
  683. package/src/lib/matcha-progress-bar/progress-bar.mdx +0 -95
  684. package/src/lib/matcha-progress-bar/progress-bar.module.ts +0 -14
  685. package/src/lib/matcha-progress-bar/progress-bar.stories.ts +0 -89
  686. package/src/lib/matcha-radio/radio/radio.component.html +0 -20
  687. package/src/lib/matcha-radio/radio/radio.component.scss +0 -0
  688. package/src/lib/matcha-radio/radio/radio.component.ts +0 -84
  689. package/src/lib/matcha-radio/radio.module.ts +0 -16
  690. package/src/lib/matcha-radio/radio.stories.ts +0 -175
  691. package/src/lib/matcha-ripple/ripple.directive.ts +0 -71
  692. package/src/lib/matcha-ripple/ripple.module.ts +0 -16
  693. package/src/lib/matcha-select/matcha-select.component.html +0 -30
  694. package/src/lib/matcha-select/matcha-select.component.scss +0 -3
  695. package/src/lib/matcha-select/matcha-select.component.ts +0 -467
  696. package/src/lib/matcha-select/matcha-select.directive.ts +0 -147
  697. package/src/lib/matcha-select/matcha-select.module.ts +0 -23
  698. package/src/lib/matcha-sidenav/sidenav.argtypes.ts +0 -60
  699. package/src/lib/matcha-sidenav/sidenav.directive.ts +0 -12
  700. package/src/lib/matcha-sidenav/sidenav.mdx +0 -57
  701. package/src/lib/matcha-sidenav/sidenav.module.ts +0 -10
  702. package/src/lib/matcha-sidenav/sidenav.stories.ts +0 -79
  703. package/src/lib/matcha-skeleton/skeleton/skeleton.component.html +0 -70
  704. package/src/lib/matcha-skeleton/skeleton/skeleton.component.scss +0 -0
  705. package/src/lib/matcha-skeleton/skeleton/skeleton.component.ts +0 -36
  706. package/src/lib/matcha-skeleton/skeleton-argtype.ts +0 -67
  707. package/src/lib/matcha-skeleton/skeleton.module.ts +0 -11
  708. package/src/lib/matcha-skeleton/skeleton.stories.ts +0 -74
  709. package/src/lib/matcha-slide-toggle/slide-toggle/slide-toggle.component.html +0 -15
  710. package/src/lib/matcha-slide-toggle/slide-toggle/slide-toggle.component.scss +0 -0
  711. package/src/lib/matcha-slide-toggle/slide-toggle/slide-toggle.component.ts +0 -96
  712. package/src/lib/matcha-slide-toggle/slide-toggle.module.ts +0 -18
  713. package/src/lib/matcha-slide-toggle/slide-toggle.stories.ts +0 -78
  714. package/src/lib/matcha-slider/matcha-slider.directive.ts +0 -17
  715. package/src/lib/matcha-slider/slider.argtypes.ts +0 -76
  716. package/src/lib/matcha-slider/slider.mdx +0 -45
  717. package/src/lib/matcha-slider/slider.module.ts +0 -12
  718. package/src/lib/matcha-slider/slider.stories.ts +0 -149
  719. package/src/lib/matcha-snackbar/snack-bar-overview-example.component.ts +0 -22
  720. package/src/lib/matcha-snackbar/snack-bar-overview-example.css +0 -3
  721. package/src/lib/matcha-snackbar/snack-bar-overview-example.html +0 -11
  722. package/src/lib/matcha-snackbar/snack-bar.argtypes.ts +0 -11
  723. package/src/lib/matcha-snackbar/snack-bar.directive.ts +0 -12
  724. package/src/lib/matcha-snackbar/snack-bar.mdx +0 -53
  725. package/src/lib/matcha-snackbar/snack-bar.module.ts +0 -10
  726. package/src/lib/matcha-snackbar/snack-bar.stories.ts +0 -34
  727. package/src/lib/matcha-sort-header/example/sort-overview-example.component.ts +0 -66
  728. package/src/lib/matcha-sort-header/example/sort-overview-example.css +0 -3
  729. package/src/lib/matcha-sort-header/example/sort-overview-example.html +0 -21
  730. package/src/lib/matcha-sort-header/sort-header.argtypes.ts +0 -11
  731. package/src/lib/matcha-sort-header/sort-header.directive.ts +0 -17
  732. package/src/lib/matcha-sort-header/sort-header.mdx +0 -78
  733. package/src/lib/matcha-sort-header/sort-header.module.ts +0 -10
  734. package/src/lib/matcha-sort-header/sort-header.stories.ts +0 -34
  735. package/src/lib/matcha-spin/spin/spin.component.html +0 -27
  736. package/src/lib/matcha-spin/spin/spin.component.scss +0 -0
  737. package/src/lib/matcha-spin/spin/spin.component.ts +0 -70
  738. package/src/lib/matcha-spin/spin.module.ts +0 -16
  739. package/src/lib/matcha-spin/spin.stories.ts +0 -85
  740. package/src/lib/matcha-spinner/spinner/spinner.component.html +0 -29
  741. package/src/lib/matcha-spinner/spinner/spinner.component.scss +0 -1
  742. package/src/lib/matcha-spinner/spinner/spinner.component.ts +0 -74
  743. package/src/lib/matcha-spinner/spinner.module.ts +0 -15
  744. package/src/lib/matcha-spinner/spinner.stories.ts +0 -85
  745. package/src/lib/matcha-stepper/next-step.diretive.ts +0 -21
  746. package/src/lib/matcha-stepper/prev-step.diretive.ts +0 -21
  747. package/src/lib/matcha-stepper/step/step.component.ts +0 -11
  748. package/src/lib/matcha-stepper/step-content.diretive.ts +0 -9
  749. package/src/lib/matcha-stepper/stepper/stepper.component.ts +0 -20
  750. package/src/lib/matcha-stepper/stepper-content/stepper-content.component.ts +0 -38
  751. package/src/lib/matcha-stepper/stepper-controller/stepper-controller.component.html +0 -8
  752. package/src/lib/matcha-stepper/stepper-controller/stepper-controller.component.ts +0 -26
  753. package/src/lib/matcha-stepper/stepper.argtypes.ts +0 -74
  754. package/src/lib/matcha-stepper/stepper.module.ts +0 -32
  755. package/src/lib/matcha-stepper/stepper.service.ts +0 -50
  756. package/src/lib/matcha-stepper/stepper.stories.ts +0 -117
  757. package/src/lib/matcha-table/example/table-basic-example.component.ts +0 -36
  758. package/src/lib/matcha-table/example/table-basic-example.css +0 -0
  759. package/src/lib/matcha-table/example/table-basic-example.html +0 -35
  760. package/src/lib/matcha-table/table.argtypes.ts +0 -11
  761. package/src/lib/matcha-table/table.directive.ts +0 -17
  762. package/src/lib/matcha-table/table.mdx +0 -78
  763. package/src/lib/matcha-table/table.module.ts +0 -10
  764. package/src/lib/matcha-table/table.stories.ts +0 -34
  765. package/src/lib/matcha-tabs/tab-item/tab-item.component.html +0 -1
  766. package/src/lib/matcha-tabs/tab-item/tab-item.component.scss +0 -0
  767. package/src/lib/matcha-tabs/tab-item/tab-item.component.ts +0 -19
  768. package/src/lib/matcha-tabs/tabs/tabs.component.html +0 -22
  769. package/src/lib/matcha-tabs/tabs/tabs.component.scss +0 -0
  770. package/src/lib/matcha-tabs/tabs/tabs.component.ts +0 -58
  771. package/src/lib/matcha-tabs/tabs.module.ts +0 -19
  772. package/src/lib/matcha-tabs/tabs.stories.ts +0 -98
  773. package/src/lib/matcha-time/time/time.component.html +0 -3
  774. package/src/lib/matcha-time/time/time.component.scss +0 -0
  775. package/src/lib/matcha-time/time/time.component.ts +0 -141
  776. package/src/lib/matcha-time/time.module.ts +0 -14
  777. package/src/lib/matcha-time/time.stories.ts +0 -244
  778. package/src/lib/matcha-title/title/title.component.html +0 -8
  779. package/src/lib/matcha-title/title/title.component.scss +0 -5
  780. package/src/lib/matcha-title/title/title.component.ts +0 -73
  781. package/src/lib/matcha-title/title.argtypes.ts +0 -69
  782. package/src/lib/matcha-title/title.module.ts +0 -10
  783. package/src/lib/matcha-title/title.stories.ts +0 -132
  784. package/src/lib/matcha-toolbar/toolbar/toolbar.component.html +0 -54
  785. package/src/lib/matcha-toolbar/toolbar/toolbar.component.scss +0 -0
  786. package/src/lib/matcha-toolbar/toolbar/toolbar.component.ts +0 -43
  787. package/src/lib/matcha-toolbar/toolbar-button/toolbar-button.component.html +0 -8
  788. package/src/lib/matcha-toolbar/toolbar-button/toolbar-button.component.scss +0 -0
  789. package/src/lib/matcha-toolbar/toolbar-button/toolbar-button.component.ts +0 -21
  790. package/src/lib/matcha-toolbar/toolbar-content/toolbar-content.component.html +0 -8
  791. package/src/lib/matcha-toolbar/toolbar-content/toolbar-content.component.scss +0 -0
  792. package/src/lib/matcha-toolbar/toolbar-content/toolbar-content.component.ts +0 -9
  793. package/src/lib/matcha-toolbar/toolbar-custom-button/toolbar-custom-button.component.html +0 -6
  794. package/src/lib/matcha-toolbar/toolbar-custom-button/toolbar-custom-button.component.scss +0 -0
  795. package/src/lib/matcha-toolbar/toolbar-custom-button/toolbar-custom-button.component.ts +0 -10
  796. package/src/lib/matcha-toolbar/toolbar-main-button/toolbar-main-button.component.html +0 -11
  797. package/src/lib/matcha-toolbar/toolbar-main-button/toolbar-main-button.component.scss +0 -0
  798. package/src/lib/matcha-toolbar/toolbar-main-button/toolbar-main-button.component.ts +0 -15
  799. package/src/lib/matcha-toolbar/toolbar.argtypes.ts +0 -27
  800. package/src/lib/matcha-toolbar/toolbar.module.ts +0 -36
  801. package/src/lib/matcha-toolbar/toolbar.stories.ts +0 -131
  802. package/src/lib/matcha-tooltip/tooltip.argtypes.ts +0 -58
  803. package/src/lib/matcha-tooltip/tooltip.directive.ts +0 -158
  804. package/src/lib/matcha-tooltip/tooltip.module.ts +0 -11
  805. package/src/lib/matcha-tooltip/tooltip.stories.ts +0 -259
  806. package/src/lib/postcss.config.js +0 -6
  807. package/src/public-api.ts +0 -180
  808. package/tsconfig.lib.json +0 -18
  809. package/tsconfig.lib.prod.json +0 -10
  810. package/tsconfig.spec.json +0 -14
package/src/documentation/tokens/colors.mdx DELETED
@@ -1,1884 +0,0 @@
1
- import { Meta } from "@storybook/addon-docs";
2
-
3
- <Meta title="Tokens / Colors" />
4
-
5
- # Colors
6
-
7
- Os tokens de cores definem as cores base usadas no design do material.
8
-
9
- ### Atributos
10
- <div class="w-100-p">
11
- <table class="w-100-p">
12
- <thead>
13
- <tr>
14
- <th>Token</th>
15
- <th>Propriedade</th>
16
- <th>Preview</th>
17
- </tr>
18
- </thead>
19
- <tbody>
20
- <tr>
21
- <td>$dark-primary-text</td>
22
- <td>rgba(black, 0.87)</td>
23
- <td><div style={{ backgroundColor: 'rgba(0, 0, 0, 0.87)', width: '24px', height: '24px' }}></div></td>
24
- </tr>
25
- <tr>
26
- <td>$light-primary-text</td>
27
- <td>white</td>
28
- <td><div style={{ backgroundColor: 'white', width: '24px', height: '24px', border: '1px solid #000' }}></div></td>
29
- </tr>
30
- <tr>
31
- <td>$color-base-red-50</td>
32
- <td>#fce7e7</td>
33
- <td><div style={{ backgroundColor: '#fce7e7', width: '24px', height: '24px' }}></div></td>
34
- </tr>
35
- <tr>
36
- <td>$color-base-red-100</td>
37
- <td>#f7c4c4</td>
38
- <td><div style={{ backgroundColor: '#f7c4c4', width: '24px', height: '24px' }}></div></td>
39
- </tr>
40
- <tr>
41
- <td>$color-base-red-200</td>
42
- <td>#f29d9d</td>
43
- <td><div style={{ backgroundColor: '#f29d9d', width: '24px', height: '24px' }}></div></td>
44
- </tr>
45
- <tr>
46
- <td>$color-base-red-300</td>
47
- <td>#ed7575</td>
48
- <td><div style={{ backgroundColor: '#ed7575', width: '24px', height: '24px' }}></div></td>
49
- </tr>
50
- <tr>
51
- <td>$color-base-red-400</td>
52
- <td>#e95858</td>
53
- <td><div style={{ backgroundColor: '#e95858', width: '24px', height: '24px' }}></div></td>
54
- </tr>
55
- <tr>
56
- <td>$color-base-red-500</td>
57
- <td>#e53a3a</td>
58
- <td><div style={{ backgroundColor: '#e53a3a', width: '24px', height: '24px' }}></div></td>
59
- </tr>
60
- <tr>
61
- <td>$color-base-red-600</td>
62
- <td>#e23434</td>
63
- <td><div style={{ backgroundColor: '#e23434', width: '24px', height: '24px' }}></div></td>
64
- </tr>
65
- <tr>
66
- <td>$color-base-red-700</td>
67
- <td>#de2c2c</td>
68
- <td><div style={{ backgroundColor: '#de2c2c', width: '24px', height: '24px' }}></div></td>
69
- </tr>
70
- <tr>
71
- <td>$color-base-red-800</td>
72
- <td>#da2525</td>
73
- <td><div style={{ backgroundColor: '#da2525', width: '24px', height: '24px' }}></div></td>
74
- </tr>
75
- <tr>
76
- <td>$color-base-red-900</td>
77
- <td>#d31818</td>
78
- <td><div style={{ backgroundColor: '#d31818', width: '24px', height: '24px' }}></div></td>
79
- </tr>
80
- <tr>
81
- <td>$color-base-red-a100</td>
82
- <td>#ff8a80</td>
83
- <td><div style={{ backgroundColor: '#ff8a80', width: '24px', height: '24px' }}></div></td>
84
- </tr>
85
- <tr>
86
- <td>$color-base-red-a200</td>
87
- <td>#ff5252</td>
88
- <td><div style={{ backgroundColor: '#ff5252', width: '24px', height: '24px' }}></div></td>
89
- </tr>
90
- <tr>
91
- <td>$color-base-red-a400</td>
92
- <td>#ff1744</td>
93
- <td><div style={{ backgroundColor: '#ff1744', width: '24px', height: '24px' }}></div></td>
94
- </tr>
95
- <tr>
96
- <td>$color-base-red-a700</td>
97
- <td>#d50000</td>
98
- <td><div style={{ backgroundColor: '#d50000', width: '24px', height: '24px' }}></div></td>
99
- </tr>
100
- <tr>
101
- <td>$color-base-red-200-alpha</td>
102
- <td>#f29d9d33</td>
103
- <td><div style={{ backgroundColor: '#f29d9d33', width: '24px', height: '24px' }}></div></td>
104
- </tr>
105
- <tr>
106
- <td>$color-base-red-500-alpha</td>
107
- <td>#e53a3a33</td>
108
- <td><div style={{ backgroundColor: '#e53a3a33', width: '24px', height: '24px' }}></div></td>
109
- </tr>
110
- <tr>
111
- <td>$color-base-red-900-alpha</td>
112
- <td>#d3181833</td>
113
- <td><div style={{ backgroundColor: '#d3181833', width: '24px', height: '24px' }}></div></td>
114
- </tr>
115
- <tr>
116
- <td>$color-base-pink-50</td>
117
- <td>#fce4ec</td>
118
- <td><div style={{ backgroundColor: '#fce4ec', width: '24px', height: '24px' }}></div></td>
119
- </tr>
120
- <tr>
121
- <td>$color-base-pink-100</td>
122
- <td>#f8bbd0</td>
123
- <td><div style={{ backgroundColor: '#f8bbd0', width: '24px', height: '24px' }}></div></td>
124
- </tr>
125
- <tr>
126
- <td>$color-base-pink-200</td>
127
- <td>#f48fb1</td>
128
- <td><div style={{ backgroundColor: '#f48fb1', width: '24px', height: '24px' }}></div></td>
129
- </tr>
130
- <tr>
131
- <td>$color-base-pink-300</td>
132
- <td>#f06e9a</td>
133
- <td><div style={{ backgroundColor: '#f06e9a', width: '24px', height: '24px' }}></div></td>
134
- </tr>
135
- <tr>
136
- <td>$color-base-pink-400</td>
137
- <td>#ec407a</td>
138
- <td><div style={{ backgroundColor: '#ec407a', width: '24px', height: '24px' }}></div></td>
139
- </tr>
140
- <tr>
141
- <td>$color-base-pink-500</td>
142
- <td>#e91e63</td>
143
- <td><div style={{ backgroundColor: '#e91e63', width: '24px', height: '24px' }}></div></td>
144
- </tr>
145
- <tr>
146
- <td>$color-base-pink-600</td>
147
- <td>#d81b60</td>
148
- <td><div style={{ backgroundColor: '#d81b60', width: '24px', height: '24px' }}></div></td>
149
- </tr>
150
- <tr>
151
- <td>$color-base-pink-700</td>
152
- <td>#c2185b</td>
153
- <td><div style={{ backgroundColor: '#c2185b', width: '24px', height: '24px' }}></div></td>
154
- </tr>
155
- <tr>
156
- <td>$color-base-pink-800</td>
157
- <td>#ad1457</td>
158
- <td><div style={{ backgroundColor: '#ad1457', width: '24px', height: '24px' }}></div></td>
159
- </tr>
160
- <tr>
161
- <td>$color-base-pink-900</td>
162
- <td>#880e4f</td>
163
- <td><div style={{ backgroundColor: '#880e4f', width: '24px', height: '24px' }}></div></td>
164
- </tr>
165
- <tr>
166
- <td>$color-base-pink-a100</td>
167
- <td>#ff80ab</td>
168
- <td><div style={{ backgroundColor: '#ff80ab', width: '24px', height: '24px' }}></div></td>
169
- </tr>
170
- <tr>
171
- <td>$color-base-pink-a200</td>
172
- <td>#ff4081</td>
173
- <td><div style={{ backgroundColor: '#ff4081', width: '24px', height: '24px' }}></div></td>
174
- </tr>
175
- <tr>
176
- <td>$color-base-pink-a400</td>
177
- <td>#f50057</td>
178
- <td><div style={{ backgroundColor: '#f50057', width: '24px', height: '24px' }}></div></td>
179
- </tr>
180
- <tr>
181
- <td>$color-base-pink-a700</td>
182
- <td>#c51162</td>
183
- <td><div style={{ backgroundColor: '#c51162', width: '24px', height: '24px' }}></div></td>
184
- </tr>
185
- <tr>
186
- <td>$color-base-pink-200-alpha</td>
187
- <td>#f48fb133</td>
188
- <td><div style={{ backgroundColor: '#f48fb133', width: '24px', height: '24px' }}></div></td>
189
- </tr>
190
- <tr>
191
- <td>$color-base-pink-600-alpha</td>
192
- <td>#d81b6033</td>
193
- <td><div style={{ backgroundColor: '#d81b6033', width: '24px', height: '24px' }}></div></td>
194
- </tr>
195
- <tr>
196
- <td>$color-base-purple-50</td>
197
- <td>#f3e6ff</td>
198
- <td><div style={{ backgroundColor: '#f3e6ff', width: '24px', height: '24px' }}></div></td>
199
- </tr>
200
- <tr>
201
- <td>$color-base-purple-100</td>
202
- <td>#e1bee7</td>
203
- <td><div style={{ backgroundColor: '#e1bee7', width: '24px', height: '24px' }}></div></td>
204
- </tr>
205
- <tr>
206
- <td>$color-base-purple-200</td>
207
- <td>#ce93d8</td>
208
- <td><div style={{ backgroundColor: '#ce93d8', width: '24px', height: '24px' }}></div></td>
209
- </tr>
210
- <tr>
211
- <td>$color-base-purple-300</td>
212
- <td>#ba68c8</td>
213
- <td><div style={{ backgroundColor: '#ba68c8', width: '24px', height: '24px' }}></div></td>
214
- </tr>
215
- <tr>
216
- <td>$color-base-purple-400</td>
217
- <td>#ab47bc</td>
218
- <td><div style={{ backgroundColor: '#ab47bc', width: '24px', height: '24px' }}></div></td>
219
- </tr>
220
- <tr>
221
- <td>$color-base-purple-500</td>
222
- <td>#9c27b0</td>
223
- <td><div style={{ backgroundColor: '#9c27b0', width: '24px', height: '24px' }}></div></td>
224
- </tr>
225
- <tr>
226
- <td>$color-base-purple-600</td>
227
- <td>#8e24aa</td>
228
- <td><div style={{ backgroundColor: '#8e24aa', width: '24px', height: '24px' }}></div></td>
229
- </tr>
230
- <tr>
231
- <td>$color-base-purple-700</td>
232
- <td>#7b1fa2</td>
233
- <td><div style={{ backgroundColor: '#7b1fa2', width: '24px', height: '24px' }}></div></td>
234
- </tr>
235
- <tr>
236
- <td>$color-base-purple-800</td>
237
- <td>#6a1b9a</td>
238
- <td><div style={{ backgroundColor: '#6a1b9a', width: '24px', height: '24px' }}></div></td>
239
- </tr>
240
- <tr>
241
- <td>$color-base-purple-900</td>
242
- <td>#4a148c</td>
243
- <td><div style={{ backgroundColor: '#4a148c', width: '24px', height: '24px' }}></div></td>
244
- </tr>
245
- <tr>
246
- <td>$color-base-purple-a100</td>
247
- <td>#ea80fc</td>
248
- <td><div style={{ backgroundColor: '#ea80fc', width: '24px', height: '24px' }}></div></td>
249
- </tr>
250
- <tr>
251
- <td>$color-base-purple-a200</td>
252
- <td>#e040fb</td>
253
- <td><div style={{ backgroundColor: '#e040fb', width: '24px', height: '24px' }}></div></td>
254
- </tr>
255
- <tr>
256
- <td>$color-base-purple-a400</td>
257
- <td>#d500f9</td>
258
- <td><div style={{ backgroundColor: '#d500f9', width: '24px', height: '24px' }}></div></td>
259
- </tr>
260
- <tr>
261
- <td>$color-base-purple-a700</td>
262
- <td>#aa00ff</td>
263
- <td><div style={{ backgroundColor: '#aa00ff', width: '24px', height: '24px' }}></div></td>
264
- </tr>
265
- <tr>
266
- <td>$color-base-purple-200-alpha</td>
267
- <td>#ce93d833</td>
268
- <td><div style={{ backgroundColor: '#ce93d833', width: '24px', height: '24px' }}></div></td>
269
- </tr>
270
- <tr>
271
- <td>$color-base-purple-500-alpha</td>
272
- <td>#9c27b033</td>
273
- <td><div style={{ backgroundColor: '#9c27b033', width: '24px', height: '24px' }}></div></td>
274
- </tr>
275
- <tr>
276
- <td>$color-base-deep-purple-50</td>
277
- <td>#ede7f6</td>
278
- <td><div style={{ backgroundColor: '#ede7f6', width: '24px', height: '24px' }}></div></td>
279
- </tr>
280
- <tr>
281
- <td>$color-base-deep-purple-100</td>
282
- <td>#d1c4e9</td>
283
- <td><div style={{ backgroundColor: '#d1c4e9', width: '24px', height: '24px' }}></div></td>
284
- </tr>
285
- <tr>
286
- <td>$color-base-deep-purple-200</td>
287
- <td>#b39ddb</td>
288
- <td><div style={{ backgroundColor: '#b39ddb', width: '24px', height: '24px' }}></div></td>
289
- </tr>
290
- <tr>
291
- <td>$color-base-deep-purple-300</td>
292
- <td>#9575cd</td>
293
- <td><div style={{ backgroundColor: '#9575cd', width: '24px', height: '24px' }}></div></td>
294
- </tr>
295
- <tr>
296
- <td>$color-base-deep-purple-400</td>
297
- <td>#7e57c2</td>
298
- <td><div style={{ backgroundColor: '#7e57c2', width: '24px', height: '24px' }}></div></td>
299
- </tr>
300
- <tr>
301
- <td>$color-base-deep-purple-500</td>
302
- <td>#673ab7</td>
303
- <td><div style={{ backgroundColor: '#673ab7', width: '24px', height: '24px' }}></div></td>
304
- </tr>
305
- <tr>
306
- <td>$color-base-deep-purple-600</td>
307
- <td>#5e35b1</td>
308
- <td><div style={{ backgroundColor: '#5e35b1', width: '24px', height: '24px' }}></div></td>
309
- </tr>
310
- <tr>
311
- <td>$color-base-deep-purple-700</td>
312
- <td>#512da8</td>
313
- <td><div style={{ backgroundColor: '#512da8', width: '24px', height: '24px' }}></div></td>
314
- </tr>
315
- <tr>
316
- <td>$color-base-deep-purple-800</td>
317
- <td>#4527a0</td>
318
- <td><div style={{ backgroundColor: '#4527a0', width: '24px', height: '24px' }}></div></td>
319
- </tr>
320
- <tr>
321
- <td>$color-base-deep-purple-900</td>
322
- <td>#311b92</td>
323
- <td><div style={{ backgroundColor: '#311b92', width: '24px', height: '24px' }}></div></td>
324
- </tr>
325
- <tr>
326
- <td>$color-base-deep-purple-a100</td>
327
- <td>#cf97ff</td>
328
- <td><div style={{ backgroundColor: '#cf97ff', width: '24px', height: '24px' }}></div></td>
329
- </tr>
330
- <tr>
331
- <td>$color-base-deep-purple-a200</td>
332
- <td>#be73ff</td>
333
- <td><div style={{ backgroundColor: '#be73ff', width: '24px', height: '24px' }}></div></td>
334
- </tr>
335
- <tr>
336
- <td>$color-base-deep-purple-a400</td>
337
- <td>#9f2eff</td>
338
- <td><div style={{ backgroundColor: '#9f2eff', width: '24px', height: '24px' }}></div></td>
339
- </tr>
340
- <tr>
341
- <td>$color-base-deep-purple-a700</td>
342
- <td>#7212ff</td>
343
- <td><div style={{ backgroundColor: '#7212ff', width: '24px', height: '24px' }}></div></td>
344
- </tr>
345
- <tr>
346
- <td>$color-base-deep-purple-200-alpha</td>
347
- <td>#b39ddb33</td>
348
- <td><div style={{ backgroundColor: '#b39ddb33', width: '24px', height: '24px' }}></div></td>
349
- </tr>
350
- <tr>
351
- <td>$color-base-deep-purple-500-alpha</td>
352
- <td>#673ab733</td>
353
- <td><div style={{ backgroundColor: '#673ab733', width: '24px', height: '24px' }}></div></td>
354
- </tr>
355
- <tr>
356
- <td>$color-base-indigo-50</td>
357
- <td>#e8eaf6</td>
358
- <td><div style={{ backgroundColor: '#e8eaf6', width: '24px', height: '24px' }}></div></td>
359
- </tr>
360
- <tr>
361
- <td>$color-base-indigo-100</td>
362
- <td>#c5cae9</td>
363
- <td><div style={{ backgroundColor: '#c5cae9', width: '24px', height: '24px' }}></div></td>
364
- </tr>
365
- <tr>
366
- <td>$color-base-indigo-200</td>
367
- <td>#9fa8da</td>
368
- <td><div style={{ backgroundColor: '#9fa8da', width: '24px', height: '24px' }}></div></td>
369
- </tr>
370
- <tr>
371
- <td>$color-base-indigo-300</td>
372
- <td>#7986cb</td>
373
- <td><div style={{ backgroundColor: '#7986cb', width: '24px', height: '24px' }}></div></td>
374
- </tr>
375
- <tr>
376
- <td>$color-base-indigo-400</td>
377
- <td>#5c6bc0</td>
378
- <td><div style={{ backgroundColor: '#5c6bc0', width: '24px', height: '24px' }}></div></td>
379
- </tr>
380
- <tr>
381
- <td>$color-base-indigo-500</td>
382
- <td>#3f51b5</td>
383
- <td><div style={{ backgroundColor: '#3f51b5', width: '24px', height: '24px' }}></div></td>
384
- </tr>
385
- <tr>
386
- <td>$color-base-indigo-600</td>
387
- <td>#3949ab</td>
388
- <td><div style={{ backgroundColor: '#3949ab', width: '24px', height: '24px' }}></div></td>
389
- </tr>
390
- <tr>
391
- <td>$color-base-indigo-700</td>
392
- <td>#303f9f</td>
393
- <td><div style={{ backgroundColor: '#303f9f', width: '24px', height: '24px' }}></div></td>
394
- </tr>
395
- <tr>
396
- <td>$color-base-indigo-800</td>
397
- <td>#283593</td>
398
- <td><div style={{ backgroundColor: '#283593', width: '24px', height: '24px' }}></div></td>
399
- </tr>
400
- <tr>
401
- <td>$color-base-indigo-900</td>
402
- <td>#1a237e</td>
403
- <td><div style={{ backgroundColor: '#1a237e', width: '24px', height: '24px' }}></div></td>
404
- </tr>
405
- <tr>
406
- <td>$color-base-indigo-a100</td>
407
- <td>#8c9eff</td>
408
- <td><div style={{ backgroundColor: '#8c9eff', width: '24px', height: '24px' }}></div></td>
409
- </tr>
410
- <tr>
411
- <td>$color-base-indigo-a200</td>
412
- <td>#536dfe</td>
413
- <td><div style={{ backgroundColor: '#536dfe', width: '24px', height: '24px' }}></div></td>
414
- </tr>
415
- <tr>
416
- <td>$color-base-indigo-a400</td>
417
- <td>#3d5afe</td>
418
- <td><div style={{ backgroundColor: '#3d5afe', width: '24px', height: '24px' }}></div></td>
419
- </tr>
420
- <tr>
421
- <td>$color-base-indigo-a700</td>
422
- <td>#304ffe</td>
423
- <td><div style={{ backgroundColor: '#304ffe', width: '24px', height: '24px' }}></div></td>
424
- </tr>
425
- <tr>
426
- <td>$color-base-indigo-200-alpha</td>
427
- <td>#9fa8da33</td>
428
- <td><div style={{ backgroundColor: '#9fa8da33', width: '24px', height: '24px' }}></div></td>
429
- </tr>
430
- <tr>
431
- <td>$color-base-indigo-500-alpha</td>
432
- <td>#3f51b533</td>
433
- <td><div style={{ backgroundColor: '#3f51b533', width: '24px', height: '24px' }}></div></td>
434
- </tr>
435
- <tr>
436
- <td>$color-base-blue-50</td>
437
- <td>#e4ebfb</td>
438
- <td><div style={{ backgroundColor: '#e4ebfb', width: '24px', height: '24px' }}></div></td>
439
- </tr>
440
- <tr>
441
- <td>$color-base-blue-100</td>
442
- <td>#bccef4</td>
443
- <td><div style={{ backgroundColor: '#bccef4', width: '24px', height: '24px' }}></div></td>
444
- </tr>
445
- <tr>
446
- <td>$color-base-blue-200</td>
447
- <td>#8faded</td>
448
- <td><div style={{ backgroundColor: '#8faded', width: '24px', height: '24px' }}></div></td>
449
- </tr>
450
- <tr>
451
- <td>$color-base-blue-300</td>
452
- <td>#628ce5</td>
453
- <td><div style={{ backgroundColor: '#628ce5', width: '24px', height: '24px' }}></div></td>
454
- </tr>
455
- <tr>
456
- <td>$color-base-blue-400</td>
457
- <td>#4074e0</td>
458
- <td><div style={{ backgroundColor: '#4074e0', width: '24px', height: '24px' }}></div></td>
459
- </tr>
460
- <tr>
461
- <td>$color-base-blue-500</td>
462
- <td>#1e5bda</td>
463
- <td><div style={{ backgroundColor: '#1e5bda', width: '24px', height: '24px' }}></div></td>
464
- </tr>
465
- <tr>
466
- <td>$color-base-blue-600</td>
467
- <td>#1a53d6</td>
468
- <td><div style={{ backgroundColor: '#1a53d6', width: '24px', height: '24px' }}></div></td>
469
- </tr>
470
- <tr>
471
- <td>$color-base-blue-700</td>
472
- <td>#1649d0</td>
473
- <td><div style={{ backgroundColor: '#1649d0', width: '24px', height: '24px' }}></div></td>
474
- </tr>
475
- <tr>
476
- <td>$color-base-blue-800</td>
477
- <td>#1240cb</td>
478
- <td><div style={{ backgroundColor: '#1240cb', width: '24px', height: '24px' }}></div></td>
479
- </tr>
480
- <tr>
481
- <td>$color-base-blue-900</td>
482
- <td>#0a2fc2</td>
483
- <td><div style={{ backgroundColor: '#0a2fc2', width: '24px', height: '24px' }}></div></td>
484
- </tr>
485
- <tr>
486
- <td>$color-base-blue-a100</td>
487
- <td>#82b1ff</td>
488
- <td><div style={{ backgroundColor: '#82b1ff', width: '24px', height: '24px' }}></div></td>
489
- </tr>
490
- <tr>
491
- <td>$color-base-blue-a200</td>
492
- <td>#448aff</td>
493
- <td><div style={{ backgroundColor: '#448aff', width: '24px', height: '24px' }}></div></td>
494
- </tr>
495
- <tr>
496
- <td>$color-base-blue-a400</td>
497
- <td>#2979ff</td>
498
- <td><div style={{ backgroundColor: '#2979ff', width: '24px', height: '24px' }}></div></td>
499
- </tr>
500
- <tr>
501
- <td>$color-base-blue-a700</td>
502
- <td>#2962ff</td>
503
- <td><div style={{ backgroundColor: '#2962ff', width: '24px', height: '24px' }}></div></td>
504
- </tr>
505
- <tr>
506
- <td>$color-base-blue-200-alpha</td>
507
- <td>#8faded33</td>
508
- <td><div style={{ backgroundColor: '#8faded33', width: '24px', height: '24px' }}></div></td>
509
- </tr>
510
- <tr>
511
- <td>$color-base-blue-500-alpha</td>
512
- <td>#1e5bda33</td>
513
- <td><div style={{ backgroundColor: '#1e5bda33', width: '24px', height: '24px' }}></div></td>
514
- </tr>
515
- <tr>
516
- <td>$color-base-light-blue-50</td>
517
- <td>#e1f5fe</td>
518
- <td><div style={{ backgroundColor: '#e1f5fe', width: '24px', height: '24px' }}></div></td>
519
- </tr>
520
- <tr>
521
- <td>$color-base-light-blue-100</td>
522
- <td>#b3e5fc</td>
523
- <td><div style={{ backgroundColor: '#b3e5fc', width: '24px', height: '24px' }}></div></td>
524
- </tr>
525
- <tr>
526
- <td>$color-base-light-blue-200</td>
527
- <td>#81d4fa</td>
528
- <td><div style={{ backgroundColor: '#81d4fa', width: '24px', height: '24px' }}></div></td>
529
- </tr>
530
- <tr>
531
- <td>$color-base-light-blue-300</td>
532
- <td>#4fc3f7</td>
533
- <td><div style={{ backgroundColor: '#4fc3f7', width: '24px', height: '24px' }}></div></td>
534
- </tr>
535
- <tr>
536
- <td>$color-base-light-blue-400</td>
537
- <td>#29b6f6</td>
538
- <td><div style={{ backgroundColor: '#29b6f6', width: '24px', height: '24px' }}></div></td>
539
- </tr>
540
- <tr>
541
- <td>$color-base-light-blue-500</td>
542
- <td>#03a9f4</td>
543
- <td><div style={{ backgroundColor: '#03a9f4', width: '24px', height: '24px' }}></div></td>
544
- </tr>
545
- <tr>
546
- <td>$color-base-light-blue-600</td>
547
- <td>#039be5</td>
548
- <td><div style={{ backgroundColor: '#039be5', width: '24px', height: '24px' }}></div></td>
549
- </tr>
550
- <tr>
551
- <td>$color-base-light-blue-700</td>
552
- <td>#0288d1</td>
553
- <td><div style={{ backgroundColor: '#0288d1', width: '24px', height: '24px' }}></div></td>
554
- </tr>
555
- <tr>
556
- <td>$color-base-light-blue-800</td>
557
- <td>#0277bd</td>
558
- <td><div style={{ backgroundColor: '#0277bd', width: '24px', height: '24px' }}></div></td>
559
- </tr>
560
- <tr>
561
- <td>$color-base-light-blue-900</td>
562
- <td>#01579b</td>
563
- <td><div style={{ backgroundColor: '#01579b', width: '24px', height: '24px' }}></div></td>
564
- </tr>
565
- <tr>
566
- <td>$color-base-light-blue-a100</td>
567
- <td>#80d8ff</td>
568
- <td><div style={{ backgroundColor: '#80d8ff', width: '24px', height: '24px' }}></div></td>
569
- </tr>
570
- <tr>
571
- <td>$color-base-light-blue-a200</td>
572
- <td>#40c4ff</td>
573
- <td><div style={{ backgroundColor: '#40c4ff', width: '24px', height: '24px' }}></div></td>
574
- </tr>
575
- <tr>
576
- <td>$color-base-light-blue-a400</td>
577
- <td>#33b6ff</td>
578
- <td><div style={{ backgroundColor: '#33b6ff', width: '24px', height: '24px' }}></div></td>
579
- </tr>
580
- <tr>
581
- <td>$color-base-light-blue-a700</td>
582
- <td>#0091ea</td>
583
- <td><div style={{ backgroundColor: '#0091ea', width: '24px', height: '24px' }}></div></td>
584
- </tr>
585
- <tr>
586
- <td>$color-base-light-blue-200-alpha</td>
587
- <td>#81d4fa33</td>
588
- <td><div style={{ backgroundColor: '#81d4fa33', width: '24px', height: '24px' }}></div></td>
589
- </tr>
590
- <tr>
591
- <td>$color-base-light-blue-500-alpha</td>
592
- <td>#03a9f433</td>
593
- <td><div style={{ backgroundColor: '#03a9f433', width: '24px', height: '24px' }}></div></td>
594
- </tr>
595
- <tr>
596
- <td>$color-base-cyan-50</td>
597
- <td>#e0f7fa</td>
598
- <td><div style={{ backgroundColor: '#e0f7fa', width: '24px', height: '24px' }}></div></td>
599
- </tr>
600
- <tr>
601
- <td>$color-base-cyan-100</td>
602
- <td>#b2ebf2</td>
603
- <td><div style={{ backgroundColor: '#b2ebf2', width: '24px', height: '24px' }}></div></td>
604
- </tr>
605
- <tr>
606
- <td>$color-base-cyan-200</td>
607
- <td>#84e1eb</td>
608
- <td><div style={{ backgroundColor: '#84e1eb', width: '24px', height: '24px' }}></div></td>
609
- </tr>
610
- <tr>
611
- <td>$color-base-cyan-300</td>
612
- <td>#4dd0e1</td>
613
- <td><div style={{ backgroundColor: '#4dd0e1', width: '24px', height: '24px' }}></div></td>
614
- </tr>
615
- <tr>
616
- <td>$color-base-cyan-400</td>
617
- <td>#08c3d6</td>
618
- <td><div style={{ backgroundColor: '#08c3d6', width: '24px', height: '24px' }}></div></td>
619
- </tr>
620
- <tr>
621
- <td>$color-base-cyan-500</td>
622
- <td>#00bcd4</td>
623
- <td><div style={{ backgroundColor: '#00bcd4', width: '24px', height: '24px' }}></div></td>
624
- </tr>
625
- <tr>
626
- <td>$color-base-cyan-600</td>
627
- <td>#00acc1</td>
628
- <td><div style={{ backgroundColor: '#00acc1', width: '24px', height: '24px' }}></div></td>
629
- </tr>
630
- <tr>
631
- <td>$color-base-cyan-700</td>
632
- <td>#02a1bc</td>
633
- <td><div style={{ backgroundColor: '#02a1bc', width: '24px', height: '24px' }}></div></td>
634
- </tr>
635
- <tr>
636
- <td>$color-base-cyan-800</td>
637
- <td>#00838f</td>
638
- <td><div style={{ backgroundColor: '#00838f', width: '24px', height: '24px' }}></div></td>
639
- </tr>
640
- <tr>
641
- <td>$color-base-cyan-900</td>
642
- <td>#006064</td>
643
- <td><div style={{ backgroundColor: '#006064', width: '24px', height: '24px' }}></div></td>
644
- </tr>
645
- <tr>
646
- <td>$color-base-cyan-a100</td>
647
- <td>#84ffff</td>
648
- <td><div style={{ backgroundColor: '#84ffff', width: '24px', height: '24px' }}></div></td>
649
- </tr>
650
- <tr>
651
- <td>$color-base-cyan-a200</td>
652
- <td>#18ffff</td>
653
- <td><div style={{ backgroundColor: '#18ffff', width: '24px', height: '24px' }}></div></td>
654
- </tr>
655
- <tr>
656
- <td>$color-base-cyan-a400</td>
657
- <td>#00e5ff</td>
658
- <td><div style={{ backgroundColor: '#00e5ff', width: '24px', height: '24px' }}></div></td>
659
- </tr>
660
- <tr>
661
- <td>$color-base-cyan-a700</td>
662
- <td>#00b8d4</td>
663
- <td><div style={{ backgroundColor: '#00b8d4', width: '24px', height: '24px' }}></div></td>
664
- </tr>
665
- <tr>
666
- <td>$color-base-cyan-200-alpha</td>
667
- <td>#84e1eb33</td>
668
- <td><div style={{ backgroundColor: '#84e1eb33', width: '24px', height: '24px' }}></div></td>
669
- </tr>
670
- <tr>
671
- <td>$color-base-cyan-500-alpha</td>
672
- <td>#00bcd433</td>
673
- <td><div style={{ backgroundColor: '#00bcd433', width: '24px', height: '24px' }}></div></td>
674
- </tr>
675
- <tr>
676
- <td>$color-base-teal-50</td>
677
- <td>#e0f2f1</td>
678
- <td><div style={{ backgroundColor: '#e0f2f1', width: '24px', height: '24px' }}></div></td>
679
- </tr>
680
- <tr>
681
- <td>$color-base-teal-100</td>
682
- <td>#b2dfdb</td>
683
- <td><div style={{ backgroundColor: '#b2dfdb', width: '24px', height: '24px' }}></div></td>
684
- </tr>
685
- <tr>
686
- <td>$color-base-teal-200</td>
687
- <td>#80cbc4</td>
688
- <td><div style={{ backgroundColor: '#80cbc4', width: '24px', height: '24px' }}></div></td>
689
- </tr>
690
- <tr>
691
- <td>$color-base-teal-300</td>
692
- <td>#4db6ac</td>
693
- <td><div style={{ backgroundColor: '#4db6ac', width: '24px', height: '24px' }}></div></td>
694
- </tr>
695
- <tr>
696
- <td>$color-base-teal-400</td>
697
- <td>#26a69a</td>
698
- <td><div style={{ backgroundColor: '#26a69a', width: '24px', height: '24px' }}></div></td>
699
- </tr>
700
- <tr>
701
- <td>$color-base-teal-500</td>
702
- <td>#009688</td>
703
- <td><div style={{ backgroundColor: '#009688', width: '24px', height: '24px' }}></div></td>
704
- </tr>
705
- <tr>
706
- <td>$color-base-teal-600</td>
707
- <td>#00897b</td>
708
- <td><div style={{ backgroundColor: '#00897b', width: '24px', height: '24px' }}></div></td>
709
- </tr>
710
- <tr>
711
- <td>$color-base-teal-700</td>
712
- <td>#00796b</td>
713
- <td><div style={{ backgroundColor: '#00796b', width: '24px', height: '24px' }}></div></td>
714
- </tr>
715
- <tr>
716
- <td>$color-base-teal-800</td>
717
- <td>#00695c</td>
718
- <td><div style={{ backgroundColor: '#00695c', width: '24px', height: '24px' }}></div></td>
719
- </tr>
720
- <tr>
721
- <td>$color-base-teal-900</td>
722
- <td>#004d40</td>
723
- <td><div style={{ backgroundColor: '#004d40', width: '24px', height: '24px' }}></div></td>
724
- </tr>
725
- <tr>
726
- <td>$color-base-teal-a100</td>
727
- <td>#a7ffeb</td>
728
- <td><div style={{ backgroundColor: '#a7ffeb', width: '24px', height: '24px' }}></div></td>
729
- </tr>
730
- <tr>
731
- <td>$color-base-teal-a200</td>
732
- <td>#64ffda</td>
733
- <td><div style={{ backgroundColor: '#64ffda', width: '24px', height: '24px' }}></div></td>
734
- </tr>
735
- <tr>
736
- <td>$color-base-teal-a400</td>
737
- <td>#1de9b6</td>
738
- <td><div style={{ backgroundColor: '#1de9b6', width: '24px', height: '24px' }}></div></td>
739
- </tr>
740
- <tr>
741
- <td>$color-base-teal-a700</td>
742
- <td>#00bfa5</td>
743
- <td><div style={{ backgroundColor: '#00bfa5', width: '24px', height: '24px' }}></div></td>
744
- </tr>
745
- <tr>
746
- <td>$color-base-teal-200-alpha</td>
747
- <td>#80cbc433</td>
748
- <td><div style={{ backgroundColor: '#80cbc433', width: '24px', height: '24px' }}></div></td>
749
- </tr>
750
- <tr>
751
- <td>$color-base-teal-500-alpha</td>
752
- <td>#00968833</td>
753
- <td><div style={{ backgroundColor: '#00968833', width: '24px', height: '24px' }}></div></td>
754
- </tr>
755
- <tr>
756
- <td>$color-base-green-50</td>
757
- <td>#e2f2e9</td>
758
- <td><div style={{ backgroundColor: '#e2f2e9', width: '24px', height: '24px' }}></div></td>
759
- </tr>
760
- <tr>
761
- <td>$color-base-green-100</td>
762
- <td>#b8dec8</td>
763
- <td><div style={{ backgroundColor: '#b8dec8', width: '24px', height: '24px' }}></div></td>
764
- </tr>
765
- <tr>
766
- <td>$color-base-green-200</td>
767
- <td>#88c8a3</td>
768
- <td><div style={{ backgroundColor: '#88c8a3', width: '24px', height: '24px' }}></div></td>
769
- </tr>
770
- <tr>
771
- <td>$color-base-green-300</td>
772
- <td>#58b17e</td>
773
- <td><div style={{ backgroundColor: '#58b17e', width: '24px', height: '24px' }}></div></td>
774
- </tr>
775
- <tr>
776
- <td>$color-base-green-400</td>
777
- <td>#35a162</td>
778
- <td><div style={{ backgroundColor: '#35a162', width: '24px', height: '24px' }}></div></td>
779
- </tr>
780
- <tr>
781
- <td>$color-base-green-500</td>
782
- <td>#119046</td>
783
- <td><div style={{ backgroundColor: '#119046', width: '24px', height: '24px' }}></div></td>
784
- </tr>
785
- <tr>
786
- <td>$color-base-green-600</td>
787
- <td>#0f883f</td>
788
- <td><div style={{ backgroundColor: '#0f883f', width: '24px', height: '24px' }}></div></td>
789
- </tr>
790
- <tr>
791
- <td>$color-base-green-700</td>
792
- <td>#0c7d37</td>
793
- <td><div style={{ backgroundColor: '#0c7d37', width: '24px', height: '24px' }}></div></td>
794
- </tr>
795
- <tr>
796
- <td>$color-base-green-800</td>
797
- <td>#0a732f</td>
798
- <td><div style={{ backgroundColor: '#0a732f', width: '24px', height: '24px' }}></div></td>
799
- </tr>
800
- <tr>
801
- <td>$color-base-green-900</td>
802
- <td>#056120</td>
803
- <td><div style={{ backgroundColor: '#056120', width: '24px', height: '24px' }}></div></td>
804
- </tr>
805
- <tr>
806
- <td>$color-base-green-a100</td>
807
- <td>#b9f6ca</td>
808
- <td><div style={{ backgroundColor: '#b9f6ca', width: '24px', height: '24px' }}></div></td>
809
- </tr>
810
- <tr>
811
- <td>$color-base-green-a200</td>
812
- <td>#69f0ae</td>
813
- <td><div style={{ backgroundColor: '#69f0ae', width: '24px', height: '24px' }}></div></td>
814
- </tr>
815
- <tr>
816
- <td>$color-base-green-a400</td>
817
- <td>#2cff5b</td>
818
- <td><div style={{ backgroundColor: '#2cff5b', width: '24px', height: '24px' }}></div></td>
819
- </tr>
820
- <tr>
821
- <td>$color-base-green-a700</td>
822
- <td>#13ff48</td>
823
- <td><div style={{ backgroundColor: '#13ff48', width: '24px', height: '24px' }}></div></td>
824
- </tr>
825
- <tr>
826
- <td>$color-base-green-200-alpha</td>
827
- <td>#88c8a333</td>
828
- <td><div style={{ backgroundColor: '#88c8a333', width: '24px', height: '24px' }}></div></td>
829
- </tr>
830
- <tr>
831
- <td>$color-base-green-500-alpha</td>
832
- <td>#11904633</td>
833
- <td><div style={{ backgroundColor: '#11904633', width: '24px', height: '24px' }}></div></td>
834
- </tr>
835
- <tr>
836
- <td>$color-base-light-green-50</td>
837
- <td>#f1f8e9</td>
838
- <td><div style={{ backgroundColor: '#f1f8e9', width: '24px', height: '24px' }}></div></td>
839
- </tr>
840
- <tr>
841
- <td>$color-base-light-green-100</td>
842
- <td>#dcedc8</td>
843
- <td><div style={{ backgroundColor: '#dcedc8', width: '24px', height: '24px' }}></div></td>
844
- </tr>
845
- <tr>
846
- <td>$color-base-light-green-200</td>
847
- <td>#c5e1a5</td>
848
- <td><div style={{ backgroundColor: '#c5e1a5', width: '24px', height: '24px' }}></div></td>
849
- </tr>
850
- <tr>
851
- <td>$color-base-light-green-300</td>
852
- <td>#aed581</td>
853
- <td><div style={{ backgroundColor: '#aed581', width: '24px', height: '24px' }}></div></td>
854
- </tr>
855
- <tr>
856
- <td>$color-base-light-green-400</td>
857
- <td>#9ccc65</td>
858
- <td><div style={{ backgroundColor: '#9ccc65', width: '24px', height: '24px' }}></div></td>
859
- </tr>
860
- <tr>
861
- <td>$color-base-light-green-500</td>
862
- <td>#8bc34a</td>
863
- <td><div style={{ backgroundColor: '#8bc34a', width: '24px', height: '24px' }}></div></td>
864
- </tr>
865
- <tr>
866
- <td>$color-base-light-green-600</td>
867
- <td>#7cb342</td>
868
- <td><div style={{ backgroundColor: '#7cb342', width: '24px', height: '24px' }}></div></td>
869
- </tr>
870
- <tr>
871
- <td>$color-base-light-green-700</td>
872
- <td>#689f38</td>
873
- <td><div style={{ backgroundColor: '#689f38', width: '24px', height: '24px' }}></div></td>
874
- </tr>
875
- <tr>
876
- <td>$color-base-light-green-800</td>
877
- <td>#558b2f</td>
878
- <td><div style={{ backgroundColor: '#558b2f', width: '24px', height: '24px' }}></div></td>
879
- </tr>
880
- <tr>
881
- <td>$color-base-light-green-900</td>
882
- <td>#33691e</td>
883
- <td><div style={{ backgroundColor: '#33691e', width: '24px', height: '24px' }}></div></td>
884
- </tr>
885
- <tr>
886
- <td>$color-base-light-green-a100</td>
887
- <td>#ccff90</td>
888
- <td><div style={{ backgroundColor: '#ccff90', width: '24px', height: '24px' }}></div></td>
889
- </tr>
890
- <tr>
891
- <td>$color-base-light-green-a200</td>
892
- <td>#b2ff59</td>
893
- <td><div style={{ backgroundColor: '#b2ff59', width: '24px', height: '24px' }}></div></td>
894
- </tr>
895
- <tr>
896
- <td>$color-base-light-green-a400</td>
897
- <td>#76ff03</td>
898
- <td><div style={{ backgroundColor: '#76ff03', width: '24px', height: '24px' }}></div></td>
899
- </tr>
900
- <tr>
901
- <td>$color-base-light-green-a700</td>
902
- <td>#64dd17</td>
903
- <td><div style={{ backgroundColor: '#64dd17', width: '24px', height: '24px' }}></div></td>
904
- </tr>
905
- <tr>
906
- <td>$color-base-light-green-200-alpha</td>
907
- <td>#c5e1a533</td>
908
- <td><div style={{ backgroundColor: '#c5e1a533', width: '24px', height: '24px' }}></div></td>
909
- </tr>
910
- <tr>
911
- <td>$color-base-light-green-700-alpha</td>
912
- <td>#689f3833</td>
913
- <td><div style={{ backgroundColor: '#689f3833', width: '24px', height: '24px' }}></div></td>
914
- </tr>
915
- <tr>
916
- <td>$color-base-lime-50</td>
917
- <td>#f0f7e0</td>
918
- <td><div style={{ backgroundColor: '#f0f7e0', width: '24px', height: '24px' }}></div></td>
919
- </tr>
920
- <tr>
921
- <td>$color-base-lime-100</td>
922
- <td>#dbebb3</td>
923
- <td><div style={{ backgroundColor: '#dbebb3', width: '24px', height: '24px' }}></div></td>
924
- </tr>
925
- <tr>
926
- <td>$color-base-lime-200</td>
927
- <td>#c3de80</td>
928
- <td><div style={{ backgroundColor: '#c3de80', width: '24px', height: '24px' }}></div></td>
929
- </tr>
930
- <tr>
931
- <td>$color-base-lime-300</td>
932
- <td>#aad14d</td>
933
- <td><div style={{ backgroundColor: '#aad14d', width: '24px', height: '24px' }}></div></td>
934
- </tr>
935
- <tr>
936
- <td>$color-base-lime-400</td>
937
- <td>#98c726</td>
938
- <td><div style={{ backgroundColor: '#98c726', width: '24px', height: '24px' }}></div></td>
939
- </tr>
940
- <tr>
941
- <td>$color-base-lime-500</td>
942
- <td>#86bd00</td>
943
- <td><div style={{ backgroundColor: '#86bd00', width: '24px', height: '24px' }}></div></td>
944
- </tr>
945
- <tr>
946
- <td>$color-base-lime-600</td>
947
- <td>#7eb700</td>
948
- <td><div style={{ backgroundColor: '#7eb700', width: '24px', height: '24px' }}></div></td>
949
- </tr>
950
- <tr>
951
- <td>$color-base-lime-700</td>
952
- <td>#73ae00</td>
953
- <td><div style={{ backgroundColor: '#73ae00', width: '24px', height: '24px' }}></div></td>
954
- </tr>
955
- <tr>
956
- <td>$color-base-lime-800</td>
957
- <td>#69a600</td>
958
- <td><div style={{ backgroundColor: '#69a600', width: '24px', height: '24px' }}></div></td>
959
- </tr>
960
- <tr>
961
- <td>$color-base-lime-900</td>
962
- <td>#569800</td>
963
- <td><div style={{ backgroundColor: '#569800', width: '24px', height: '24px' }}></div></td>
964
- </tr>
965
- <tr>
966
- <td>$color-base-lime-a100</td>
967
- <td>#f4ff81</td>
968
- <td><div style={{ backgroundColor: '#f4ff81', width: '24px', height: '24px' }}></div></td>
969
- </tr>
970
- <tr>
971
- <td>$color-base-lime-a200</td>
972
- <td>#eeff41</td>
973
- <td><div style={{ backgroundColor: '#eeff41', width: '24px', height: '24px' }}></div></td>
974
- </tr>
975
- <tr>
976
- <td>$color-base-lime-a400</td>
977
- <td>#c6ff00</td>
978
- <td><div style={{ backgroundColor: '#c6ff00', width: '24px', height: '24px' }}></div></td>
979
- </tr>
980
- <tr>
981
- <td>$color-base-lime-a700</td>
982
- <td>#aeea00</td>
983
- <td><div style={{ backgroundColor: '#aeea00', width: '24px', height: '24px' }}></div></td>
984
- </tr>
985
- <tr>
986
- <td>$color-base-lime-200-alpha</td>
987
- <td>#c3de8033</td>
988
- <td><div style={{ backgroundColor: '#c3de8033', width: '24px', height: '24px' }}></div></td>
989
- </tr>
990
- <tr>
991
- <td>$color-base-lime-500-alpha</td>
992
- <td>#86bd0033</td>
993
- <td><div style={{ backgroundColor: '#86bd0033', width: '24px', height: '24px' }}></div></td>
994
- </tr>
995
- <tr>
996
- <td>$color-base-yellow-50</td>
997
- <td>#fcf8e0</td>
998
- <td><div style={{ backgroundColor: '#fcf8e0', width: '24px', height: '24px' }}></div></td>
999
- </tr>
1000
- <tr>
1001
- <td>$color-base-yellow-100</td>
1002
- <td>#f8edb3</td>
1003
- <td><div style={{ backgroundColor: '#f8edb3', width: '24px', height: '24px' }}></div></td>
1004
- </tr>
1005
- <tr>
1006
- <td>$color-base-yellow-200</td>
1007
- <td>#f4e180</td>
1008
- <td><div style={{ backgroundColor: '#f4e180', width: '24px', height: '24px' }}></div></td>
1009
- </tr>
1010
- <tr>
1011
- <td>$color-base-yellow-300</td>
1012
- <td>#efd54d</td>
1013
- <td><div style={{ backgroundColor: '#efd54d', width: '24px', height: '24px' }}></div></td>
1014
- </tr>
1015
- <tr>
1016
- <td>$color-base-yellow-400</td>
1017
- <td>#ebcc26</td>
1018
- <td><div style={{ backgroundColor: '#ebcc26', width: '24px', height: '24px' }}></div></td>
1019
- </tr>
1020
- <tr>
1021
- <td>$color-base-yellow-500</td>
1022
- <td>#e8c300</td>
1023
- <td><div style={{ backgroundColor: '#e8c300', width: '24px', height: '24px' }}></div></td>
1024
- </tr>
1025
- <tr>
1026
- <td>$color-base-yellow-600</td>
1027
- <td>#e5bd00</td>
1028
- <td><div style={{ backgroundColor: '#e5bd00', width: '24px', height: '24px' }}></div></td>
1029
- </tr>
1030
- <tr>
1031
- <td>$color-base-yellow-700</td>
1032
- <td>#e2b500</td>
1033
- <td><div style={{ backgroundColor: '#e2b500', width: '24px', height: '24px' }}></div></td>
1034
- </tr>
1035
- <tr>
1036
- <td>$color-base-yellow-800</td>
1037
- <td>#deae00</td>
1038
- <td><div style={{ backgroundColor: '#deae00', width: '24px', height: '24px' }}></div></td>
1039
- </tr>
1040
- <tr>
1041
- <td>$color-base-yellow-900</td>
1042
- <td>#d8a100</td>
1043
- <td><div style={{ backgroundColor: '#d8a100', width: '24px', height: '24px' }}></div></td>
1044
- </tr>
1045
- <tr>
1046
- <td>$color-base-yellow-a100</td>
1047
- <td>#ffff8d</td>
1048
- <td><div style={{ backgroundColor: '#ffff8d', width: '24px', height: '24px' }}></div></td>
1049
- </tr>
1050
- <tr>
1051
- <td>$color-base-yellow-a200</td>
1052
- <td>#ffff00</td>
1053
- <td><div style={{ backgroundColor: '#ffff00', width: '24px', height: '24px' }}></div></td>
1054
- </tr>
1055
- <tr>
1056
- <td>$color-base-yellow-a400</td>
1057
- <td>#ffea00</td>
1058
- <td><div style={{ backgroundColor: '#ffea00', width: '24px', height: '24px' }}></div></td>
1059
- </tr>
1060
- <tr>
1061
- <td>$color-base-yellow-a700</td>
1062
- <td>#ffd600</td>
1063
- <td><div style={{ backgroundColor: '#ffd600', width: '24px', height: '24px' }}></div></td>
1064
- </tr>
1065
- <tr>
1066
- <td>$color-base-yellow-200-alpha</td>
1067
- <td>#f4e18033</td>
1068
- <td><div style={{ backgroundColor: '#f4e18033', width: '24px', height: '24px' }}></div></td>
1069
- </tr>
1070
- <tr>
1071
- <td>$color-base-yellow-500-alpha</td>
1072
- <td>#e8c30033</td>
1073
- <td><div style={{ backgroundColor: '#e8c30033', width: '24px', height: '24px' }}></div></td>
1074
- </tr>
1075
- <tr>
1076
- <td>$color-base-amber-50</td>
1077
- <td>#fef4e4</td>
1078
- <td><div style={{ backgroundColor: '#fef4e4', width: '24px', height: '24px' }}></div></td>
1079
- </tr>
1080
- <tr>
1081
- <td>$color-base-amber-100</td>
1082
- <td>#fee4ba</td>
1083
- <td><div style={{ backgroundColor: '#fee4ba', width: '24px', height: '24px' }}></div></td>
1084
- </tr>
1085
- <tr>
1086
- <td>$color-base-amber-200</td>
1087
- <td>#fdd38d</td>
1088
- <td><div style={{ backgroundColor: '#fdd38d', width: '24px', height: '24px' }}></div></td>
1089
- </tr>
1090
- <tr>
1091
- <td>$color-base-amber-300</td>
1092
- <td>#fcc15f</td>
1093
- <td><div style={{ backgroundColor: '#fcc15f', width: '24px', height: '24px' }}></div></td>
1094
- </tr>
1095
- <tr>
1096
- <td>$color-base-amber-400</td>
1097
- <td>#fbb33c</td>
1098
- <td><div style={{ backgroundColor: '#fbb33c', width: '24px', height: '24px' }}></div></td>
1099
- </tr>
1100
- <tr>
1101
- <td>$color-base-amber-500</td>
1102
- <td>#faa61a</td>
1103
- <td><div style={{ backgroundColor: '#faa61a', width: '24px', height: '24px' }}></div></td>
1104
- </tr>
1105
- <tr>
1106
- <td>$color-base-amber-600</td>
1107
- <td>#f99e17</td>
1108
- <td><div style={{ backgroundColor: '#f99e17', width: '24px', height: '24px' }}></div></td>
1109
- </tr>
1110
- <tr>
1111
- <td>$color-base-amber-700</td>
1112
- <td>#f99513</td>
1113
- <td><div style={{ backgroundColor: '#f99513', width: '24px', height: '24px' }}></div></td>
1114
- </tr>
1115
- <tr>
1116
- <td>$color-base-amber-800</td>
1117
- <td>#f88b0f</td>
1118
- <td><div style={{ backgroundColor: '#f88b0f', width: '24px', height: '24px' }}></div></td>
1119
- </tr>
1120
- <tr>
1121
- <td>$color-base-amber-900</td>
1122
- <td>#f67b08</td>
1123
- <td><div style={{ backgroundColor: '#f67b08', width: '24px', height: '24px' }}></div></td>
1124
- </tr>
1125
- <tr>
1126
- <td>$color-base-amber-a100</td>
1127
- <td>#ffe57f</td>
1128
- <td><div style={{ backgroundColor: '#ffe57f', width: '24px', height: '24px' }}></div></td>
1129
- </tr>
1130
- <tr>
1131
- <td>$color-base-amber-a200</td>
1132
- <td>#ffd740</td>
1133
- <td><div style={{ backgroundColor: '#ffd740', width: '24px', height: '24px' }}></div></td>
1134
- </tr>
1135
- <tr>
1136
- <td>$color-base-amber-a400</td>
1137
- <td>#ffc400</td>
1138
- <td><div style={{ backgroundColor: '#ffc400', width: '24px', height: '24px' }}></div></td>
1139
- </tr>
1140
- <tr>
1141
- <td>$color-base-amber-a700</td>
1142
- <td>#ffab00</td>
1143
- <td><div style={{ backgroundColor: '#ffab00', width: '24px', height: '24px' }}></div></td>
1144
- </tr>
1145
- <tr>
1146
- <td>$color-base-amber-200-alpha</td>
1147
- <td>#fdd38d33</td>
1148
- <td><div style={{ backgroundColor: '#fdd38d33', width: '24px', height: '24px' }}></div></td>
1149
- </tr>
1150
- <tr>
1151
- <td>$color-base-amber-500-alpha</td>
1152
- <td>#faa61a33</td>
1153
- <td><div style={{ backgroundColor: '#faa61a33', width: '24px', height: '24px' }}></div></td>
1154
- </tr>
1155
- <tr>
1156
- <td>$color-base-orange-50</td>
1157
- <td>#feefe3</td>
1158
- <td><div style={{ backgroundColor: '#feefe3', width: '24px', height: '24px' }}></div></td>
1159
- </tr>
1160
- <tr>
1161
- <td>$color-base-orange-100</td>
1162
- <td>#fdd7b9</td>
1163
- <td><div style={{ backgroundColor: '#fdd7b9', width: '24px', height: '24px' }}></div></td>
1164
- </tr>
1165
- <tr>
1166
- <td>$color-base-orange-200</td>
1167
- <td>#fbbc8a</td>
1168
- <td><div style={{ backgroundColor: '#fbbc8a', width: '24px', height: '24px' }}></div></td>
1169
- </tr>
1170
- <tr>
1171
- <td>$color-base-orange-300</td>
1172
- <td>#f9a15b</td>
1173
- <td><div style={{ backgroundColor: '#f9a15b', width: '24px', height: '24px' }}></div></td>
1174
- </tr>
1175
- <tr>
1176
- <td>$color-base-orange-400</td>
1177
- <td>#f88c37</td>
1178
- <td><div style={{ backgroundColor: '#f88c37', width: '24px', height: '24px' }}></div></td>
1179
- </tr>
1180
- <tr>
1181
- <td>$color-base-orange-500</td>
1182
- <td>#f77814</td>
1183
- <td><div style={{ backgroundColor: '#f77814', width: '24px', height: '24px' }}></div></td>
1184
- </tr>
1185
- <tr>
1186
- <td>$color-base-orange-600</td>
1187
- <td>#f67012</td>
1188
- <td><div style={{ backgroundColor: '#f67012', width: '24px', height: '24px' }}></div></td>
1189
- </tr>
1190
- <tr>
1191
- <td>$color-base-orange-700</td>
1192
- <td>#f5650e</td>
1193
- <td><div style={{ backgroundColor: '#f5650e', width: '24px', height: '24px' }}></div></td>
1194
- </tr>
1195
- <tr>
1196
- <td>$color-base-orange-800</td>
1197
- <td>#f35b0b</td>
1198
- <td><div style={{ backgroundColor: '#f35b0b', width: '24px', height: '24px' }}></div></td>
1199
- </tr>
1200
- <tr>
1201
- <td>$color-base-orange-900</td>
1202
- <td>#f14806</td>
1203
- <td><div style={{ backgroundColor: '#f14806', width: '24px', height: '24px' }}></div></td>
1204
- </tr>
1205
- <tr>
1206
- <td>$color-base-orange-a100</td>
1207
- <td>#ffd180</td>
1208
- <td><div style={{ backgroundColor: '#ffd180', width: '24px', height: '24px' }}></div></td>
1209
- </tr>
1210
- <tr>
1211
- <td>$color-base-orange-a200</td>
1212
- <td>#ffab40</td>
1213
- <td><div style={{ backgroundColor: '#ffab40', width: '24px', height: '24px' }}></div></td>
1214
- </tr>
1215
- <tr>
1216
- <td>$color-base-orange-a400</td>
1217
- <td>#ff9100</td>
1218
- <td><div style={{ backgroundColor: '#ff9100', width: '24px', height: '24px' }}></div></td>
1219
- </tr>
1220
- <tr>
1221
- <td>$color-base-orange-a700</td>
1222
- <td>#ff6d00</td>
1223
- <td><div style={{ backgroundColor: '#ff6d00', width: '24px', height: '24px' }}></div></td>
1224
- </tr>
1225
- <tr>
1226
- <td>$color-base-orange-200-alpha</td>
1227
- <td>#fbbc8a33</td>
1228
- <td><div style={{ backgroundColor: '#fbbc8a33', width: '24px', height: '24px' }}></div></td>
1229
- </tr>
1230
- <tr>
1231
- <td>$color-base-orange-500-alpha</td>
1232
- <td>#f7781433</td>
1233
- <td><div style={{ backgroundColor: '#f7781433', width: '24px', height: '24px' }}></div></td>
1234
- </tr>
1235
- <tr>
1236
- <td>$color-base-deep-orange-50</td>
1237
- <td>#fbe9e7</td>
1238
- <td><div style={{ backgroundColor: '#fbe9e7', width: '24px', height: '24px' }}></div></td>
1239
- </tr>
1240
- <tr>
1241
- <td>$color-base-deep-orange-100</td>
1242
- <td>#ffccbc</td>
1243
- <td><div style={{ backgroundColor: '#ffccbc', width: '24px', height: '24px' }}></div></td>
1244
- </tr>
1245
- <tr>
1246
- <td>$color-base-deep-orange-200</td>
1247
- <td>#ffab91</td>
1248
- <td><div style={{ backgroundColor: '#ffab91', width: '24px', height: '24px' }}></div></td>
1249
- </tr>
1250
- <tr>
1251
- <td>$color-base-deep-orange-300</td>
1252
- <td>#ff8a65</td>
1253
- <td><div style={{ backgroundColor: '#ff8a65', width: '24px', height: '24px' }}></div></td>
1254
- </tr>
1255
- <tr>
1256
- <td>$color-base-deep-orange-400</td>
1257
- <td>#ff7043</td>
1258
- <td><div style={{ backgroundColor: '#ff7043', width: '24px', height: '24px' }}></div></td>
1259
- </tr>
1260
- <tr>
1261
- <td>$color-base-deep-orange-500</td>
1262
- <td>#ff5722</td>
1263
- <td><div style={{ backgroundColor: '#ff5722', width: '24px', height: '24px' }}></div></td>
1264
- </tr>
1265
- <tr>
1266
- <td>$color-base-deep-orange-600</td>
1267
- <td>#f4511e</td>
1268
- <td><div style={{ backgroundColor: '#f4511e', width: '24px', height: '24px' }}></div></td>
1269
- </tr>
1270
- <tr>
1271
- <td>$color-base-deep-orange-700</td>
1272
- <td>#e64a19</td>
1273
- <td><div style={{ backgroundColor: '#e64a19', width: '24px', height: '24px' }}></div></td>
1274
- </tr>
1275
- <tr>
1276
- <td>$color-base-deep-orange-800</td>
1277
- <td>#d84315</td>
1278
- <td><div style={{ backgroundColor: '#d84315', width: '24px', height: '24px' }}></div></td>
1279
- </tr>
1280
- <tr>
1281
- <td>$color-base-deep-orange-900</td>
1282
- <td>#bf360c</td>
1283
- <td><div style={{ backgroundColor: '#bf360c', width: '24px', height: '24px' }}></div></td>
1284
- </tr>
1285
- <tr>
1286
- <td>$color-base-deep-orange-a100</td>
1287
- <td>#ff9e80</td>
1288
- <td><div style={{ backgroundColor: '#ff9e80', width: '24px', height: '24px' }}></div></td>
1289
- </tr>
1290
- <tr>
1291
- <td>$color-base-deep-orange-a200</td>
1292
- <td>#ff6e40</td>
1293
- <td><div style={{ backgroundColor: '#ff6e40', width: '24px', height: '24px' }}></div></td>
1294
- </tr>
1295
- <tr>
1296
- <td>$color-base-deep-orange-a400</td>
1297
- <td>#ff3d00</td>
1298
- <td><div style={{ backgroundColor: '#ff3d00', width: '24px', height: '24px' }}></div></td>
1299
- </tr>
1300
- <tr>
1301
- <td>$color-base-deep-orange-a700</td>
1302
- <td>#dd2c00</td>
1303
- <td><div style={{ backgroundColor: '#dd2c00', width: '24px', height: '24px' }}></div></td>
1304
- </tr>
1305
- <tr>
1306
- <td>$color-base-deep-orange-200-alpha</td>
1307
- <td>#ffab9133</td>
1308
- <td><div style={{ backgroundColor: '#ffab9133', width: '24px', height: '24px' }}></div></td>
1309
- </tr>
1310
- <tr>
1311
- <td>$color-base-deep-orange-500-alpha</td>
1312
- <td>#ff572233</td>
1313
- <td><div style={{ backgroundColor: '#ff572233', width: '24px', height: '24px' }}></div></td>
1314
- </tr>
1315
- <tr>
1316
- <td>$color-base-brown-50</td>
1317
- <td>#efebe9</td>
1318
- <td><div style={{ backgroundColor: '#efebe9', width: '24px', height: '24px' }}></div></td>
1319
- </tr>
1320
- <tr>
1321
- <td>$color-base-brown-100</td>
1322
- <td>#d7ccc8</td>
1323
- <td><div style={{ backgroundColor: '#d7ccc8', width: '24px', height: '24px' }}></div></td>
1324
- </tr>
1325
- <tr>
1326
- <td>$color-base-brown-200</td>
1327
- <td>#bcaaa4</td>
1328
- <td><div style={{ backgroundColor: '#bcaaa4', width: '24px', height: '24px' }}></div></td>
1329
- </tr>
1330
- <tr>
1331
- <td>$color-base-brown-300</td>
1332
- <td>#a1887f</td>
1333
- <td><div style={{ backgroundColor: '#a1887f', width: '24px', height: '24px' }}></div></td>
1334
- </tr>
1335
- <tr>
1336
- <td>$color-base-brown-400</td>
1337
- <td>#8d6e63</td>
1338
- <td><div style={{ backgroundColor: '#8d6e63', width: '24px', height: '24px' }}></div></td>
1339
- </tr>
1340
- <tr>
1341
- <td>$color-base-brown-500</td>
1342
- <td>#795548</td>
1343
- <td><div style={{ backgroundColor: '#795548', width: '24px', height: '24px' }}></div></td>
1344
- </tr>
1345
- <tr>
1346
- <td>$color-base-brown-600</td>
1347
- <td>#6d4c41</td>
1348
- <td><div style={{ backgroundColor: '#6d4c41', width: '24px', height: '24px' }}></div></td>
1349
- </tr>
1350
- <tr>
1351
- <td>$color-base-brown-700</td>
1352
- <td>#5d4037</td>
1353
- <td><div style={{ backgroundColor: '#5d4037', width: '24px', height: '24px' }}></div></td>
1354
- </tr>
1355
- <tr>
1356
- <td>$color-base-brown-800</td>
1357
- <td>#4e342e</td>
1358
- <td><div style={{ backgroundColor: '#4e342e', width: '24px', height: '24px' }}></div></td>
1359
- </tr>
1360
- <tr>
1361
- <td>$color-base-brown-900</td>
1362
- <td>#3e2723</td>
1363
- <td><div style={{ backgroundColor: '#3e2723', width: '24px', height: '24px' }}></div></td>
1364
- </tr>
1365
- <tr>
1366
- <td>$color-base-brown-a100</td>
1367
- <td>#d7ccc8</td>
1368
- <td><div style={{ backgroundColor: '#d7ccc8', width: '24px', height: '24px' }}></div></td>
1369
- </tr>
1370
- <tr>
1371
- <td>$color-base-brown-a200</td>
1372
- <td>#bcaaa4</td>
1373
- <td><div style={{ backgroundColor: '#bcaaa4', width: '24px', height: '24px' }}></div></td>
1374
- </tr>
1375
- <tr>
1376
- <td>$color-base-brown-a400</td>
1377
- <td>#8d6e63</td>
1378
- <td><div style={{ backgroundColor: '#8d6e63', width: '24px', height: '24px' }}></div></td>
1379
- </tr>
1380
- <tr>
1381
- <td>$color-base-brown-a700</td>
1382
- <td>#5d4037</td>
1383
- <td><div style={{ backgroundColor: '#5d4037', width: '24px', height: '24px' }}></div></td>
1384
- </tr>
1385
- <tr>
1386
- <td>$color-base-brown-200-alpha</td>
1387
- <td>#bcaaa433</td>
1388
- <td><div style={{ backgroundColor: '#bcaaa433', width: '24px', height: '24px' }}></div></td>
1389
- </tr>
1390
- <tr>
1391
- <td>$color-base-brown-500-alpha</td>
1392
- <td>#79554833</td>
1393
- <td><div style={{ backgroundColor: '#79554833', width: '24px', height: '24px' }}></div></td>
1394
- </tr>
1395
- <tr>
1396
- <td>$color-base-grey-50</td>
1397
- <td>#fafafa</td>
1398
- <td><div style={{ backgroundColor: '#fafafa', width: '24px', height: '24px' }}></div></td>
1399
- </tr>
1400
- <tr>
1401
- <td>$color-base-grey-100</td>
1402
- <td>#f5f5f5</td>
1403
- <td><div style={{ backgroundColor: '#f5f5f5', width: '24px', height: '24px' }}></div></td>
1404
- </tr>
1405
- <tr>
1406
- <td>$color-base-grey-200</td>
1407
- <td>#eeeeee</td>
1408
- <td><div style={{ backgroundColor: '#eeeeee', width: '24px', height: '24px' }}></div></td>
1409
- </tr>
1410
- <tr>
1411
- <td>$color-base-grey-300</td>
1412
- <td>#e0e0e0</td>
1413
- <td><div style={{ backgroundColor: '#e0e0e0', width: '24px', height: '24px' }}></div></td>
1414
- </tr>
1415
- <tr>
1416
- <td>$color-base-grey-400</td>
1417
- <td>#bdbdbd</td>
1418
- <td><div style={{ backgroundColor: '#bdbdbd', width: '24px', height: '24px' }}></div></td>
1419
- </tr>
1420
- <tr>
1421
- <td>$color-base-grey-500</td>
1422
- <td>#9e9e9e</td>
1423
- <td><div style={{ backgroundColor: '#9e9e9e', width: '24px', height: '24px' }}></div></td>
1424
- </tr>
1425
- <tr>
1426
- <td>$color-base-grey-600</td>
1427
- <td>#757575</td>
1428
- <td><div style={{ backgroundColor: '#757575', width: '24px', height: '24px' }}></div></td>
1429
- </tr>
1430
- <tr>
1431
- <td>$color-base-grey-700</td>
1432
- <td>#616161</td>
1433
- <td><div style={{ backgroundColor: '#616161', width: '24px', height: '24px' }}></div></td>
1434
- </tr>
1435
- <tr>
1436
- <td>$color-base-grey-800</td>
1437
- <td>#464646</td>
1438
- <td><div style={{ backgroundColor: '#464646', width: '24px', height: '24px' }}></div></td>
1439
- </tr>
1440
- <tr>
1441
- <td>$color-base-grey-900</td>
1442
- <td>#262626</td>
1443
- <td><div style={{ backgroundColor: '#262626', width: '24px', height: '24px' }}></div></td>
1444
- </tr>
1445
- <tr>
1446
- <td>$color-base-grey-a100</td>
1447
- <td>#f5f5f5</td>
1448
- <td><div style={{ backgroundColor: '#f5f5f5', width: '24px', height: '24px' }}></div></td>
1449
- </tr>
1450
- <tr>
1451
- <td>$color-base-grey-a200</td>
1452
- <td>#eeeeee</td>
1453
- <td><div style={{ backgroundColor: '#eeeeee', width: '24px', height: '24px' }}></div></td>
1454
- </tr>
1455
- <tr>
1456
- <td>$color-base-grey-a400</td>
1457
- <td>#bdbdbd</td>
1458
- <td><div style={{ backgroundColor: '#bdbdbd', width: '24px', height: '24px' }}></div></td>
1459
- </tr>
1460
- <tr>
1461
- <td>$color-base-grey-a700</td>
1462
- <td>#616161</td>
1463
- <td><div style={{ backgroundColor: '#616161', width: '24px', height: '24px' }}></div></td>
1464
- </tr>
1465
- <tr>
1466
- <td>$color-base-grey-200-alpha</td>
1467
- <td>#eeeeee33</td>
1468
- <td><div style={{ backgroundColor: '#eeeeee33', width: '24px', height: '24px' }}></div></td>
1469
- </tr>
1470
- <tr>
1471
- <td>$color-base-grey-500-alpha</td>
1472
- <td>#9e9e9e33</td>
1473
- <td><div style={{ backgroundColor: '#9e9e9e33', width: '24px', height: '24px' }}></div></td>
1474
- </tr>
1475
- <tr>
1476
- <td>$color-base-blue-grey-50</td>
1477
- <td>#f5f7fa</td>
1478
- <td><div style={{ backgroundColor: '#f5f7fa', width: '24px', height: '24px' }}></div></td>
1479
- </tr>
1480
- <tr>
1481
- <td>$color-base-blue-grey-100</td>
1482
- <td>#d4dde3</td>
1483
- <td><div style={{ backgroundColor: '#d4dde3', width: '24px', height: '24px' }}></div></td>
1484
- </tr>
1485
- <tr>
1486
- <td>$color-base-blue-grey-200</td>
1487
- <td>#b5c1c8</td>
1488
- <td><div style={{ backgroundColor: '#b5c1c8', width: '24px', height: '24px' }}></div></td>
1489
- </tr>
1490
- <tr>
1491
- <td>$color-base-blue-grey-300</td>
1492
- <td>#a3b1b9</td>
1493
- <td><div style={{ backgroundColor: '#a3b1b9', width: '24px', height: '24px' }}></div></td>
1494
- </tr>
1495
- <tr>
1496
- <td>$color-base-blue-grey-400</td>
1497
- <td>#91a0aa</td>
1498
- <td><div style={{ backgroundColor: '#91a0aa', width: '24px', height: '24px' }}></div></td>
1499
- </tr>
1500
- <tr>
1501
- <td>$color-base-blue-grey-500</td>
1502
- <td>#636f78</td>
1503
- <td><div style={{ backgroundColor: '#636f78', width: '24px', height: '24px' }}></div></td>
1504
- </tr>
1505
- <tr>
1506
- <td>$color-base-blue-grey-600</td>
1507
- <td>#4c545a</td>
1508
- <td><div style={{ backgroundColor: '#4c545a', width: '24px', height: '24px' }}></div></td>
1509
- </tr>
1510
- <tr>
1511
- <td>$color-base-blue-grey-700</td>
1512
- <td>#3c4044</td>
1513
- <td><div style={{ backgroundColor: '#3c4044', width: '24px', height: '24px' }}></div></td>
1514
- </tr>
1515
- <tr>
1516
- <td>$color-base-blue-grey-800</td>
1517
- <td>#2b2c2d</td>
1518
- <td><div style={{ backgroundColor: '#2b2c2d', width: '24px', height: '24px' }}></div></td>
1519
- </tr>
1520
- <tr>
1521
- <td>$color-base-blue-grey-900</td>
1522
- <td>#1b1c1d</td>
1523
- <td><div style={{ backgroundColor: '#1b1c1d', width: '24px', height: '24px' }}></div></td>
1524
- </tr>
1525
- <tr>
1526
- <td>$color-base-blue-grey-a100</td>
1527
- <td>#acb4ba</td>
1528
- <td><div style={{ backgroundColor: '#acb4ba', width: '24px', height: '24px' }}></div></td>
1529
- </tr>
1530
- <tr>
1531
- <td>$color-base-blue-grey-a200</td>
1532
- <td>#707f88</td>
1533
- <td><div style={{ backgroundColor: '#707f88', width: '24px', height: '24px' }}></div></td>
1534
- </tr>
1535
- <tr>
1536
- <td>$color-base-blue-grey-a400</td>
1537
- <td>#435560</td>
1538
- <td><div style={{ backgroundColor: '#435560', width: '24px', height: '24px' }}></div></td>
1539
- </tr>
1540
- <tr>
1541
- <td>$color-base-blue-grey-a700</td>
1542
- <td>#223744</td>
1543
- <td><div style={{ backgroundColor: '#223744', width: '24px', height: '24px' }}></div></td>
1544
- </tr>
1545
- <tr>
1546
- <td>$color-base-blue-grey-200-alpha</td>
1547
- <td>#b5c1c833</td>
1548
- <td><div style={{ backgroundColor: '#b5c1c833', width: '24px', height: '24px' }}></div></td>
1549
- </tr>
1550
- <tr>
1551
- <td>$color-base-blue-grey-500-alpha</td>
1552
- <td>#636f7833</td>
1553
- <td><div style={{ backgroundColor: '#636f7833', width: '24px', height: '24px' }}></div></td>
1554
- </tr>
1555
- <tr>
1556
- <td>$color-base-light-grey-50</td>
1557
- <td>#fbfbfb</td>
1558
- <td><div style={{ backgroundColor: '#fbfbfb', width: '24px', height: '24px' }}></div></td>
1559
- </tr>
1560
- <tr>
1561
- <td>$color-base-light-grey-100</td>
1562
- <td>#f8f8f8</td>
1563
- <td><div style={{ backgroundColor: '#f8f8f8', width: '24px', height: '24px' }}></div></td>
1564
- </tr>
1565
- <tr>
1566
- <td>$color-base-light-grey-200</td>
1567
- <td>#f6f6f6</td>
1568
- <td><div style={{ backgroundColor: '#f6f6f6', width: '24px', height: '24px' }}></div></td>
1569
- </tr>
1570
- <tr>
1571
- <td>$color-base-light-grey-300</td>
1572
- <td>#f4f4f4</td>
1573
- <td><div style={{ backgroundColor: '#f4f4f4', width: '24px', height: '24px' }}></div></td>
1574
- </tr>
1575
- <tr>
1576
- <td>$color-base-light-grey-400</td>
1577
- <td>#f2f2f2</td>
1578
- <td><div style={{ backgroundColor: '#f2f2f2', width: '24px', height: '24px' }}></div></td>
1579
- </tr>
1580
- <tr>
1581
- <td>$color-base-light-grey-500</td>
1582
- <td>#f0f0f0</td>
1583
- <td><div style={{ backgroundColor: '#f0f0f0', width: '24px', height: '24px' }}></div></td>
1584
- </tr>
1585
- <tr>
1586
- <td>$color-base-light-grey-600</td>
1587
- <td>#efefef</td>
1588
- <td><div style={{ backgroundColor: '#efefef', width: '24px', height: '24px' }}></div></td>
1589
- </tr>
1590
- <tr>
1591
- <td>$color-base-light-grey-700</td>
1592
- <td>#eeeeee</td>
1593
- <td><div style={{ backgroundColor: '#eeeeee', width: '24px', height: '24px' }}></div></td>
1594
- </tr>
1595
- <tr>
1596
- <td>$color-base-light-grey-800</td>
1597
- <td>#ededed</td>
1598
- <td><div style={{ backgroundColor: '#ededed', width: '24px', height: '24px' }}></div></td>
1599
- </tr>
1600
- <tr>
1601
- <td>$color-base-light-grey-900</td>
1602
- <td>#ececec</td>
1603
- <td><div style={{ backgroundColor: '#ececec', width: '24px', height: '24px' }}></div></td>
1604
- </tr>
1605
- <tr>
1606
- <td>$color-base-light-grey-a100</td>
1607
- <td>#f8f8f8</td>
1608
- <td><div style={{ backgroundColor: '#f8f8f8', width: '24px', height: '24px' }}></div></td>
1609
- </tr>
1610
- <tr>
1611
- <td>$color-base-light-grey-a200</td>
1612
- <td>#f6f6f6</td>
1613
- <td><div style={{ backgroundColor: '#f6f6f6', width: '24px', height: '24px' }}></div></td>
1614
- </tr>
1615
- <tr>
1616
- <td>$color-base-light-grey-a400</td>
1617
- <td>#f2f2f2</td>
1618
- <td><div style={{ backgroundColor: '#f2f2f2', width: '24px', height: '24px' }}></div></td>
1619
- </tr>
1620
- <tr>
1621
- <td>$color-base-light-grey-a700</td>
1622
- <td>#eeeeee</td>
1623
- <td><div style={{ backgroundColor: '#eeeeee', width: '24px', height: '24px' }}></div></td>
1624
- </tr>
1625
- <tr>
1626
- <td>$color-base-light-grey-200-alpha</td>
1627
- <td>#f6f6f633</td>
1628
- <td><div style={{ backgroundColor: '#f6f6f633', width: '24px', height: '24px' }}></div></td>
1629
- </tr>
1630
- <tr>
1631
- <td>$color-base-light-grey-500-alpha</td>
1632
- <td>#f0f0f033</td>
1633
- <td><div style={{ backgroundColor: '#f0f0f033', width: '24px', height: '24px' }}></div></td>
1634
- </tr>
1635
- <tr>
1636
- <td>$color-base-dark-grey-50</td>
1637
- <td>#464646</td>
1638
- <td><div style={{ backgroundColor: '#464646', width: '24px', height: '24px' }}></div></td>
1639
- </tr>
1640
- <tr>
1641
- <td>$color-base-dark-grey-100</td>
1642
- <td>#3b3b3b</td>
1643
- <td><div style={{ backgroundColor: '#3b3b3b', width: '24px', height: '24px' }}></div></td>
1644
- </tr>
1645
- <tr>
1646
- <td>$color-base-dark-grey-200</td>
1647
- <td>#383838</td>
1648
- <td><div style={{ backgroundColor: '#383838', width: '24px', height: '24px' }}></div></td>
1649
- </tr>
1650
- <tr>
1651
- <td>$color-base-dark-grey-300</td>
1652
- <td>#303030</td>
1653
- <td><div style={{ backgroundColor: '#303030', width: '24px', height: '24px' }}></div></td>
1654
- </tr>
1655
- <tr>
1656
- <td>$color-base-dark-grey-400</td>
1657
- <td>#2b2b2b</td>
1658
- <td><div style={{ backgroundColor: '#2b2b2b', width: '24px', height: '24px' }}></div></td>
1659
- </tr>
1660
- <tr>
1661
- <td>$color-base-dark-grey-500</td>
1662
- <td>#282828</td>
1663
- <td><div style={{ backgroundColor: '#282828', width: '24px', height: '24px' }}></div></td>
1664
- </tr>
1665
- <tr>
1666
- <td>$color-base-dark-grey-600</td>
1667
- <td>#262626</td>
1668
- <td><div style={{ backgroundColor: '#262626', width: '24px', height: '24px' }}></div></td>
1669
- </tr>
1670
- <tr>
1671
- <td>$color-base-dark-grey-700</td>
1672
- <td>#1b1b1b</td>
1673
- <td><div style={{ backgroundColor: '#1b1b1b', width: '24px', height: '24px' }}></div></td>
1674
- </tr>
1675
- <tr>
1676
- <td>$color-base-dark-grey-800</td>
1677
- <td>#181818</td>
1678
- <td><div style={{ backgroundColor: '#181818', width: '24px', height: '24px' }}></div></td>
1679
- </tr>
1680
- <tr>
1681
- <td>$color-base-dark-grey-900</td>
1682
- <td>#161616</td>
1683
- <td><div style={{ backgroundColor: '#161616', width: '24px', height: '24px' }}></div></td>
1684
- </tr>
1685
- <tr>
1686
- <td>$color-base-dark-grey-a100</td>
1687
- <td>#3b3b3b</td>
1688
- <td><div style={{ backgroundColor: '#3b3b3b', width: '24px', height: '24px' }}></div></td>
1689
- </tr>
1690
- <tr>
1691
- <td>$color-base-dark-grey-a200</td>
1692
- <td>#383838</td>
1693
- <td><div style={{ backgroundColor: '#383838', width: '24px', height: '24px' }}></div></td>
1694
- </tr>
1695
- <tr>
1696
- <td>$color-base-dark-grey-a400</td>
1697
- <td>#2b2b2b</td>
1698
- <td><div style={{ backgroundColor: '#2b2b2b', width: '24px', height: '24px' }}></div></td>
1699
- </tr>
1700
- <tr>
1701
- <td>$color-base-dark-grey-a700</td>
1702
- <td>#1b1b1b</td>
1703
- <td><div style={{ backgroundColor: '#1b1b1b', width: '24px', height: '24px' }}></div></td>
1704
- </tr>
1705
- <tr>
1706
- <td>$color-base-dark-grey-200-alpha</td>
1707
- <td>#38383833</td>
1708
- <td><div style={{ backgroundColor: '#38383833', width: '24px', height: '24px' }}></div></td>
1709
- </tr>
1710
- <tr>
1711
- <td>$color-base-dark-grey-500-alpha</td>
1712
- <td>#28282833</td>
1713
- <td><div style={{ backgroundColor: '#28282833', width: '24px', height: '24px' }}></div></td>
1714
- </tr>
1715
- <tr>
1716
- <td>$color-base-white</td>
1717
- <td>#ffffff</td>
1718
- <td><div style={{ backgroundColor: '#ffffff', width: '24px', height: '24px' }}></div></td>
1719
- </tr>
1720
- <tr>
1721
- <td>$color-base-black</td>
1722
- <td>#000000</td>
1723
- <td><div style={{ backgroundColor: '#000000', width: '24px', height: '24px' }}></div></td>
1724
- </tr>
1725
- <tr>
1726
- <td>$color-brand-primary</td>
1727
- <td>#86bd00</td>
1728
- <td><div style={{ backgroundColor: '#86bd00', width: '24px', height: '24px' }}></div></td>
1729
- </tr>
1730
- <tr>
1731
- <td>$color-brand-primary-wl</td>
1732
- <td>#1e5bda</td>
1733
- <td><div style={{ backgroundColor: '#1e5bda', width: '24px', height: '24px' }}></div></td>
1734
- </tr>
1735
- <tr>
1736
- <td>$color-feedback-error</td>
1737
- <td>#e53a3a</td>
1738
- <td><div style={{ backgroundColor: '#e53a3a', width: '24px', height: '24px' }}></div></td>
1739
- </tr>
1740
- <tr>
1741
- <td>$color-feedback-error-light</td>
1742
- <td>#f29d9d</td>
1743
- <td><div style={{ backgroundColor: '#f29d9d', width: '24px', height: '24px' }}></div></td>
1744
- </tr>
1745
- <tr>
1746
- <td>$color-feedback-error-dark</td>
1747
- <td>#d31818</td>
1748
- <td><div style={{ backgroundColor: '#d31818', width: '24px', height: '24px' }}></div></td>
1749
- </tr>
1750
- <tr>
1751
- <td>$color-feedback-warning</td>
1752
- <td>#e8c300</td>
1753
- <td><div style={{ backgroundColor: '#e8c300', width: '24px', height: '24px' }}></div></td>
1754
- </tr>
1755
- <tr>
1756
- <td>$color-feedback-warning-light</td>
1757
- <td>#f4e180</td>
1758
- <td><div style={{ backgroundColor: '#f4e180', width: '24px', height: '24px' }}></div></td>
1759
- </tr>
1760
- <tr>
1761
- <td>$color-feedback-warning-dark</td>
1762
- <td>#d8a100</td>
1763
- <td><div style={{ backgroundColor: '#d8a100', width: '24px', height: '24px' }}></div></td>
1764
- </tr>
1765
- <tr>
1766
- <td>$color-feedback-success</td>
1767
- <td>#35a162</td>
1768
- <td><div style={{ backgroundColor: '#35a162', width: '24px', height: '24px' }}></div></td>
1769
- </tr>
1770
- <tr>
1771
- <td>$color-feedback-success-light</td>
1772
- <td>#b8dec8</td>
1773
- <td><div style={{ backgroundColor: '#b8dec8', width: '24px', height: '24px' }}></div></td>
1774
- </tr>
1775
- <tr>
1776
- <td>$color-feedback-success-dark</td>
1777
- <td>#0f883f</td>
1778
- <td><div style={{ backgroundColor: '#0f883f', width: '24px', height: '24px' }}></div></td>
1779
- </tr>
1780
- <tr>
1781
- <td>$color-graphic-blue</td>
1782
- <td>#1e5bda</td>
1783
- <td><div style={{ backgroundColor: '#1e5bda', width: '24px', height: '24px' }}></div></td>
1784
- </tr>
1785
- <tr>
1786
- <td>$color-graphic-blue-light</td>
1787
- <td>#628ce5</td>
1788
- <td><div style={{ backgroundColor: '#628ce5', width: '24px', height: '24px' }}></div></td>
1789
- </tr>
1790
- <tr>
1791
- <td>$color-graphic-blue-dark</td>
1792
- <td>#1649d0</td>
1793
- <td><div style={{ backgroundColor: '#1649d0', width: '24px', height: '24px' }}></div></td>
1794
- </tr>
1795
- <tr>
1796
- <td>$color-graphic-cyan</td>
1797
- <td>#00bcd4</td>
1798
- <td><div style={{ backgroundColor: '#00bcd4', width: '24px', height: '24px' }}></div></td>
1799
- </tr>
1800
- <tr>
1801
- <td>$color-graphic-cyan-light</td>
1802
- <td>#4dd0e1</td>
1803
- <td><div style={{ backgroundColor: '#4dd0e1', width: '24px', height: '24px' }}></div></td>
1804
- </tr>
1805
- <tr>
1806
- <td>$color-graphic-cyan-dark</td>
1807
- <td>#02a1bc</td>
1808
- <td><div style={{ backgroundColor: '#02a1bc', width: '24px', height: '24px' }}></div></td>
1809
- </tr>
1810
- <tr>
1811
- <td>$color-graphic-purple</td>
1812
- <td>#9c27b0</td>
1813
- <td><div style={{ backgroundColor: '#9c27b0', width: '24px', height: '24px' }}></div></td>
1814
- </tr>
1815
- <tr>
1816
- <td>$color-graphic-purple-light</td>
1817
- <td>#ba68c8</td>
1818
- <td><div style={{ backgroundColor: '#ba68c8', width: '24px', height: '24px' }}></div></td>
1819
- </tr>
1820
- <tr>
1821
- <td>$color-graphic-purple-dark</td>
1822
- <td>#7b1fa2</td>
1823
- <td><div style={{ backgroundColor: '#7b1fa2', width: '24px', height: '24px' }}></div></td>
1824
- </tr>
1825
- <tr>
1826
- <td>$color-graphic-orange</td>
1827
- <td>#f77814</td>
1828
- <td><div style={{ backgroundColor: '#f77814', width: '24px', height: '24px' }}></div></td>
1829
- </tr>
1830
- <tr>
1831
- <td>$color-graphic-orange-light</td>
1832
- <td>#f9a15b</td>
1833
- <td><div style={{ backgroundColor: '#f9a15b', width: '24px', height: '24px' }}></div></td>
1834
- </tr>
1835
- <tr>
1836
- <td>$color-graphic-orange-dark</td>
1837
- <td>#f5650e</td>
1838
- <td><div style={{ backgroundColor: '#f5650e', width: '24px', height: '24px' }}></div></td>
1839
- </tr>
1840
- <tr>
1841
- <td>$color-font-base</td>
1842
- <td>#1b1c1d</td>
1843
- <td><div style={{ backgroundColor: '#1b1c1d', width: '24px', height: '24px' }}></div></td>
1844
- </tr>
1845
- <tr>
1846
- <td>$color-font-inverse</td>
1847
- <td>#ffffff</td>
1848
- <td><div style={{ backgroundColor: '#ffffff', width: '24px', height: '24px' }}></div></td>
1849
- </tr>
1850
- <tr>
1851
- <td>$color-font-primary</td>
1852
- <td>#86bd00</td>
1853
- <td><div style={{ backgroundColor: '#86bd00', width: '24px', height: '24px' }}></div></td>
1854
- </tr>
1855
- <tr>
1856
- <td>$color-font-primary-wl</td>
1857
- <td>#1e5bda</td>
1858
- <td><div style={{ backgroundColor: '#1e5bda', width: '24px', height: '24px' }}></div></td>
1859
- </tr>
1860
- <tr>
1861
- <td>$color-font-label</td>
1862
- <td>#4c545a</td>
1863
- <td><div style={{ backgroundColor: '#4c545a', width: '24px', height: '24px' }}></div></td>
1864
- </tr>
1865
- <tr>
1866
- <td>$color-font-placeholder</td>
1867
- <td>#91a0aa</td>
1868
- <td><div style={{ backgroundColor: '#91a0aa', width: '24px', height: '24px' }}></div></td>
1869
- </tr>
1870
- <tr>
1871
- <td>$color-font-disabled</td>
1872
- <td>#b5c1c8</td>
1873
- <td><div style={{ backgroundColor: '#b5c1c8', width: '24px', height: '24px' }}></div></td>
1874
- </tr>
1875
-
1876
-
1877
- ...
1878
- </tbody>
1879
- </table>
1880
- </div>
1881
-
1882
-
1883
- ### Instalação
1884
- Não é necessario instalar nenhuma dependência para utilizar os tokens. Os tokens são utilizados internamente em todas as bibliotecas do Matcha Design System. Portanto quando você importar qualquer biblioteca do Matcha Design System, você já estará utilizando os tokens dessa documentação.