@preply/ds-web-core 0.67.0 → 0.68.0

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 +13 -0
  2. package/dist/generated/breakpoints.less +1 -1
  3. package/dist/generated/options.less +16 -17
  4. package/dist/generated/tokens.less +39 -19
  5. package/package.json +6 -6
package/dist/actions/style/mixins.less CHANGED
@@ -53,3 +53,16 @@
53
53
  }
54
54
  });
55
55
  }
56
+
57
+ .action-ai-variant() {
58
+ &--variant-ai {
59
+ // @see https://github.com/preply/design-system/pull/583
60
+ border-image: @action-variant-ai-borderImage;
61
+
62
+ &[disabled],
63
+ &[disabled]:hover {
64
+ border-image: initial;
65
+ .border-color('action', 'variant-ai-disabled');
66
+ }
67
+ }
68
+ }
package/dist/generated/breakpoints.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Sep 19 2023 15:18:55 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 07:31:38 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @breakpoints: {
4
4
  narrow-l: 400px;
package/dist/generated/options.less CHANGED
@@ -1,17 +1,17 @@
1
- /* AUTO GENERATED @Tue Sep 19 2023 15:18:53 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 07:31:36 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
16
  @BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
17
17
  @BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
@@ -27,25 +27,25 @@
27
27
  @BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
28
28
  @BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
29
29
  @BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
30
- onBrand, classroom, inverted, newFeature;
30
+ onColor, classroom, inverted, newFeature, ai;
31
31
  @BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
32
32
  @COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand, accentLight,
33
33
  accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight, warningDark,
34
34
  criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted, secondaryInverted,
35
35
  tertiaryInverted;
36
36
  @COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
37
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
37
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
38
38
  @COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
39
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
39
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
40
40
  @COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
41
- quaternary, ghost, critical, onBrand, classroom, inverted, newFeature;
41
+ quaternary, ghost, critical, onColor, classroom, inverted, newFeature, ai;
42
42
  @COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
43
43
  @COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
44
44
  disabled, positive;
45
45
  @COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
46
- critical, disabled, inverted, classroom, newFeature;
46
+ critical, disabled, inverted, classroom, newFeature, ai;
47
47
  @COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
48
- 900-56, 900-12, 900-6;
48
+ 900-72, 900-56, 900-12, 900-6;
49
49
  @COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
50
50
  @COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
51
51
  inverted, disabled;
@@ -60,9 +60,8 @@
60
60
  @COLOR_TEAL_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
61
61
  @COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
62
62
  warning, critical, branded, error, selected, disabled, accent;
63
- @COLOR_TEXT_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: classroom;
64
63
  @COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
65
- critical, disabled, onBrand, classroom, inverted, newFeature;
64
+ critical, disabled, onColor, classroom, inverted, newFeature, ai;
66
65
  @COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
67
66
  @HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
68
67
  @HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
@@ -84,7 +83,7 @@
84
83
  @LINK_TEXT_DECORATION_OPTIONS: large, default, small;
85
84
  @PANEL_PADDING_OPTIONS: small, base, medium, large;
86
85
  @PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
87
- @RADIUS_OPTIONS: 0, 2, 4, 8, 300;
86
+ @RADIUS_OPTIONS: 0, 2, 4, 16, 8, 300;
88
87
  @SIZING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
89
88
  @SPACING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
90
89
  @SPINNER_SIZE_OPTIONS: default, large;
@@ -114,5 +113,5 @@
114
113
  s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
115
114
  l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
116
115
  @TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
117
- @THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
116
+ @THEME_OPTIONS: tokyo-ui, bold-ui, tokyo-ui-b2b, base-ui, preply-ui;
118
117
  @TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
package/dist/generated/tokens.less CHANGED
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Tue Sep 19 2023 15:18:53 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Fri Sep 22 2023 07:31:36 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);
@@ -706,6 +713,7 @@
706
713
  @dsInternalPrimitive-color-grey-700: var(--86b6a6);
707
714
  @dsInternalPrimitive-color-grey-800: var(--6bf658);
708
715
  @dsInternalPrimitive-color-grey-900: var(--4cafda);
716
+ @dsInternalPrimitive-color-grey-900-72: var(--28b0ce);
709
717
  @dsInternalPrimitive-color-grey-900-56: var(--b445b1);
710
718
  @dsInternalPrimitive-color-grey-900-12: var(--7e1290);
711
719
  @dsInternalPrimitive-color-grey-900-6: var(--12d28a);
@@ -817,11 +825,11 @@
817
825
  @dsInternalPrimitive-color-text-ghost-action: var(--6045b5);
818
826
  @dsInternalPrimitive-color-text-critical-action: var(--57195c);
819
827
  @dsInternalPrimitive-color-text-disabled-action: var(--7f32d7);
820
- @dsInternalPrimitive-color-text-onBrand-action: var(--24b2f7);
828
+ @dsInternalPrimitive-color-text-onColor-action: var(--f88582);
821
829
  @dsInternalPrimitive-color-text-classroom-action: var(--27aa3b);
822
830
  @dsInternalPrimitive-color-text-inverted-action: var(--250d1b);
823
831
  @dsInternalPrimitive-color-text-newFeature-action: var(--4aaaef);
824
- @dsInternalPrimitive-color-text-classroom-action-active: var(--b0329e);
832
+ @dsInternalPrimitive-color-text-ai-action: var(--7d366e);
825
833
  @dsInternalPrimitive-color-text-primary-action-active: var(--480cdf);
826
834
  @dsInternalPrimitive-color-background-primary-action-rest: var(--cf27db);
827
835
  @dsInternalPrimitive-color-background-secondary-action-rest: var(--ae8a27);
@@ -829,30 +837,33 @@
829
837
  @dsInternalPrimitive-color-background-quaternary-action-rest: var(--a8903a);
830
838
  @dsInternalPrimitive-color-background-ghost-action-rest: var(--1147e4);
831
839
  @dsInternalPrimitive-color-background-critical-action-rest: var(--f99bbd);
832
- @dsInternalPrimitive-color-background-onBrand-action-rest: var(--701770);
840
+ @dsInternalPrimitive-color-background-onColor-action-rest: var(--22605a);
833
841
  @dsInternalPrimitive-color-background-classroom-action-rest: var(--8c3891);
834
842
  @dsInternalPrimitive-color-background-inverted-action-rest: var(--63afb0);
835
843
  @dsInternalPrimitive-color-background-newFeature-action-rest: var(--754e2b);
844
+ @dsInternalPrimitive-color-background-ai-action-rest: var(--2033ec);
836
845
  @dsInternalPrimitive-color-background-primary-action-hover: var(--3d8e0b);
837
846
  @dsInternalPrimitive-color-background-secondary-action-hover: var(--92d63b);
838
847
  @dsInternalPrimitive-color-background-tertiary-action-hover: var(--4d016b);
839
848
  @dsInternalPrimitive-color-background-quaternary-action-hover: var(--77f2f6);
840
849
  @dsInternalPrimitive-color-background-ghost-action-hover: var(--9aaafa);
841
850
  @dsInternalPrimitive-color-background-critical-action-hover: var(--5cd326);
842
- @dsInternalPrimitive-color-background-onBrand-action-hover: var(--26ae6b);
851
+ @dsInternalPrimitive-color-background-onColor-action-hover: var(--b2e035);
843
852
  @dsInternalPrimitive-color-background-classroom-action-hover: var(--173f0d);
844
853
  @dsInternalPrimitive-color-background-inverted-action-hover: var(--4df5c9);
845
854
  @dsInternalPrimitive-color-background-newFeature-action-hover: var(--d8c7e0);
855
+ @dsInternalPrimitive-color-background-ai-action-hover: var(--e45436);
846
856
  @dsInternalPrimitive-color-background-primary-action-active: var(--5cd9cc);
847
857
  @dsInternalPrimitive-color-background-secondary-action-active: var(--5a73d2);
848
858
  @dsInternalPrimitive-color-background-tertiary-action-active: var(--7b2a72);
849
859
  @dsInternalPrimitive-color-background-quaternary-action-active: var(--391000);
850
860
  @dsInternalPrimitive-color-background-ghost-action-active: var(--39f6f6);
851
861
  @dsInternalPrimitive-color-background-critical-action-active: var(--bd5da9);
852
- @dsInternalPrimitive-color-background-onBrand-action-active: var(--d72dd5);
862
+ @dsInternalPrimitive-color-background-onColor-action-active: var(--7605f1);
853
863
  @dsInternalPrimitive-color-background-classroom-action-active: var(--003ddf);
854
864
  @dsInternalPrimitive-color-background-inverted-action-active: var(--5e5ef1);
855
865
  @dsInternalPrimitive-color-background-newFeature-action-active: var(--3b4318);
866
+ @dsInternalPrimitive-color-background-ai-action-active: var(--e96577);
856
867
  @dsInternalPrimitive-color-background-disabled-action: var(--65f18f);
857
868
  @dsInternalPrimitive-color-border-primary-action: var(--9637ca);
858
869
  @dsInternalPrimitive-color-border-secondary-action: var(--ac18ee);
@@ -864,6 +875,7 @@
864
875
  @dsInternalPrimitive-color-border-inverted-action: var(--bfac34);
865
876
  @dsInternalPrimitive-color-border-classroom-action: var(--9b0207);
866
877
  @dsInternalPrimitive-color-border-newFeature-action: var(--0831da);
878
+ @dsInternalPrimitive-color-border-ai-action: var(--e6fc24);
867
879
  @dsInternalPrimitive-color-border-tertiary-action-hover: var(--5a42a7);
868
880
  @text-heading-huge-fontFamily: var(--ccb2e6);
869
881
  @text-heading-extraLarge-fontFamily: var(--796c06);
@@ -988,6 +1000,7 @@
988
1000
  @radius-0: var(--565b6d);
989
1001
  @radius-2: var(--e38d71);
990
1002
  @radius-4: var(--5e8be4);
1003
+ @radius-16: var(--701685);
991
1004
  @radius-8: var(--fa4b1a);
992
1005
  @radius-300: var(--aa6dcb);
993
1006
  @link-large-textDecoration: var(--e19989);
@@ -1001,10 +1014,11 @@
1001
1014
  @action-variant-plain-textDecoration: var(--d2d32f);
1002
1015
  @action-variant-dangerous-textDecoration: var(--0bf14c);
1003
1016
  @action-variant-critical-textDecoration: var(--91f4fa);
1004
- @action-variant-onBrand-textDecoration: var(--2aca00);
1017
+ @action-variant-onColor-textDecoration: var(--af7137);
1005
1018
  @action-variant-classroom-textDecoration: var(--4d5ea8);
1006
1019
  @action-variant-inverted-textDecoration: var(--fb8624);
1007
1020
  @action-variant-newFeature-textDecoration: var(--fd7ece);
1021
+ @action-variant-ai-textDecoration: var(--c82204);
1008
1022
  @action-variant-primary-hover-borderColor: var(--1e9600);
1009
1023
  @action-variant-secondary-hover-borderColor: var(--76310d);
1010
1024
  @action-variant-tertiary-hover-borderColor: var(--bdfcc7);
@@ -1013,10 +1027,11 @@
1013
1027
  @action-variant-plain-hover-borderColor: var(--082540);
1014
1028
  @action-variant-dangerous-hover-borderColor: var(--4eff94);
1015
1029
  @action-variant-critical-hover-borderColor: var(--958f21);
1016
- @action-variant-onBrand-hover-borderColor: var(--ffb8d8);
1030
+ @action-variant-onColor-hover-borderColor: var(--896b03);
1017
1031
  @action-variant-classroom-hover-borderColor: var(--4a0597);
1018
1032
  @action-variant-inverted-hover-borderColor: var(--19fa74);
1019
1033
  @action-variant-newFeature-hover-borderColor: var(--98c0df);
1034
+ @action-variant-ai-hover-borderColor: var(--2ecd73);
1020
1035
  @action-variant-primary-active-borderColor: var(--9ddbb2);
1021
1036
  @action-variant-secondary-active-borderColor: var(--9b7461);
1022
1037
  @action-variant-tertiary-active-borderColor: var(--dca6dc);
@@ -1025,10 +1040,11 @@
1025
1040
  @action-variant-plain-active-borderColor: var(--370fd8);
1026
1041
  @action-variant-dangerous-active-borderColor: var(--4c7bfb);
1027
1042
  @action-variant-critical-active-borderColor: var(--fb2597);
1028
- @action-variant-onBrand-active-borderColor: var(--81c178);
1043
+ @action-variant-onColor-active-borderColor: var(--285db3);
1029
1044
  @action-variant-classroom-active-borderColor: var(--8307ea);
1030
1045
  @action-variant-inverted-active-borderColor: var(--0d330c);
1031
1046
  @action-variant-newFeature-active-borderColor: var(--76758a);
1047
+ @action-variant-ai-active-borderColor: var(--6a507d);
1032
1048
  @action-variant-primary-disabled-borderColor: var(--f0720e);
1033
1049
  @action-variant-secondary-disabled-borderColor: var(--3f0f51);
1034
1050
  @action-variant-tertiary-disabled-borderColor: var(--fd08b7);
@@ -1037,10 +1053,11 @@
1037
1053
  @action-variant-plain-disabled-borderColor: var(--c6b607);
1038
1054
  @action-variant-dangerous-disabled-borderColor: var(--7deffa);
1039
1055
  @action-variant-critical-disabled-borderColor: var(--e117c7);
1040
- @action-variant-onBrand-disabled-borderColor: var(--5a20e5);
1056
+ @action-variant-onColor-disabled-borderColor: var(--e1a214);
1041
1057
  @action-variant-classroom-disabled-borderColor: var(--659377);
1042
1058
  @action-variant-inverted-disabled-borderColor: var(--e797f1);
1043
1059
  @action-variant-newFeature-disabled-borderColor: var(--7d2338);
1060
+ @action-variant-ai-disabled-borderColor: var(--6ac212);
1044
1061
  @action-variant-primary-disabled-color: var(--dfbd08);
1045
1062
  @action-variant-secondary-disabled-color: var(--4dc516);
1046
1063
  @action-variant-tertiary-disabled-color: var(--161e2d);
@@ -1049,10 +1066,11 @@
1049
1066
  @action-variant-plain-disabled-color: var(--2f5174);
1050
1067
  @action-variant-dangerous-disabled-color: var(--3ed7a9);
1051
1068
  @action-variant-critical-disabled-color: var(--ff8727);
1052
- @action-variant-onBrand-disabled-color: var(--499ea7);
1069
+ @action-variant-onColor-disabled-color: var(--2c5ff8);
1053
1070
  @action-variant-classroom-disabled-color: var(--8415f2);
1054
1071
  @action-variant-inverted-disabled-color: var(--e0ef5a);
1055
1072
  @action-variant-newFeature-disabled-color: var(--412530);
1073
+ @action-variant-ai-disabled-color: var(--643228);
1056
1074
  @action-variant-primary-disabled-bgColor: var(--818487);
1057
1075
  @action-variant-secondary-disabled-bgColor: var(--ce895b);
1058
1076
  @action-variant-tertiary-disabled-bgColor: var(--a8b810);
@@ -1061,10 +1079,12 @@
1061
1079
  @action-variant-plain-disabled-bgColor: var(--c970d4);
1062
1080
  @action-variant-dangerous-disabled-bgColor: var(--8d2e23);
1063
1081
  @action-variant-critical-disabled-bgColor: var(--1ce20d);
1064
- @action-variant-onBrand-disabled-bgColor: var(--10925f);
1082
+ @action-variant-onColor-disabled-bgColor: var(--720019);
1065
1083
  @action-variant-classroom-disabled-bgColor: var(--249654);
1066
1084
  @action-variant-inverted-disabled-bgColor: var(--b1756a);
1067
1085
  @action-variant-newFeature-disabled-bgColor: var(--e8c509);
1086
+ @action-variant-ai-disabled-bgColor: var(--d35901);
1068
1087
  @action-base-borderWidth: var(--0b1b71);
1069
1088
  @icon-fieldLayout-width: var(--d57208);
1070
1089
  @icon-fieldLayout-height: var(--3caeb9);
1090
+ @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.0",
3
+ "version": "0.68.0",
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.0",
23
- "@preply/ds-core-types": "0.67.0"
22
+ "@preply/ds-core": "0.68.0",
23
+ "@preply/ds-core-types": "0.68.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@preply/ds-core": "0.67.0",
27
- "@preply/ds-core-types": "0.67.0",
26
+ "@preply/ds-core": "0.68.0",
27
+ "@preply/ds-core-types": "0.68.0",
28
28
  "react": "^16.8.3",
29
29
  "react-dom": "^16.8.3"
30
30
  },
31
- "gitHead": "49fa02c8d8574cda3e94c001cb56de75d1e26cd3"
31
+ "gitHead": "318e4037d5fc03e18158097ddcfc549e00b94a46"
32
32
  }