@kato-lee/components 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +7 -0
  3. package/assets/_fade-in.scss +40 -0
  4. package/assets/_fields.scss +76 -0
  5. package/assets/_grids.scss +317 -0
  6. package/assets/components/_buttons.scss +3 -0
  7. package/assets/components/_cards.scss +26 -0
  8. package/assets/components/_dialogs.scss +13 -0
  9. package/assets/components/_fields.scss +110 -0
  10. package/assets/components/_material.scss +15 -0
  11. package/assets/components/_pretty-box.scss +41 -0
  12. package/assets/components/_scroll-bar.scss +23 -0
  13. package/assets/components/_snack-bar.scss +18 -0
  14. package/assets/components/_tables.scss +235 -0
  15. package/assets/components/_tabs.scss +7 -0
  16. package/assets/components/main.scss +25 -0
  17. package/assets/fonts/body/Transpass-Bold.ttf +0 -0
  18. package/assets/fonts/body/Transpass-Light.ttf +0 -0
  19. package/assets/fonts/body/Transpass-Medium.ttf +0 -0
  20. package/assets/fonts/body/Transpass-Regular.ttf +0 -0
  21. package/assets/fonts/body/style-font.scss +40 -0
  22. package/assets/fonts/main.scss +2 -0
  23. package/assets/fonts/title/Poppins-Bold.ttf +0 -0
  24. package/assets/fonts/title/Poppins-Light.ttf +0 -0
  25. package/assets/fonts/title/Poppins-Medium.ttf +0 -0
  26. package/assets/fonts/title/Poppins-Regular.ttf +0 -0
  27. package/assets/fonts/title/Poppins-SemiBold.ttf +0 -0
  28. package/assets/fonts/title/style-font.scss +39 -0
  29. package/assets/layouts/_loader.scss +71 -0
  30. package/assets/layouts/origin.scss +775 -0
  31. package/assets/main.scss +4 -0
  32. package/assets/material/icons/icons.woff2 +0 -0
  33. package/assets/material/icons/local.css +1 -0
  34. package/assets/material/icons/remote.css +1 -0
  35. package/assets/material/themes/dark.scss +55 -0
  36. package/assets/material/themes/default.scss +106 -0
  37. package/assets/material/themes/main.scss +2907 -0
  38. package/assets/themes/_dark.scss +15 -0
  39. package/assets/themes/_default.scss +30 -0
  40. package/assets/themes/main.scss +2 -0
  41. package/assets/variables.scss +7 -0
  42. package/box-form/box-form.component.d.ts +34 -0
  43. package/box-form/box-form.module.d.ts +13 -0
  44. package/box-form/common.d.ts +5 -0
  45. package/box-form/index.d.ts +3 -0
  46. package/box-form/package.json +3 -0
  47. package/capsule/capsule.component.d.ts +14 -0
  48. package/capsule/capsule.module.d.ts +7 -0
  49. package/capsule/index.d.ts +2 -0
  50. package/capsule/package.json +3 -0
  51. package/cards/cards.module.d.ts +7 -0
  52. package/cards/index.d.ts +2 -0
  53. package/cards/package.json +3 -0
  54. package/cards/simple-card.component.d.ts +8 -0
  55. package/dialogs/dialogs.module.d.ts +11 -0
  56. package/dialogs/dismiss-dialog-button.component.d.ts +8 -0
  57. package/dialogs/index.d.ts +2 -0
  58. package/dialogs/package.json +3 -0
  59. package/esm2022/box-form/box-form.component.mjs +99 -0
  60. package/esm2022/box-form/box-form.module.mjs +40 -0
  61. package/esm2022/box-form/common.mjs +2 -0
  62. package/esm2022/box-form/index.mjs +7 -0
  63. package/esm2022/box-form/kato-lee-components-box-form.mjs +5 -0
  64. package/esm2022/capsule/capsule.component.mjs +78 -0
  65. package/esm2022/capsule/capsule.module.mjs +16 -0
  66. package/esm2022/capsule/index.mjs +6 -0
  67. package/esm2022/capsule/kato-lee-components-capsule.mjs +5 -0
  68. package/esm2022/cards/cards.module.mjs +17 -0
  69. package/esm2022/cards/index.mjs +6 -0
  70. package/esm2022/cards/kato-lee-components-cards.mjs +5 -0
  71. package/esm2022/cards/simple-card.component.mjs +47 -0
  72. package/esm2022/dialogs/dialogs.module.mjs +22 -0
  73. package/esm2022/dialogs/dismiss-dialog-button.component.mjs +44 -0
  74. package/esm2022/dialogs/index.mjs +6 -0
  75. package/esm2022/dialogs/kato-lee-components-dialogs.mjs +5 -0
  76. package/esm2022/fields/autocomplete-field/autocomplete-field.component.mjs +240 -0
  77. package/esm2022/fields/date-field/date-field.component.mjs +148 -0
  78. package/esm2022/fields/date-range-field/date-range-field.component.mjs +70 -0
  79. package/esm2022/fields/error/error-equals.pipe.mjs +19 -0
  80. package/esm2022/fields/error/error.component.mjs +55 -0
  81. package/esm2022/fields/error/error.module.mjs +21 -0
  82. package/esm2022/fields/error/error.msg.pipe.mjs +19 -0
  83. package/esm2022/fields/error/lang/_en.mjs +12 -0
  84. package/esm2022/fields/error/lang/_es.mjs +12 -0
  85. package/esm2022/fields/error/lang/index.mjs +3 -0
  86. package/esm2022/fields/fields.common.mjs +8 -0
  87. package/esm2022/fields/fields.module.mjs +118 -0
  88. package/esm2022/fields/general-field/general-field.component.mjs +188 -0
  89. package/esm2022/fields/index.mjs +17 -0
  90. package/esm2022/fields/kato-lee-components-fields.mjs +5 -0
  91. package/esm2022/fields/money-field/money-field.component.mjs +188 -0
  92. package/esm2022/fields/number-field/number-field.component.mjs +165 -0
  93. package/esm2022/fields/select-field/select-field.component.mjs +135 -0
  94. package/esm2022/fields/text-area/textarea.component.mjs +171 -0
  95. package/esm2022/index.mjs +2 -0
  96. package/esm2022/kato-lee-components.mjs +5 -0
  97. package/esm2022/layouts/origin/breadcrumb/breadcrumb.component.mjs +65 -0
  98. package/esm2022/layouts/origin/footer/footer.component.mjs +11 -0
  99. package/esm2022/layouts/origin/header/header.component.mjs +46 -0
  100. package/esm2022/layouts/origin/index.mjs +12 -0
  101. package/esm2022/layouts/origin/kato-lee-components-layouts-origin.mjs +5 -0
  102. package/esm2022/layouts/origin/layout.component.mjs +210 -0
  103. package/esm2022/layouts/origin/layout.module.mjs +52 -0
  104. package/esm2022/layouts/origin/layout.navigation.mjs +19 -0
  105. package/esm2022/layouts/origin/navigation-interfaces.mjs +2 -0
  106. package/esm2022/layouts/origin/services/index.mjs +4 -0
  107. package/esm2022/layouts/origin/services/route-parts.service.mjs +28 -0
  108. package/esm2022/layouts/origin/services/toggle-sidebar.mjs +48 -0
  109. package/esm2022/layouts/origin/services/validate-access.pipe.mjs +53 -0
  110. package/esm2022/layouts/origin/sidebar/sidebar.component.mjs +69 -0
  111. package/esm2022/layouts/origin/sidebar/sidenav/expansion/accordion.component.mjs +74 -0
  112. package/esm2022/layouts/origin/sidebar/sidenav/expansion/expansion-panel-header.component.mjs +51 -0
  113. package/esm2022/layouts/origin/sidebar/sidenav/expansion/expansion-panel.component.mjs +63 -0
  114. package/esm2022/layouts/origin/sidebar/sidenav/sidenav.component.mjs +130 -0
  115. package/esm2022/modal/config.mjs +2 -0
  116. package/esm2022/modal/index.mjs +8 -0
  117. package/esm2022/modal/kato-lee-components-modal.mjs +5 -0
  118. package/esm2022/modal/modal.component.mjs +63 -0
  119. package/esm2022/modal/modal.module.mjs +21 -0
  120. package/esm2022/modal/modal.service.mjs +33 -0
  121. package/esm2022/pretty-box/index.mjs +5 -0
  122. package/esm2022/pretty-box/kato-lee-components-pretty-box.mjs +5 -0
  123. package/esm2022/pretty-box/pretty-box.component.mjs +94 -0
  124. package/esm2022/tables/index.mjs +6 -0
  125. package/esm2022/tables/kato-lee-components-tables.mjs +5 -0
  126. package/esm2022/tables/mat-paginator.translation.mjs +22 -0
  127. package/esm2022/tables/tables.module.mjs +19 -0
  128. package/esm2022/toast/index.mjs +5 -0
  129. package/esm2022/toast/kato-lee-components-toast.mjs +5 -0
  130. package/esm2022/toast/toast.service.mjs +42 -0
  131. package/fesm2022/kato-lee-components-box-form.mjs +146 -0
  132. package/fesm2022/kato-lee-components-box-form.mjs.map +1 -0
  133. package/fesm2022/kato-lee-components-capsule.mjs +102 -0
  134. package/fesm2022/kato-lee-components-capsule.mjs.map +1 -0
  135. package/fesm2022/kato-lee-components-cards.mjs +72 -0
  136. package/fesm2022/kato-lee-components-cards.mjs.map +1 -0
  137. package/fesm2022/kato-lee-components-dialogs.mjs +74 -0
  138. package/fesm2022/kato-lee-components-dialogs.mjs.map +1 -0
  139. package/fesm2022/kato-lee-components-fields.mjs +1486 -0
  140. package/fesm2022/kato-lee-components-fields.mjs.map +1 -0
  141. package/fesm2022/kato-lee-components-layouts-origin.mjs +872 -0
  142. package/fesm2022/kato-lee-components-layouts-origin.mjs.map +1 -0
  143. package/fesm2022/kato-lee-components-modal.mjs +121 -0
  144. package/fesm2022/kato-lee-components-modal.mjs.map +1 -0
  145. package/fesm2022/kato-lee-components-pretty-box.mjs +105 -0
  146. package/fesm2022/kato-lee-components-pretty-box.mjs.map +1 -0
  147. package/fesm2022/kato-lee-components-tables.mjs +51 -0
  148. package/fesm2022/kato-lee-components-tables.mjs.map +1 -0
  149. package/fesm2022/kato-lee-components-toast.mjs +53 -0
  150. package/fesm2022/kato-lee-components-toast.mjs.map +1 -0
  151. package/fesm2022/kato-lee-components.mjs +4 -0
  152. package/fesm2022/kato-lee-components.mjs.map +1 -0
  153. package/fields/autocomplete-field/autocomplete-field.component.d.ts +65 -0
  154. package/fields/date-field/date-field.component.d.ts +46 -0
  155. package/fields/date-range-field/date-range-field.component.d.ts +23 -0
  156. package/fields/error/error-equals.pipe.d.ts +7 -0
  157. package/fields/error/error.component.d.ts +22 -0
  158. package/fields/error/error.module.d.ts +11 -0
  159. package/fields/error/error.msg.pipe.d.ts +7 -0
  160. package/fields/error/lang/_en.d.ts +1 -0
  161. package/fields/error/lang/_es.d.ts +1 -0
  162. package/fields/error/lang/index.d.ts +2 -0
  163. package/fields/fields.common.d.ts +5 -0
  164. package/fields/fields.module.d.ts +28 -0
  165. package/fields/general-field/general-field.component.d.ts +56 -0
  166. package/fields/index.d.ts +13 -0
  167. package/fields/money-field/money-field.component.d.ts +53 -0
  168. package/fields/number-field/number-field.component.d.ts +52 -0
  169. package/fields/package.json +3 -0
  170. package/fields/select-field/select-field.component.d.ts +44 -0
  171. package/fields/text-area/textarea.component.d.ts +55 -0
  172. package/index.d.ts +1 -0
  173. package/layouts/origin/breadcrumb/breadcrumb.component.d.ts +24 -0
  174. package/layouts/origin/footer/footer.component.d.ts +5 -0
  175. package/layouts/origin/header/header.component.d.ts +15 -0
  176. package/layouts/origin/index.d.ts +8 -0
  177. package/layouts/origin/layout.component.d.ts +58 -0
  178. package/layouts/origin/layout.module.d.ts +18 -0
  179. package/layouts/origin/layout.navigation.d.ts +10 -0
  180. package/layouts/origin/navigation-interfaces.d.ts +24 -0
  181. package/layouts/origin/package.json +3 -0
  182. package/layouts/origin/services/index.d.ts +3 -0
  183. package/layouts/origin/services/route-parts.service.d.ts +15 -0
  184. package/layouts/origin/services/toggle-sidebar.d.ts +10 -0
  185. package/layouts/origin/services/validate-access.pipe.d.ts +7 -0
  186. package/layouts/origin/sidebar/sidebar.component.d.ts +27 -0
  187. package/layouts/origin/sidebar/sidenav/expansion/accordion.component.d.ts +10 -0
  188. package/layouts/origin/sidebar/sidenav/expansion/expansion-panel-header.component.d.ts +11 -0
  189. package/layouts/origin/sidebar/sidenav/expansion/expansion-panel.component.d.ts +12 -0
  190. package/layouts/origin/sidebar/sidenav/sidenav.component.d.ts +23 -0
  191. package/modal/config.d.ts +9 -0
  192. package/modal/index.d.ts +4 -0
  193. package/modal/modal.component.d.ts +35 -0
  194. package/modal/modal.module.d.ts +11 -0
  195. package/modal/modal.service.d.ts +13 -0
  196. package/modal/package.json +3 -0
  197. package/package.json +82 -0
  198. package/pretty-box/index.d.ts +1 -0
  199. package/pretty-box/package.json +3 -0
  200. package/pretty-box/pretty-box.component.d.ts +24 -0
  201. package/tables/index.d.ts +2 -0
  202. package/tables/mat-paginator.translation.d.ts +2 -0
  203. package/tables/package.json +3 -0
  204. package/tables/tables.module.d.ts +9 -0
  205. package/toast/index.d.ts +1 -0
  206. package/toast/package.json +3 -0
  207. package/toast/toast.service.d.ts +21 -0
