asksuite-citrus 3.6.6-beta.0 → 3.6.6-beta.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/styles/colors.scss +217 -217
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "asksuite-citrus",
3
- "version": "3.6.6-beta.0",
3
+ "version": "3.6.6-beta.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.7",
6
6
  "@angular/core": "^17.3.7",
package/styles/colors.scss CHANGED
@@ -25,7 +25,7 @@ $grey-900: #1F2933;
25
25
  $yellow-50: #FFF8E2;
26
26
  $yellow-200: #FFECB3;
27
27
 
28
- // semantic
28
+ // color
29
29
  $success-green: #4BAF50;
30
30
  $warning-yellow: #FFC107;
31
31
  $error-red: #E8453E;
@@ -67,229 +67,229 @@ $font-color-300: $grey-300;
67
67
  // new tokens livechat
68
68
 
69
69
  //reference
70
- $primitive-b-100: #e3eaf7;
71
- $primitive-b-1000: #0c2e59;
72
- $primitive-b-200: #ceddf3;
73
- $primitive-b-300: #a3c2f0;
74
- $primitive-b-400: #7aa7eb;
75
- $primitive-b-500: #4f8ce8;
76
- $primitive-b-600: #276ace;
77
- $primitive-b-700: #1c59b2;
78
- $primitive-b-800: #174b94;
79
- $primitive-b-900: #123c76;
80
- $primitive-g-100: #e1f9ee;
81
- $primitive-g-1000: #0c3c34;
82
- $primitive-g-200: #c6f5df;
83
- $primitive-g-300: #a7ecd0;
84
- $primitive-g-400: #73deaa;
85
- $primitive-g-500: #45ba82;
86
- $primitive-g-600: #279661;
87
- $primitive-g-700: #1c7d54;
88
- $primitive-g-800: #176849;
89
- $primitive-g-900: #12513e;
90
- $primitive-l-100: #e9f9dc;
91
- $primitive-l-1000: #2c4a31;
92
- $primitive-l-200: #ddf6ca;
93
- $primitive-l-300: #c8ecac;
94
- $primitive-l-400: #a9e17f;
95
- $primitive-l-500: #8ed558;
96
- $primitive-l-600: #77be41;
97
- $primitive-l-700: #6ba04e;
98
- $primitive-l-800: #568444;
99
- $primitive-l-900: #41673a;
100
- $primitive-m-100: #f7deed;
101
- $primitive-m-1000: #412746;
102
- $primitive-m-200: #f3cee4;
103
- $primitive-m-300: #ebadd2;
104
- $primitive-m-400: #e490c3;
105
- $primitive-m-500: #de77b5;
106
- $primitive-m-600: #d75ba5;
107
- $primitive-m-700: #a14884;
108
- $primitive-m-800: #813e6f;
109
- $primitive-m-900: #62325a;
110
- $primitive-nd-0: #0d161c;
111
- $primitive-nd-100: #131c24;
112
- $primitive-nd-1000: #7f8b95;
113
- $primitive-nd-1100: #8d97a2;
114
- $primitive-nd-1200: #99a4af;
115
- $primitive-nd-1300: #a6b2bc;
116
- $primitive-nd-1400: #b2beca;
117
- $primitive-nd-1500: #c0cbd8;
118
- $primitive-nd-1600: #ccd8e5;
119
- $primitive-nd-1700: #d9e5f2;
120
- $primitive-nd-200: #19232a;
121
- $primitive-nd-300: #253037;
122
- $primitive-nd-400: #333d45;
123
- $primitive-nd-500: #3f4952;
124
- $primitive-nd-600: #4c5760;
125
- $primitive-nd-700: #58646d;
126
- $primitive-nd-800: #66707a;
127
- $primitive-nd-900: #727d88;
128
- $primitive-nda-0: #0c161d00;
129
- $primitive-nda-100: #d9e5f207;
130
- $primitive-nda-1000: #d9e5f28f;
131
- $primitive-nda-1100: #d9e5f29f;
132
- $primitive-nda-1200: #d9e5f2af;
133
- $primitive-nda-1300: #d9e5f2bf;
134
- $primitive-nda-1400: #d9e5f2cf;
135
- $primitive-nda-1500: #d9e5f2df;
136
- $primitive-nda-1600: #d9e5f2ef;
137
- $primitive-nda-1700: #d9e5f2;
138
- $primitive-nda-200: #d9e5f20f;
139
- $primitive-nda-300: #d9e5f21f;
140
- $primitive-nda-400: #d9e5f22f;
141
- $primitive-nda-500: #d9e5f23f;
142
- $primitive-nda-600: #d9e5f24f;
143
- $primitive-nda-700: #d9e5f25f;
144
- $primitive-nda-800: #d9e5f26f;
145
- $primitive-nda-900: #d9e5f27f;
146
- $primitive-nl-0: #ffffff;
147
- $primitive-nl-100: #f8f8f9;
148
- $primitive-nl-1000: #7b8790;
149
- $primitive-nl-1100: #6c7a84;
150
- $primitive-nl-1200: #5d6c77;
151
- $primitive-nl-1300: #4e5f6b;
152
- $primitive-nl-1400: #40525f;
153
- $primitive-nl-1500: #314452;
154
- $primitive-nl-1600: #223746;
155
- $primitive-nl-1700: #132939;
156
- $primitive-nl-200: #f0f2f3;
157
- $primitive-nl-300: #e1e4e6;
158
- $primitive-nl-400: #d3d7da;
159
- $primitive-nl-500: #c4c9cd;
160
- $primitive-nl-600: #b5bcc1;
161
- $primitive-nl-700: #a6afb4;
162
- $primitive-nl-800: #97a1a8;
163
- $primitive-nl-900: #8a959d;
164
- $primitive-nla-0: #ffffff00;
165
- $primitive-nla-100: #13293907;
166
- $primitive-nla-1000: #1329398f;
167
- $primitive-nla-1100: #1329399f;
168
- $primitive-nla-1200: #132939af;
169
- $primitive-nla-1300: #132939bf;
170
- $primitive-nla-1400: #132939cf;
171
- $primitive-nla-1500: #132939df;
172
- $primitive-nla-1600: #132939ef;
173
- $primitive-nla-1700: #132939;
174
- $primitive-nla-200: #1329390f;
175
- $primitive-nla-300: #1329391f;
176
- $primitive-nla-400: #1329392f;
177
- $primitive-nla-500: #1329393f;
178
- $primitive-nla-600: #1329394f;
179
- $primitive-nla-700: #1329395f;
180
- $primitive-nla-800: #1329396f;
181
- $primitive-nla-900: #1329397f;
182
- $primitive-o-100: #feeae1;
183
- $primitive-o-1000: #402c29;
184
- $primitive-o-200: #fdd6c3;
185
- $primitive-o-300: #fdc5aa;
186
- $primitive-o-400: #fea277;
187
- $primitive-o-500: #f77a40;
188
- $primitive-o-600: #f06424;
189
- $primitive-o-700: #ca5c2b;
190
- $primitive-o-800: #8d4a2e;
191
- $primitive-o-900: #61392b;
192
- $primitive-p-100: #ebe5ff;
193
- $primitive-p-1000: #332c59;
194
- $primitive-p-200: #dcd5fb;
195
- $primitive-p-300: #c2b9f4;
196
- $primitive-p-400: #ab9fe5;
197
- $primitive-p-500: #9183d2;
198
- $primitive-p-600: #7969c9;
199
- $primitive-p-700: #5f4eb1;
200
- $primitive-p-800: #534790;
201
- $primitive-p-900: #42396f;
202
- $primitive-r-100: #fbe9ed;
203
- $primitive-r-1000: #331b2e;
204
- $primitive-r-200: #f5c7d1;
205
- $primitive-r-300: #eaa5b6;
206
- $primitive-r-400: #e57d94;
207
- $primitive-r-500: #df5372;
208
- $primitive-r-600: #d92b50;
209
- $primitive-r-700: #b02747;
210
- $primitive-r-800: #87233f;
211
- $primitive-r-900: #5c1f36;
212
- $primitive-t-100: #e3f2f6;
213
- $primitive-t-1000: #0c4153;
214
- $primitive-t-200: #ceecf1;
215
- $primitive-t-300: #a3e0ec;
216
- $primitive-t-400: #7ad5e5;
217
- $primitive-t-500: #4fc9e0;
218
- $primitive-t-600: #37b2c8;
219
- $primitive-t-700: #1c92ab;
220
- $primitive-t-800: #17798e;
221
- $primitive-t-900: #125e72;
222
- $primitive-v-100: #daceda;
223
- $primitive-v-1000: #15162c;
224
- $primitive-v-200: #bba4bc;
225
- $primitive-v-300: #9e7b9e;
226
- $primitive-v-400: #7f5180;
227
- $primitive-v-500: #622862;
228
- $primitive-v-600: #492251;
229
- $primitive-v-700: #3b1f47;
230
- $primitive-v-800: #2d1b3c;
231
- $primitive-v-900: #1e1832;
232
- $primitive-y-100: #fff1d6;
233
- $primitive-y-1000: #5b4007;
234
- $primitive-y-200: #ffe5b2;
235
- $primitive-y-300: #fed88c;
236
- $primitive-y-400: #fbc560;
237
- $primitive-y-500: #edb24a;
238
- $primitive-y-600: #d79428;
239
- $primitive-y-700: #be800e;
240
- $primitive-y-800: #a66e0c;
241
- $primitive-y-900: #775409;
242
- $primitive-a-100: #F9E7E2;
243
- $primitive-a-1000: $primitive-o-1000;
244
- $primitive-a-200: $primitive-o-200;
245
- $primitive-a-300: #FBAF99;
246
- $primitive-a-400: $primitive-o-400;
247
- $primitive-a-500: $primitive-o-500;
248
- $primitive-a-600: #FF5724;
249
- $primitive-a-700: $primitive-o-700;
250
- $primitive-a-800: $primitive-o-800;
251
- $primitive-a-900: $primitive-o-900;
252
- $primitive-f-100: $primitive-v-100;
253
- $primitive-f-1000: $primitive-v-1000;
254
- $primitive-f-200: $primitive-v-200;
255
- $primitive-f-300: $primitive-v-300;
256
- $primitive-f-400: $primitive-v-400;
257
- $primitive-f-500: $primitive-v-500;
258
- $primitive-f-600: $primitive-v-600;
259
- $primitive-f-700: $primitive-v-700;
260
- $primitive-f-800: $primitive-v-800;
261
- $primitive-f-900: $primitive-v-900;
70
+ $color-b-100: #e3eaf7;
71
+ $color-b-1000: #0c2e59;
72
+ $color-b-200: #ceddf3;
73
+ $color-b-300: #a3c2f0;
74
+ $color-b-400: #7aa7eb;
75
+ $color-b-500: #4f8ce8;
76
+ $color-b-600: #276ace;
77
+ $color-b-700: #1c59b2;
78
+ $color-b-800: #174b94;
79
+ $color-b-900: #123c76;
80
+ $color-g-100: #e1f9ee;
81
+ $color-g-1000: #0c3c34;
82
+ $color-g-200: #c6f5df;
83
+ $color-g-300: #a7ecd0;
84
+ $color-g-400: #73deaa;
85
+ $color-g-500: #45ba82;
86
+ $color-g-600: #279661;
87
+ $color-g-700: #1c7d54;
88
+ $color-g-800: #176849;
89
+ $color-g-900: #12513e;
90
+ $color-l-100: #e9f9dc;
91
+ $color-l-1000: #2c4a31;
92
+ $color-l-200: #ddf6ca;
93
+ $color-l-300: #c8ecac;
94
+ $color-l-400: #a9e17f;
95
+ $color-l-500: #8ed558;
96
+ $color-l-600: #77be41;
97
+ $color-l-700: #6ba04e;
98
+ $color-l-800: #568444;
99
+ $color-l-900: #41673a;
100
+ $color-m-100: #f7deed;
101
+ $color-m-1000: #412746;
102
+ $color-m-200: #f3cee4;
103
+ $color-m-300: #ebadd2;
104
+ $color-m-400: #e490c3;
105
+ $color-m-500: #de77b5;
106
+ $color-m-600: #d75ba5;
107
+ $color-m-700: #a14884;
108
+ $color-m-800: #813e6f;
109
+ $color-m-900: #62325a;
110
+ $color-nd-0: #0d161c;
111
+ $color-nd-100: #131c24;
112
+ $color-nd-1000: #7f8b95;
113
+ $color-nd-1100: #8d97a2;
114
+ $color-nd-1200: #99a4af;
115
+ $color-nd-1300: #a6b2bc;
116
+ $color-nd-1400: #b2beca;
117
+ $color-nd-1500: #c0cbd8;
118
+ $color-nd-1600: #ccd8e5;
119
+ $color-nd-1700: #d9e5f2;
120
+ $color-nd-200: #19232a;
121
+ $color-nd-300: #253037;
122
+ $color-nd-400: #333d45;
123
+ $color-nd-500: #3f4952;
124
+ $color-nd-600: #4c5760;
125
+ $color-nd-700: #58646d;
126
+ $color-nd-800: #66707a;
127
+ $color-nd-900: #727d88;
128
+ $color-nda-0: #0c161d00;
129
+ $color-nda-100: #d9e5f207;
130
+ $color-nda-1000: #d9e5f28f;
131
+ $color-nda-1100: #d9e5f29f;
132
+ $color-nda-1200: #d9e5f2af;
133
+ $color-nda-1300: #d9e5f2bf;
134
+ $color-nda-1400: #d9e5f2cf;
135
+ $color-nda-1500: #d9e5f2df;
136
+ $color-nda-1600: #d9e5f2ef;
137
+ $color-nda-1700: #d9e5f2;
138
+ $color-nda-200: #d9e5f20f;
139
+ $color-nda-300: #d9e5f21f;
140
+ $color-nda-400: #d9e5f22f;
141
+ $color-nda-500: #d9e5f23f;
142
+ $color-nda-600: #d9e5f24f;
143
+ $color-nda-700: #d9e5f25f;
144
+ $color-nda-800: #d9e5f26f;
145
+ $color-nda-900: #d9e5f27f;
146
+ $color-nl-0: #ffffff;
147
+ $color-nl-100: #f8f8f9;
148
+ $color-nl-1000: #7b8790;
149
+ $color-nl-1100: #6c7a84;
150
+ $color-nl-1200: #5d6c77;
151
+ $color-nl-1300: #4e5f6b;
152
+ $color-nl-1400: #40525f;
153
+ $color-nl-1500: #314452;
154
+ $color-nl-1600: #223746;
155
+ $color-nl-1700: #132939;
156
+ $color-nl-200: #f0f2f3;
157
+ $color-nl-300: #e1e4e6;
158
+ $color-nl-400: #d3d7da;
159
+ $color-nl-500: #c4c9cd;
160
+ $color-nl-600: #b5bcc1;
161
+ $color-nl-700: #a6afb4;
162
+ $color-nl-800: #97a1a8;
163
+ $color-nl-900: #8a959d;
164
+ $color-nla-0: #ffffff00;
165
+ $color-nla-100: #13293907;
166
+ $color-nla-1000: #1329398f;
167
+ $color-nla-1100: #1329399f;
168
+ $color-nla-1200: #132939af;
169
+ $color-nla-1300: #132939bf;
170
+ $color-nla-1400: #132939cf;
171
+ $color-nla-1500: #132939df;
172
+ $color-nla-1600: #132939ef;
173
+ $color-nla-1700: #132939;
174
+ $color-nla-200: #1329390f;
175
+ $color-nla-300: #1329391f;
176
+ $color-nla-400: #1329392f;
177
+ $color-nla-500: #1329393f;
178
+ $color-nla-600: #1329394f;
179
+ $color-nla-700: #1329395f;
180
+ $color-nla-800: #1329396f;
181
+ $color-nla-900: #1329397f;
182
+ $color-o-100: #feeae1;
183
+ $color-o-1000: #402c29;
184
+ $color-o-200: #fdd6c3;
185
+ $color-o-300: #fdc5aa;
186
+ $color-o-400: #fea277;
187
+ $color-o-500: #f77a40;
188
+ $color-o-600: #f06424;
189
+ $color-o-700: #ca5c2b;
190
+ $color-o-800: #8d4a2e;
191
+ $color-o-900: #61392b;
192
+ $color-p-100: #ebe5ff;
193
+ $color-p-1000: #332c59;
194
+ $color-p-200: #dcd5fb;
195
+ $color-p-300: #c2b9f4;
196
+ $color-p-400: #ab9fe5;
197
+ $color-p-500: #9183d2;
198
+ $color-p-600: #7969c9;
199
+ $color-p-700: #5f4eb1;
200
+ $color-p-800: #534790;
201
+ $color-p-900: #42396f;
202
+ $color-r-100: #fbe9ed;
203
+ $color-r-1000: #331b2e;
204
+ $color-r-200: #f5c7d1;
205
+ $color-r-300: #eaa5b6;
206
+ $color-r-400: #e57d94;
207
+ $color-r-500: #df5372;
208
+ $color-r-600: #d92b50;
209
+ $color-r-700: #b02747;
210
+ $color-r-800: #87233f;
211
+ $color-r-900: #5c1f36;
212
+ $color-t-100: #e3f2f6;
213
+ $color-t-1000: #0c4153;
214
+ $color-t-200: #ceecf1;
215
+ $color-t-300: #a3e0ec;
216
+ $color-t-400: #7ad5e5;
217
+ $color-t-500: #4fc9e0;
218
+ $color-t-600: #37b2c8;
219
+ $color-t-700: #1c92ab;
220
+ $color-t-800: #17798e;
221
+ $color-t-900: #125e72;
222
+ $color-v-100: #daceda;
223
+ $color-v-1000: #15162c;
224
+ $color-v-200: #bba4bc;
225
+ $color-v-300: #9e7b9e;
226
+ $color-v-400: #7f5180;
227
+ $color-v-500: #622862;
228
+ $color-v-600: #492251;
229
+ $color-v-700: #3b1f47;
230
+ $color-v-800: #2d1b3c;
231
+ $color-v-900: #1e1832;
232
+ $color-y-100: #fff1d6;
233
+ $color-y-1000: #5b4007;
234
+ $color-y-200: #ffe5b2;
235
+ $color-y-300: #fed88c;
236
+ $color-y-400: #fbc560;
237
+ $color-y-500: #edb24a;
238
+ $color-y-600: #d79428;
239
+ $color-y-700: #be800e;
240
+ $color-y-800: #a66e0c;
241
+ $color-y-900: #775409;
242
+ $color-a-100: #F9E7E2;
243
+ $color-a-1000: $color-o-1000;
244
+ $color-a-200: $color-o-200;
245
+ $color-a-300: #FBAF99;
246
+ $color-a-400: $color-o-400;
247
+ $color-a-500: $color-o-500;
248
+ $color-a-600: #FF5724;
249
+ $color-a-700: $color-o-700;
250
+ $color-a-800: $color-o-800;
251
+ $color-a-900: $color-o-900;
252
+ $color-f-100: $color-v-100;
253
+ $color-f-1000: $color-v-1000;
254
+ $color-f-200: $color-v-200;
255
+ $color-f-300: $color-v-300;
256
+ $color-f-400: $color-v-400;
257
+ $color-f-500: $color-v-500;
258
+ $color-f-600: $color-v-600;
259
+ $color-f-700: $color-v-700;
260
+ $color-f-800: $color-v-800;
261
+ $color-f-900: $color-v-900;
262
262
 
