@arclux/brand 1.0.0 → 1.0.2

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/logo-wordmark.js +1 -0
  3. package/src/components/logo.js +2 -0
  4. package/src/components/wordmark.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arclux/brand",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "Arclight brand components — logo, wordmark, powered-by badge",
5
5
  "type": "module",
6
6
  "main": "src/index.js",
package/src/components/logo-wordmark.js CHANGED
@@ -20,6 +20,7 @@ export class ArclightLogoWordmark extends LitElement {
20
20
  css`
21
21
  :host {
22
22
  display: inline-block;
23
+ line-height: 0;
23
24
  }
24
25
 
25
26
  .lockup, a.lockup {
package/src/components/logo.js CHANGED
@@ -18,6 +18,7 @@ export class ArclightLogo extends LitElement {
18
18
  align-items: center;
19
19
  justify-content: center;
20
20
  line-height: 0;
21
+ overflow: visible;
21
22
  color: var(--text-primary, #e8e8ec);
22
23
  }
23
24
 
@@ -61,6 +62,7 @@ export class ArclightLogo extends LitElement {
61
62
  if (svg) {
62
63
  svg.style.height = `${s.height}px`;
63
64
  svg.style.width = 'auto';
65
+ svg.style.overflow = 'visible';
64
66
 
65
67
  // Tag the pulsing rings — skip the first child (solid dot)
66
68
  const circles = svg.querySelector('#Circles');
package/src/components/wordmark.js CHANGED
@@ -3,10 +3,10 @@ import { tokenStyles } from '../shared-styles.js';
3
3
  import { hostGroteskSubsetBase64 } from '../assets/wordmark-font.js';
4
4
 
5
5
  const SIZES = {
6
- sm: { fontSize: '13px', fontWeight: '400', letterSpacing: '6px' },
7
- md: { fontSize: '18px', fontWeight: '400', letterSpacing: '9px' },
8
- lg: { fontSize: '24px', fontWeight: '400', letterSpacing: '12px' },
9
- stacked: { fontSize: '16px', fontWeight: '400', letterSpacing: '8px' },
6
+ sm: { fontSize: '15px', fontWeight: '500', letterSpacing: '6px' },
7
+ md: { fontSize: '18px', fontWeight: '500', letterSpacing: '9px' },
8
+ lg: { fontSize: '24px', fontWeight: '500', letterSpacing: '12px' },
9
+ stacked: { fontSize: '18px', fontWeight: '500', letterSpacing: '8px' },
10
10
  };
11
11
 
12
12
  // @font-face must be in document scope — shadow DOM won't pick it up.