@agorapulse/ui-theme 20.0.2 → 20.0.3

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 (16) hide show
  1. package/agorapulse-ui-theme-20.0.3.tgz +0 -0
  2. package/assets/desktop_variables.css +15 -16
  3. package/assets/mobile_variables.css +15 -16
  4. package/package.json +1 -1
  5. package/src/tokens/components/action-dropdown.json +1 -4
  6. package/src/tokens/components/avatar.json +1 -1
  7. package/src/tokens/components/button.json +1 -1
  8. package/src/tokens/components/icon-button.json +1 -1
  9. package/src/tokens/components/infobox.json +1 -1
  10. package/src/tokens/components/input.json +1 -1
  11. package/src/tokens/components/snackbar.json +1 -1
  12. package/src/tokens/components/split-button.json +1 -1
  13. package/src/tokens/components/tag.json +1 -1
  14. package/src/tokens/reference/border-radius.json +2 -2
  15. package/src/tokens/system/border.json +3 -3
  16. package/agorapulse-ui-theme-20.0.2.tgz +0 -0
package/agorapulse-ui-theme-20.0.3.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -3,8 +3,8 @@
3
3
  --ref-animation-normal: 250ms;
4
4
  --ref-animation-short: 150ms;
5
5
  --ref-animation-xshort: 75ms;
6
- --ref-border-radius-sm: 6px;
7
- --ref-border-radius-md: 6px;
6
+ --ref-border-radius-sm: 4px;
7
+ --ref-border-radius-md: 8px;
8
8
  --ref-color-white: #FFFFFF;
9
9
  --ref-color-background: #F9F9FA;
10
10
  --ref-color-orange-10: #FFEFE9;
@@ -147,9 +147,9 @@
147
147
  --sys-border-color-default: #EAECEF;
148
148
  --sys-border-color-active: #178DFE;
149
149
  --sys-border-color-error: #E81313;
150
- --sys-border-radius-sm: 6px;
151
- --sys-border-radius-md: 6px;
152
- --sys-border-radius-lg: 6px;
150
+ --sys-border-radius-sm: 4px;
151
+ --sys-border-radius-md: 4px;
152
+ --sys-border-radius-lg: 8px;
153
153
  --sys-color-main-default-bg-default: #FF6726;
154
154
  --sys-color-main-default-bg-hover: #FF7E46;
155
155
  --sys-color-main-default-bg-clicked: #FFA47D;
@@ -254,8 +254,7 @@
254
254
  --sys-icon-button-height: 36px;
255
255
  --comp-action-dropdown-background-color: #FFFFFF;
256
256
  --comp-action-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
257
- --comp-action-dropdown-border-color: #EAECEF;
258
- --comp-action-dropdown-border-radius: 6px;
257
+ --comp-action-dropdown-border-radius: 4px;
259
258
  --comp-action-dropdown-padding: 8px 0;
260
259
  --comp-action-dropdown-item-padding: 8px 16px;
261
260
  --comp-action-dropdown-item-text-size: 14px;
@@ -276,7 +275,7 @@
276
275
  --comp-action-dropdown-item-description-line-height: 18px;
277
276
  --comp-action-dropdown-divider-color: #EAECEF;
278
277
  --comp-action-dropdown-divider-margin: 8px 0;
279
- --comp-avatar-border-radius: 6px;
278
+ --comp-avatar-border-radius: 4px;
280
279
  --comp-avatar-background-color: #AEB5C1;
281
280
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
282
281
  --comp-avatar-symbol-color: #FFFFFF;
@@ -302,7 +301,7 @@
302
301
  --comp-button-padding-horizontal: 8px;
303
302
  --comp-button-padding-vertical: 16px;
304
303
  --comp-button-height: 36px;
305
- --comp-button-border-radius: 6px;
304
+ --comp-button-border-radius: 4px;
306
305
  --comp-button-spacing: 8px;
307
306
  --comp-close-button-size: 20px;
308
307
  --comp-close-button-padding: 10px;
@@ -341,9 +340,9 @@
341
340
  --comp-icon-button-padding: 10px;
342
341
  --comp-icon-button-width: 36px;
343
342
  --comp-icon-button-height: 36px;
344
- --comp-icon-button-border-radius: 6px;
343
+ --comp-icon-button-border-radius: 8px;
345
344
  --comp-infobox-border-width: 4px;
