@agorapulse/ui-theme 20.0.1 → 20.0.2

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.2.tgz +0 -0
  2. package/assets/desktop_variables.css +15 -15
  3. package/assets/mobile_variables.css +15 -15
  4. package/package.json +23 -23
  5. package/src/tokens/components/action-dropdown.json +1 -1
  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.1.tgz +0 -0
package/agorapulse-ui-theme-20.0.2.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: 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;
@@ -255,7 +255,7 @@
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
257
  --comp-action-dropdown-border-color: #EAECEF;
258
- --comp-action-dropdown-border-radius: 4px;
258
+ --comp-action-dropdown-border-radius: 6px;
259
259
  --comp-action-dropdown-padding: 8px 0;
260
260
  --comp-action-dropdown-item-padding: 8px 16px;
261
261
  --comp-action-dropdown-item-text-size: 14px;
@@ -276,7 +276,7 @@
276
276
  --comp-action-dropdown-item-description-line-height: 18px;
277
277
  --comp-action-dropdown-divider-color: #EAECEF;
278
278
  --comp-action-dropdown-divider-margin: 8px 0;
279
- --comp-avatar-border-radius: 4px;
279
+ --comp-avatar-border-radius: 6px;
280
280
  --comp-avatar-background-color: #AEB5C1;
281
281
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
282
282
  --comp-avatar-symbol-color: #FFFFFF;
@@ -302,7 +302,7 @@
302
302
  --comp-button-padding-horizontal: 8px;
303
303
  --comp-button-padding-vertical: 16px;
304
304
  --comp-button-height: 36px;
305
- --comp-button-border-radius: 4px;
305
+ --comp-button-border-radius: 6px;
306
306
  --comp-button-spacing: 8px;
307
307
  --comp-close-button-size: 20px;
308
308
  --comp-close-button-padding: 10px;
@@ -341,9 +341,9 @@
341
341
  --comp-icon-button-padding: 10px;
342
342
  --comp-icon-button-width: 36px;
343
343
  --comp-icon-button-height: 36px;
344
- --comp-icon-button-border-radius: 8px;
344
+ --comp-icon-button-border-radius: 6px;
345
345
  --comp-infobox-border-width: 4px;
346
- --comp-infobox-border-radius: 4px;
346
+ --comp-infobox-border-radius: 6px;
347
347
  --comp-infobox-text-title-size: 16px;
348
348
  --comp-infobox-text-title-font-family: Averta;
349
349
  --comp-infobox-text-title-weight: 700;
@@ -375,7 +375,7 @@
375
375
  --comp-input-height: 36px;
376
376
  --comp-input-padding-horizontal: 12px;
377
377
  --comp-input-spacing-horizontal: 8px;
378
- --comp-input-border-radius: 4px;
378
+ --comp-input-border-radius: 6px;
379
379
  --comp-input-border-default-color: #D6DAE0;
380
380
  --comp-input-border-hover-color: #AEB5C1;
381
381
  --comp-input-border-focused-color: #178DFE;
@@ -419,7 +419,7 @@
419
419
  --comp-text-area-height: 80px;
420
420
  --comp-text-area-padding-horizontal: 12px;
421
421
  --comp-text-area-spacing-horizontal: 8px;
422
- --comp-text-area-border-radius: 4px;
422
+ --comp-text-area-border-radius: 6px;
423
423
  --comp-text-area-border-default-color: #858FA1;
424
424
  --comp-text-area-border-hover-color: #5D6A82;
425
425
  --comp-text-area-border-focused-color: #178DFE;
@@ -545,7 +545,7 @@
545
545
  --comp-snackbar-text-style-line-height: 18px;
546
546
  --comp-snackbar-text-color: #344563;
547
547
  --comp-snackbar-width: 420px;
548
- --comp-snackbar-border-radius: 8px;
548
+ --comp-snackbar-border-radius: 6px;
549
549
  --comp-snackbar-padding-horizontal: 16px;
