@preply/ds-web-core 0.67.1 → 0.68.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 (5) hide show
  1. package/dist/actions/style/mixins.less +25 -1
  2. package/dist/generated/breakpoints.less +1 -1
  3. package/dist/generated/options.less +17 -17
  4. package/dist/generated/tokens.less +58 -19
  5. package/package.json +6 -6
package/dist/actions/style/mixins.less CHANGED
@@ -2,6 +2,16 @@
2
2
  @import '../../generated/options.less';
3
3
  @import '../../theme/style/declarations.mixins.less';
4
4
 
5
+ .computedVerticalPadding(@size) {
6
+ @height: 'action-size-@{size}-height';
7
+ @line-height: 'root-text-base-lineHeight';
8
+ @font-size: 'action-size-@{size}-fontSize';
9
+ @border-width: 'action-base-borderWidth';
10
+ @computed-padding: calc((@@height - @@line-height * @@font-size) / 2 - @@border-width);
11
+ padding-top: @computed-padding;
12
+ padding-bottom: @computed-padding;
13
+ }
14
+
5
15
  .action-sizes() {
6
16
  .responsive({
7
17
  each(@BUTTON_SIZE_OPTIONS, {
@@ -9,7 +19,8 @@
9
19
  &--size-@{value} {
10
20
  @token: 'size-@{value}';
11
21
  .min-height('action', @token);
12
- .verticalAndHorizontalPadding('action', @token);
22
+ .computedVerticalPadding(@value);
23
+ .horizontalPadding('action', @token);
13
24
  .font-size('action', @token);
14
25
  .letter-spacing('action', @token);
15
26
  }
@@ -53,3 +64,16 @@
53
64
  }
54
65
  });
55
66
  }
67
+
68
+ .action-ai-variant() {
69
+ &--variant-ai {
70
+ // @see https://github.com/preply/design-system/pull/583
71
+ border-image: @action-variant-ai-borderImage;
72
+
73
+ &[disabled],
74
+ &[disabled]:hover {
75
+ border-image: initial;
76
+ .border-color('action', 'variant-ai-disabled');
77
+ }
78
+ }
79
+ }
package/dist/generated/breakpoints.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Wed Sep 20 2023 15:01:33 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 14:20:52 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
package/dist/generated/options.less CHANGED
@@ -1,18 +1,19 @@
1
- /* AUTO GENERATED @Wed Sep 20 2023 15:01:30 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 14:20:50 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
4
- dangerous, critical, onBrand, classroom, inverted, newFeature;
4
+ dangerous, critical, onColor, classroom, inverted, newFeature, ai;
5
5
  @ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
6
- dangerous, critical, onBrand, classroom, inverted, newFeature;
6
+ dangerous, critical, onColor, classroom, inverted, newFeature, ai;
7
7
  @ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
8
- plain, dangerous, critical, onBrand, classroom, inverted, newFeature;
8
+ plain, dangerous, critical, onColor, classroom, inverted, newFeature, ai;
9
9
  @ACTION_VARIANT_DISABLED_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
10
- dangerous, critical, onBrand, classroom, inverted, newFeature;
10
+ dangerous, critical, onColor, classroom, inverted, newFeature, ai;
11
11
  @ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
12
- dangerous, critical, onBrand, classroom, inverted, newFeature;
12
+ dangerous, critical, onColor, classroom, inverted, newFeature, ai;
13
13
  @ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
14
- dangerous, critical, onBrand, classroom, inverted, newFeature;
14
+ dangerous, critical, onColor, classroom, inverted, newFeature, ai;
15
15
  @AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl, 24, 32, 48, 64, 96, 160;
16
+ @AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl, 64, 96, 160;
16
17
  @BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
17
18
  @BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
18
19
  @BADGE_SIZE_OPTIONS: xs, s, m;
@@ -27,25 +28,25 @@
27
28
  @BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
28
29
  @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
29
30
  @BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
30
- onBrand, classroom, inverted, newFeature;
31
+ onColor, classroom, inverted, newFeature, ai;
31
32
  @BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
32
33
  @COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand, accentLight,
33
34
  accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight, warningDark,
34
35
  criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted, secondaryInverted,
35
36
  tertiaryInverted;
36
37
  @COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
37
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
38
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
38
39
  @COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
39
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
40
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
40
41
  @COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
41
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
42
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
42
43
  @COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
43
44
  @COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
44
45
  disabled, positive;
45
46
  @COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
46
- critical, disabled, inverted, classroom, newFeature;
47
+ critical, disabled, inverted, classroom, newFeature, ai;
47
48
  @COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
48
- 900-56, 900-12, 900-6;
49
+ 900-72, 900-56, 900-12, 900-6;
49
50
  @COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
50
51
  @COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
51
52
  inverted, disabled;
@@ -60,9 +61,8 @@
60
61
  @COLOR_TEAL_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
61
62
  @COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
62
63
  warning, critical, branded, error, selected, disabled, accent;
63
- @COLOR_TEXT_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: classroom;
64
64
  @COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
65
- critical, disabled, onBrand, classroom, inverted, newFeature;
65
+ critical, disabled, onColor, classroom, inverted, newFeature, ai;
66
66
  @COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
67
67
  @HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
68
68
  @HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
@@ -84,7 +84,7 @@
84
84
  @LINK_TEXT_DECORATION_OPTIONS: large, default, small;
85
85
  @PANEL_PADDING_OPTIONS: small, base, medium, large;
86
86
  @PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
87
- @RADIUS_OPTIONS: 0, 2, 4, 8, 300;
87
+ @RADIUS_OPTIONS: 0, 2, 4, 16, 8, 300;
88
88
  @SIZING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
89
89
  @SPACING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
90
90
  @SPINNER_SIZE_OPTIONS: default, large;
@@ -114,5 +114,5 @@
114
114
  s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
115
115
  l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
116
116
  @TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
117
- @THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
117
+ @THEME_OPTIONS: tokyo-ui, tokyo-ui-b2b, bold-ui, base-ui, preply-ui;
118
118
  @TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
package/dist/generated/tokens.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Wed Sep 20 2023 15:01:31 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 14:20:50 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface6);
4
4
  @scheme-bgColor: var(--786b9e);
@@ -151,10 +151,11 @@
151
151
  @action-variant-plain-color: var(--122a99);
152
152
  @action-variant-dangerous-color: var(--efde5b);
153
153
  @action-variant-critical-color: var(--f68030);
154
- @action-variant-onBrand-color: var(--81d1b3);
154
+ @action-variant-onColor-color: var(--96343f);
155
155
  @action-variant-classroom-color: var(--8d482c);
156
156
  @action-variant-inverted-color: var(--81b7df);
157
157
  @action-variant-newFeature-color: var(--ad44c3);
158
+ @action-variant-ai-color: var(--aa08fb);
158
159
  @action-variant-primary-bgColor: var(--508b34);
159
160
  @action-variant-secondary-bgColor: var(--e56164);
160
161
  @action-variant-tertiary-bgColor: var(--28f3c1);
@@ -163,10 +164,11 @@
163
164
  @action-variant-plain-bgColor: var(--bbb356);
164
165
  @action-variant-dangerous-bgColor: var(--118bda);
165
166
  @action-variant-critical-bgColor: var(--faae28);
166
- @action-variant-onBrand-bgColor: var(--f34057);
167
+ @action-variant-onColor-bgColor: var(--d64a99);
167
168
  @action-variant-classroom-bgColor: var(--7a038f);
168
169
  @action-variant-inverted-bgColor: var(--c54155);
169
170
  @action-variant-newFeature-bgColor: var(--7dbfce);
171
+ @action-variant-ai-bgColor: var(--1bdcc0);
170
172
  @action-variant-primary-borderColor: var(--44bfe9);
171
173
  @action-variant-secondary-borderColor: var(--ab736c);
172
174
  @action-variant-tertiary-borderColor: var(--10556e);
@@ -175,10 +177,11 @@
175
177
  @action-variant-plain-borderColor: var(--0cad84);
176
178
  @action-variant-dangerous-borderColor: var(--ab5970);
177
179
  @action-variant-critical-borderColor: var(--b357d0);
178
- @action-variant-onBrand-borderColor: var(--27aa69);
180
+ @action-variant-onColor-borderColor: var(--d2723c);
179
181
  @action-variant-classroom-borderColor: var(--38faba);
180
182
  @action-variant-inverted-borderColor: var(--fe1378);
181
183
  @action-variant-newFeature-borderColor: var(--a7eddc);
184
+ @action-variant-ai-borderColor: var(--8e8894);
182
185
  @action-variant-primary-hover-bgColor: var(--902b50);
183
186
  @action-variant-secondary-hover-bgColor: var(--0d124d);
184
187
  @action-variant-tertiary-hover-bgColor: var(--ec17be);
@@ -187,10 +190,11 @@
187
190
  @action-variant-plain-hover-bgColor: var(--df2aca);
188
191
  @action-variant-dangerous-hover-bgColor: var(--e0b0f4);
189
192
  @action-variant-critical-hover-bgColor: var(--064c43);
190
- @action-variant-onBrand-hover-bgColor: var(--b510af);
193
+ @action-variant-onColor-hover-bgColor: var(--549e56);
191
194
  @action-variant-classroom-hover-bgColor: var(--077a93);
192
195
  @action-variant-inverted-hover-bgColor: var(--8a16b5);
193
196
  @action-variant-newFeature-hover-bgColor: var(--dd2815);
197
+ @action-variant-ai-hover-bgColor: var(--f043dc);
194
198
  @action-variant-primary-active-bgColor: var(--c1c1ca);
195
199
  @action-variant-secondary-active-bgColor: var(--33b439);
196
200
  @action-variant-tertiary-active-bgColor: var(--b0bf50);
@@ -199,10 +203,11 @@
199
203
  @action-variant-plain-active-bgColor: var(--435fa5);
200
204
  @action-variant-dangerous-active-bgColor: var(--a5eaa1);
201
205
  @action-variant-critical-active-bgColor: var(--152a7a);
202
- @action-variant-onBrand-active-bgColor: var(--dd9507);
206
+ @action-variant-onColor-active-bgColor: var(--936fce);
203
207
  @action-variant-classroom-active-bgColor: var(--45d93a);
204
208
  @action-variant-inverted-active-bgColor: var(--de59a1);
205
209
  @action-variant-newFeature-active-bgColor: var(--b3e453);
210
+ @action-variant-ai-active-bgColor: var(--5bba7d);
206
211
  @action-variant-primary-hover-color: var(--df6151);
207
212
  @action-variant-secondary-hover-color: var(--0d6ae2);
208
213
  @action-variant-tertiary-hover-color: var(--175a77);
@@ -211,10 +216,11 @@
211
216
  @action-variant-plain-hover-color: var(--1265db);
212
217
  @action-variant-dangerous-hover-color: var(--6f5d5d);
213
218
  @action-variant-critical-hover-color: var(--c3136e);
214
- @action-variant-onBrand-hover-color: var(--3bd8a5);
219
+ @action-variant-onColor-hover-color: var(--145384);
215
220
  @action-variant-classroom-hover-color: var(--55bfda);
216
221
  @action-variant-inverted-hover-color: var(--79a09e);
217
222
  @action-variant-newFeature-hover-color: var(--ddcea1);
223
+ @action-variant-ai-hover-color: var(--59b757);
218
224
  @action-variant-primary-active-color: var(--15cee1);
219
225
  @action-variant-secondary-active-color: var(--22cb4c);
220
226
  @action-variant-tertiary-active-color: var(--8274ee);
@@ -223,10 +229,11 @@
223
229
  @action-variant-plain-active-color: var(--a41624);
224
230
  @action-variant-dangerous-active-color: var(--6b4e92);
225
231
  @action-variant-critical-active-color: var(--f9fba8);
226
- @action-variant-onBrand-active-color: var(--37eefd);
232
+ @action-variant-onColor-active-color: var(--f772e8);
227
233
  @action-variant-classroom-active-color: var(--b62751);
228
234
  @action-variant-inverted-active-color: var(--77e945);
229
235
  @action-variant-newFeature-active-color: var(--d4762b);
236
+ @action-variant-ai-active-color: var(--349ae3);
230
237
  @action-link-textDecoration: var(--f13872);
231
238
  @action-link-color: var(--1e7527);
232
239
  @action-link-hover-color: var(--7d7969);
@@ -287,6 +294,25 @@
287
294
  @avatar-size-64-size: var(--cc5dc7);
288
295
  @avatar-size-96-size: var(--796da2);
289
296
  @avatar-size-160-size: var(--329ba7);
297
+ @avatarWithStatus-size-2xs-onlineIndicator-size: var(--1cea5a);
298
+ @avatarWithStatus-size-xs-onlineIndicator-size: var(--540610);
299
+ @avatarWithStatus-size-m-onlineIndicator-size: var(--8f1e94);
300
+ @avatarWithStatus-size-xl-onlineIndicator-size: var(--bdf712);
301
+ @avatarWithStatus-size-64-onlineIndicator-size: var(--7d9a55);
302
+ @avatarWithStatus-size-96-onlineIndicator-size: var(--7d3ab7);
303
+ @avatarWithStatus-size-160-onlineIndicator-size: var(--523f7d);
304
+ @avatarWithStatus-size-2xs-onlineIndicator-offset: var(--4b2086);
305
+ @avatarWithStatus-size-xs-onlineIndicator-offset: var(--20c0b1);
306
+ @avatarWithStatus-size-m-onlineIndicator-offset: var(--705050);
307
+ @avatarWithStatus-size-xl-onlineIndicator-offset: var(--3b13f1);
308
+ @avatarWithStatus-size-64-onlineIndicator-offset: var(--3e174a);
309
+ @avatarWithStatus-size-96-onlineIndicator-offset: var(--bd3f63);
310
+ @avatarWithStatus-size-160-onlineIndicator-offset: var(--23067e);
311
+ @avatarWithStatus-onlineIndicator-borderRadius: var(--0cf20e);
312
+ @avatarWithStatus-onlineIndicator-borderWidth: var(--4a76d7);
313
+ @avatarWithStatus-onlineIndicator-borderColor: var(--e5a39b);
314
+ @avatarWithStatus-onlineIndicator-offline-bgColor: var(--a95a51);
315
+ @avatarWithStatus-onlineIndicator-online-bgColor: var(--62b71e);
290
316
  @badge-base-borderRadius: var(--93d4a2);
291
317
  @badge-base-color-normal: var(--956cdb);
292
318
  @badge-base-color-inverted: var(--6e40a7);
@@ -706,6 +732,7 @@
706
732
  @dsInternalPrimitive-color-grey-700: var(--86b6a6);
707
733
  @dsInternalPrimitive-color-grey-800: var(--6bf658);
708
734
  @dsInternalPrimitive-color-grey-900: var(--4cafda);
735
+ @dsInternalPrimitive-color-grey-900-72: var(--28b0ce);
709
736
  @dsInternalPrimitive-color-grey-900-56: var(--b445b1);
710
737
  @dsInternalPrimitive-color-grey-900-12: var(--7e1290);
711
738
  @dsInternalPrimitive-color-grey-900-6: var(--12d28a);
@@ -817,11 +844,11 @@
817
844
  @dsInternalPrimitive-color-text-ghost-action: var(--6045b5);
818
845
  @dsInternalPrimitive-color-text-critical-action: var(--57195c);
819
846
  @dsInternalPrimitive-color-text-disabled-action: var(--7f32d7);
820
- @dsInternalPrimitive-color-text-onBrand-action: var(--24b2f7);
847
+ @dsInternalPrimitive-color-text-onColor-action: var(--f88582);
821
848
  @dsInternalPrimitive-color-text-classroom-action: var(--27aa3b);
822
849
  @dsInternalPrimitive-color-text-inverted-action: var(--250d1b);
823
850
  @dsInternalPrimitive-color-text-newFeature-action: var(--4aaaef);
824
- @dsInternalPrimitive-color-text-classroom-action-active: var(--b0329e);
851
+ @dsInternalPrimitive-color-text-ai-action: var(--7d366e);
825
852
  @dsInternalPrimitive-color-text-primary-action-active: var(--480cdf);
826
853
  @dsInternalPrimitive-color-background-primary-action-rest: var(--cf27db);
827
854
  @dsInternalPrimitive-color-background-secondary-action-rest: var(--ae8a27);
@@ -829,30 +856,33 @@
829
856
  @dsInternalPrimitive-color-background-quaternary-action-rest: var(--a8903a);
830
857
  @dsInternalPrimitive-color-background-ghost-action-rest: var(--1147e4);
831
858
  @dsInternalPrimitive-color-background-critical-action-rest: var(--f99bbd);
832
- @dsInternalPrimitive-color-background-onBrand-action-rest: var(--701770);
859
+ @dsInternalPrimitive-color-background-onColor-action-rest: var(--22605a);
833
860
  @dsInternalPrimitive-color-background-classroom-action-rest: var(--8c3891);
834
861
  @dsInternalPrimitive-color-background-inverted-action-rest: var(--63afb0);
835
862
  @dsInternalPrimitive-color-background-newFeature-action-rest: var(--754e2b);
863
+ @dsInternalPrimitive-color-background-ai-action-rest: var(--2033ec);
836
864
  @dsInternalPrimitive-color-background-primary-action-hover: var(--3d8e0b);
837
865
  @dsInternalPrimitive-color-background-secondary-action-hover: var(--92d63b);
838
866
  @dsInternalPrimitive-color-background-tertiary-action-hover: var(--4d016b);
839
867
  @dsInternalPrimitive-color-background-quaternary-action-hover: var(--77f2f6);
840
868
  @dsInternalPrimitive-color-background-ghost-action-hover: var(--9aaafa);
841
869
  @dsInternalPrimitive-color-background-critical-action-hover: var(--5cd326);
842
- @dsInternalPrimitive-color-background-onBrand-action-hover: var(--26ae6b);
870
+ @dsInternalPrimitive-color-background-onColor-action-hover: var(--b2e035);
843
871
  @dsInternalPrimitive-color-background-classroom-action-hover: var(--173f0d);
844
872
  @dsInternalPrimitive-color-background-inverted-action-hover: var(--4df5c9);
845
873
  @dsInternalPrimitive-color-background-newFeature-action-hover: var(--d8c7e0);
874
+ @dsInternalPrimitive-color-background-ai-action-hover: var(--e45436);
846
875
  @dsInternalPrimitive-color-background-primary-action-active: var(--5cd9cc);
847
876
  @dsInternalPrimitive-color-background-secondary-action-active: var(--5a73d2);
848
877
  @dsInternalPrimitive-color-background-tertiary-action-active: var(--7b2a72);
849
878
  @dsInternalPrimitive-color-background-quaternary-action-active: var(--391000);
850
879
  @dsInternalPrimitive-color-background-ghost-action-active: var(--39f6f6);
851
880
  @dsInternalPrimitive-color-background-critical-action-active: var(--bd5da9);
852
- @dsInternalPrimitive-color-background-onBrand-action-active: var(--d72dd5);
881
+ @dsInternalPrimitive-color-background-onColor-action-active: var(--7605f1);
853
882
  @dsInternalPrimitive-color-background-classroom-action-active: var(--003ddf);
854
883
  @dsInternalPrimitive-color-background-inverted-action-active: var(--5e5ef1);
855
884
  @dsInternalPrimitive-color-background-newFeature-action-active: var(--3b4318);
885
+ @dsInternalPrimitive-color-background-ai-action-active: var(--e96577);
856
886
  @dsInternalPrimitive-color-background-disabled-action: var(--65f18f);
857
887
  @dsInternalPrimitive-color-border-primary-action: var(--9637ca);
858
888
  @dsInternalPrimitive-color-border-secondary-action: var(--ac18ee);
@@ -864,6 +894,7 @@
864
894
  @dsInternalPrimitive-color-border-inverted-action: var(--bfac34);
865
895
  @dsInternalPrimitive-color-border-classroom-action: var(--9b0207);
866
896
  @dsInternalPrimitive-color-border-newFeature-action: var(--0831da);
897
+ @dsInternalPrimitive-color-border-ai-action: var(--e6fc24);
867
898
  @dsInternalPrimitive-color-border-tertiary-action-hover: var(--5a42a7);
868
899
  @text-heading-huge-fontFamily: var(--ccb2e6);
869
900
  @text-heading-extraLarge-fontFamily: var(--796c06);
@@ -988,6 +1019,7 @@
988
1019
  @radius-0: var(--565b6d);
989
1020
  @radius-2: var(--e38d71);
990
1021
  @radius-4: var(--5e8be4);
1022
+ @radius-16: var(--701685);
991
1023
  @radius-8: var(--fa4b1a);
992
1024
  @radius-300: var(--aa6dcb);
993
1025
  @link-large-textDecoration: var(--e19989);
@@ -1001,10 +1033,11 @@
1001
1033
  @action-variant-plain-textDecoration: var(--d2d32f);
1002
1034
  @action-variant-dangerous-textDecoration: var(--0bf14c);
1003
1035
  @action-variant-critical-textDecoration: var(--91f4fa);
1004
- @action-variant-onBrand-textDecoration: var(--2aca00);
1036
+ @action-variant-onColor-textDecoration: var(--af7137);
1005
1037
  @action-variant-classroom-textDecoration: var(--4d5ea8);
1006
1038
  @action-variant-inverted-textDecoration: var(--fb8624);
1007
1039
  @action-variant-newFeature-textDecoration: var(--fd7ece);
1040
+ @action-variant-ai-textDecoration: var(--c82204);
1008
1041
  @action-variant-primary-hover-borderColor: var(--1e9600);
1009
1042
  @action-variant-secondary-hover-borderColor: var(--76310d);
1010
1043
  @action-variant-tertiary-hover-borderColor: var(--bdfcc7);
@@ -1013,10 +1046,11 @@
1013
1046
  @action-variant-plain-hover-borderColor: var(--082540);
1014
1047
  @action-variant-dangerous-hover-borderColor: var(--4eff94);
1015
1048
  @action-variant-critical-hover-borderColor: var(--958f21);
1016
- @action-variant-onBrand-hover-borderColor: var(--ffb8d8);
1049
+ @action-variant-onColor-hover-borderColor: var(--896b03);
1017
1050
  @action-variant-classroom-hover-borderColor: var(--4a0597);
1018
1051
  @action-variant-inverted-hover-borderColor: var(--19fa74);
1019
1052
  @action-variant-newFeature-hover-borderColor: var(--98c0df);
1053
+ @action-variant-ai-hover-borderColor: var(--2ecd73);
1020
1054
  @action-variant-primary-active-borderColor: var(--9ddbb2);
1021
1055
  @action-variant-secondary-active-borderColor: var(--9b7461);
1022
1056
  @action-variant-tertiary-active-borderColor: var(--dca6dc);
@@ -1025,10 +1059,11 @@
1025
1059
  @action-variant-plain-active-borderColor: var(--370fd8);
1026
1060
  @action-variant-dangerous-active-borderColor: var(--4c7bfb);
1027
1061
  @action-variant-critical-active-borderColor: var(--fb2597);
1028
- @action-variant-onBrand-active-borderColor: var(--81c178);
1062
+ @action-variant-onColor-active-borderColor: var(--285db3);
1029
1063
  @action-variant-classroom-active-borderColor: var(--8307ea);
1030
1064
  @action-variant-inverted-active-borderColor: var(--0d330c);
1031
1065
  @action-variant-newFeature-active-borderColor: var(--76758a);
1066
+ @action-variant-ai-active-borderColor: var(--6a507d);
1032
1067
  @action-variant-primary-disabled-borderColor: var(--f0720e);
1033
1068
  @action-variant-secondary-disabled-borderColor: var(--3f0f51);
1034
1069
  @action-variant-tertiary-disabled-borderColor: var(--fd08b7);
@@ -1037,10 +1072,11 @@
1037
1072
  @action-variant-plain-disabled-borderColor: var(--c6b607);
1038
1073
  @action-variant-dangerous-disabled-borderColor: var(--7deffa);
1039
1074
  @action-variant-critical-disabled-borderColor: var(--e117c7);
1040
- @action-variant-onBrand-disabled-borderColor: var(--5a20e5);
1075
+ @action-variant-onColor-disabled-borderColor: var(--e1a214);
1041
1076
  @action-variant-classroom-disabled-borderColor: var(--659377);
1042
1077
  @action-variant-inverted-disabled-borderColor: var(--e797f1);
1043
1078
  @action-variant-newFeature-disabled-borderColor: var(--7d2338);
1079
+ @action-variant-ai-disabled-borderColor: var(--6ac212);
1044
1080
  @action-variant-primary-disabled-color: var(--dfbd08);
1045
1081
  @action-variant-secondary-disabled-color: var(--4dc516);
1046
1082
  @action-variant-tertiary-disabled-color: var(--161e2d);
@@ -1049,10 +1085,11 @@
1049
1085
  @action-variant-plain-disabled-color: var(--2f5174);
1050
1086
  @action-variant-dangerous-disabled-color: var(--3ed7a9);
1051
1087
  @action-variant-critical-disabled-color: var(--ff8727);
1052
- @action-variant-onBrand-disabled-color: var(--499ea7);
1088
+ @action-variant-onColor-disabled-color: var(--2c5ff8);
1053
1089
  @action-variant-classroom-disabled-color: var(--8415f2);
1054
1090
  @action-variant-inverted-disabled-color: var(--e0ef5a);
1055
1091
  @action-variant-newFeature-disabled-color: var(--412530);
1092
+ @action-variant-ai-disabled-color: var(--643228);
1056
1093
  @action-variant-primary-disabled-bgColor: var(--818487);
1057
1094
  @action-variant-secondary-disabled-bgColor: var(--ce895b);
1058
1095
  @action-variant-tertiary-disabled-bgColor: var(--a8b810);
@@ -1061,10 +1098,12 @@
1061
1098
  @action-variant-plain-disabled-bgColor: var(--c970d4);
1062
1099
  @action-variant-dangerous-disabled-bgColor: var(--8d2e23);
1063
1100
  @action-variant-critical-disabled-bgColor: var(--1ce20d);
1064
- @action-variant-onBrand-disabled-bgColor: var(--10925f);
1101
+ @action-variant-onColor-disabled-bgColor: var(--720019);
1065
1102
  @action-variant-classroom-disabled-bgColor: var(--249654);
1066
1103
  @action-variant-inverted-disabled-bgColor: var(--b1756a);
1067
1104
  @action-variant-newFeature-disabled-bgColor: var(--e8c509);
1105
+ @action-variant-ai-disabled-bgColor: var(--d35901);
1068
1106
  @action-base-borderWidth: var(--0b1b71);
1069
1107
  @icon-fieldLayout-width: var(--d57208);
1070
1108
  @icon-fieldLayout-height: var(--3caeb9);
1109
+ @action-variant-ai-borderImage: var(--0b0037);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.67.1",
3
+ "version": "0.68.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,14 +19,14 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.67.1",
23
- "@preply/ds-core-types": "0.67.1"
22
+ "@preply/ds-core": "0.68.1",
23
+ "@preply/ds-core-types": "0.68.1"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.67.1",
27
- "@preply/ds-core-types": "0.67.1",
26
+ "@preply/ds-core": "0.68.1",
27
+ "@preply/ds-core-types": "0.68.1",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "7c42204163b7b267cf092415512bc1a573e28290"
31
+ "gitHead": "6b2986e29979b51c5b76fd35dda0299144e69457"
32
32
  }