346
- --comp-infobox-border-radius: 6px;
345
+ --comp-infobox-border-radius: 4px;
347
346
  --comp-infobox-text-title-size: 16px;
348
347
  --comp-infobox-text-title-font-family: Averta;
349
348
  --comp-infobox-text-title-weight: 700;
@@ -375,7 +374,7 @@
375
374
  --comp-input-height: 36px;
376
375
  --comp-input-padding-horizontal: 12px;
377
376
  --comp-input-spacing-horizontal: 8px;
378
- --comp-input-border-radius: 6px;
377
+ --comp-input-border-radius: 4px;
379
378
  --comp-input-border-default-color: #D6DAE0;
380
379
  --comp-input-border-hover-color: #AEB5C1;
381
380
  --comp-input-border-focused-color: #178DFE;
@@ -419,7 +418,7 @@
419
418
  --comp-text-area-height: 80px;
420
419
  --comp-text-area-padding-horizontal: 12px;
421
420
  --comp-text-area-spacing-horizontal: 8px;
422
- --comp-text-area-border-radius: 6px;
421
+ --comp-text-area-border-radius: 4px;
423
422
  --comp-text-area-border-default-color: #858FA1;
424
423
  --comp-text-area-border-hover-color: #5D6A82;
425
424
  --comp-text-area-border-focused-color: #178DFE;
@@ -545,7 +544,7 @@
545
544
  --comp-snackbar-text-style-line-height: 18px;
546
545
  --comp-snackbar-text-color: #344563;
547
546
  --comp-snackbar-width: 420px;
548
- --comp-snackbar-border-radius: 6px;
547
+ --comp-snackbar-border-radius: 8px;
549
548
  --comp-snackbar-padding-horizontal: 16px;
550
549
  --comp-snackbar-padding-vertical: 12px;
551
550
  --comp-snackbar-spacing: 12px;
@@ -560,7 +559,7 @@
560
559
  --comp-split-button-text-line-height: 20px;
561
560
  --comp-split-button-padding-horizontal: 8px;
562
561
  --comp-split-button-padding-vertical: 16px;
563
- --comp-split-button-border-radius: 6px;
562
+ --comp-split-button-border-radius: 4px;
564
563
  --comp-split-button-spacing: 8px;
565
564
  --comp-status-card-text-style-font-family: Averta;
566
565
  --comp-status-card-text-style-size: 12px;
@@ -626,7 +625,7 @@
626
625
  --comp-tag-text-style-size: 14px;
627
626
  --comp-tag-text-style-font-weight: 400;
628
627
  --comp-tag-text-style-line-height: 18px;
629
- --comp-tag-border-radius: 6px;
628
+ --comp-tag-border-radius: 4px;
630
629
  --comp-tag-spacing: 4px;
631
630
  --comp-tag-height: 24px;
632
631
  --comp-tag-padding-left: 4px;
package/assets/mobile_variables.css CHANGED
@@ -3,8 +3,8 @@
3
3
  --ref-animation-normal: 250ms;
4
4
  --ref-animation-short: 150ms;
5
5
  --ref-animation-xshort: 75ms;
6
- --ref-border-radius-sm: 6px;
7
- --ref-border-radius-md: 6px;
6
+ --ref-border-radius-sm: 4px;
7
+ --ref-border-radius-md: 8px;
8
8
  --ref-color-white: #FFFFFF;
9
9
  --ref-color-background: #F9F9FA;
10
10
  --ref-color-orange-10: #FFEFE9;
@@ -147,9 +147,9 @@
147
147
  --sys-border-color-default: #EAECEF;
148
148
  --sys-border-color-active: #178DFE;
149
149
  --sys-border-color-error: #E81313;
150
- --sys-border-radius-sm: 6px;
151
- --sys-border-radius-md: 6px;
152
- --sys-border-radius-lg: 6px;
150
+ --sys-border-radius-sm: 4px;
151
+ --sys-border-radius-md: 4px;
152
+ --sys-border-radius-lg: 8px;
153
153
  --sys-color-main-default-bg-default: #FF6726;
154
154
  --sys-color-main-default-bg-hover: #FF7E46;
155
155
  --sys-color-main-default-bg-clicked: #FFA47D;
@@ -254,8 +254,7 @@
254
254
  --sys-icon-button-height: 36px;
