@agorapulse/ui-theme 20.0.3 → 20.0.5-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 (18) hide show
  1. package/agorapulse-ui-theme-20.0.5-beta.1.tgz +0 -0
  2. package/assets/desktop_variables.css +15 -15
  3. package/assets/mobile_variables.css +15 -15
  4. package/assets/style/_input.scss +1 -1
  5. package/assets/style/components-custom-style/_input.scss +2 -2
  6. package/package.json +1 -1
  7. package/src/tokens/components/action-dropdown.json +1 -1
  8. package/src/tokens/components/avatar.json +1 -1
  9. package/src/tokens/components/button.json +1 -1
  10. package/src/tokens/components/icon-button.json +1 -1
  11. package/src/tokens/components/infobox.json +1 -1
  12. package/src/tokens/components/input.json +1 -1
  13. package/src/tokens/components/snackbar.json +1 -1
  14. package/src/tokens/components/split-button.json +1 -1
  15. package/src/tokens/components/tag.json +1 -1
  16. package/src/tokens/reference/border-radius.json +2 -2
  17. package/src/tokens/system/border.json +3 -3
  18. package/agorapulse-ui-theme-20.0.3.tgz +0 -0
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: 4px;
7
- --ref-border-radius-md: 8px;
6
+ --ref-border-radius-sm: 6px;
7
+ --ref-border-radius-md: 6px;
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: 4px;
151
- --sys-border-radius-md: 4px;
152
- --sys-border-radius-lg: 8px;
150
+ --sys-border-radius-sm: 6px;
151
+ --sys-border-radius-md: 6px;
152
+ --sys-border-radius-lg: 6px;
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,7 +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-radius: 4px;
257
+ --comp-action-dropdown-border-radius: 6px;
258
258
  --comp-action-dropdown-padding: 8px 0;
259
259
  --comp-action-dropdown-item-padding: 8px 16px;
260
260
  --comp-action-dropdown-item-text-size: 14px;
@@ -275,7 +275,7 @@
275
275
  --comp-action-dropdown-item-description-line-height: 18px;
276
276
  --comp-action-dropdown-divider-color: #EAECEF;
277
277
  --comp-action-dropdown-divider-margin: 8px 0;
278
- --comp-avatar-border-radius: 4px;
278
+ --comp-avatar-border-radius: 6px;
279
279
  --comp-avatar-background-color: #AEB5C1;
280
280
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
281
281
  --comp-avatar-symbol-color: #FFFFFF;
@@ -301,7 +301,7 @@
301
301
  --comp-button-padding-horizontal: 8px;
302
302
  --comp-button-padding-vertical: 16px;
303
303
  --comp-button-height: 36px;
304
- --comp-button-border-radius: 4px;
304
+ --comp-button-border-radius: 6px;
305
305
  --comp-button-spacing: 8px;
306
306
  --comp-close-button-size: 20px;
307
307
  --comp-close-button-padding: 10px;
@@ -340,9 +340,9 @@
340
340
  --comp-icon-button-padding: 10px;
341
341
  --comp-icon-button-width: 36px;
342
342
  --comp-icon-button-height: 36px;
343
- --comp-icon-button-border-radius: 8px;
343
+ --comp-icon-button-border-radius: 6px;
344
344
  --comp-infobox-border-width: 4px;
345
- --comp-infobox-border-radius: 4px;
345
+ --comp-infobox-border-radius: 6px;
346
346
  --comp-infobox-text-title-size: 16px;
347
347
  --comp-infobox-text-title-font-family: Averta;
348
348
  --comp-infobox-text-title-weight: 700;
@@ -374,7 +374,7 @@
374
374
  --comp-input-height: 36px;
375
375
  --comp-input-padding-horizontal: 12px;
376
376
  --comp-input-spacing-horizontal: 8px;
377
- --comp-input-border-radius: 4px;
377
+ --comp-input-border-radius: 6px;
378
378
  --comp-input-border-default-color: #D6DAE0;
379
379
  --comp-input-border-hover-color: #AEB5C1;
380
380
  --comp-input-border-focused-color: #178DFE;
@@ -418,7 +418,7 @@
418
418
  --comp-text-area-height: 80px;
419
419
  --comp-text-area-padding-horizontal: 12px;
420
420
  --comp-text-area-spacing-horizontal: 8px;
421
- --comp-text-area-border-radius: 4px;
421
+ --comp-text-area-border-radius: 6px;
422
422
  --comp-text-area-border-default-color: #858FA1;
423
423
  --comp-text-area-border-hover-color: #5D6A82;
424
424
  --comp-text-area-border-focused-color: #178DFE;
