@agorapulse/ui-theme 15.0.20 → 15.0.22

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 (12) hide show
  1. package/agorapulse-ui-theme-15.0.22.tgz +0 -0
  2. package/assets/desktop_variables.css +61 -5
  3. package/assets/mobile_variables.css +61 -5
  4. package/assets/style/_link.scss +80 -0
  5. package/assets/style/_mat-typography.scss +7 -12
  6. package/assets/style/components-custom-style/_clickable-text.scss +1 -1
  7. package/assets/style/theme.scss +11 -9
  8. package/package.json +1 -1
  9. package/src/tokens/components/infobox.json +139 -0
  10. package/src/tokens/components/link.json +127 -0
  11. package/src/tokens/system/color.json +5 -5
  12. package/agorapulse-ui-theme-15.0.20.tgz +0 -0
package/agorapulse-ui-theme-15.0.22.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -139,7 +139,7 @@
139
139
  --sys-color-main-light-bg: #FFEFE9;
140
140
  --sys-color-main-light-text: #C83E07;
141
141
  --sys-color-main-text: #FF6726;
142
- --sys-color-accent-default-bg: #178DFE;
142
+ --sys-color-accent-default-bg-default: #178DFE;
143
143
  --sys-color-accent-default-bg-hover: #3A9EFE;
144
144
  --sys-color-accent-default-bg-clicked: #74BBFE;
145
145
  --sys-color-accent-default-bg-disabled: #D1E8FF;
@@ -147,7 +147,7 @@
147
147
  --sys-color-accent-light-bg: #F3F9FF;
148
148
  --sys-color-accent-light-text: #0E72D6;
149
149
  --sys-color-accent-text: #178DFE;
150
- --sys-color-error-default-bg: #E81313;
150
+ --sys-color-error-default-bg-default: #E81313;
151
151
  --sys-color-error-default-bg-hover: #EB3636;
152
152
  --sys-color-error-default-bg-clicked: #F17171;
153
153
  --sys-color-error-default-bg-disabled: #FAD0D0;
@@ -155,7 +155,7 @@
155
155
  --sys-color-error-light-bg: #FDE7E7;
156
156
  --sys-color-error-light-text: #D80505;
157
157
  --sys-color-error-text: #E81313;
158
- --sys-color-warning-default-bg: #FFE91F;
158
+ --sys-color-warning-default-bg-default: #FFE91F;
159
159
  --sys-color-warning-default-bg-hover: #FFEC41;
160
160
  --sys-color-warning-default-bg-clicked: #FFF279;
161
161
  --sys-color-warning-default-bg-disabled: #FFFBD2;
@@ -163,7 +163,7 @@
163
163
  --sys-color-warning-light-bg: #FFFDE9;
164
164
  --sys-color-warning-light-text: #A56608;
165
165
  --sys-color-warning-text: #FFE91F;
166
- --sys-color-success-default-bg: #45B854;
166
+ --sys-color-success-default-bg-default: #45B854;
167
167
  --sys-color-success-default-bg-hover: #61C26D;
168
168
  --sys-color-success-default-bg-clicked: #8FD498;
169
169
  --sys-color-success-default-bg-disabled: #DAF1DD;
@@ -171,7 +171,7 @@
171
171
  --sys-color-success-light-bg: #ECF7ED;
172
172
  --sys-color-success-light-text: #0F821D;
173
173
  --sys-color-success-text: #45B854;
174
- --sys-color-feature-lock-default-bg: #6554C0;
174
+ --sys-color-feature-lock-default-bg-default: #6554C0;
175
175
  --sys-color-feature-lock-default-bg-hover: #7C6DC9;
176
176
  --sys-color-feature-lock-default-bg-clicked: #A398D9;
177
177
  --sys-color-feature-lock-default-bg-disabled: #E0DDF2;
