@yakad/ui 1.2.55-beta → 1.2.56-s-beta

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 (90) hide show
  1. package/appBar/appBar.module.css +3 -3
  2. package/button/button.module.css +21 -21
  3. package/card/card.module.css +3 -3
  4. package/codeField/codeField.module.css +1 -1
  5. package/container/container.module.css +15 -12
  6. package/footer/footer.module.css +3 -3
  7. package/hr/hr.module.css +3 -3
  8. package/inputField/inputField.module.css +121 -119
  9. package/navigation/navigation.module.css +3 -3
  10. package/package.json +1 -1
  11. package/page/page.module.css +3 -3
  12. package/theme/theme.module.css +279 -276
  13. package/appBar/appBar.d.ts +0 -3
  14. package/appBar/appBar.js +0 -9
  15. package/appBar/appBar.js.map +0 -1
  16. package/button/button.d.ts +0 -14
  17. package/button/button.js +0 -25
  18. package/button/button.js.map +0 -1
  19. package/card/card.d.ts +0 -3
  20. package/card/card.js +0 -9
  21. package/card/card.js.map +0 -1
  22. package/clickAwayListener/clickAwayListener.d.ts +0 -6
  23. package/clickAwayListener/clickAwayListener.js +0 -17
  24. package/clickAwayListener/clickAwayListener.js.map +0 -1
  25. package/client.d.ts +0 -3
  26. package/client.js +0 -4
  27. package/client.js.map +0 -1
  28. package/codeField/codeField.d.ts +0 -8
  29. package/codeField/codeField.js +0 -10
  30. package/codeField/codeField.js.map +0 -1
  31. package/container/container.d.ts +0 -8
  32. package/container/container.js +0 -9
  33. package/container/container.js.map +0 -1
  34. package/footer/footer.d.ts +0 -3
  35. package/footer/footer.js +0 -9
  36. package/footer/footer.js.map +0 -1
  37. package/form/form.d.ts +0 -3
  38. package/form/form.js +0 -12
  39. package/form/form.js.map +0 -1
  40. package/gridContainer/gridContainer.d.ts +0 -7
  41. package/gridContainer/gridContainer.js +0 -11
  42. package/gridContainer/gridContainer.js.map +0 -1
  43. package/gridItem/gridItem.d.ts +0 -10
  44. package/gridItem/gridItem.js +0 -10
  45. package/gridItem/gridItem.js.map +0 -1
  46. package/historyBack/historyBack.d.ts +0 -3
  47. package/historyBack/historyBack.js +0 -11
  48. package/historyBack/historyBack.js.map +0 -1
  49. package/hr/hr.d.ts +0 -8
  50. package/hr/hr.js +0 -12
  51. package/hr/hr.js.map +0 -1
  52. package/index.d.ts +0 -23
  53. package/index.js +0 -24
  54. package/index.js.map +0 -1
  55. package/inputField/inputField.d.ts +0 -12
  56. package/inputField/inputField.js +0 -11
  57. package/inputField/inputField.js.map +0 -1
  58. package/list/list.d.ts +0 -7
  59. package/list/list.js +0 -9
  60. package/list/list.js.map +0 -1
  61. package/listItem/listItem.d.ts +0 -3
  62. package/listItem/listItem.js +0 -7
  63. package/listItem/listItem.js.map +0 -1
  64. package/loading/loading.d.ts +0 -7
  65. package/loading/loading.js +0 -10
  66. package/loading/loading.js.map +0 -1
  67. package/main/main.d.ts +0 -6
  68. package/main/main.js +0 -10
  69. package/main/main.js.map +0 -1
  70. package/navigation/navigation.d.ts +0 -7
  71. package/navigation/navigation.js +0 -9
  72. package/navigation/navigation.js.map +0 -1
  73. package/page/page.d.ts +0 -3
  74. package/page/page.js +0 -9
  75. package/page/page.js.map +0 -1
  76. package/row/row.d.ts +0 -3
  77. package/row/row.js +0 -9
  78. package/row/row.js.map +0 -1
  79. package/spacer/spacer.d.ts +0 -3
  80. package/spacer/spacer.js +0 -7
  81. package/spacer/spacer.js.map +0 -1
  82. package/stack/stack.d.ts +0 -3
  83. package/stack/stack.js +0 -9
  84. package/stack/stack.js.map +0 -1
  85. package/svgIcon/svgIcon.d.ts +0 -6
  86. package/svgIcon/svgIcon.js +0 -12
  87. package/svgIcon/svgIcon.js.map +0 -1
  88. package/theme/theme.d.ts +0 -7
  89. package/theme/theme.js +0 -9
  90. package/theme/theme.js.map +0 -1