255
255
  --comp-action-dropdown-background-color: #FFFFFF;
256
256
  --comp-action-dropdown-box-shadow: 0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15);
257
- --comp-action-dropdown-border-color: #EAECEF;
258
- --comp-action-dropdown-border-radius: 6px;
257
+ --comp-action-dropdown-border-radius: 4px;
259
258
  --comp-action-dropdown-padding: 8px 0;
260
259
  --comp-action-dropdown-item-padding: 8px 16px;
261
260
  --comp-action-dropdown-item-text-size: 14px;
@@ -276,7 +275,7 @@
276
275
  --comp-action-dropdown-item-description-line-height: 18px;
277
276
  --comp-action-dropdown-divider-color: #EAECEF;
278
277
  --comp-action-dropdown-divider-margin: 8px 0;
279
- --comp-avatar-border-radius: 6px;
278
+ --comp-avatar-border-radius: 4px;
280
279
  --comp-avatar-background-color: #AEB5C1;
281
280
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
282
281
  --comp-avatar-symbol-color: #FFFFFF;
@@ -302,7 +301,7 @@
302
301
  --comp-button-padding-horizontal: 8px;
303
302
  --comp-button-padding-vertical: 16px;
304
303
  --comp-button-height: 40px;
305
- --comp-button-border-radius: 6px;
304
+ --comp-button-border-radius: 4px;
306
305
  --comp-button-spacing: 8px;
307
306
  --comp-close-button-size: 20px;
308
307
  --comp-close-button-padding: 8px;
@@ -341,9 +340,9 @@
341
340
  --comp-icon-button-padding: 8px;
342
341
  --comp-icon-button-width: 36px;
343
342
  --comp-icon-button-height: 36px;
344
- --comp-icon-button-border-radius: 6px;
343
+ --comp-icon-button-border-radius: 8px;
345
344
  --comp-infobox-border-width: 4px;
346
- --comp-infobox-border-radius: 6px;
345
+ --comp-infobox-border-radius: 4px;
347
346
  --comp-infobox-text-title-size: 16px;
348
347
  --comp-infobox-text-title-font-family: Averta;
349
348
  --comp-infobox-text-title-weight: 700;
@@ -375,7 +374,7 @@
375
374
  --comp-input-height: 36px;
376
375
  --comp-input-padding-horizontal: 12px;
377
376
  --comp-input-spacing-horizontal: 8px;
378
- --comp-input-border-radius: 6px;
377
+ --comp-input-border-radius: 4px;
379
378
  --comp-input-border-default-color: #D6DAE0;
380
379
  --comp-input-border-hover-color: #AEB5C1;
381
380
  --comp-input-border-focused-color: #178DFE;
@@ -419,7 +418,7 @@
419
418
  --comp-text-area-height: 80px;
420
419
  --comp-text-area-padding-horizontal: 12px;
421
420
  --comp-text-area-spacing-horizontal: 8px;
422
- --comp-text-area-border-radius: 6px;
421
+ --comp-text-area-border-radius: 4px;
423
422
  --comp-text-area-border-default-color: #858FA1;
424
423
  --comp-text-area-border-hover-color: #5D6A82;
425
424
  --comp-text-area-border-focused-color: #178DFE;
@@ -545,7 +544,7 @@
545
544
  --comp-snackbar-text-style-line-height: 18px;
546
545
  --comp-snackbar-text-color: #344563;
547
546
  --comp-snackbar-width: 420px;
548
- --comp-snackbar-border-radius: 6px;
547
+ --comp-snackbar-border-radius: 8px;
549
548
  --comp-snackbar-padding-horizontal: 16px;
550
549
  --comp-snackbar-padding-vertical: 12px;
551
550
  --comp-snackbar-spacing: 12px;
@@ -560,7 +559,7 @@
560
559
  --comp-split-button-text-line-height: 20px;
561
560
  --comp-split-button-padding-horizontal: 8px;
562
561
  --comp-split-button-padding-vertical: 16px;
563
- --comp-split-button-border-radius: 6px;
562
+ --comp-split-button-border-radius: 4px;
564
563
  --comp-split-button-spacing: 8px;
565
564
  --comp-status-card-text-style-font-family: Averta;
566
565
  --comp-status-card-text-style-size: 12px;
