@preply/ds-web-core 0.68.0 → 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.
@@ -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
  }
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 22 2023 07:31:38 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;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 22 2023 07:31:36 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
4
  dangerous, critical, onColor, classroom, inverted, newFeature, ai;
@@ -13,6 +13,7 @@
13
13
  @ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
14
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;
@@ -113,5 +114,5 @@
113
114
  s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
114
115
  l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
115
116
  @TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
116
- @THEME_OPTIONS: tokyo-ui, bold-ui, tokyo-ui-b2b, base-ui, preply-ui;
117
+ @THEME_OPTIONS: tokyo-ui, tokyo-ui-b2b, bold-ui, base-ui, preply-ui;
117
118
  @TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Fri Sep 22 2023 07:31:36 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);
@@ -294,6 +294,25 @@
294
294
  @avatar-size-64-size: var(--cc5dc7);
295
295
  @avatar-size-96-size: var(--796da2);
296
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);
297
316
  @badge-base-borderRadius: var(--93d4a2);
298
317
  @badge-base-color-normal: var(--956cdb);
299
318
  @badge-base-color-inverted: var(--6e40a7);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-core",
3
- "version": "0.68.0",
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.68.0",
23
- "@preply/ds-core-types": "0.68.0"
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.68.0",
27
- "@preply/ds-core-types": "0.68.0",
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": "318e4037d5fc03e18158097ddcfc549e00b94a46"
31
+ "gitHead": "6b2986e29979b51c5b76fd35dda0299144e69457"
32
32
  }