550
550
  --comp-snackbar-padding-vertical: 12px;
551
551
  --comp-snackbar-spacing: 12px;
@@ -560,7 +560,7 @@
560
560
  --comp-split-button-text-line-height: 20px;
561
561
  --comp-split-button-padding-horizontal: 8px;
562
562
  --comp-split-button-padding-vertical: 16px;
563
- --comp-split-button-border-radius: 4px;
563
+ --comp-split-button-border-radius: 6px;
564
564
  --comp-split-button-spacing: 8px;
565
565
  --comp-status-card-text-style-font-family: Averta;
566
566
  --comp-status-card-text-style-size: 12px;
@@ -626,7 +626,7 @@
626
626
  --comp-tag-text-style-size: 14px;
627
627
  --comp-tag-text-style-font-weight: 400;
628
628
  --comp-tag-text-style-line-height: 18px;
629
- --comp-tag-border-radius: 4px;
629
+ --comp-tag-border-radius: 6px;
630
630
  --comp-tag-spacing: 4px;
631
631
  --comp-tag-height: 24px;
632
632
  --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;
@@ -255,7 +255,7 @@
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
257
  --comp-action-dropdown-border-color: #EAECEF;
258
- --comp-action-dropdown-border-radius: 4px;
258
+ --comp-action-dropdown-border-radius: 6px;
259
259
  --comp-action-dropdown-padding: 8px 0;
260
260
  --comp-action-dropdown-item-padding: 8px 16px;
261
261
  --comp-action-dropdown-item-text-size: 14px;
@@ -276,7 +276,7 @@
276
276
  --comp-action-dropdown-item-description-line-height: 18px;
277
277
  --comp-action-dropdown-divider-color: #EAECEF;
278
278
  --comp-action-dropdown-divider-margin: 8px 0;
279
- --comp-avatar-border-radius: 4px;
279
+ --comp-avatar-border-radius: 6px;
280
280
  --comp-avatar-background-color: #AEB5C1;
281
281
  --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
282
282
  --comp-avatar-symbol-color: #FFFFFF;
@@ -302,7 +302,7 @@
302
302
  --comp-button-padding-horizontal: 8px;
303
303
  --comp-button-padding-vertical: 16px;
304
304
  --comp-button-height: 40px;
305
- --comp-button-border-radius: 4px;
305
+ --comp-button-border-radius: 6px;
306
306
  --comp-button-spacing: 8px;
307
307
  --comp-close-button-size: 20px;
308
308
  --comp-close-button-padding: 8px;
@@ -341,9 +341,9 @@
341
341
  --comp-icon-button-padding: 8px;
342
342
  --comp-icon-button-width: 36px;
343
343
  --comp-icon-button-height: 36px;
344
- --comp-icon-button-border-radius: 8px;
344
+ --comp-icon-button-border-radius: 6px;
345
345
  --comp-infobox-border-width: 4px;
346
- --comp-infobox-border-radius: 4px;
346
+ --comp-infobox-border-radius: 6px;
347
347
  --comp-infobox-text-title-size: 16px;
348
348
  --comp-infobox-text-title-font-family: Averta;
349
349
  --comp-infobox-text-title-weight: 700;
@@ -375,7 +375,7 @@
375
375
  --comp-input-height: 36px;
376
376
  --comp-input-padding-horizontal: 12px;
377
377
  --comp-input-spacing-horizontal: 8px;
378
- --comp-input-border-radius: 4px;
378
+ --comp-input-border-radius: 6px;
379
379
  --comp-input-border-default-color: #D6DAE0;
380
380
  --comp-input-border-hover-color: #AEB5C1;
381
381
  --comp-input-border-focused-color: #178DFE;
@@ -419,7 +419,7 @@
419
419
  --comp-text-area-height: 80px;
420
420
  --comp-text-area-padding-horizontal: 12px;
421
421
  --comp-text-area-spacing-horizontal: 8px;