@@ -1,305 +1,305 @@
1
1
  .blue {
2
- --LightPrimaryColor: #0b57d0;
3
- --LightPrimaryContainerColor: #d3e3fd;
4
- --LightSecondaryColor: #625b71;
5
- --LightSecondaryContainerColor: #e8def8;
6
- --LightTertiaryColor: #c4eed0;
7
- --LightSurfaceColor: #222222;
8
- --LightErrorColor: #b3261e;
9
- --LightErrorContainerColor: #f9dedc;
10
- --LightOnPrimaryColor: #ffffff;
11
- --LightOnPrimaryContainerColor: #041e49;
12
- --LightOnSecondaryColor: #ffffff;
13
- --LightOnSecondaryContainerColor: #1e192b;
14
- --LightOnTertiaryColor: #072711;
15
- --LightOnErrorColor: #ffffff;
16
- --LightOnErrorContainerColor: #410e0b;
2
+ --LightPrimaryColor: 11 87 208;
3
+ --LightPrimaryContainerColor: 211 227 253;
4
+ --LightSecondaryColor: 98 91 113;
5
+ --LightSecondaryContainerColor: 232 222 248;
6
+ --LightTertiaryColor: 196 238 208;
7
+ --LightSurfaceColor: 34 34 34;
8
+ --LightErrorColor: 179 38 30;
9
+ --LightErrorContainerColor: 249 222 220;
10
+ --LightOnPrimaryColor: 255 255 255;
11
+ --LightOnPrimaryContainerColor: 4 30 73;
12
+ --LightOnSecondaryColor: 255 255 255;
13
+ --LightOnSecondaryContainerColor: 30 25 43;
14
+ --LightOnTertiaryColor: 7 39 17;
15
+ --LightOnErrorColor: 255 255 255;
16
+ --LightOnErrorContainerColor: 65 14 11;
17
17
  /* neutral colors */
18
- --LightSurfaceColor: #fef7ff;
19
- --LightSurfaceVariantColor: #e7e0ec;
20
- --LightSurfaceDimColor: #ded8e1;
21
- --LightSurfaceBrightColor: #fef7ff;
22
- --LightSurfaceContainerLowestColor: #ffffff;
23
- --LightSurfaceContainerLowColor: #f7f2fa;
24
- --LightSurfaceContainerColor: #f3edf7;
25
- --LightSurfaceContainerHightColor: #ece6f0;
26
- --LightSurfaceContainerHighestColor: #e6e0e9;
27
- --LightOnSurfaceColor: #1c1b1f;
28
- --LightOnSurfaceVariantColor: #49454e;
29
- --LightOutlineColor: #79747e;
30
- --LightOutlineVariantColor: #c4c7c5;
18
+ --LightSurfaceColor: 254 247 255;
19
+ --LightSurfaceVariantColor: 231 224 236;
20
+ --LightSurfaceDimColor: 222 216 225;
21
+ --LightSurfaceBrightColor: 254 247 255;
22
+ --LightSurfaceContainerLowestColor: 255 255 255>;
23
+ --LightSurfaceContainerLowColor: 247 242 250;
24
+ --LightSurfaceContainerColor: 243 237 247;
25
+ --LightSurfaceContainerHightColor: 236 230 240;
26
+ --LightSurfaceContainerHighestColor: 230 224 233;
27
+ --LightOnSurfaceColor: 28 27 31;
28
+ --LightOnSurfaceVariantColor: 73 69 78;
29
+ --LightOutlineColor: 121 116 126;
30
+ --LightOutlineVariantColor: 196 199 197;
31
31
 
32
- --DarkPrimaryColor: #a8c7fa;
33
- --DarkPrimaryContainerColor: #0842a0;
34
- --DarkSecondaryColor: #ccc2dc;
35
- --DarkSecondaryContainerColor: #e8def8;
36
- --DarkTertiaryColor: #072711;
37
- --DarkErrorColor: #f2b8b5;
38
- --DarkErrorContainerColor: #8c1d18;
39
- --DarkOnPrimaryColor: #062e6f;
40
- --DarkOnPrimaryContainerColor: #d3e3fd;
41
- --DarkOnSecondaryColor: #332d41;
42
- --DarkOnSecondaryContainerColor: #e8def8;
43
- --DarkOnTertiaryColor: #c4eed0;
44
- --DarkOnErrorColor: #601410;
45
- --DarkOnErrorContainerColor: #f9dedc;
32
+ --DarkPrimaryColor: 168 199 250;
33
+ --DarkPrimaryContainerColor: 8 66 160;
34
+ --DarkSecondaryColor: 204 194 220;
35
+ --DarkSecondaryContainerColor: 232 222 248;
36
+ --DarkTertiaryColor: 7 39 17;
37
+ --DarkErrorColor: 242 184 181;
38
+ --DarkErrorContainerColor: 140 29 24;
39
+ --DarkOnPrimaryColor: 6 46 111;
40
+ --DarkOnPrimaryContainerColor: 211 227 253;
41
+ --DarkOnSecondaryColor: 51 45 65;
42
+ --DarkOnSecondaryContainerColor: 232 222 248;
43
+ --DarkOnTertiaryColor: 196 238 208;
44
+ --DarkOnErrorColor: 96 20 16;
45
+ --DarkOnErrorContainerColor: 249 222 220;
46
46
  /* neutral colors */
47
- --DarkSurfaceColor: #141218;
48
- --DarkSurfaceVariantColor: #49454f;
49
- --DarkSurfaceDimColor: #141218;
50
- --DarkSurfaceBrightColor: #3b383e;
51
- --DarkSurfaceContainerLowestColor: #0f0d13;
52
- --DarkSurfaceContainerLowColor: #1d1b20;
53
- --DarkSurfaceContainerColor: #211f26;
54
- --DarkSurfaceContainerHightColor: #2b2930;
55
- --DarkSurfaceContainerHighestColor: #36343b;
56
- --DarkOnSurfaceColor: #e6e1e5;
57
- --DarkOnSurfaceVariantColor: #cac4d0;
58
- --DarkOutlineColor: #938f99;
59
- --DarkOutlineVariantColor: #444746;
47
+ --DarkSurfaceColor: 20 18 24;
48
+ --DarkSurfaceVariantColor: 73 69 79;
49
+ --DarkSurfaceDimColor: 20 18 24;
50
+ --DarkSurfaceBrightColor: 59 56 62;
51
+ --DarkSurfaceContainerLowestColor: 15 13 19;
52
+ --DarkSurfaceContainerLowColor: 29 27 32;
53
+ --DarkSurfaceContainerColor: 33 31 38;
54
+ --DarkSurfaceContainerHightColor: 43 41 48;
55
+ --DarkSurfaceContainerHighestColor: 54 52 59;
56
+ --DarkOnSurfaceColor: 230 225 229;
57
+ --DarkOnSurfaceVariantColor: 202 196 208;
58
+ --DarkOutlineColor: 147 143 153;
59
+ --DarkOutlineVariantColor: 68 71 70;
60
60
  }