@@ -544,7 +544,7 @@
544
544
  --comp-snackbar-text-style-line-height: 18px;
545
545
  --comp-snackbar-text-color: #344563;
546
546
  --comp-snackbar-width: 420px;
547
- --comp-snackbar-border-radius: 8px;
547
+ --comp-snackbar-border-radius: 6px;
548
548
  --comp-snackbar-padding-horizontal: 16px;
549
549
  --comp-snackbar-padding-vertical: 12px;
550
550
  --comp-snackbar-spacing: 12px;
@@ -559,7 +559,7 @@
559
559
  --comp-split-button-text-line-height: 20px;
560
560
  --comp-split-button-padding-horizontal: 8px;
561
561
  --comp-split-button-padding-vertical: 16px;
562
- --comp-split-button-border-radius: 4px;
562
+ --comp-split-button-border-radius: 6px;
563
563
  --comp-split-button-spacing: 8px;
564
564
  --comp-status-card-text-style-font-family: Averta;
565
565
  --comp-status-card-text-style-size: 12px;
@@ -625,7 +625,7 @@
625
625
  --comp-tag-text-style-size: 14px;
626
626
  --comp-tag-text-style-font-weight: 400;
627
627
  --comp-tag-text-style-line-height: 18px;
628
- --comp-tag-border-radius: 4px;
628
+ --comp-tag-border-radius: 6px;
629
629
  --comp-tag-spacing: 4px;
630
630
  --comp-tag-height: 24px;
631
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: 4px;
7
- --ref-border-radius-md: 8px;
6
+ --ref-border-radius-sm: 6px;
7
+ --ref-border-radius-md: 6px;
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: 4px;
151
- --sys-border-radius-md: 4px;
152
- --sys-border-radius-lg: 8px;
150
+ --sys-border-radius-sm: 6px;
151
+ --sys-border-radius-md: 6px;
152
+ --sys-border-radius-lg: 6px;
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,7 +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-radius: 4px;
257
+ --comp-action-dropdown-border-radius: 6px;
258
258
  --comp-action-dropdown-padding: 8px 0;
259
259
  --comp-action-dropdown-item-padding: 8px 16px;
260
260
  --comp-action-dropdown-item-text-size: 14px;
@@ -275,7 +275,7 @@
275
275
  --comp-action-dropdown-item-description-line-height: 18px;
276
276
  --comp-action-dropdown-divider-color: #EAECEF;
277
277
  --comp-action-dropdown-divider-margin: 8px 0;
278
- --comp-avatar-border-radius: 4px;
278
+ --comp-avatar-border-radius: 6px;
279
279
  --comp-avatar-background-color: #AEB5C1;
280
280
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
281
281
  --comp-avatar-symbol-color: #FFFFFF;
@@ -301,7 +301,7 @@
301
301
  --comp-button-padding-horizontal: 8px;
302
302
  --comp-button-padding-vertical: 16px;
303
303
  --comp-button-height: 40px;
304
- --comp-button-border-radius: 4px;
304
+ --comp-button-border-radius: 6px;
305
305
  --comp-button-spacing: 8px;
306
306
  --comp-close-button-size: 20px;
307
307
  --comp-close-button-padding: 8px;
@@ -340,9 +340,9 @@
340
340
  --comp-icon-button-padding: 8px;
341
341
  --comp-icon-button-width: 36px;
342
342
  --comp-icon-button-height: 36px;
343
- --comp-icon-button-border-radius: 8px;
343
+ --comp-icon-button-border-radius: 6px;
344
344
  --comp-infobox-border-width: 4px;
345
- --comp-infobox-border-radius: 4px;
345
+ --comp-infobox-border-radius: 6px;
346
346
  --comp-infobox-text-title-size: 16px;
347
347
  --comp-infobox-text-title-font-family: Averta;
348
348
  --comp-infobox-text-title-weight: 700;
@@ -374,7 +374,7 @@
374
374
  --comp-input-height: 36px;
375
375
  --comp-input-padding-horizontal: 12px;
376
376
  --comp-input-spacing-horizontal: 8px;
377
- --comp-input-border-radius: 4px;
377
+ --comp-input-border-radius: 6px;
378
378
  --comp-input-border-default-color: #D6DAE0;
379
379
  --comp-input-border-hover-color: #AEB5C1;
380
380
  --comp-input-border-focused-color: #178DFE;
@@ -418,7 +418,7 @@
418
418
  --comp-text-area-height: 80px;
419
419
  --comp-text-area-padding-horizontal: 12px;
420
420
  --comp-text-area-spacing-horizontal: 8px;
