@agorapulse/ui-theme 18.0.5 → 18.0.7

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 (11) hide show
  1. package/agorapulse-ui-theme-18.0.7.tgz +0 -0
  2. package/assets/desktop_variables.css +16 -5
  3. package/assets/mobile_variables.css +16 -5
  4. package/package.json +1 -1
  5. package/src/tokens/components/avatar.json +42 -0
  6. package/src/tokens/components/close-button.json +22 -0
  7. package/src/tokens/components/counter.json +1 -1
  8. package/src/tokens/components/status-card.json +2 -2
  9. package/src/tokens/reference/border-radius.json +0 -3
  10. package/src/tokens/system/border.json +1 -1
  11. package/agorapulse-ui-theme-18.0.5.tgz +0 -0
package/agorapulse-ui-theme-18.0.7.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -4,8 +4,7 @@
4
4
  --ref-animation-short: 150ms;
5
5
  --ref-animation-xshort: 75ms;
6
6
  --ref-border-radius-sm: 4px;
7
- --ref-border-radius-md: 6px;
8
- --ref-border-radius-lg: 8px;
7
+ --ref-border-radius-md: 8px;
9
8
  --ref-color-white: #FFFFFF;
10
9
  --ref-color-background: #F9F9FA;
11
10
  --ref-color-orange-10: #FFEFE9;
@@ -245,6 +244,14 @@
245
244
  --sys-icon-button-padding: 10px;
246
245
  --sys-icon-button-width: 36px;
247
246
  --sys-icon-button-height: 36px;
247
+ --comp-avatar-border-radius: 4px;
248
+ --comp-avatar-background-color: #AEB5C1;
249
+ --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
250
+ --comp-avatar-symbol-color: #FFFFFF;
251
+ --comp-avatar-initials-weight: 700;
252
+ --comp-avatar-initials-color: #FFFFFF;
253
+ --comp-avatar-online-background: #45B854;
254
+ --comp-avatar-online-border-color: #FFFFFF;
248
255
  --comp-badge-text-style-font-family: Averta;
249
256
  --comp-badge-text-style-size: 12px;
250
257
  --comp-badge-text-style-font-weight: 700;
@@ -265,6 +272,10 @@
265
272
  --comp-button-height: 36px;
266
273
  --comp-button-border-radius: 4px;
267
274
  --comp-button-spacing: 8px;
275
+ --comp-close-button-size: 20px;
276
+ --comp-close-button-padding: 10px;
277
+ --comp-close-button-hover-background: #3445631A;
278
+ --comp-close-button-active-background: #34456333;
268
279
  --comp-counter-text-style-font-family: Averta;
269
280
  --comp-counter-text-style-size: 12px;
270
281
  --comp-counter-text-style-font-weight: 700;
@@ -280,7 +291,7 @@
280
291
  --comp-counter-notif-min-width: 16px;
281
292
  --comp-counter-notif-color: #FFFFFF;
282
293
  --comp-counter-notif-background-color: #FF6726;
283
- --comp-counter-orange-color: #FF6726;
294
+ --comp-counter-orange-color: #C83E07;
284
295
  --comp-counter-orange-with-background-color: #FFFFFF;
285
296
  --comp-counter-orange-with-background-background-color: #FF6726;
286
297
  --comp-counter-blue-color: #0E72D6;
@@ -541,7 +552,7 @@
541
552
  --comp-status-card-green-icon-color: #45B854;
542
553
  --comp-status-card-green-background-color: #ECF7ED;
543
554
  --comp-status-card-green-border-color: #DAF1DD;
544
- --comp-status-card-tag-orange-icon-color: #FBB500;
555
+ --comp-status-card-tag-orange-icon-color: #A66200;
545
556
  --comp-status-card-tag-orange-background-color: #FFF8E6;
546
557
  --comp-status-card-tag-orange-border-color: #FEF0CC;
547
558
  --comp-status-card-blue-icon-color: #178DFE;
@@ -554,7 +565,7 @@
554
565
  --comp-status-card-orange-background-color: #FFEFE9;
555
566
  --comp-status-card-orange-border-color: #FFE1D4;
556
567
  --comp-status-card-grey-icon-color: #344563;
557
- --comp-status-card-grey-background-color: #EAECEF;
568
+ --comp-status-card-grey-background-color: #F5F5F7;
558
569
  --comp-status-card-grey-border-color: #D6DAE0;
559
570
  --comp-status-text-style-font-family: Averta;
560
571
  --comp-status-text-style-size: 12px;
package/assets/mobile_variables.css CHANGED
@@ -4,8 +4,7 @@
4
4
  --ref-animation-short: 150ms;
5
5
  --ref-animation-xshort: 75ms;
6
6
  --ref-border-radius-sm: 4px;
7
- --ref-border-radius-md: 6px;
8
- --ref-border-radius-lg: 8px;
7
+ --ref-border-radius-md: 8px;
9
8
  --ref-color-white: #FFFFFF;
10
9
  --ref-color-background: #F9F9FA;
11
10
  --ref-color-orange-10: #FFEFE9;
@@ -245,6 +244,14 @@
245
244
  --sys-icon-button-padding: 8px;
246
245
  --sys-icon-button-width: 36px;
247
246
  --sys-icon-button-height: 36px;
247
+ --comp-avatar-border-radius: 4px;
248
+ --comp-avatar-background-color: #AEB5C1;
249
+ --comp-avatar-background-shadow: 0 0 0 1px #EAECEF;
250
+ --comp-avatar-symbol-color: #FFFFFF;
251
+ --comp-avatar-initials-weight: 700;
252
+ --comp-avatar-initials-color: #FFFFFF;
253
+ --comp-avatar-online-background: #45B854;
254
+ --comp-avatar-online-border-color: #FFFFFF;
248
255
  --comp-badge-text-style-font-family: Averta;
