@latty-ds/icons 0.10.0 → 0.10.4

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.
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BA2DX;IAEF;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,IAAI,EAAE,QAAQ,CAAQ;IAEnD;;;OAGG;IACM,OAAO,CAAC,UAAU,CAAM;IAEjC,OAAO,CAAC,oBAAoB,CAAC,CAAa;IAE1C,iBAAiB;IAMjB,oBAAoB;IAKpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlD;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAiBhB;;;;;;;;OAQG;IACH,OAAO,CAAC,QAAQ;IAYhB;;;OAGG;IACH,MAAM;CAOP"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAkBrD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,MAAM,0BA2DX;IAEF;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,IAAI,EAAE,QAAQ,CAAQ;IAEnD;;;OAGG;IACM,OAAO,CAAC,UAAU,CAAM;IAEjC,OAAO,CAAC,oBAAoB,CAAC,CAAa;IAE1C,iBAAiB;IAMjB,oBAAoB;IAKpB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlD;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAiBhB;;;;;;;;OAQG;IACH,OAAO,CAAC,QAAQ;IAYhB;;;OAGG;IACH,MAAM;CAOP"}
@@ -8,6 +8,22 @@ import { LitElement, html, css } from 'lit';
8
8
  import { customElement, property, state } from 'lit/decorators.js';
9
9
  import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
10
10
  import { iconRegistry } from '../registry/icon-registry';