@@ -246,6 +246,62 @@
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;
278
+ --comp-link-text-font-family: Averta;
279
+ --comp-link-text-size: 14px;
280
+ --comp-link-text-font-weight: 400;
281
+ --comp-link-text-line-height: 18px;
282
+ --comp-link-small-text-style-font-family: Averta;
283
+ --comp-link-small-text-style-size: 12px;
284
+ --comp-link-small-text-style-font-weight: 400;
285
+ --comp-link-small-text-style-line-height: 16px;
286
+ --comp-link-big-text-style-font-family: Averta;
287
+ --comp-link-big-text-style-size: 16px;
288
+ --comp-link-big-text-style-font-weight: 400;
289
+ --comp-link-big-text-style-line-height: 20px;
290
+ --comp-link-standalone-default-text-style-font-family: Averta;
291
+ --comp-link-standalone-default-text-style-size: 14px;
292
+ --comp-link-standalone-default-text-style-font-weight: 700;
293
+ --comp-link-standalone-default-text-style-line-height: 18px;
294
+ --comp-link-standalone-small-text-style-font-family: Averta;
295
+ --comp-link-standalone-small-text-style-size: 12px;
296
+ --comp-link-standalone-small-text-style-font-weight: 400;
297
+ --comp-link-standalone-small-text-style-line-height: 16px;
298
+ --comp-link-default-color: #178DFE;
299
+ --comp-link-hover-color: #3A9EFE;
300
+ --comp-link-clicked-color: #0E72D6;
301
+ --comp-link-disabled-color: #D1E8FF;
302
+ --comp-link-visited-color: #3C2C95;
303
+ --comp-link-spacing: 4px;
304
+ --comp-link-icon-size: 16px;
249
305
  --comp-split-button-text-size: 14px;
250
306
  --comp-split-button-text-font-family: Averta;
251
307
  --comp-split-button-text-weight: 700;
package/assets/mobile_variables.css CHANGED
@@ -139,7 +139,7 @@
139
139
  --sys-color-main-light-bg: #FFEFE9;
140
140
  --sys-color-main-light-text: #C83E07;
141
141
  --sys-color-main-text: #FF6726;
142
- --sys-color-accent-default-bg: #178DFE;
142
+ --sys-color-accent-default-bg-default: #178DFE;
143
143
  --sys-color-accent-default-bg-hover: #3A9EFE;
144
144
  --sys-color-accent-default-bg-clicked: #74BBFE;
145
145
  --sys-color-accent-default-bg-disabled: #D1E8FF;
@@ -147,7 +147,7 @@
147
147
  --sys-color-accent-light-bg: #F3F9FF;
148
148
  --sys-color-accent-light-text: #0E72D6;
149
149
  --sys-color-accent-text: #178DFE;
150
- --sys-color-error-default-bg: #E81313;
150
+ --sys-color-error-default-bg-default: #E81313;
151
151
  --sys-color-error-default-bg-hover: #EB3636;
152
152
  --sys-color-error-default-bg-clicked: #F17171;
153
153
  --sys-color-error-default-bg-disabled: #FAD0D0;
@@ -155,7 +155,7 @@
155
155
  --sys-color-error-light-bg: #FDE7E7;
156
156
  --sys-color-error-light-text: #D80505;
157
157
  --sys-color-error-text: #E81313;
158
- --sys-color-warning-default-bg: #FFE91F;
158
+ --sys-color-warning-default-bg-default: #FFE91F;
159
159
  --sys-color-warning-default-bg-hover: #FFEC41;
160
160
  --sys-color-warning-default-bg-clicked: #FFF279;
161
161
  --sys-color-warning-default-bg-disabled: #FFFBD2;
@@ -163,7 +163,7 @@
163
163
  --sys-color-warning-light-bg: #FFFDE9;
164
164
  --sys-color-warning-light-text: #A56608;
165
165
  --sys-color-warning-text: #FFE91F;
166
- --sys-color-success-default-bg: #45B854;
166
+ --sys-color-success-default-bg-default: #45B854;
167
167
  --sys-color-success-default-bg-hover: #61C26D;
168
168
  --sys-color-success-default-bg-clicked: #8FD498;
169
169
  --sys-color-success-default-bg-disabled: #DAF1DD;
@@ -171,7 +171,7 @@
171
171
  --sys-color-success-light-bg: #ECF7ED;
172
172
  --sys-color-success-light-text: #0F821D;
173
173
  --sys-color-success-text: #45B854;
174
- --sys-color-feature-lock-default-bg: #6554C0;
174
+ --sys-color-feature-lock-default-bg-default: #6554C0;
175
175
  --sys-color-feature-lock-default-bg-hover: #7C6DC9;
176
176
  --sys-color-feature-lock-default-bg-clicked: #A398D9;
177
177
  --sys-color-feature-lock-default-bg-disabled: #E0DDF2;