61
61
  .green {
62
- --LightPrimaryColor: #386a20;
63
- --LightPrimaryContainerColor: #b8f397;
64
- --LightSecondaryColor: #625b71;
65
- --LightSecondaryContainerColor: #e8def8;
66
- --LightTertiaryColor: #bbebeb;
67
- --LightErrorColor: #b3261e;
68
- --LightErrorContainerColor: #f9dedc;
69
- --LightOnPrimaryColor: #ffffff;
70
- --LightOnPrimaryContainerColor: #042100;
71
- --LightOnSecondaryColor: #ffffff;
72
- --LightOnSecondaryContainerColor: #1e192b;
73
- --LightOnTertiaryColor: #002021;
74
- --LightOnErrorColor: #ffffff;
75
- --LightOnErrorContainerColor: #410e0b;
62
+ --LightPrimaryColor: 56 106 32;
63
+ --LightPrimaryContainerColor: 184 243 151;
64
+ --LightSecondaryColor: 98 91 113;
65
+ --LightSecondaryContainerColor: 232 222 248;
66
+ --LightTertiaryColor: 187 235 235;
67
+ --LightErrorColor: 179 38 30;
68
+ --LightErrorContainerColor: 249 222 220;
69
+ --LightOnPrimaryColor: 255 255 255;
70
+ --LightOnPrimaryContainerColor: 4 33 0;
71
+ --LightOnSecondaryColor: 255 255 255;
72
+ --LightOnSecondaryContainerColor: 30 25 43;
73
+ --LightOnTertiaryColor: 0 32 33;
74
+ --LightOnErrorColor: 255 255 255;
75
+ --LightOnErrorContainerColor: 65 14 11;
76
76
  /* neutral colors */
77
- --LightSurfaceColor: #fef7ff;
78
- --LightSurfaceVariantColor: #e7e0ec;
79
- --LightSurfaceDimColor: #ded8e1;
80
- --LightSurfaceBrightColor: #fef7ff;
81
- --LightSurfaceContainerLowestColor: #ffffff;
82
- --LightSurfaceContainerLowColor: #f7f2fa;
83
- --LightSurfaceContainerColor: #f3edf7;
84
- --LightSurfaceContainerHightColor: #ece6f0;
85
- --LightSurfaceContainerHighestColor: #e6e0e9;
86
- --LightOnSurfaceColor: #1c1b1f;
87
- --LightOnSurfaceVariantColor: #49454e;
88
- --LightOutlineColor: #79747e;
89
- --LightOutlineVariantColor: #c4c7c5;
77
+ --LightSurfaceColor: 254 247 255;
78
+ --LightSurfaceVariantColor: 231 224 236;
79
+ --LightSurfaceDimColor: 222 216 225;
80
+ --LightSurfaceBrightColor: 254 247 255;
81
+ --LightSurfaceContainerLowestColor: 255 255 255;
82
+ --LightSurfaceContainerLowColor: 247 242 250;
83
+ --LightSurfaceContainerColor: 243 237 247;
84
+ --LightSurfaceContainerHightColor: 236 230 240;
85
+ --LightSurfaceContainerHighestColor: 230 224 233;
86
+ --LightOnSurfaceColor: 28 27 31;
87
+ --LightOnSurfaceVariantColor: 73 69 78;
88
+ --LightOutlineColor: 121 116 126;
89
+ --LightOutlineVariantColor: 196 199 197;
90
90
 
91
- --DarkPrimaryColor: #9cd67d;
92
- --DarkPrimaryContainerColor: #205107;
93
- --DarkSecondaryColor: #ccc2dc;
94
- --DarkSecondaryContainerColor: #e8def8;
95
- --DarkTertiaryColor: #002021;
96
- --DarkErrorColor: #f2b8b5;
97
- --DarkErrorContainerColor: #8c1d18;
98
- --DarkOnPrimaryColor: #0c3900;
99
- --DarkOnPrimaryContainerColor: #b8f397;
100
- --DarkOnSecondaryColor: #332d41;
101
- --DarkOnSecondaryContainerColor: #e8def8;
102
- --DarkOnTertiaryColor: #bbebeb;
103
- --DarkOnErrorColor: #601410;
104
- --DarkOnErrorContainerColor: #f9dedc;
91
+ --DarkPrimaryColor: 156 214 125;
92
+ --DarkPrimaryContainerColor: 32 81 7;
93
+ --DarkSecondaryColor: 204 194 220;
94
+ --DarkSecondaryContainerColor: 232 222 248;
95
+ --DarkTertiaryColor: 0 32 33;
96
+ --DarkErrorColor: 242 184 181;
97
+ --DarkErrorContainerColor: 140 29 24;
98
+ --DarkOnPrimaryColor: 12 57 0;
99
+ --DarkOnPrimaryContainerColor: 184 243 151;
100
+ --DarkOnSecondaryColor: 51 45 65;
101
+ --DarkOnSecondaryContainerColor: 232 222 248;
102
+ --DarkOnTertiaryColor: 187 235 235;
103
+ --DarkOnErrorColor: 96 20 16;
104
+ --DarkOnErrorContainerColor: 249 222 220;
105
105
  /* neutral colors */
106
- --DarkSurfaceColor: #141218;
107
- --DarkSurfaceVariantColor: #49454f;
108
- --DarkSurfaceDimColor: #141218;
109
- --DarkSurfaceBrightColor: #3b383e;
110
- --DarkSurfaceContainerLowestColor: #0f0d13;
111
- --DarkSurfaceContainerLowColor: #1d1b20;
112
- --DarkSurfaceContainerColor: #211f26;
113
- --DarkSurfaceContainerHightColor: #2b2930;
114
- --DarkSurfaceContainerHighestColor: #36343b;
115
- --DarkOnSurfaceColor: #e6e1e5;
116
- --DarkOnSurfaceVariantColor: #cac4d0;
117
- --DarkOutlineColor: #938f99;
118
- --DarkOutlineVariantColor: #444746;
106
+ --DarkSurfaceColor: 20 18 24;
107
+ --DarkSurfaceVariantColor: 73 69 79;
108
+ --DarkSurfaceDimColor: 20 18 24;
109
+ --DarkSurfaceBrightColor: 59 56 62;
110
+ --DarkSurfaceContainerLowestColor: 15 13 19;
111
+ --DarkSurfaceContainerLowColor: 29 27 32;
112
+ --DarkSurfaceContainerColor: 33 31 38;
113
+ --DarkSurfaceContainerHightColor: 43 41 48;
114
+ --DarkSurfaceContainerHighestColor: 54 52 59;
115
+ --DarkOnSurfaceColor: 230 225 229;
116
+ --DarkOnSurfaceVariantColor: 202 196 208;
117
+ --DarkOutlineColor: 147 143 153;
118
+ --DarkOutlineVariantColor: 68 71 70;
119
119
  }