421
- --comp-text-area-border-radius: 4px;
421
+ --comp-text-area-border-radius: 6px;
422
422
  --comp-text-area-border-default-color: #858FA1;
423
423
  --comp-text-area-border-hover-color: #5D6A82;
424
424
  --comp-text-area-border-focused-color: #178DFE;
@@ -544,7 +544,7 @@
544
544
  --comp-snackbar-text-style-line-height: 18px;
545
545
  --comp-snackbar-text-color: #344563;
546
546
  --comp-snackbar-width: 420px;
547
- --comp-snackbar-border-radius: 8px;
547
+ --comp-snackbar-border-radius: 6px;
548
548
  --comp-snackbar-padding-horizontal: 16px;
549
549
  --comp-snackbar-padding-vertical: 12px;
550
550
  --comp-snackbar-spacing: 12px;
@@ -559,7 +559,7 @@
559
559
  --comp-split-button-text-line-height: 20px;
560
560
  --comp-split-button-padding-horizontal: 8px;
561
561
  --comp-split-button-padding-vertical: 16px;
562
- --comp-split-button-border-radius: 4px;
562
+ --comp-split-button-border-radius: 6px;
563
563
  --comp-split-button-spacing: 8px;
564
564
  --comp-status-card-text-style-font-family: Averta;
565
565
  --comp-status-card-text-style-size: 12px;
@@ -625,7 +625,7 @@
625
625
  --comp-tag-text-style-size: 14px;
626
626
  --comp-tag-text-style-font-weight: 400;
627
627
  --comp-tag-text-style-line-height: 18px;
628
- --comp-tag-border-radius: 4px;
628
+ --comp-tag-border-radius: 6px;
629
629
  --comp-tag-spacing: 4px;
630
630
  --comp-tag-height: 24px;
631
631
  --comp-tag-padding-left: 4px;
package/assets/style/_input.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .ap-input {
2
2
  border: 1px solid var(--comp-input-border-default-color);
3
- border-radius: var(--comp-input-border-radius);
3
+ border-radius: 6px;
4
4
  color: var(--comp-input-text-default-color);
5
5
  font-family: var(--comp-input-text-font-family);
6
6
  font-size: var(--comp-input-text-size);
package/assets/style/components-custom-style/_input.scss CHANGED
@@ -22,7 +22,7 @@ form.full-width {
22
22
  input,
23
23
  textarea {
24
24
  border: 1px solid var(--comp-input-border-default-color);
25
- border-radius: var(--comp-input-border-radius);
25
+ border-radius: 6px;
26
26
  color: var(--comp-input-text-default-color);
27
27
  font-family: var(--comp-input-text-font-family);
28
28
  font-size: var(--comp-input-text-size);
@@ -72,7 +72,7 @@ textarea {
72
72
  flex-direction: row;
73
73
  width: 180px;
74
74
  color: var(--comp-input-text-default-color);
75
- border-radius: var(--comp-input-border-radius);
75
+ border-radius: 6px;
76
76
 
77
77
  input {
78
78
  box-sizing: border-box;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "20.0.3",
3
+ "version": "20.0.5-beta.1",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/action-dropdown.json CHANGED
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "border": {
13
13
  "radius": {
14
- "value": "{sys.border.radius.sm}"
14
+ "value": "6px"
15
15
  }
16
16
  },
17
17
  "padding": {
package/src/tokens/components/avatar.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "avatar": {
4
4
  "border": {
5
5
  "radius": {
6
- "value": "{sys.border.radius.sm}"
6
+ "value": "6px"
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": "{sys.border.radius.md}"
30
+ "value": "6px"
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": "{sys.border.radius.lg}"
14
+ "value": "6px"
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": "{ref.borderRadius.sm}"
9
+ "value": "6px"
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": "{sys.border.radius.sm}"
24
+ "value": "6px"
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": "{sys.border.radius.lg}"
28
+ "value": "6px"
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": "{sys.border.radius.md}"
27
+ "value": "6px"
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": "{ref.spacing.xxxs}"
22
+ "value": "6px"
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": "4px"
5
+ "value": "6px"
6
6
  },
7
7
  "md" : {
8
- "value": "8px"
8
+ "value": "6px"
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": "{ref.borderRadius.sm}"
17
+ "value": "6px"
18
18
  },
19
19
  "md": {
20
- "value": "{ref.borderRadius.sm}"
20
+ "value": "6px"
21
21
  },
22
22
  "lg": {
23
- "value": "{ref.borderRadius.md}"
23
+ "value": "6px"
24
24
  }
25
25
  }
26
26
  }
package/agorapulse-ui-theme-20.0.3.tgz DELETED
Binary file