263
263
 
264
- $primitive-light-neutral-NLA200: $primitive-nla-200;
265
- $primitive-light-neutral-NLA300: #13293921;
264
+ $color-light-neutral-NLA200: $color-nla-200;
265
+ $color-light-neutral-NLA300: #13293921;
266
266
  // livechat - tokens
267
267
 
268
- $semantic-texticon-brand-asksuite-contrast: $primitive-a-600;
269
- $semantic-texticon-inverse-default: $primitive-nl-0;
270
- $semantic-texticon-contrast: $primitive-nla-1500;
271
- $semantic-texticon-subtle: $primitive-nla-1200;
272
- $semantic-texticon-subtlest: $primitive-nla-1000;
273
- $semantic-texticon-disabled: $primitive-nla-700;
268
+ $color-texticon-brand-asksuite-contrast: $color-a-600;
269
+ $color-texticon-inverse-default: $color-nl-0;
270
+ $color-texticon-contrast: $color-nla-1500;
271
+ $color-texticon-subtle: $color-nla-1200;
272
+ $color-texticon-subtlest: $color-nla-1000;
273
+ $color-texticon-disabled: $color-nla-700;
274
274
 
275
- $semantic-elevation-surface-selected-ask: $primitive-a-100;
276
- $semantic-elevation-surface-sunken-default: $primitive-nl-0;
277
- $semantic-elevation-surface-sunken-hovered: $primitive-nl-100;
278
- $semantic-elevation-surface-selected: $primitive-a-100;
279
- $semantic-elevation-shadow-raised: #13293933;
275
+ $color-elevation-surface-selected-ask: $color-a-100;
276
+ $color-elevation-surface-sunken-default: $color-nl-0;
277
+ $color-elevation-surface-sunken-hovered: $color-nl-100;
278
+ $color-elevation-surface-selected: $color-a-100;
279
+ $color-elevation-shadow-raised: #13293933;
280
280
 
