@agorapulse/ui-theme 15.0.19 → 15.0.21

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 (7) hide show
  1. package/agorapulse-ui-theme-15.0.21.tgz +0 -0
  2. package/assets/desktop_variables.css +29 -0
  3. package/assets/mobile_variables.css +29 -0
  4. package/assets/style/components-custom-style/_ng-select.scss +11 -0
  5. package/package.json +1 -1
  6. package/src/tokens/components/infobox.json +139 -0
  7. package/agorapulse-ui-theme-15.0.19.tgz +0 -0
package/agorapulse-ui-theme-15.0.21.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -246,6 +246,35 @@
246
246
  --comp-icon-button-width: 36px;
247
247
  --comp-icon-button-height: 36px;
248
248
  --comp-icon-button-border-radius: 8px;
249
+ --comp-infobox-border-width: 4px;
250
+ --comp-infobox-border-radius: 4px;
251
+ --comp-infobox-text-title-size: 16px;
252
+ --comp-infobox-text-title-font-family: Averta;
253
+ --comp-infobox-text-title-weight: 700;
254
+ --comp-infobox-text-title-line-height: 24px;
255
+ --comp-infobox-text-content-size: 14px;
256
+ --comp-infobox-text-content-font-family: Averta;
257
+ --comp-infobox-text-content-weight: 400;
258
+ --comp-infobox-text-content-line-height: 18px;
259
+ --comp-infobox-padding-right: 12px;
260
+ --comp-infobox-padding-left: 16px;
261
+ --comp-infobox-padding-bottom: 12px;
262
+ --comp-infobox-padding-top: 12px;
263
+ --comp-infobox-button-margin-right: 8px;
264
+ --comp-infobox-button-margin-left: 8px;
265
+ --comp-infobox-gap: 12px;
266
+ --comp-infobox-error-background-color: #FAD0D0;
267
+ --comp-infobox-error-border-left-color: #D80505;
268
+ --comp-infobox-error-icon-color: #D80505;
269
+ --comp-infobox-warning-background-color: #FEF0CC;
270
+ --comp-infobox-warning-border-left-color: #A66200;
271
+ --comp-infobox-warning-icon-color: #A66200;
272
+ --comp-infobox-info-background-color: #D1E8FF;
273
+ --comp-infobox-info-border-left-color: #0E72D6;
274
+ --comp-infobox-info-icon-color: #0E72D6;
275
+ --comp-infobox-success-background-color: #DAF1DD;
276
+ --comp-infobox-success-border-left-color: #0F821D;
277
+ --comp-infobox-success-icon-color: #0F821D;
249
278
  --comp-split-button-text-size: 14px;
250
279
  --comp-split-button-text-font-family: Averta;
251
280
  --comp-split-button-text-weight: 700;
package/assets/mobile_variables.css CHANGED
@@ -246,6 +246,35 @@
246
246
  --comp-icon-button-width: 36px;
247
247
  --comp-icon-button-height: 36px;
248
248
  --comp-icon-button-border-radius: 8px;
249
+ --comp-infobox-border-width: 4px;
250
+ --comp-infobox-border-radius: 4px;
251
+ --comp-infobox-text-title-size: 16px;
252
+ --comp-infobox-text-title-font-family: Averta;
253
+ --comp-infobox-text-title-weight: 700;
254
+ --comp-infobox-text-title-line-height: 24px;
255
+ --comp-infobox-text-content-size: 14px;
256
+ --comp-infobox-text-content-font-family: Averta;
257
+ --comp-infobox-text-content-weight: 400;
258
+ --comp-infobox-text-content-line-height: 18px;
259
+ --comp-infobox-padding-right: 12px;
260
+ --comp-infobox-padding-left: 16px;
261
+ --comp-infobox-padding-bottom: 12px;
262
+ --comp-infobox-padding-top: 12px;
263
+ --comp-infobox-button-margin-right: 8px;
264
+ --comp-infobox-button-margin-left: 8px;
265
+ --comp-infobox-gap: 12px;
266
+ --comp-infobox-error-background-color: #FAD0D0;
267
+ --comp-infobox-error-border-left-color: #D80505;
268
+ --comp-infobox-error-icon-color: #D80505;
269
+ --comp-infobox-warning-background-color: #FEF0CC;
270
+ --comp-infobox-warning-border-left-color: #A66200;
271
+ --comp-infobox-warning-icon-color: #A66200;
272
+ --comp-infobox-info-background-color: #D1E8FF;
273
+ --comp-infobox-info-border-left-color: #0E72D6;
274
+ --comp-infobox-info-icon-color: #0E72D6;
275
+ --comp-infobox-success-background-color: #DAF1DD;
276
+ --comp-infobox-success-border-left-color: #0F821D;
277
+ --comp-infobox-success-icon-color: #0F821D;
249
278
  --comp-split-button-text-size: 14px;