120
120
 
121
121
  .pink {
122
- --LightPrimaryColor: #9c4146;
123
- --LightPrimaryContainerColor: #ffdadb;
124
- --LightSecondaryColor: #625b71;
125
- --LightSecondaryContainerColor: #e8def8;
126
- --LightTertiaryColor: #fda;
127
- --LightErrorColor: #b3261e;
128
- --LightErrorContainerColor: #f9dedc;
129
- --LightOnPrimaryColor: #ffffff;
130
- --LightOnPrimaryContainerColor: #400008;
131
- --LightOnSecondaryColor: #ffffff;
132
- --LightOnSecondaryContainerColor: #1e192b;
133
- --LightOnTertiaryColor: #281800;
134
- --LightOnErrorColor: #ffffff;
135
- --LightOnErrorContainerColor: #410e0b;
122
+ --LightPrimaryColor: 156 65 70;
123
+ --LightPrimaryContainerColor: 255 218 219;
124
+ --LightSecondaryColor: 98 91 113;
125
+ --LightSecondaryContainerColor: 232 222 248;
126
+ --LightTertiaryColor: 255 221 170;
127
+ --LightErrorColor: 179 38 30;
128
+ --LightErrorContainerColor: 249 222 220;
129
+ --LightOnPrimaryColor: 255 255 255;
130
+ --LightOnPrimaryContainerColor: 64 0 8;
131
+ --LightOnSecondaryColor: 255 255 255;
132
+ --LightOnSecondaryContainerColor: 30 25 43;
133
+ --LightOnTertiaryColor: 40 24 0;
134
+ --LightOnErrorColor: 255 255 255;
135
+ --LightOnErrorContainerColor: 65 14 11;
136
136
  /* neutral colors */
137
- --LightSurfaceColor: #fef7ff;
138
- --LightSurfaceVariantColor: #e7e0ec;
139
- --LightSurfaceDimColor: #ded8e1;
140
- --LightSurfaceBrightColor: #fef7ff;
141
- --LightSurfaceContainerLowestColor: #ffffff;
142
- --LightSurfaceContainerLowColor: #f7f2fa;
143
- --LightSurfaceContainerColor: #f3edf7;
144
- --LightSurfaceContainerHightColor: #ece6f0;
145
- --LightSurfaceContainerHighestColor: #e6e0e9;
146
- --LightOnSurfaceColor: #1c1b1f;
147
- --LightOnSurfaceVariantColor: #49454e;
148
- --LightOutlineColor: #79747e;
149
- --LightOutlineVariantColor: #c4c7c5;
137
+ --LightSurfaceColor: 254 247 255;
138
+ --LightSurfaceVariantColor: 231 224 236;
139
+ --LightSurfaceDimColor: 222 216 225;
140
+ --LightSurfaceBrightColor: 254 247 255;
141
+ --LightSurfaceContainerLowestColor: 255 255 255;
142
+ --LightSurfaceContainerLowColor: 247 242 250;
143
+ --LightSurfaceContainerColor: 243 237 247;
144
+ --LightSurfaceContainerHightColor: 236 230 240;
145
+ --LightSurfaceContainerHighestColor: 230 224 233;
146
+ --LightOnSurfaceColor: 28 27 31;
147
+ --LightOnSurfaceVariantColor: 73 69 78;
148
+ --LightOutlineColor: 121 116 126;
149
+ --LightOutlineVariantColor: 196 199 197;
150
150
 
151
- --DarkPrimaryColor: #ffb3b5;
152
- --DarkPrimaryContainerColor: #7d2a30;
153
- --DarkSecondaryColor: #ccc2dc;
154
- --DarkSecondaryContainerColor: #e8def8;
155
- --DarkTertiaryColor: #281800;
156
- --DarkErrorColor: #f2b8b5;
157
- --DarkErrorContainerColor: #8c1d18;
158
- --DarkOnPrimaryColor: #5f121b;
159
- --DarkOnPrimaryContainerColor: #ffdadb;
160
- --DarkOnSecondaryColor: #332d41;
161
- --DarkOnSecondaryContainerColor: #e8def8;
162
- --DarkOnTertiaryColor: #fda;
163
- --DarkOnErrorColor: #601410;
164
- --DarkOnErrorContainerColor: #f9dedc;
151
+ --DarkPrimaryColor: 255 179 181;
152
+ --DarkPrimaryContainerColor: 125 42 48;
153
+ --DarkSecondaryColor: 204 194 220;
154
+ --DarkSecondaryContainerColor: 232 222 248;
155
+ --DarkTertiaryColor: 40 24 0;
156
+ --DarkErrorColor: 242 184 181;
157
+ --DarkErrorContainerColor: 140 29 24;
158
+ --DarkOnPrimaryColor: 95 18 27;
159
+ --DarkOnPrimaryContainerColor: 255 218 219;
160
+ --DarkOnSecondaryColor: 51 45 65;
161
+ --DarkOnSecondaryContainerColor: 232 222 248;
162
+ --DarkOnTertiaryColor: 255 221 170;
163
+ --DarkOnErrorColor: 96 20 16;
164
+ --DarkOnErrorContainerColor: 249 222 220;
165
165
  /* neutral colors */
166
- --DarkSurfaceColor: #141218;
167
- --DarkSurfaceVariantColor: #49454f;
168
- --DarkSurfaceDimColor: #141218;
169
- --DarkSurfaceBrightColor: #3b383e;
170
- --DarkSurfaceContainerLowestColor: #0f0d13;
171
- --DarkSurfaceContainerLowColor: #1d1b20;
172
- --DarkSurfaceContainerColor: #211f26;
173
- --DarkSurfaceContainerHightColor: #2b2930;
174
- --DarkSurfaceContainerHighestColor: #36343b;
175
- --DarkOnSurfaceColor: #e6e1e5;
176
- --DarkOnSurfaceVariantColor: #cac4d0;
177
- --DarkOutlineColor: #938f99;
178
- --DarkOutlineVariantColor: #444746;
166
+ --DarkSurfaceColor: 20 18 24;
167
+ --DarkSurfaceVariantColor: 73 69 79;
168
+ --DarkSurfaceDimColor: 20 18 24;
169
+ --DarkSurfaceBrightColor: 59 56 62;
170
+ --DarkSurfaceContainerLowestColor: 15 13 19;
171
+ --DarkSurfaceContainerLowColor: 29 27 32;
172
+ --DarkSurfaceContainerColor: 33 31 38;
173
+ --DarkSurfaceContainerHightColor: 43 41 48;
174
+ --DarkSurfaceContainerHighestColor: 54 52 59;
175
+ --DarkOnSurfaceColor: 230 225 229;
176
+ --DarkOnSurfaceVariantColor: 202 196 208;
177
+ --DarkOutlineColor: 147 143 153;
178
+ --DarkOutlineVariantColor: 68 71 70;
179
179
  }