281
- $semantic-border-default: $primitive-nla-300;
282
- $semantic-border-brand-asksuite-subtle: $primitive-a-300;
281
+ $color-border-default: $color-nla-300;
282
+ $color-border-brand-asksuite-subtle: $color-a-300;
283
283
 
284
- $semantic-background-alpha-bolder-default: $primitive-nla-1600;
285
- $semantic-background-brand-asksuite-contrast-default: $primitive-a-600;
286
- $semantic-background-alpha-subtlest-default: $primitive-nla-200;
287
- $semantic-background-inverse-default: $primitive-nl-0;
288
- $semantic-background-disabled: $primitive-nla-200;
284
+ $color-background-alpha-bolder-default: $color-nla-1600;
285
+ $color-background-brand-asksuite-contrast-default: $color-a-600;
286
+ $color-background-alpha-subtlest-default: $color-nla-200;
287
+ $color-background-inverse-default: $color-nl-0;
288
+ $color-background-disabled: $color-nla-200;
289
289
 
290
- $semantic-text-contrast: $primitive-nla-1500;
291
- $semantic-text-subtlest: $primitive-nla-1000;
292
- $semantic-text-disabled: #13293961;
290
+ $color-text-contrast: $color-nla-1500;
291
+ $color-text-subtlest: $color-nla-1000;
292
+ $color-text-disabled: #13293961;
293
293
 
294
294
  :root {
295
295
  // brand
@@ -314,7 +314,7 @@ $semantic-text-disabled: #13293961;
314
314
  --yellow-50: #{$yellow-50};
315
315
  --yellow-200: #{$yellow-200};
316
316
 
317
- // semantic
317
+ // color
318
318
  --success-green: #{$success-green};
319
319
  --warning-yellow: #{$warning-yellow};
320
320
  --error-red: #{$error-red};