11
+ import { lattyIcons } from '../icons';
12
+ // Registering here, before the class declaration below, matters: this is a
13
+ // genuine top-level statement (not an import), so it runs strictly in
14
+ // source order relative to `@customElement('lt-icon')` — unlike moving this
15
+ // same call around in index.ts, which has no effect, since ES modules fully
16
+ // evaluate every `import`/`export ... from` declaration in a file (this one
17
+ // re-exports `Icon` from here) before that file's own top-level statements
18
+ // run, regardless of where they're written. `customElements.define()`
19
+ // synchronously upgrades any `<lt-icon>` already in the DOM (e.g. from
20
+ // prerendered/SSR'd HTML) the instant it's called, which calls
21
+ // `connectedCallback` → `loadIcon()` immediately — if that runs before the
22
+ // registry has data, every such icon logs a spurious "not found in
23
+ // registry" warning on first paint, even though it self-heals a moment
24
+ // later via the registry's own `subscribe` mechanism. Registering the data
25
+ // first, in the same module that defines the element, closes that race.
26
+ iconRegistry.registerIcons(lattyIcons);
11
27
  /**
12
28
  * Icon component for displaying SVG icons from the icon registry.
13
29
  *
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=double-caret-left.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"double-caret-left.d.ts","sourceRoot":"","sources":["../../src/entries/double-caret-left.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ // Auto-generated by scripts/build-entries.mjs — do not edit
2
+ import { iconRegistry } from '../registry/icon-registry';
3
+ import { doubleCaretLeftSvg } from '../icons/navigation/double-caret-left';
4
+ iconRegistry.registerIcon('double-caret-left', doubleCaretLeftSvg);
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=double-caret-right.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"double-caret-right.d.ts","sourceRoot":"","sources":["../../src/entries/double-caret-right.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ // Auto-generated by scripts/build-entries.mjs — do not edit
2
+ import { iconRegistry } from '../registry/icon-registry';
3
+ import { doubleCaretRightSvg } from '../icons/navigation/double-caret-right';
4
+ iconRegistry.registerIcon('double-caret-right', doubleCaretRightSvg);
@@ -140,16 +140,18 @@ export declare const lattyIcons: {
140
140
  readonly 'caret-left': string;
141
141
  readonly 'caret-right': string;
142
142
  readonly 'caret-up': string;
143
+ readonly 'double-caret-left': string;
144
+ readonly 'double-caret-right': string;
145
+ readonly compass: string;
143
146
  readonly external: string;
147
+ readonly globe: string;
144
148
  readonly location: string;
145
- readonly return: string;
146
- readonly compass: string;
147
149
  readonly map: string;
148
- readonly globe: string;
149
- readonly send: string;
150
150
  readonly 'more-horizontal': string;
151
151
  readonly 'more-vertical': string;
152
+ readonly return: string;
152
153
  readonly route: string;
154
+ readonly send: string;
153
155
  };
154
156
  export type LattyIconName = keyof typeof lattyIcons;
155
157
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const doubleCaretLeftSvg: string;
2
+ //# sourceMappingURL=double-caret-left.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"double-caret-left.d.ts","sourceRoot":"","sources":["../../../src/icons/navigation/double-caret-left.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAGrB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export const doubleCaretLeftSvg = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">' +
2
+ '<path d="M17 6L11 12L17 18M10 6L4 12L10 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>' +
3
+ '</svg>';
@@ -0,0 +1,2 @@
1
+ export declare const doubleCaretRightSvg: string;
2
+ //# sourceMappingURL=double-caret-right.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"double-caret-right.d.ts","sourceRoot":"","sources":["../../../src/icons/navigation/double-caret-right.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,QAGtB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export const doubleCaretRightSvg = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">' +
2
+ '<path d="M7 6L13 12L7 18M14 6L20 12L14 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>' +
3
+ '</svg>';
@@ -7,15 +7,17 @@ export declare const navigationIcons: {
7
7
  readonly 'caret-left': string;
8
8
  readonly 'caret-right': string;
9
9
  readonly 'caret-up': string;
10
+ readonly 'double-caret-left': string;
11
+ readonly 'double-caret-right': string;
12
+ readonly compass: string;
10
13
  readonly external: string;
14
+ readonly globe: string;
11
15
  readonly location: string;
12
- readonly return: string;
13
- readonly compass: string;
14
16
  readonly map: string;
15
- readonly globe: string;
16
- readonly send: string;
17
17
  readonly 'more-horizontal': string;
18
18
  readonly 'more-vertical': string;
19
+ readonly return: string;
19
20
  readonly route: string;
21
+ readonly send: string;
20
22
  };
21
23
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/navigation/index.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/navigation/index.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAqBlB,CAAC"}
@@ -7,6 +7,8 @@ import { caretLeftSvg } from './caret-left';
7
7
  import { caretRightSvg } from './caret-right';
8
8
  import { caretUpSvg } from './caret-up';
9
9
  import { compassSvg } from './compass';
10
+ import { doubleCaretLeftSvg } from './double-caret-left';
11
+ import { doubleCaretRightSvg } from './double-caret-right';
10
12
  import { externalSvg } from './external';
11
13
  import { globeSvg } from './globe';
12
14
  import { locationSvg } from './location';
@@ -25,14 +27,16 @@ export const navigationIcons = {
25
27
  'caret-left': caretLeftSvg,
26
28
  'caret-right': caretRightSvg,
27
29
  'caret-up': caretUpSvg,
30
+ 'double-caret-left': doubleCaretLeftSvg,
31
+ 'double-caret-right': doubleCaretRightSvg,
32
+ compass: compassSvg,
28
33
  external: externalSvg,
34
+ globe: globeSvg,
29
35
  location: locationSvg,
30
- return: returnSvg,
31
- compass: compassSvg,
32
36
  map: mapSvg,
33
- globe: globeSvg,
34
- send: sendSvg,
35
37
  'more-horizontal': moreHorizontalSvg,
36
38
  'more-vertical': moreVerticalSvg,
37
- route: routeSvg
39
+ return: returnSvg,
40
+ route: routeSvg,
41
+ send: sendSvg
38
42
  };
package/dist/index.js CHANGED
@@ -5,7 +5,10 @@ export { iconRegistry } from './registry/icon-registry';
5
5
  // Full icon map — exported for custom tooling and type inference.
6
6
  // Per-icon tree-shaking: import '@latty-ds/icons/<name>' instead of the main entry.
7
7
  export { lattyIcons } from './icons';
8
- // Auto-register all built-in icons when this package is imported.
9
- import { iconRegistry } from './registry/icon-registry';
10
- import { lattyIcons } from './icons';
11
- iconRegistry.registerIcons(lattyIcons);
8
+ // Registering all built-in icons happens in ./components/icon.ts itself,
9
+ // before its `@customElement('lt-icon')` declaration — not here. See that
10
+ // file's comment: this is one of the few places where statement order
11
+ // inside a *single* module actually matters for a real bug, and moving code
12
+ // between files (rather than within one) is the only way to control it,
13
+ // since import declarations are always evaluated before a module's own
14
+ // top-level statements, regardless of where they're written.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latty-ds/icons",
3
- "version": "0.10.0",
3
+ "version": "0.10.4",
4
4
  "description": "Icon components for the Latty design system — pluggable icon registry with Iconoir as the default provider",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -139,6 +139,12 @@
139
139
  "./discord": {
140
140
  "default": "./dist/entries/discord.js"
141
141
  },
142
+ "./double-caret-left": {
143
+ "default": "./dist/entries/double-caret-left.js"
144
+ },
145
+ "./double-caret-right": {
146
+ "default": "./dist/entries/double-caret-right.js"
147
+ },
142
148
  "./double-circle": {
143
149
  "default": "./dist/entries/double-circle.js"
144
150
  },
@@ -495,10 +501,10 @@
495
501
  "clean": "rm -rf dist src/entries"
496
502
  },
497
503
  "devDependencies": {
498
- "typescript": "^5.5.4"
504
+ "typescript": "^6.0.3"
499
505
  },
500
506
  "dependencies": {
501
507
  "lit": "^3.2.0"
502
508
  },
503
- "gitHead": "7b0b9856be6755a573abf02c0b7cbdb1a6db4fef"
509
+ "gitHead": "ce56485456ff6ef71d5c4606bdf484928ae30401"
504
510
  }