@agorapulse/ui-theme 17.1.6 → 17.1.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 (8) hide show
  1. package/agorapulse-ui-theme-17.1.7.tgz +0 -0
  2. package/assets/desktop_variables.css +3 -0
  3. package/assets/mobile_variables.css +3 -0
  4. package/assets/style/_mat-typography.scss +1 -5
  5. package/assets/style/theme.scss +10 -10
  6. package/package.json +2 -2
  7. package/src/tokens/components/status.json +9 -0
  8. package/agorapulse-ui-theme-17.1.6.tgz +0 -0
package/agorapulse-ui-theme-17.1.7.tgz ADDED
Binary file
package/assets/desktop_variables.css CHANGED
@@ -570,6 +570,9 @@
570
570
  --comp-status-orange-dot-background-color: #FF6726;
571
571
  --comp-status-grey-background-color: #EAECEF;
572
572
  --comp-status-grey-dot-background-color: #344563;
573
+ --comp-status-font-family: Averta;
574
+ --comp-status-font-size: 12px;
575
+ --comp-status-line-height: 16px;
573
576
  --comp-tag-text-style-font-family: Averta;
574
577
  --comp-tag-text-style-size: 14px;
575
578
  --comp-tag-text-style-font-weight: 400;
package/assets/mobile_variables.css CHANGED
@@ -570,6 +570,9 @@
570
570
  --comp-status-orange-dot-background-color: #FF6726;
571
571
  --comp-status-grey-background-color: #EAECEF;
572
572
  --comp-status-grey-dot-background-color: #344563;
573
+ --comp-status-font-family: Averta;
574
+ --comp-status-font-size: 12px;
575
+ --comp-status-line-height: 16px;
573
576
  --comp-tag-text-style-font-family: Averta;
574
577
  --comp-tag-text-style-size: 14px;
575
578
  --comp-tag-text-style-font-weight: 400;
package/assets/style/_mat-typography.scss CHANGED
@@ -13,25 +13,21 @@ h1 {
13
13
  font-size: var(--sys-text-style-h1-size);
14
14
  line-height: var(--sys-text-style-h1-line-height);
15
15
  font-weight: var(--sys-text-style-h1-weight);
16
- margin-bottom: var(--ref-spacing-xxs);
17
16
  }
18
17
  h2 {
19
18
  font-size: var(--sys-text-style-h2-size);
20
19
  line-height: var(--sys-text-style-h2-line-height);
21
20
  font-weight: var(--sys-text-style-h2-weight);
22
- margin-bottom: var(--ref-spacing-xxs);
23
21
  }
24
22
  h3 {
25
23
  font-size: var(--sys-text-style-h3-size);
26
24
  line-height: var(--sys-text-style-h3-line-height);
27
25
  font-weight: var(--sys-text-style-h3-weight);
28
- margin-bottom: var(--ref-spacing-xxxs);
29
26
  }
30
27
  h4 {
31
28
  font-size: var(--sys-text-style-h4-size);
32
29
  line-height: var(--sys-text-style-h4-line-height);
33
30
  font-weight: var(--sys-text-style-h4-weight);
34
- margin-bottom: var(--ref-spacing-xxxs);
35
31
  }
36
32
  p {
37
33
  margin: 0 0 $padding-ml;
@@ -69,7 +65,7 @@ small {
69
65
  font-weight: var(--sys-text-style-body-bold-weight);
70
66
  }
71
67
 
72
- .itaclic {
68
+ .italic {
73
69
  font-style: italic;
74
70
  }
75
71
 
package/assets/style/theme.scss CHANGED
@@ -20,24 +20,24 @@
20
20
  */
21
21
 
22
22
  // Override typography for all Angular Material, including mat-base-typography and all components.
23
- $custom-typography: mat.define-typography-config(
23
+ $custom-typography: mat.m2-define-typography-config(
24
24
  $font-family: $font-family,
25
- $headline-1: mat.define-typography-level($font-size-h1, $font-line-height-h1, $font-weight-semibold),
26
- $headline-2: mat.define-typography-level($font-size-h2, $font-line-height-h2, $font-weight-semibold),
27
- $body-1: mat.define-typography-level($font-size, $font-line-height, $font-weight),
28
- $body-2: mat.define-typography-level($font-size, $font-line-height, $font-weight),
29
- $caption: mat.define-typography-level($font-size-s, $font-line-height-s, $font-weight),
25
+ $headline-1: mat.m2-define-typography-level($font-size-h1, $font-line-height-h1, $font-weight-semibold),
26
+ $headline-2: mat.m2-define-typography-level($font-size-h2, $font-line-height-h2, $font-weight-semibold),
27
+ $body-1: mat.m2-define-typography-level($font-size, $font-line-height, $font-weight),
28
+ $body-2: mat.m2-define-typography-level($font-size, $font-line-height, $font-weight),
29
+ $caption: mat.m2-define-typography-level($font-size-s, $font-line-height-s, $font-weight),
30
30
  );
31
31
  @include mat.all-component-typographies($custom-typography);
32
32
 
33
33
  // https://material.angular.io/guide/theming#defining-a-theme
34
- $primary: mat.define-palette($colors-primary);
35
- $accent: mat.define-palette($colors-accent);
36
- $warn: mat.define-palette($colors-warn);
34
+ $primary: mat.m2-define-palette($colors-primary);
35
+ $accent: mat.m2-define-palette($colors-accent);
36
+ $warn: mat.m2-define-palette($colors-warn);
37
37
 
38
38
  // Custom palettes
39
39
  @include mat.all-component-themes(
40
- mat.define-light-theme(
40
+ mat.m2-define-light-theme(
41
41
  (
42
42
  color: (
43
43
  primary: $primary,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agorapulse/ui-theme",
3
- "version": "17.1.6",
3
+ "version": "17.1.7",
4
4
  "description": "Agorapulse UI Theme Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "homepage": "https://github.com/agorapulse/design#readme",
18
18
  "peerDependencies": {
19
- "@angular/material": "^17.3.0"
19
+ "@angular/material": "18.2.9"
20
20
  },
21
21
  "devDependencies": {
22
22
  "style-dictionary": "^3.7.2"
package/src/tokens/components/status.json CHANGED
@@ -114,6 +114,15 @@
114
114
  }
115
115
  }
116
116
  }
117
+ },
118
+ "font-family": {
119
+ "value": "{sys.text.style.caption.font-family}"
120
+ },
121
+ "font-size": {
122
+ "value": "{sys.text.style.caption.size}"
123
+ },
124
+ "line-height": {
125
+ "value": "{sys.text.style.caption.line-height}"
117
126
  }
118
127
  }
119
128
  }
package/agorapulse-ui-theme-17.1.6.tgz DELETED
Binary file