@@ -626,7 +625,7 @@
626
625
  --comp-tag-text-style-size: 14px;
627
626
  --comp-tag-text-style-font-weight: 400;
628
627
  --comp-tag-text-style-line-height: 18px;
629
- --comp-tag-border-radius: 6px;
628
+ --comp-tag-border-radius: 4px;
630
629
  --comp-tag-spacing: 4px;
631
630
  --comp-tag-height: 24px;
632
631
  --comp-tag-padding-left: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "20.0.2",
3
+ "version": "20.0.3",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/action-dropdown.json CHANGED
@@ -10,11 +10,8 @@
10
10
  "value": "0px 4px 25px -2px rgba(52, 69, 99, 0.15), 0px 4px 6px -2px rgba(52, 69, 99, 0.15)"
11
11
  },
12
12
  "border": {
13
- "color": {
14
- "value": "{ref.color.grey.10}"
15
- },
16
13
  "radius": {
17
- "value": "6px"
14
+ "value": "{sys.border.radius.sm}"
18
15
  }
19
16
  },
20
17
  "padding": {
package/src/tokens/components/avatar.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "avatar": {
4
4
  "border": {
5
5
  "radius": {
6
- "value": "6px"
6
+ "value": "{sys.border.radius.sm}"
7
7
  }
8
8
  },
9
9
  "background": {
package/src/tokens/components/button.json CHANGED
@@ -27,7 +27,7 @@
27
27
  "value": "{sys.button.height}"
28
28
  },
29
29
  "borderRadius": {
30
- "value": "6px"
30
+ "value": "{sys.border.radius.md}"
31
31
  },
32
32
  "spacing": {
33
33
  "value": "{ref.spacing.xxs}"
package/src/tokens/components/icon-button.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "value": "{sys.icon-button.height}"
12
12
  },
13
13
  "borderRadius": {
14
- "value": "6px"
14
+ "value": "{sys.border.radius.lg}"
15
15
  }
16
16
  }
17
17
  }
package/src/tokens/components/infobox.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "value": "{ref.spacing.xxxs}"
7
7
  },
8
8
  "radius": {
9
- "value": "6px"
9
+ "value": "{ref.borderRadius.sm}"
10
10
  }
11
11
  },
12
12
  "text": {
package/src/tokens/components/input.json CHANGED
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "border": {
23
23
  "radius" : {
24
- "value": "6px"
24
+ "value": "{sys.border.radius.sm}"
25
25
  },
26
26
  "default": {
27
27
  "color": {
package/src/tokens/components/snackbar.json CHANGED
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "border": {
27
27
  "radius": {
28
- "value": "6px"
28
+ "value": "{sys.border.radius.lg}"
29
29
  }
30
30
  },
31
31
  "padding": {
package/src/tokens/components/split-button.json CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
  },
26
26
  "borderRadius": {
27
- "value": "6px"
27
+ "value": "{sys.border.radius.md}"
28
28
  },
29
29
  "spacing": {
30
30
  "value": "{ref.spacing.xxs}"
package/src/tokens/components/tag.json CHANGED
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "border": {
21
21
  "radius": {
22
- "value": "6px"
22
+ "value": "{ref.spacing.xxxs}"
23
23
  }
24
24
  },
25
25
  "spacing": {
package/src/tokens/reference/border-radius.json CHANGED
@@ -2,10 +2,10 @@
2
2
  "ref": {
3
3
  "borderRadius": {
4
4
  "sm" : {
5
- "value": "6px"
5
+ "value": "4px"
6
6
  },
7
7
  "md" : {
8
- "value": "6px"
8
+ "value": "8px"
9
9
  }
10
10
  }
11
11
  }
package/src/tokens/system/border.json CHANGED
@@ -14,13 +14,13 @@
14
14
  },
15
15
  "radius": {
16
16
  "sm": {
17
- "value": "6px"
17
+ "value": "{ref.borderRadius.sm}"
18
18
  },
19
19
  "md": {
20
- "value": "6px"
20
+ "value": "{ref.borderRadius.sm}"
21
21
  },
22
22
  "lg": {
23
- "value": "6px"
23
+ "value": "{ref.borderRadius.md}"
24
24
  }
25
25
  }
26
26
  }
package/agorapulse-ui-theme-20.0.2.tgz DELETED
Binary file