250
279
  --comp-split-button-text-font-family: Averta;
251
280
  --comp-split-button-text-weight: 700;
package/assets/style/components-custom-style/_ng-select.scss CHANGED
@@ -123,6 +123,17 @@ form.submitted {
123
123
  div {
124
124
  color: $form-control-selected-font-color;
125
125
  }
126
+
127
+ ap-avatar {
128
+ ap-symbol {
129
+ .ap-symbol {
130
+ color: var(--ref-color-white);
131
+ }
132
+ }
133
+ .initials {
134
+ color: var(--ref-color-white);
135
+ }
136
+ }
126
137
  &.ng-option-selected {
127
138
  background-color: unset;
128
139
  span {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "15.0.19",
3
+ "version": "15.0.21",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
package/src/tokens/components/infobox.json ADDED
@@ -0,0 +1,139 @@
1
+ {
2
+ "comp": {
3
+ "infobox": {
4
+ "border": {
5
+ "width": {
6
+ "value": "{ref.spacing.xxxs}"
7
+ },
8
+ "radius": {
9
+ "value": "{ref.borderRadius.sm}"
10
+ }
11
+ },
12
+ "text": {
13
+ "title": {
14
+ "size": {
15
+ "value": "{sys.text.style.h3.size}"
16
+ },
17
+ "font-family": {
18
+ "value": "{sys.text.style.h3.font-family}"
19
+ },
20
+ "weight": {
21
+ "value": "{sys.text.style.h3.weight}"
22
+ },
23
+ "lineHeight": {
24
+ "value": "{sys.text.style.h3.line-height}"
25
+ }
26
+ },
27
+ "content": {
28
+ "size": {
29
+ "value": "{sys.text.style.body.size}"
30
+ },
31
+ "font-family": {
32
+ "value": "{sys.text.style.body.font-family}"
33
+ },
34
+ "weight": {
35
+ "value": "{sys.text.style.body.weight}"
36
+ },
37
+ "lineHeight": {
38
+ "value": "{sys.text.style.body.line-height}"
39
+ }
40
+ }
41
+ },
42
+ "padding": {
43
+ "right": {
44
+ "value": "{ref.spacing.xs}"
45
+ },
46
+ "left": {
47
+ "value": "{ref.spacing.sm}"
48
+ },
49
+ "bottom": {
50
+ "value": "{ref.spacing.xs}"
51
+ },
52
+ "top": {
53
+ "value": "{ref.spacing.xs}"
54
+ }
55
+ },
56
+ "button": {
57
+ "margin": {
58
+ "right": {
59
+ "value": "{ref.spacing.xxs}"
60
+ },
61
+ "left": {
62
+ "value": "{ref.spacing.xxs}"
63
+ }
64
+ }
65
+ },
66
+ "gap": {
67
+ "value": "{ref.spacing.xs}"
68
+ },
69
+ "error": {
70
+ "background": {
71
+ "color": {
72
+ "value": "{ref.color.red.20}"
73
+ }
74
+ },
75
+ "borderLeft": {
76
+ "color": {
77
+ "value": "{ref.color.red.150}"
78
+ }
79
+ },
80
+ "icon": {
81
+ "color": {
82
+ "value": "{ref.color.red.150}"
83
+ }
84
+ }
85
+ },
86
+ "warning": {
87
+ "background": {
88
+ "color": {
89
+ "value": "{ref.color.tag-orange.20}"
90
+ }
91
+ },
92
+ "borderLeft": {
93
+ "color": {
94
+ "value": "{ref.color.tag-orange.150}"
95
+ }
96
+ },
97
+ "icon": {
98
+ "color": {
99
+ "value": "{ref.color.tag-orange.150}"
100
+ }
101
+ }
102
+ },
103
+ "info": {
104
+ "background": {
105
+ "color": {
106
+ "value": "{ref.color.electricBlue.20}"
107
+ }
108
+ },
109
+ "borderLeft": {
110
+ "color": {
111
+ "value": "{ref.color.electricBlue.150}"
112
+ }
113
+ },
114
+ "icon": {
115
+ "color": {
116
+ "value": "{ref.color.electricBlue.150}"
117
+ }
118
+ }
119
+ },
120
+ "success": {
121
+ "background": {
122
+ "color": {
123
+ "value": "{ref.color.green.20}"
124
+ }
125
+ },
126
+ "borderLeft": {
127
+ "color": {
128
+ "value": "{ref.color.green.150}"
129
+ }
130
+ },
131
+ "icon": {
132
+ "color": {
133
+ "value": "{ref.color.green.150}"
134
+ }
135
+ }
136
+ }
137
+ }
138
+ }
139
+ }
package/agorapulse-ui-theme-15.0.19.tgz DELETED
Binary file