180
180
 
181
181
  .grow {
182
- --LightPrimaryColor: #616200;
183
- --LightPrimaryContainerColor: #e8e971;
184
- --LightSecondaryColor: #625b71;
185
- --LightSecondaryContainerColor: #e8def8;
186
- --LightTertiaryColor: #bfedd9;
187
- --LightErrorColor: #b3261e;
188
- --LightErrorContainerColor: #f9dedc;
189
- --LightOnPrimaryColor: #ffffff;
190
- --LightOnPrimaryContainerColor: #1d1d00;
191
- --LightOnSecondaryColor: #ffffff;
192
- --LightOnSecondaryContainerColor: #1e192b;
193
- --LightOnTertiaryColor: #002117;
194
- --LightOnErrorColor: #ffffff;
195
- --LightOnErrorContainerColor: #410e0b;
182
+ --LightPrimaryColor: 97 98 0;
183
+ --LightPrimaryContainerColor: 232 233 113;
184
+ --LightSecondaryColor: 98 91 113;
185
+ --LightSecondaryContainerColor: 232 222 248;
186
+ --LightTertiaryColor: 191 237 217;
187
+ --LightErrorColor: 179 38 30;
188
+ --LightErrorContainerColor: 249 222 220;
189
+ --LightOnPrimaryColor: 255 255 255;
190
+ --LightOnPrimaryContainerColor: 29 29 0;
191
+ --LightOnSecondaryColor: 255 255 255;
192
+ --LightOnSecondaryContainerColor: 30 25 43;
193
+ --LightOnTertiaryColor: 0 33 23;
194
+ --LightOnErrorColor: 255 255 255;
195
+ --LightOnErrorContainerColor: 65 14 11;
196
196
  /* neutral colors */
197
- --LightSurfaceColor: #fef7ff;
198
- --LightSurfaceVariantColor: #e7e0ec;
199
- --LightSurfaceDimColor: #ded8e1;
200
- --LightSurfaceBrightColor: #fef7ff;
201
- --LightSurfaceContainerLowestColor: #ffffff;
202
- --LightSurfaceContainerLowColor: #f7f2fa;
203
- --LightSurfaceContainerColor: #f3edf7;
204
- --LightSurfaceContainerHightColor: #ece6f0;
205
- --LightSurfaceContainerHighestColor: #e6e0e9;
206
- --LightOnSurfaceColor: #1c1b1f;
207
- --LightOnSurfaceVariantColor: #49454e;
208
- --LightOutlineColor: #79747e;
209
- --LightOutlineVariantColor: #c4c7c5;
197
+ --LightSurfaceColor: 254 247 255;
198
+ --LightSurfaceVariantColor: 231 224 236;
199
+ --LightSurfaceDimColor: 222 216 225;
200
+ --LightSurfaceBrightColor: 254 247 255;
201
+ --LightSurfaceContainerLowestColor: 255 255 255;
202
+ --LightSurfaceContainerLowColor: 247 242 250;
203
+ --LightSurfaceContainerColor: 243 237 247;
204
+ --LightSurfaceContainerHightColor: 236 230 240;
205
+ --LightSurfaceContainerHighestColor: 230 224 233;
206
+ --LightOnSurfaceColor: 28 27 31;
207
+ --LightOnSurfaceVariantColor: 73 69 78;
208
+ --LightOutlineColor: 121 116 126;
209
+ --LightOutlineVariantColor: 196 199 197;
210
210
 
211
- --DarkPrimaryColor: #cbcc58;
212
- --DarkPrimaryContainerColor: #494a00;
213
- --DarkSecondaryColor: #ccc2dc;
214
- --DarkSecondaryContainerColor: #e8def8;
215
- --DarkTertiaryColor: #002117;
216
- --DarkErrorColor: #f2b8b5;
217
- --DarkErrorContainerColor: #8c1d18;
218
- --DarkOnPrimaryColor: #323200;
219
- --DarkOnPrimaryContainerColor: #e8e971;
220
- --DarkOnSecondaryColor: #332d41;
221
- --DarkOnSecondaryContainerColor: #e8def8;
222
- --DarkOnTertiaryColor: #bfedd9;
223
- --DarkOnErrorColor: #601410;
224
- --DarkOnErrorContainerColor: #f9dedc;
211
+ --DarkPrimaryColor: 203 204 88;
212
+ --DarkPrimaryContainerColor: 73 74 0;
213
+ --DarkSecondaryColor: 204 194 220;
214
+ --DarkSecondaryContainerColor: 232 222 248;
215
+ --DarkTertiaryColor: 0 33 23;
216
+ --DarkErrorColor: 242 184 181;
217
+ --DarkErrorContainerColor: 140 29 24;
218
+ --DarkOnPrimaryColor: 50 50 0;
219
+ --DarkOnPrimaryContainerColor: 232 233 113;
220
+ --DarkOnSecondaryColor: 51 45 65;
221
+ --DarkOnSecondaryContainerColor: 232 222 248;
222
+ --DarkOnTertiaryColor: 191 237 217;
223
+ --DarkOnErrorColor: 96 20 16;
224
+ --DarkOnErrorContainerColor: 249 222 220;
225
225
  /* neutral colors */
226
- --DarkSurfaceColor: #141218;
227
- --DarkSurfaceVariantColor: #49454f;
228
- --DarkSurfaceDimColor: #141218;
229
- --DarkSurfaceBrightColor: #3b383e;
230
- --DarkSurfaceContainerLowestColor: #0f0d13;
231
- --DarkSurfaceContainerLowColor: #1d1b20;
232
- --DarkSurfaceContainerColor: #211f26;
233
- --DarkSurfaceContainerHightColor: #2b2930;
234
- --DarkSurfaceContainerHighestColor: #36343b;
235
- --DarkOnSurfaceColor: #e6e1e5;
236
- --DarkOnSurfaceVariantColor: #cac4d0;
237
- --DarkOutlineColor: #938f99;
238
- --DarkOutlineVariantColor: #444746;
226
+ --DarkSurfaceColor: 20 18 24;
227
+ --DarkSurfaceVariantColor: 73 69 79;
228
+ --DarkSurfaceDimColor: 20 18 24;
229
+ --DarkSurfaceBrightColor: 59 56 62;
230
+ --DarkSurfaceContainerLowestColor: 15 13 19;
231
+ --DarkSurfaceContainerLowColor: 29 27 32;
232
+ --DarkSurfaceContainerColor: 33 31 38;
233
+ --DarkSurfaceContainerHightColor: 43 41 48;
234
+ --DarkSurfaceContainerHighestColor: 54 52 59;
235
+ --DarkOnSurfaceColor: 230 225 229;
236
+ --DarkOnSurfaceVariantColor: 202 196 208;
237
+ --DarkOutlineColor: 147 143 153;
238
+ --DarkOutlineVariantColor: 68 71 70;
239
239
  }