249
256
  --comp-badge-text-style-size: 12px;
250
257
  --comp-badge-text-style-font-weight: 700;
@@ -265,6 +272,10 @@
265
272
  --comp-button-height: 40px;
266
273
  --comp-button-border-radius: 4px;
267
274
  --comp-button-spacing: 8px;
275
+ --comp-close-button-size: 20px;
276
+ --comp-close-button-padding: 8px;
277
+ --comp-close-button-hover-background: #3445631A;
278
+ --comp-close-button-active-background: #34456333;
268
279
  --comp-counter-text-style-font-family: Averta;
269
280
  --comp-counter-text-style-size: 12px;
270
281
  --comp-counter-text-style-font-weight: 700;
@@ -280,7 +291,7 @@
280
291
  --comp-counter-notif-min-width: 16px;
281
292
  --comp-counter-notif-color: #FFFFFF;
282
293
  --comp-counter-notif-background-color: #FF6726;
283
- --comp-counter-orange-color: #FF6726;
294
+ --comp-counter-orange-color: #C83E07;
284
295
  --comp-counter-orange-with-background-color: #FFFFFF;
285
296
  --comp-counter-orange-with-background-background-color: #FF6726;
286
297
  --comp-counter-blue-color: #0E72D6;
@@ -541,7 +552,7 @@
541
552
  --comp-status-card-green-icon-color: #45B854;
542
553
  --comp-status-card-green-background-color: #ECF7ED;
543
554
  --comp-status-card-green-border-color: #DAF1DD;
544
- --comp-status-card-tag-orange-icon-color: #FBB500;
555
+ --comp-status-card-tag-orange-icon-color: #A66200;
545
556
  --comp-status-card-tag-orange-background-color: #FFF8E6;
546
557
  --comp-status-card-tag-orange-border-color: #FEF0CC;
547
558
  --comp-status-card-blue-icon-color: #178DFE;
@@ -554,7 +565,7 @@
554
565
  --comp-status-card-orange-background-color: #FFEFE9;
555
566
  --comp-status-card-orange-border-color: #FFE1D4;
556
567
  --comp-status-card-grey-icon-color: #344563;
557
- --comp-status-card-grey-background-color: #EAECEF;
568
+ --comp-status-card-grey-background-color: #F5F5F7;
558
569
  --comp-status-card-grey-border-color: #D6DAE0;
559
570
  --comp-status-text-style-font-family: Averta;
560
571
  --comp-status-text-style-size: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "18.0.5",
3
+ "version": "18.0.7",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/avatar.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "comp": {
3
+ "avatar": {
4
+ "border": {
5
+ "radius": {
6
+ "value": "{sys.border.radius.sm}"
7
+ }
8
+ },
9
+ "background": {
10
+ "color": {
11
+ "value": "{ref.color.grey.40}"
12
+ },
13
+ "shadow": {
14
+ "value": "0 0 0 1px {ref.color.grey.10}"
15
+ }
16
+ },
17
+ "symbol": {
18
+ "color": {
19
+ "value": "{ref.color.white}"
20
+ }
21
+ },
22
+ "initials" : {
23
+ "weight": {
24
+ "value": "{ref.font.weight.bold}"
25
+ },
26
+ "color": {
27
+ "value": "{ref.color.white}"
28
+ }
29
+ },
30
+ "online": {
31
+ "background": {
32
+ "value": "{ref.color.green.100}"
33
+ },
34
+ "border": {
35
+ "color": {
36
+ "value": "{ref.color.white}"
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }
42
+ }
package/src/tokens/components/close-button.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "comp": {
3
+ "closeButton": {
4
+ "size": {
5
+ "value": "20px"
6
+ },
7
+ "padding": {
8
+ "value": "{sys.icon-button.padding}"
9
+ },
10
+ "hover": {
11
+ "background": {
12
+ "value": "#3445631A"
13
+ }
14
+ },
15
+ "active": {
16
+ "background": {
17
+ "value": "#34456333"
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
package/src/tokens/components/counter.json CHANGED
@@ -66,7 +66,7 @@
66
66
  },
67
67
  "orange": {
68
68
  "color": {
69
- "value": "{ref.color.orange.100}"
69
+ "value": "{ref.color.orange.150}"
70
70
  },
71
71
  "withBackground": {
72
72
  "color": {
package/src/tokens/components/status-card.json CHANGED
@@ -100,7 +100,7 @@
100
100
  "tag-orange": {
101
101
  "icon": {
102
102
  "color": {
103
- "value": "{ref.color.tag-orange.100}"
103
+ "value": "{ref.color.tag-orange.150}"
104
104
  }
105
105
  },
106
106
  "background": {
@@ -173,7 +173,7 @@
173
173
  },
174
174
  "background": {
175
175
  "color": {
176
- "value": "{ref.color.grey.10}"
176
+ "value": "{ref.color.grey.05}"
177
177
  }
178
178
  },
179
179
  "border": {
package/src/tokens/reference/border-radius.json CHANGED
@@ -5,9 +5,6 @@
5
5
  "value": "4px"
6
6
  },
7
7
  "md" : {
8
- "value": "6px"
9
- },
10
- "lg" : {
11
8
  "value": "8px"
12
9
  }
13
10
  }
package/src/tokens/system/border.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "value": "{ref.borderRadius.sm}"
21
21
  },
22
22
  "lg": {
23
- "value": "{ref.borderRadius.lg}"
23
+ "value": "{ref.borderRadius.md}"
24
24
  }
25
25
  }
26
26
  }
package/agorapulse-ui-theme-18.0.5.tgz DELETED
Binary file