package/assets/main.scss ADDED
@@ -0,0 +1,4 @@
1
+ @import 'grids';
2
+ @import 'fields';
3
+ @import 'fade-in';
4
+ @import 'components/main';
package/assets/material/icons/local.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(icons.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}
package/assets/material/icons/remote.css ADDED
@@ -0,0 +1 @@
1
+ @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
package/assets/material/themes/dark.scss ADDED
@@ -0,0 +1,55 @@
1
+ html.dark-theme {
2
+ --tak-border-color-default: #5f5f5f;
3
+ --tak-box-shadow-z4-default: none;
4
+ --tak-box-shadow-default: none;
5
+ --tak-dark-color-50: rgba(255, 255, 255, 0.6);
6
+ --tak-dark-color-100: rgba(255, 255, 255, 0.12);
7
+ --tak-dark-color-200: rgba(255, 255, 255, 0.26);
8
+ --tak-dark-color-250: rgba(255, 255, 255, 0.42);
9
+ --tak-dark-color-300: rgba(255, 255, 255, 0.54);
10
+ --tak-dark-color-500: rgba(255, 255, 255, 0.87);
11
+ --tak-dark-color-700: rgb(255, 255, 255);
12
+ --tak-dark-background-color-10: rgba(255, 255, 255, 0.04);
13
+ --tak-dark-background-color-50: rgba(255, 255, 255, 0.6);
14
+ --tak-dark-background-color-100: rgba(255, 255, 255, 0.12);
15
+ --tak-dark-background-color-200: rgba(255, 255, 255, 0.26);
16
+ --tak-dark-background-color-250: rgba(255, 255, 255, 0.42);
17
+ --tak-dark-background-color-300: rgba(255, 255, 255, 0.54);
18
+ --tak-dark-background-color-500: rgba(255, 255, 255, 0.87);
19
+ --tak-dark-background-color-700: rgb(255, 255, 255);
20
+ --tak-light-color-700: #000;
21
+ --tak-light-background-color-50: rgba(0, 0, 0, 0.6);
22
+ --tak-light-background-color-100: rgb(13, 17, 23);
23
+ --tak-scrollbar-thumb-background-color-500: #333947af;
24
+ --tak-table-selectable-row-hover: rgba(124, 124, 124, 0.4);
25
+ --tak-table-not-selectable-row: #c45366c4;
26
+ --tak-table-not-selectable-row-hover: #cc3c54ea;
27
+ --tak-overlay-backdrop-background-color: rgba(73, 73, 73, 0.32);
28
+ --tak-slide-toggle-bar-background-color: rgba(255, 255, 255, 0.38);
29
+ --tak-dialog-container-box-shadow: var(--tak-box-shadow-default);
30
+ --tak-dialog-container-background-color: #fff;
31
+ --tak-dialog-container-border-color: var(--tak-border-color-default);
32
+ --tak-snackbar-box-shadow: var(--tak-box-shadow-default);
33
+ --tak-snackbar-border-color: var(--tak-border-color-default);
34
+ --tak-select-panel-box-shadow: var(--tak-box-shadow-default);
35
+ --tak-select-panel-border-color: var(--tak-border-color-default);
36
+ --tak-drawer-container-background-color: rgb(37, 39, 53);
37
+ --tak-drawer-container-color: #fff;
38
+ --tak-drawer-box-shadow: none;
39
+ --tak-drawer-border: 1px solid var(--tak-dark-color-100);
40
+ --tak-divider-border-color: var(--tak-dark-color-100);
41
+ --tak-button-box-shadow: none;
42
+ --tak-button-border: 1px solid var(--tak-dark-color-100);
43
+ --tak-button-sheet-container-box-shadow: none;
44
+ --tak-button-sheet-container-border: 1px solid var(--tak-dark-color-100);
45
+ --tak-card-box-shadow: none;
46
+ --tak-card-border: 1px solid var(--tak-dark-color-100);
47
+ --tak-expansion-panel-box-shadow: none;
48
+ --tak-expansion-panel-border: 1px solid var(--tak-dark-color-100);
49
+ --tak-expansion-panel-hover-background-color: var(--tak-dark-color-100);
50
+ --tak-menu-box-shadow: none;
51
+ --tak-menu-border: 1px solid var(--tak-dark-color-100);
52
+ --tak-step-header-hover-background-color: var(--tak-dark-color-100);
53
+ --tak-table-border: 1px solid var(--tak-dark-color-100);
54
+ --tak-toolbar-border: 1px solid var(--tak-dark-color-100);
55
+ }
package/assets/material/themes/default.scss ADDED
@@ -0,0 +1,106 @@
1
+ html {
2
+ --tak-box-shadow-default: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
3
+ rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
4
+ --tak-box-shadow-z4-default: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
5
+ 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
6
+ --tak-border-color-default: none;
7
+ --tak-primary-100: rgb(120, 203, 211);
8
+ --tak-primary-500: rgb(10, 161, 174);
9
+ --tak-primary-700: rgb(8, 119, 129);
10
+ --tak-primary-constrant-100: rgb(140, 238, 247);
11
+ --tak-primary-constrant-500: rgb(14, 187, 202);
12
+ --tak-primary-constrant-700: rgb(15, 163, 177);
13
+ --tak-primary-opacity-100: rgb(120, 203, 211, 0.3);
14
+ --tak-primary-opacity-500: rgb(10, 161, 174, 0.3);
15
+ --tak-primary-opacity-700: rgb(8, 119, 129, 0.3);
16
+ --tak-accent-100: rgb(30, 233, 148);
17
+ --tak-accent-500: rgb(24, 182, 116);
18
+ --tak-accent-700: rgb(29, 139, 110);
19
+ --tak-accent-opacity-100: rgb(30, 233, 148, 0.3);
20
+ --tak-accent-opacity-500: rgb(24, 182, 116, 0.3);
21
+ --tak-accent-opacity-700: rgb(29, 139, 110, 0.3);
22
+ --tak-accent-constrant-100: rgb(177, 243, 214);
23
+ --tak-accent-constrant-500: rgb(70, 221, 158);
24
+ --tak-accent-constrant-700: rgb(65, 185, 135);
25
+ --tak-warn-100: rgb(255, 55, 55);
26
+ --tak-warn-500: rgb(255, 0, 0);
27
+ --tak-warn-700: rgb(168, 0, 0);
28
+ --tak-warn-opacity-100: rgb(255, 55, 55, 0.3);
29
+ --tak-warn-opacity-500: rgb(255, 0, 0, 0.3);
30
+ --tak-warn-opacity-700: rgb(168, 0, 0, 0.3);
31
+ --tak-warn-constrant-100: rgb(254, 191, 191);
32
+ --tak-warn-constrant-500: rgb(255, 128, 128);
33
+ --tak-warn-constrant-700: rgb(191, 96, 96);
34
+ --tak-dark-color-50: rgba(0, 0, 0, 0.6);
35
+ --tak-dark-color-100: rgba(0, 0, 0, 0.12);
36
+ --tak-dark-color-200: rgba(0, 0, 0, 0.26);
37
+ --tak-dark-color-250: rgba(0, 0, 0, 0.42);
38
+ --tak-dark-color-300: rgba(0, 0, 0, 0.54);
39
+ --tak-dark-color-500: rgba(0, 0, 0, 0.87);
40
+ --tak-dark-color-700: rgb(0, 0, 0);
41
+ --tak-dark-background-color-10: rgba(0, 0, 0, 0.04);
42
+ --tak-dark-background-color-50: rgba(0, 0, 0, 0.6);
43
+ --tak-dark-background-color-100: rgba(0, 0, 0, 0.12);
44
+ --tak-dark-background-color-200: rgba(0, 0, 0, 0.26);
45
+ --tak-dark-background-color-250: rgba(0, 0, 0, 0.42);
46
+ --tak-dark-background-color-300: rgba(0, 0, 0, 0.54);
47
+ --tak-dark-background-color-500: rgba(0, 0, 0, 0.87);
48
+ --tak-dark-background-color-700: rgb(0, 0, 0);
49
+ --tak-light-color-700: #fff;
50
+ --tak-light-background-color-50: rgba(255, 255, 255, 0.6);
51
+ --tak-light-background-color-100: #fff;
52
+ --tak-light-background-color-150: #f0f0f0;
53
+ --tak-light-background-color-200: #eee;
54
+ --tak-light-background-color-300: #e0e0e0;
55
+ --tak-light-background-color-700: #bdbdbd;
56
+ --tak-scrollbar-thumb-hover-color-500: rgba(192, 192, 192, 0.862);
57
+ --tak-hover-scrollbar-thumb-color-500: rgba(192, 192, 192, 0.562);
58
+ --tak-scrollbar-thumb-background-color-500: #f1f4f6;
59
+ --tak-overlay-backdrop-background-color: rgba(0, 0, 0, 0.32);
60
+ --tak-slide-toggle-thumb-background-color: #fff;
61
+ --tak-slide-toggle-bar-background-color: rgba(0, 0, 0, 0.38);
62
+ --tak-dialog-container-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
63
+ 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px var(--tak-dark-background-color-100);
64
+ --tak-dialog-container-background-color: #fff;
65
+ --tak-dialog-container-border-color: transparent;
66
+ --tak-snackbar-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
67
+ 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px var(--tak-dark-background-color-100);
68
+ --tak-snackbar-border-color: transparent;
69
+ --tak-snackbar-color: #fff;
70
+ --tak-snackbar-action-color: var(--tak-accent-500);
71
+ --tak-snackbar-background-color: #323232;
72
+ --tak-snackbar-success-color: #000;
73
+ --tak-snackbar-success-action-color: var(--tak-warn-500);
74
+ --tak-snackbar-success-background-color: var(--tak-accent-500);
75
+ --tak-snackbar-danger-color: #fff;
76
+ --tak-snackbar-danger-action-color: var(--tak-accent-500);
77
+ --tak-snackbar-danger-background-color: var(--tak-warn-500);
78
+ --tak-select-panel-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
79
+ 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px var(--tak-dark-background-color-100);
80
+ --tak-select-panel-border-color: transparent;
81
+ --tak-header-table-background-color: rgba(25, 42, 86, 1);
82
+ --tak-drawer-container-background-color: #fafafa;
83
+ --tak-drawer-container-color: rgba(0, 0, 0, 0.87);
84
+ --tak-drawer-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
85
+ 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px var(--tak-dark-background-color-100);
86
+ --tak-drawer-border: none;
87
+ --tak-divider-border-color: var(--tak-dark-background-color-100);
88
+ --tak-button-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
89
+ 0px 1px 5px 0px var(--tak-dark-color-100);
90
+ --tak-button-border: none;
91
+ --tak-button-sheet-container-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
92
+ 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px var(--tak-dark-color-100);
93
+ --tak-button-sheet-container-border: none;
94
+ --tak-card-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
95
+ 0px 1px 3px 0px var(--tak-dark-color-100);
96
+ --tak-card-border: none;
97
+ --tak-expansion-panel-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
98
+ 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px var(--tak-dark-color-100);
99
+ --tak-expansion-panel-border: none;
100
+ --tak-expansion-panel-hover-background-color: var(--tak-dark-background-color-100);
101
+ --tak-menu-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
102
+ 0px 1px 10px 0px var(--tak-dark-color-100);
103
+ --tak-menu-border: none;
104
+ --tak-step-header-hover-background-color: var(--tak-dark-background-color-100);
105
+ --tak-tooltip-background-color: rgba(97, 97, 97, 0.9);
106
+ }