240
240
  .purple {
241
- --LightPrimaryColor: #6750a4;
242
- --LightPrimaryContainerColor: #eaddff;
243
- --LightSecondaryColor: #625b71;
244
- --LightSecondaryContainerColor: #e8def8;
245
- --LightTertiaryColor: #7d5260;
246
- --LightTertiaryContainerColor: #ffd8e4;
247
- --LightSurfaceColor: #222222;
248
- --LightErrorColor: #b3261e;
249
- --LightErrorContainerColor: #f9dedc;
250
- --LightOnPrimaryColor: #ffffff;
251
- --LightOnPrimaryContainerColor: #21005e;
252
- --LightOnSecondaryColor: #ffffff;
253
- --LightOnSecondaryContainerColor: #1e192b;
254
- --LightOnTertiaryColor: #ffffff;
255
- --LightOnTertiaryContainerColor: #370b1e;
256
- --LightOnErrorColor: #ffffff;
257
- --LightOnErrorContainerColor: #410e0b;
241
+ --LightPrimaryColor: 103 80 164;
242
+ --LightPrimaryContainerColor: 234 221 255;
243
+ --LightSecondaryColor: 98 91 113;
244
+ --LightSecondaryContainerColor: 232 222 248;
245
+ --LightTertiaryColor: 125 82 96;
246
+ --LightTertiaryContainerColor: 255 216 228;
247
+ --LightSurfaceColor: 34 34 34;
248
+ --LightErrorColor: 179 38 30;
249
+ --LightErrorContainerColor: 249 222 220;
250
+ --LightOnPrimaryColor: 255 255 255;
251
+ --LightOnPrimaryContainerColor: 33 0 94;
252
+ --LightOnSecondaryColor: 255 255 255;
253
+ --LightOnSecondaryContainerColor: 30 25 43;
254
+ --LightOnTertiaryColor: 255 255 255;
255
+ --LightOnTertiaryContainerColor: 55 11 30;
256
+ --LightOnErrorColor: 255 255 255;
257
+ --LightOnErrorContainerColor: 65 14 11;
258
258
  /* neutral colors */
259
- --LightSurfaceColor: #fef7ff;
260
- --LightSurfaceVariantColor: #e7e0ec;
261
- --LightSurfaceDimColor: #ded8e1;
262
- --LightSurfaceBrightColor: #fef7ff;
263
- --LightSurfaceContainerLowestColor: #ffffff;
264
- --LightSurfaceContainerLowColor: #f7f2fa;
265
- --LightSurfaceContainerColor: #f3edf7;
266
- --LightSurfaceContainerHightColor: #ece6f0;
267
- --LightSurfaceContainerHighestColor: #e6e0e9;
268
- --LightOnSurfaceColor: #1c1b1f;
269
- --LightOnSurfaceVariantColor: #49454e;
270
- --LightOutlineColor: #79747e;
271
- --LightOutlineVariantColor: #c4c7c5;
259
+ --LightSurfaceColor: 254 247 255;
260
+ --LightSurfaceVariantColor: 231 224 236;
261
+ --LightSurfaceDimColor: 222 216 225;
262
+ --LightSurfaceBrightColor: 254 247 255;
263
+ --LightSurfaceContainerLowestColor: 255 255 255;
264
+ --LightSurfaceContainerLowColor: 247 242 250;
265
+ --LightSurfaceContainerColor: 243 237 247;
266
+ --LightSurfaceContainerHightColor: 236 230 240;
267
+ --LightSurfaceContainerHighestColor: 230 224 233;
268
+ --LightOnSurfaceColor: 28 27 31;
269
+ --LightOnSurfaceVariantColor: 73 69 78;
270
+ --LightOutlineColor: 121 116 126;
271
+ --LightOutlineVariantColor: 196 199 197;
272
272
 
273
- --DarkPrimaryColor: #d0bcff;
274
- --DarkPrimaryContainerColor: #4f378b;
275
- --DarkSecondaryColor: #ccc2dc;
276
- --DarkSecondaryContainerColor: #e8def8;
277
- --DarkTertiaryColor: #efb8c8;
278
- --DarkTertiaryContainerColor: #633b48;
279
- --DarkErrorColor: #f2b8b5;
280
- --DarkErrorContainerColor: #8c1d18;
281
- --DarkOnPrimaryColor: #371e73;
282
- --DarkOnPrimaryContainerColor: #eaddff;
283
- --DarkOnSecondaryColor: #332d41;
284
- --DarkOnSecondaryContainerColor: #e8def8;
285
- --DarkOnTertiaryColor: #492532;
286
- --DarkOnTertiaryContainerColor: #ffd8e4;
287
- --DarkOnErrorColor: #601410;
288
- --DarkOnErrorContainerColor: #f9dedc;
273
+ --DarkPrimaryColor: 208 188 255;
274
+ --DarkPrimaryContainerColor: 79 55 139;
275
+ --DarkSecondaryColor: 204 194 220;
276
+ --DarkSecondaryContainerColor: 232 222 248;
277
+ --DarkTertiaryColor: 239 184 200;
278
+ --DarkTertiaryContainerColor: 99 59 72;
279
+ --DarkErrorColor: 242 184 181;
280
+ --DarkErrorContainerColor: 140 29 24;
281
+ --DarkOnPrimaryColor: 55 30 115;
282
+ --DarkOnPrimaryContainerColor: 234 221 255;
283
+ --DarkOnSecondaryColor: 51 45 65;
284
+ --DarkOnSecondaryContainerColor: 232 222 248;
285
+ --DarkOnTertiaryColor: 73 37 50;
286
+ --DarkOnTertiaryContainerColor: 255 216 228;
287
+ --DarkOnErrorColor: 96 20 16;
288
+ --DarkOnErrorContainerColor: 249 222 220;
289
289
  /* neutral colors */
290
- --DarkSurfaceColor: #141218;
291
- --DarkSurfaceVariantColor: #49454f;
292
- --DarkSurfaceDimColor: #141218;
293
- --DarkSurfaceBrightColor: #3b383e;
294
- --DarkSurfaceContainerLowestColor: #0f0d13;
295
- --DarkSurfaceContainerLowColor: #1d1b20;
296
- --DarkSurfaceContainerColor: #211f26;
297
- --DarkSurfaceContainerHightColor: #2b2930;
298
- --DarkSurfaceContainerHighestColor: #36343b;
299
- --DarkOnSurfaceColor: #e6e1e5;
300
- --DarkOnSurfaceVariantColor: #cac4d0;
301
- --DarkOutlineColor: #938f99;
302
- --DarkOutlineVariantColor: #444746;
290
+ --DarkSurfaceColor: 20 18 24;
291
+ --DarkSurfaceVariantColor: 73 69 79;
292
+ --DarkSurfaceDimColor: 20 18 24;
293
+ --DarkSurfaceBrightColor: 59 56 62;
294
+ --DarkSurfaceContainerLowestColor: 15 13 19;
295
+ --DarkSurfaceContainerLowColor: 29 27 32;
296
+ --DarkSurfaceContainerColor: 33 31 38;
297
+ --DarkSurfaceContainerHightColor: 43 41 48;
298
+ --DarkSurfaceContainerHighestColor: 54 52 59;
299
+ --DarkOnSurfaceColor: 230 225 229;
300
+ --DarkOnSurfaceVariantColor: 202 196 208;
301
+ --DarkOutlineColor: 147 143 153;
302
+ --DarkOutlineVariantColor: 68 71 70;
303
303
  }