@@ -246,6 +246,62 @@
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;
278
+ --comp-link-text-font-family: Averta;
279
+ --comp-link-text-size: 14px;
280
+ --comp-link-text-font-weight: 400;
281
+ --comp-link-text-line-height: 18px;
282
+ --comp-link-small-text-style-font-family: Averta;
283
+ --comp-link-small-text-style-size: 12px;
284
+ --comp-link-small-text-style-font-weight: 400;
285
+ --comp-link-small-text-style-line-height: 16px;
286
+ --comp-link-big-text-style-font-family: Averta;
287
+ --comp-link-big-text-style-size: 16px;
288
+ --comp-link-big-text-style-font-weight: 400;
289
+ --comp-link-big-text-style-line-height: 20px;
290
+ --comp-link-standalone-default-text-style-font-family: Averta;
291
+ --comp-link-standalone-default-text-style-size: 14px;
292
+ --comp-link-standalone-default-text-style-font-weight: 700;
293
+ --comp-link-standalone-default-text-style-line-height: 18px;
294
+ --comp-link-standalone-small-text-style-font-family: Averta;
295
+ --comp-link-standalone-small-text-style-size: 12px;
296
+ --comp-link-standalone-small-text-style-font-weight: 400;
297
+ --comp-link-standalone-small-text-style-line-height: 16px;
298
+ --comp-link-default-color: #178DFE;
299
+ --comp-link-hover-color: #3A9EFE;
300
+ --comp-link-clicked-color: #0E72D6;
301
+ --comp-link-disabled-color: #D1E8FF;
302
+ --comp-link-visited-color: #3C2C95;
303
+ --comp-link-spacing: 4px;
304
+ --comp-link-icon-size: 16px;
249
305
  --comp-split-button-text-size: 14px;
250
306
  --comp-split-button-text-font-family: Averta;
251
307
  --comp-split-button-text-weight: 700;
package/assets/style/_link.scss ADDED
@@ -0,0 +1,80 @@
1
+ a {
2
+ display: flex;
3
+ gap: var(--comp-link-spacing);
4
+ font-family: var(--comp-link-text-font-family);
5
+ font-weight: var(--comp-link-text-font-weight);
6
+ line-height: var(--comp-link-text-line-height);
7
+ font-size: var(--comp-link-text-size);
8
+ align-items: center;
9
+ text-decoration: underline;
10
+ -webkit-tap-highlight-color: transparent;
11
+
12
+ &.small {
13
+ font-family: var(--comp-link-small-text-style-font-family);
14
+ font-weight: var(--comp-link-small-text-style-font-weight);
15
+ line-height: var(--comp-link-small-text-style-line-height);
16
+ font-size: var(--comp-link-small-text-style-size);
17
+ }
18
+
19
+ &.big {
20
+ font-family: var(--comp-link-big-text-style-font-family);
21
+ font-weight: var(--comp-link-big-text-style-font-weight);
22
+ line-height: var(--comp-link-big-text-style-line-height);
23
+ font-size: var(--comp-link-big-text-style-size);
24
+ }
25
+
26
+ &:not(:visited) {
27
+ color: var(--comp-link-default-color);
28
+ }
29
+
30
+ &:hover {
31
+ color: var(--comp-link-hover-color);
32
+ }
33
+
34
+ &:active:not(:visited) {
35
+ color: var(--comp-link-clicked-color);
36
+ }
37
+
38
+ &:visited {
39
+ color: var(--comp-link-visited-color);
40
+ }
41
+
42
+ &[disabled='true'] {
43
+ color: var(--comp-link-disabled-color);
44
+ pointer-events: none;
45
+ }
46
+
47
+ ap-symbol {
48
+ min-width: var(--comp-link-icon-size);
49
+ min-height: var(--comp-link-icon-size);
50
+ max-width: var(--comp-link-icon-size);
51
+ max-height: var(--comp-link-icon-size);
52
+ }
53
+
54
+ &.standalone {
55
+ text-decoration: none;
56
+ font-family: var(--comp-link-standalone-default-text-style-font-family);
57
+ font-weight: var(--comp-link-standalone-default-text-style-font-weight);
58
+ line-height: var(--comp-link-standalone-default-text-style-line-height);
59
+ font-size: var(--comp-link-standalone-default-text-style-size);
60
+
61
+ &.small {
62
+ font-family: var(--comp-link-standalone-small-text-style-font-family);
63
+ font-weight: var(--comp-link-standalone-small-text-style-font-weight);
64
+ line-height: var(--comp-link-standalone-small-text-style-line-height);
65
+ font-size: var(--comp-link-standalone-small-text-style-size);
66
+ }
67
+
68
+ &:visited {
69
+ color: var(--comp-link-visited-color) !important;
70
+
71
+ ap-symbol {
72
+ color: var(--comp-link-visited-color) !important;
73
+
74
+ .svg {
75
+ color: var(--comp-link-visited-color) !important;
76
+ }
77
+ }
78
+ }
79
+ }
80
+ }
package/assets/style/_mat-typography.scss CHANGED
@@ -15,13 +15,16 @@ $custom-typography: mat.define-legacy-typography-config(
15
15
  $body-1: mat.define-typography-level($font-size, $font-line-height, $font-weight),
16
16
  $body-2: mat.define-typography-level($font-size, $font-line-height, $font-weight-semibold),
17
17
  $caption: mat.define-typography-level($font-size-s, $font-line-height-s, $font-weight)
18
- //$button: mat.define-typography-level(16px, 24px, 500),
19
- //$input: mat.define-typography-level(16px, 24px, 500)
18
+ //$button: mat.define-typography-level(16px, 24px, 500),
19
+ //$input: mat.define-typography-level(16px, 24px, 500),
20
20
  );