422
- --comp-text-area-border-radius: 4px;
422
+ --comp-text-area-border-radius: 6px;
423
423
  --comp-text-area-border-default-color: #858FA1;
424
424
  --comp-text-area-border-hover-color: #5D6A82;
425
425
  --comp-text-area-border-focused-color: #178DFE;
@@ -545,7 +545,7 @@
545
545
  --comp-snackbar-text-style-line-height: 18px;
546
546
  --comp-snackbar-text-color: #344563;
547
547
  --comp-snackbar-width: 420px;
548
- --comp-snackbar-border-radius: 8px;
548
+ --comp-snackbar-border-radius: 6px;
549
549
  --comp-snackbar-padding-horizontal: 16px;
550
550
  --comp-snackbar-padding-vertical: 12px;
551
551
  --comp-snackbar-spacing: 12px;
@@ -560,7 +560,7 @@
560
560
  --comp-split-button-text-line-height: 20px;
561
561
  --comp-split-button-padding-horizontal: 8px;
562
562
  --comp-split-button-padding-vertical: 16px;
563
- --comp-split-button-border-radius: 4px;
563
+ --comp-split-button-border-radius: 6px;
564
564
  --comp-split-button-spacing: 8px;
565
565
  --comp-status-card-text-style-font-family: Averta;
566
566
  --comp-status-card-text-style-size: 12px;
@@ -626,7 +626,7 @@
626
626
  --comp-tag-text-style-size: 14px;
627
627
  --comp-tag-text-style-font-weight: 400;
628
628
  --comp-tag-text-style-line-height: 18px;
629
- --comp-tag-border-radius: 4px;
629
+ --comp-tag-border-radius: 6px;
630
630
  --comp-tag-spacing: 4px;
631
631
  --comp-tag-height: 24px;
632
632
  --comp-tag-padding-left: 4px;
package/package.json CHANGED
@@ -1,24 +1,24 @@
1
1
  {
2
- "name": "@agorapulse/ui-theme",
3
- "version": "20.0.1",
4
- "description": "Agorapulse UI Theme Library",
5
- "repository": {
6
- "type": "git",
7
- "url": "https://github.com/agorapulse/design.git"
8
- },
9
- "author": "Arnaud BUSO",
10
- "license": "ISC",
11
- "bugs": {
12
- "url": "https://github.com/agorapulse/design/issues"
13
- },
14
- "scripts": {
15
- "generate-tokens": "cd src && node build.js && cd ../assets && git add mobile_variables.css && git add desktop_variables.css"
16
- },
17
- "homepage": "https://github.com/agorapulse/design#readme",
18
- "peerDependencies": {
19
- "@angular/material": "20.1.3"
20
- },
21
- "devDependencies": {
22
- "style-dictionary": "^3.7.2"
23
- }
24
- }
2
+ "name": "@agorapulse/ui-theme",
3
+ "version": "20.0.2",
4
+ "description": "Agorapulse UI Theme Library",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://github.com/agorapulse/design.git"
8
+ },
9
+ "author": "Arnaud BUSO",
10
+ "license": "ISC",
11
+ "bugs": {
12
+ "url": "https://github.com/agorapulse/design/issues"
13
+ },
14
+ "scripts": {
15
+ "generate-tokens": "cd src && node build.js && cd ../assets && git add mobile_variables.css && git add desktop_variables.css"
16
+ },
17
+ "homepage": "https://github.com/agorapulse/design#readme",
18
+ "peerDependencies": {
19
+ "@angular/material": "20.1.3"
20
+ },
21
+ "devDependencies": {
22
+ "style-dictionary": "^3.7.2"
23
+ }
24
+ }
package/src/tokens/components/action-dropdown.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "value": "{ref.color.grey.10}"
15
15
  },
16
16
  "radius": {
17
- "value": "{sys.border.radius.sm}"
17
+ "value": "6px"
18
18
  }
19
19
  },
20
20
  "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.1.tgz DELETED
Binary file