@webitel/styleguide 26.8.9 → 26.8.10

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/lib/primevue/components/button/colors/dark/index.ts +52 -0
  3. package/src/lib/primevue/components/button/colors/light/index.ts +52 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/styleguide",
3
- "version": "26.8.9",
3
+ "version": "26.8.10",
4
4
  "main": "",
5
5
  "files": [
6
6
  "src/"
package/src/lib/primevue/components/button/colors/dark/index.ts CHANGED
@@ -124,6 +124,36 @@ const darkColors = {
124
124
  shadow: 'none',
125
125
  },
126
126
  },
127
+ chat: {
128
+ background: '{chat.color}',
129
+ hoverBackground: '{chat.hover.color}',
130
+ activeBackground: '{chat.active.color}',
131
+ borderColor: '{chat.color}',
132
+ hoverBorderColor: '{chat.color}',
133
+ activeBorderColor: '{chat.color}',
134
+ color: '{chat.foreground}',
135
+ hoverColor: '{chat.foreground}',
136
+ activeColor: '{chat.foreground}',
137
+ focusRing: {
138
+ color: '{focus-color}',
139
+ shadow: 'none',
140
+ },
141
+ },
142
+ email: {
143
+ background: '{email.color}',
144
+ hoverBackground: '{email.hover.color}',
145
+ activeBackground: '{email.active.color}',
146
+ borderColor: '{email.color}',
147
+ hoverBorderColor: '{email.color}',
148
+ activeBorderColor: '{email.color}',
149
+ color: '{email.foreground}',
150
+ hoverColor: '{email.foreground}',
151
+ activeColor: '{email.foreground}',
152
+ focusRing: {
153
+ color: '{focus-color}',
154
+ shadow: 'none',
155
+ },
156
+ },
127
157
  disabled: {
128
158
  color: '{gray.550}',
129
159
  background: '{gray.850}',
@@ -172,6 +202,18 @@ const darkColors = {
172
202
  borderColor: '{transfer.color}',
173
203
  color: '{transfer.color}',
174
204
  },
205
+ chat: {
206
+ hoverBackground: '{chat.highlight.color}',
207
+ activeBackground: '{chat.active.color}',
208
+ borderColor: '{chat.color}',
209
+ color: '{chat.color}',
210
+ },
211
+ email: {
212
+ hoverBackground: '{email.highlight.color}',
213
+ activeBackground: '{email.active.color}',
214
+ borderColor: '{email.color}',
215
+ color: '{email.color}',
216
+ },
175
217
  job: {
176
218
  hoverBackground: '{task.highlight.color}',
177
219
  activeBackground: '{task.active.color}',
@@ -226,6 +268,16 @@ const darkColors = {
226
268
  activeBackground: '{transfer.active.color}',
227
269
  color: '{transfer.color}',
228
270
  },
271
+ chat: {
272
+ hoverBackground: '{chat.hover.color}',
273
+ activeBackground: '{chat.active.color}',
274
+ color: '{chat.color}',
275
+ },
276
+ email: {
277
+ hoverBackground: '{email.hover.color}',
278
+ activeBackground: '{email.active.color}',
279
+ color: '{email.color}',
280
+ },
229
281
  },
230
282
  link: {
231
283
  color: '{info.color}',
package/src/lib/primevue/components/button/colors/light/index.ts CHANGED
@@ -124,6 +124,36 @@ const lightColors = {
124
124
  shadow: 'none',
125
125
  },
126
126
  },
127
+ chat: {
128
+ background: '{chat.color}',
129
+ hoverBackground: '{chat.hover.color}',
130
+ activeBackground: '{chat.active.color}',
131
+ borderColor: '{chat.color}',
132
+ hoverBorderColor: '{chat.color}',
133
+ activeBorderColor: '{chat.color}',
134
+ color: '{chat.foreground}',
135
+ hoverColor: '{chat.foreground}',
136
+ activeColor: '{chat.foreground}',
137
+ focusRing: {
138
+ color: '{focus-color}',
139
+ shadow: 'none',
140
+ },
141
+ },
142
+ email: {
143
+ background: '{email.color}',
144
+ hoverBackground: '{email.hover.color}',
145
+ activeBackground: '{email.active.color}',
146
+ borderColor: '{email.color}',
147
+ hoverBorderColor: '{email.color}',
148
+ activeBorderColor: '{email.color}',
149
+ color: '{email.foreground}',
150
+ hoverColor: '{email.foreground}',
151
+ activeColor: '{email.foreground}',
152
+ focusRing: {
153
+ color: '{focus-color}',
154
+ shadow: 'none',
155
+ },
156
+ },
127
157
  disabled: {
128
158
  color: '{gray.400}',
129
159
  background: '{gray.100}',
@@ -178,6 +208,18 @@ const lightColors = {
178
208
  borderColor: '{transfer.color}',
179
209
  color: '{transfer.color}',
180
210
  },
211
+ chat: {
212
+ hoverBackground: '{chat.highlight.color}',
213
+ activeBackground: '{chat.active.color}',
214
+ borderColor: '{chat.color}',
215
+ color: '{chat.color}',
216
+ },
217
+ email: {
218
+ hoverBackground: '{email.highlight.color}',
219
+ activeBackground: '{email.active.color}',
220
+ borderColor: '{email.color}',
221
+ color: '{email.color}',
222
+ },
181
223
  disabled: {
182
224
  hoverBackground: '{transparent}',
183
225
  activeBackground: '{transparent}',
@@ -226,6 +268,16 @@ const lightColors = {
226
268
  activeBackground: '{transfer.active.color}',
227
269
  color: '{transfer.color}',
228
270
  },
271
+ chat: {
272
+ hoverBackground: '{chat.hover.color}',
273
+ activeBackground: '{chat.active.color}',
274
+ color: '{chat.color}',
275
+ },
276
+ email: {
277
+ hoverBackground: '{email.hover.color}',
278
+ activeBackground: '{email.active.color}',
279
+ color: '{email.color}',
280
+ },
229
281
  },
230
282
  link: {
231
283
  color: '{info.color}',