@eagami/ui 5.61.1 → 5.62.0

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 (5) hide show
  1. package/fesm2022/eagami-ui.mjs +12 -12
  2. package/fesm2022/eagami-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/styles/tokens/_colors.scss +4 -2
  5. package/src/styles/tokens/_typography.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eagami/ui",
3
- "version": "5.61.1",
3
+ "version": "5.62.0",
4
4
  "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
5
5
  "author": "Michal Wiraszka <michal@eagami.com>",
6
6
  "license": "MIT",
package/src/styles/tokens/_colors.scss CHANGED
@@ -70,7 +70,7 @@
70
70
 
71
71
  --color-text-primary: var(--color-neutral-900);
72
72
  --color-text-secondary: var(--color-neutral-600);
73
- --color-text-tertiary: var(--color-neutral-400);
73
+ --color-text-tertiary: var(--color-neutral-500);
74
74
  --color-text-disabled: var(--color-neutral-400);
75
75
  --color-text-inverse: var(--color-neutral-0);
76
76
  --color-text-link: var(--color-primary-600);
@@ -115,6 +115,7 @@
115
115
  --color-border-subtle: var(--color-neutral-200);
116
116
  --color-border-default: var(--color-neutral-200);
117
117
  --color-border-strong: var(--color-neutral-400);
118
+ --color-border-emphasis: var(--color-neutral-500);
118
119
  // Dividers are a translucent wash, like the state fills, so hairline rules
119
120
  // inside a surface read evenly on base, elevated, and hover tones alike.
120
121
  --color-divider: rgba(0, 0, 0, 0.1);
@@ -192,7 +193,7 @@
192
193
  @mixin dark-color-tokens {
193
194
  --color-text-primary: var(--color-neutral-50);
194
195
  --color-text-secondary: var(--color-neutral-300);
195
- --color-text-tertiary: var(--color-neutral-500);
196
+ --color-text-tertiary: var(--color-neutral-400);
196
197
  --color-text-disabled: var(--color-neutral-500);
197
198
  --color-text-inverse: var(--color-neutral-900);
198
199
  --color-text-link: var(--color-primary-300);
@@ -234,6 +235,7 @@
234
235
  );
235
236
  --color-border-default: var(--color-neutral-400);
236
237
  --color-border-strong: var(--color-neutral-300);
238
+ --color-border-emphasis: var(--color-neutral-200);
237
239
  // primary-500 drops under 3:1 on the dark surfaces, so focus lifts to a lighter step
238
240
  --color-border-focus: var(--color-primary-300);
239
241
  // Dividers flip to a light wash so the rule stays visible on every dark tier
package/src/styles/tokens/_typography.scss CHANGED
@@ -117,7 +117,7 @@
117
117
  // font-size on `__message`.
118
118
  // 4. `__message-icon` uses `flex-shrink: 0; width: 0.875em; height: 0.875em`
119
119
  // so the icon scales with the text.
120
- // 5. Error color is `var(--color-error-default)`. Hint color is component-
120
+ // 5. Error color is `var(--color-error-text)`. Hint color is component-
121
121
  // specific (`--color-text-secondary` or `inherit`) but stays consistent
122
122
  // within a component.
123
123
  // 6. `AlertCircleIconComponent` must be in the component's `imports: [...]`.