21
21
  @include mat.all-legacy-component-typographies($custom-typography);
22
22
 
23
23
  // Override base header tags (so that we don't have to add Material classes, e.g: class="mat-h1")
24
- h1, h2, h3, h4 {
24
+ h1,
25
+ h2,
26
+ h3,
27
+ h4 {
25
28
  color: $color-black;
26
29
  font-family: $font-family-header;
27
30
  }
@@ -70,15 +73,7 @@ small {
70
73
 
71
74
  // Override default text state
72
75
  body {
73
- .mat-drawer-container{
76
+ .mat-drawer-container {
74
77
  color: $font-color;
75
78
  }
76
79
  }
77
-
78
- a {
79
- color: $link-color;
80
- text-decoration: none;
81
-
82
- // Gets rid of tap active state
83
- -webkit-tap-highlight-color: transparent;
84
- }
package/assets/style/components-custom-style/_clickable-text.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../variables';
2
2
 
3
- span, a {
3
+ span {
4
4
  &.ap-clickable-text {
5
5
  color: map_get($colors-electric-blue, 100);
6
6
  cursor: pointer;
package/assets/style/theme.scss CHANGED
@@ -5,17 +5,20 @@
5
5
  @use '@angular/material' as mat;
6
6
  @include mat.legacy-core();
7
7
 
8
+ @import '_link.scss';
8
9
 
9
10
  @import 'font-face';
10
11
  @import 'colors';
11
12
  @import 'variables';
12
13
 
13
14
  // Custom palettes
14
- @include mat.all-legacy-component-themes(mat.define-light-theme(
15
- $primary: mat.define-palette($colors-primary),
16
- $accent: mat.define-palette($colors-accent),
17
- $warn: mat.define-palette($colors-warn)
18
- ));
15
+ @include mat.all-legacy-component-themes(
16
+ mat.define-light-theme(
17
+ $primary: mat.define-palette($colors-primary),
18
+ $accent: mat.define-palette($colors-accent),
19
+ $warn: mat.define-palette($colors-warn)
20
+ )
21
+ );
19
22
 
20
23
  /*
21
24
  * TYPOGRAPHY
@@ -52,7 +55,9 @@
52
55
  @import 'components-custom-style/clickable-text';
53
56
  @import 'components-custom-style/input-error';
54
57
 
55
- .mat-ripple { display: none; }
58
+ .mat-ripple {
59
+ display: none;
60
+ }
56
61
 
57
62
  /*
58
63
  * {
@@ -65,6 +70,3 @@ a, button {
65
70
  cursor: pointer;
66
71
  }
67
72
  */
68
-
69
-
70
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "15.0.20",
3
+ "version": "15.0.22",
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/src/tokens/components/link.json ADDED
@@ -0,0 +1,127 @@
1
+ {
2
+ "comp": {
3
+ "link": {
4
+ "text": {
5
+ "font-family": {
6
+ "value": "{sys.text.style.body.font-family}"
7
+ },
8
+ "size": {
9
+ "value": "{sys.text.style.body.size}"
10
+ },
11
+ "font-weight": {
12
+ "value": "{sys.text.style.body.weight}"
13
+ },
14
+ "line-height": {
15
+ "value": "{sys.text.style.body.line-height}"
16
+ }
17
+ },
18
+ "small": {
19
+ "text": {
20
+ "style": {
21
+ "font-family": {
22
+ "value": "{sys.text.style.caption.font-family}"
23
+ },
24
+ "size": {
25
+ "value": "{sys.text.style.caption.size}"
26
+ },
27
+ "font-weight": {
28
+ "value": "{sys.text.style.caption.weight}"
29
+ },
30
+ "line-height": {
31
+ "value": "{sys.text.style.caption.line-height}"
32
+ }
33
+ }
34
+ }
35
+ },
36
+ "big": {
37
+ "text": {
38
+ "style": {
39
+ "font-family": {
40
+ "value": "{sys.text.style.subtitle.font-family}"
41
+ },
42
+ "size": {
43
+ "value": "{sys.text.style.subtitle.size}"
44
+ },
45
+ "font-weight": {
46
+ "value": "{sys.text.style.subtitle.weight}"
47
+ },
48
+ "line-height": {
49
+ "value": "{sys.text.style.subtitle.line-height}"
50
+ }
51
+ }
52
+ }
53
+ },
54
+ "standalone": {
55
+ "default": {
56
+ "text": {
57
+ "style": {
58
+ "font-family": {
59
+ "value": "{sys.text.style.bodyBold.font-family}"
60
+ },
61
+ "size": {
62
+ "value": "{sys.text.style.bodyBold.size}"
63
+ },
64
+ "font-weight": {
65
+ "value": "{sys.text.style.bodyBold.weight}"
66
+ },
67
+ "line-height": {
68
+ "value": "{sys.text.style.bodyBold.line-height}"
69
+ }
70
+ }
71
+ }
72
+ },
73
+ "small": {
74
+ "text": {
75
+ "style": {
76
+ "font-family": {
77
+ "value": "{sys.text.style.caption.font-family}"
78
+ },
79
+ "size": {
80
+ "value": "{sys.text.style.caption.size}"
81
+ },
82
+ "font-weight": {
83
+ "value": "{sys.text.style.caption.weight}"
84
+ },
85
+ "line-height": {
86
+ "value": "{sys.text.style.caption.line-height}"
87
+ }
88
+ }
89
+ }
90
+ }
91
+ },
92
+ "default": {
93
+ "color": {
94
+ "value": "{sys.color.accent.default.bg.default}"
95
+ }
96
+ },
97
+ "hover": {
98
+ "color": {
99
+ "value": "{sys.color.accent.default.bg.hover}"
100
+ }
101
+ },
102
+ "clicked": {
103
+ "color": {
104
+ "value": "{sys.color.accent.light.text}"
105
+ }
106
+ },
107
+ "disabled": {
108
+ "color": {
109
+ "value": "{sys.color.accent.default.bg.disabled}"
110
+ }
111
+ },
112
+ "visited": {
113
+ "color": {
114
+ "value": "{ref.color.purple.150}"
115
+ }
116
+ },
117
+ "spacing": {
118
+ "value": "{ref.spacing.xxxs}"
119
+ },
120
+ "icon": {
121
+ "size": {
122
+ "value": "{sys.icon.md}"
123
+ }
124
+ }
125
+ }
126
+ }
127
+ }
package/src/tokens/system/color.json CHANGED
@@ -36,7 +36,7 @@
36
36
  "accent": {
37
37
  "default": {
38
38
  "bg": {
39
- " ": {
39
+ "default": {
40
40
  "value": "{ref.color.electricBlue.100}"
41
41
  },
42
42
  "hover": {
@@ -68,7 +68,7 @@
68
68
  "error": {
69
69
  "default": {
70
70
  "bg": {
71
- " ": {
71
+ "default": {
72
72
  "value": "{ref.color.red.100}"
73
73
  },
74
74
  "hover": {
@@ -100,7 +100,7 @@
100
100
  "warning": {
101
101
  "default": {
102
102
  "bg": {
103
- " ": {
103
+ "default": {
104
104
  "value": "{ref.color.yellow.100}"
105
105
  },
106
106
  "hover": {
@@ -132,7 +132,7 @@
132
132
  "success": {
133
133
  "default": {
134
134
  "bg": {
135
- " ": {
135
+ "default": {
136
136
  "value": "{ref.color.green.100}"
137
137
  },
138
138
  "hover": {
@@ -164,7 +164,7 @@
164
164
  "featureLock": {
165
165
  "default": {
166
166
  "bg": {
167
- " ": {
167
+ "default": {
168
168
  "value": "{ref.color.purple.100}"
169
169
  },
170
170
  "hover": {
package/agorapulse-ui-theme-15.0.20.tgz DELETED
Binary file