304
304
 
305
305
  .system,
@@ -328,6 +328,7 @@
328
328
  --surfaceContainerHightColor: var(--LightSurfaceContainerHightColor);
329
329
  --surfaceContainerHighestColor: var(--LightSurfaceContainerHighestColor);
330
330
  --onSurfaceColor: var(--LightOnSurfaceColor);
331
+ --onSurfaceRGBColor: var(--LightOnSurfaceRGBColor);
331
332
  --onSurfaceVariantColor: var(--LightOnSurfaceVariantColor);
332
333
  --outlineColor: var(--LightOutlineColor);
333
334
  --outlineVariantColor: var(--LightOutlineVariantColor);
@@ -357,6 +358,7 @@
357
358
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
358
359
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
359
360
  --onSurfaceColor: var(--DarkOnSurfaceColor);
361
+ --onSurfaceRGBColor: var(--DarkOnSurfaceRGBColor);
360
362
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
361
363
  --outlineColor: var(--DarkOutlineColor);
362
364
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -387,6 +389,7 @@
387
389
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
388
390
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
389
391
  --onSurfaceColor: var(--DarkOnSurfaceColor);
392
+ --onSurfaceRGBColor: var(--DarkOnSurfaceRGBColor);
390
393
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
391
394
  --outlineColor: var(--DarkOutlineColor);
392
395
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function AppBar(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
3
- export default AppBar;
package/appBar/appBar.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./appBar.module.css";
4
- function AppBar(props) {
5
- const joinedClassNames = joinClassNames(styles.header, props.className);
6
- return (React.createElement("header", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default AppBar;
9
- //# sourceMappingURL=appBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"appBar.js","sourceRoot":"","sources":["appBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IAC3C,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
3
- loading?: boolean;
4
- size?: "small" | "medium" | "large";
5
- variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
6
- borderStyle?: "none" | "semi" | "rounded";
7
- icon?: JSX.Element;
8
- iconPosition?: "start" | "end";
9
- loadingPosition?: "default" | "center";
10
- loadingVariant?: "scaleOut" | "dots" | "spinner";
11
- disabled?: boolean;
12
- }
13
- declare function Button(props: ButtonProps): JSX.Element;
14
- export default Button;