@nonoun/native-ui 0.2.8 → 0.2.10

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 (67) hide show
  1. package/dist/components-lean.css +119 -6
  2. package/dist/components.css +119 -6
  3. package/dist/{ui-icon-element.js → components.js} +1387 -465
  4. package/dist/containers/ui-layout-sidebar/ui-layout-sidebar-element.d.ts.map +1 -1
  5. package/dist/core/trait-runtime.d.ts.map +1 -1
  6. package/dist/{register-all2.js → core.js} +79 -35
  7. package/dist/custom-elements.json +2747 -2747
  8. package/dist/foundation.css +1 -15
  9. package/dist/inspector/build-inspector.d.ts +8 -0
  10. package/dist/inspector/build-inspector.d.ts.map +1 -0
  11. package/dist/inspector/index.d.ts +10 -0
  12. package/dist/inspector/index.d.ts.map +1 -0
  13. package/dist/{nav/inspector/ds-color-swatch-element.d.ts → inspector/native-tokens-color-swatch-element.d.ts} +3 -3
  14. package/dist/inspector/native-tokens-color-swatch-element.d.ts.map +1 -0
  15. package/dist/inspector/native-tokens-color-swatch.d.ts +3 -0
  16. package/dist/inspector/native-tokens-color-swatch.d.ts.map +1 -0
  17. package/dist/{nav/inspector/ds-colors-element.d.ts → inspector/native-tokens-colors-element.d.ts} +4 -4
  18. package/dist/inspector/native-tokens-colors-element.d.ts.map +1 -0
  19. package/dist/inspector/native-tokens-colors.d.ts +4 -0
  20. package/dist/inspector/native-tokens-colors.d.ts.map +1 -0
  21. package/dist/inspector/native-tokens-inspector-element.d.ts +15 -0
  22. package/dist/inspector/native-tokens-inspector-element.d.ts.map +1 -0
  23. package/dist/inspector/native-tokens-inspector.d.ts +3 -0
  24. package/dist/inspector/native-tokens-inspector.d.ts.map +1 -0
  25. package/dist/{nav/inspector/ds-themes-element.d.ts → inspector/native-tokens-themes-element.d.ts} +4 -4
  26. package/dist/inspector/native-tokens-themes-element.d.ts.map +1 -0
  27. package/dist/inspector/native-tokens-themes.d.ts +4 -0
  28. package/dist/inspector/native-tokens-themes.d.ts.map +1 -0
  29. package/dist/{nav/inspector/ds-variable-element.d.ts → inspector/native-tokens-variable-element.d.ts} +4 -4
  30. package/dist/inspector/native-tokens-variable-element.d.ts.map +1 -0
  31. package/dist/inspector/native-tokens-variable.d.ts +4 -0
  32. package/dist/inspector/native-tokens-variable.d.ts.map +1 -0
  33. package/dist/inspector.css +31 -31
  34. package/dist/inspector.d.ts +11 -6
  35. package/dist/inspector.d.ts.map +1 -1
  36. package/dist/inspector.js +123 -105
  37. package/dist/kernel.js +77 -77
  38. package/dist/native-ui-lean.css +120 -21
  39. package/dist/native-ui.css +120 -21
  40. package/dist/native-ui.js +4 -49
  41. package/dist/register-all.js +4 -3
  42. package/dist/traits/adapters/draggable-adapter.d.ts.map +1 -1
  43. package/dist/traits/drag-controller.d.ts +3 -0
  44. package/dist/traits/drag-controller.d.ts.map +1 -1
  45. package/dist/traits.js +3 -6
  46. package/dist/ui-icon.js +56 -0
  47. package/package.json +1 -1
  48. package/dist/define.js +0 -62
  49. package/dist/dialog-controller.js +0 -703
  50. package/dist/nav/inspector/build-inspector.d.ts +0 -8
  51. package/dist/nav/inspector/build-inspector.d.ts.map +0 -1
  52. package/dist/nav/inspector/ds-color-swatch-element.d.ts.map +0 -1
  53. package/dist/nav/inspector/ds-color-swatch.d.ts +0 -3
  54. package/dist/nav/inspector/ds-color-swatch.d.ts.map +0 -1
  55. package/dist/nav/inspector/ds-colors-element.d.ts.map +0 -1
  56. package/dist/nav/inspector/ds-colors.d.ts +0 -4
  57. package/dist/nav/inspector/ds-colors.d.ts.map +0 -1
  58. package/dist/nav/inspector/ds-themes-element.d.ts.map +0 -1
  59. package/dist/nav/inspector/ds-themes.d.ts +0 -4
  60. package/dist/nav/inspector/ds-themes.d.ts.map +0 -1
  61. package/dist/nav/inspector/ds-variable-element.d.ts.map +0 -1
  62. package/dist/nav/inspector/ds-variable.d.ts +0 -4
  63. package/dist/nav/inspector/ds-variable.d.ts.map +0 -1
  64. package/dist/nav/inspector/index.d.ts +0 -9
  65. package/dist/nav/inspector/index.d.ts.map +0 -1
  66. package/dist/ui-element.js +0 -133
  67. package/dist/uid.js +0 -87
@@ -1374,21 +1374,6 @@
1374
1374
 
1375
1375
 
1376
1376
 
1377
- /* ── Popover Anchor Positioning ──
1378
- Shared anchor-to-trigger positioning for dropdown popovers.
1379
- Coordinators (select, combobox) use this for their popover listbox. */
1380
-
1381
- :where(ui-select) > :where(ui-listbox[popover]),
1382
- :where(ui-combobox) > :where(ui-listbox[popover]) {
1383
- position: fixed;
1384
- position-area: block-end span-inline-end;
1385
- position-try-fallbacks: flip-block;
1386
- margin: var(--ui-popover-gap) 0 0;
1387
- min-width: anchor-size(inline);
1388
- max-height: var(--ui-popover-max-height);
1389
- overflow-y: auto;
1390
- }
1391
-
1392
1377
  /* ── Container-Level Disabled ──
1393
1378
  Containers that disable all children use aria-disabled="true".
1394
1379
  Disabled colors propagate via inheritance — children inherit the muted text.
@@ -1510,6 +1495,7 @@
1510
1495
  /* Popover (select / combobox / command) */
1511
1496
  --ui-popover-max-height: calc(100dvh - 2rem);
1512
1497
  --ui-popover-gap: 0.25rem;
1498
+ --ui-popover-viewport-margin: 0.5rem;
1513
1499
 
1514
1500
  /* Drawer */
1515
1501
  --ui-drawer-width: 24rem;
@@ -0,0 +1,8 @@
1
+ import './native-tokens-variable.ts';
2
+ import './native-tokens-colors.ts';
3
+ import './native-tokens-color-swatch.ts';
4
+ import './native-tokens-themes.ts';
5
+ import '../components/ui-range/ui-range.ts';
6
+ import '../components/ui-select/ui-select.ts';
7
+ export declare function buildInspector(container: HTMLElement): void;
8
+ //# sourceMappingURL=build-inspector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"build-inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/build-inspector.ts"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AACrC,OAAO,2BAA2B,CAAC;AACnC,OAAO,iCAAiC,CAAC;AACzC,OAAO,2BAA2B,CAAC;AACnC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AA4E9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAgI3D"}
@@ -0,0 +1,10 @@
1
+ export { NativeTokensColorSwatch } from './native-tokens-color-swatch-element.ts';
2
+ export { NativeTokensColors } from './native-tokens-colors-element.ts';
3
+ export type { NativeTokensColorEntry } from './native-tokens-colors-element.ts';
4
+ export { NativeTokensVariable } from './native-tokens-variable-element.ts';
5
+ export type { NativeTokensVariableData } from './native-tokens-variable-element.ts';
6
+ export { NativeTokensThemes } from './native-tokens-themes-element.ts';
7
+ export type { NativeTokensThemeEntry } from './native-tokens-themes-element.ts';
8
+ export { NativeTokensInspector } from './native-tokens-inspector-element.ts';
9
+ export { buildInspector } from './build-inspector.ts';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,5 +1,5 @@
1
- import { UIElement } from '../../core/ui-element.ts';
2
- export declare class DSColorSwatch extends UIElement {
1
+ import { UIElement } from '../core/ui-element.ts';
2
+ export declare class NativeTokensColorSwatch extends UIElement {
3
3
  #private;
4
4
  static observedAttributes: string[];
5
5
  get token(): string;
@@ -12,4 +12,4 @@ export declare class DSColorSwatch extends UIElement {
12
12
  /** Refresh background and contrast from current token value. */
13
13
  refresh(): void;
14
14
  }
15
- //# sourceMappingURL=ds-color-swatch-element.d.ts.map
15
+ //# sourceMappingURL=native-tokens-color-swatch-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-color-swatch-element.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-color-swatch-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AA+IlD,qBAAa,uBAAwB,SAAQ,SAAS;;IACpD,MAAM,CAAC,kBAAkB,WAAqB;IAM9C,IAAI,KAAK,IAAI,MAAM,CAA6C;IAChE,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAAsC;IAE3D,IAAI,IAAI,IAAI,MAAM,CAA4C;IAC9D,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAAqC;IAEzD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAapF,KAAK,IAAI,IAAI;IAqCb,QAAQ,IAAI,IAAI;IAUhB,gEAAgE;IAChE,OAAO,IAAI,IAAI;CAsEhB"}
@@ -0,0 +1,3 @@
1
+ import { NativeTokensColorSwatch } from './native-tokens-color-swatch-element.ts';
2
+ export { NativeTokensColorSwatch };
3
+ //# sourceMappingURL=native-tokens-color-swatch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-color-swatch.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-color-swatch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAIlF,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
@@ -1,9 +1,9 @@
1
- import { UIElement } from '../../core/ui-element.ts';
2
- export interface DSColorEntry {
1
+ import { UIElement } from '../core/ui-element.ts';
2
+ export interface NativeTokensColorEntry {
3
3
  name: string;
4
4
  token: string;
5
5
  }
6
- export declare class DSColors extends UIElement {
6
+ export declare class NativeTokensColors extends UIElement {
7
7
  #private;
8
8
  static observedAttributes: string[];
9
9
  attributeChangedCallback(name: string, old: string | null, val: string | null): void;
@@ -11,4 +11,4 @@ export declare class DSColors extends UIElement {
11
11
  teardown(): void;
12
12
  refresh(): void;
13
13
  }
14
- //# sourceMappingURL=ds-colors-element.d.ts.map
14
+ //# sourceMappingURL=native-tokens-colors-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-colors-element.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-colors-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,kBAAmB,SAAQ,SAAS;;IAC/C,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAab,QAAQ,IAAI,IAAI;IAWhB,OAAO,IAAI,IAAI;CAuBhB"}
@@ -0,0 +1,4 @@
1
+ import { NativeTokensColors } from './native-tokens-colors-element.ts';
2
+ export { NativeTokensColors };
3
+ export type { NativeTokensColorEntry } from './native-tokens-colors-element.ts';
4
+ //# sourceMappingURL=native-tokens-colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-colors.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAIvE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { UIElement } from '../core/ui-element.ts';
2
+ /**
3
+ * Self-contained design system inspector.
4
+ *
5
+ * Stamps the full color/variable inspector UI on connection.
6
+ * Consumer usage: `<native-tokens-inspector></native-tokens-inspector>`.
7
+ *
8
+ * All `native-tokens-*` sub-elements are registered by the `@nonoun/native-ui/inspector`
9
+ * entry point as a side effect of import.
10
+ */
11
+ export declare class NativeTokensInspector extends UIElement {
12
+ setup(): void;
13
+ teardown(): void;
14
+ }
15
+ //# sourceMappingURL=native-tokens-inspector-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-inspector-element.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-inspector-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;;;GAQG;AACH,qBAAa,qBAAsB,SAAQ,SAAS;IAClD,KAAK,IAAI,IAAI;IAKb,QAAQ,IAAI,IAAI;CAIjB"}
@@ -0,0 +1,3 @@
1
+ import { NativeTokensInspector } from './native-tokens-inspector-element.ts';
2
+ export { NativeTokensInspector };
3
+ //# sourceMappingURL=native-tokens-inspector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-inspector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAI7E,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -1,13 +1,13 @@
1
- import { UIElement } from '../../core/ui-element.ts';
2
- export interface DSThemeEntry {
1
+ import { UIElement } from '../core/ui-element.ts';
2
+ export interface NativeTokensThemeEntry {
3
3
  name: string;
4
4
  value: string;
5
5
  }
6
- export declare class DSThemes extends UIElement {
6
+ export declare class NativeTokensThemes extends UIElement {
7
7
  #private;
8
8
  static observedAttributes: string[];
9
9
  attributeChangedCallback(name: string, old: string | null, val: string | null): void;
10
10
  setup(): void;
11
11
  teardown(): void;
12
12
  }
13
- //# sourceMappingURL=ds-themes-element.d.ts.map
13
+ //# sourceMappingURL=native-tokens-themes-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-themes-element.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-themes-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAeD,qBAAa,kBAAmB,SAAQ,SAAS;;IAC/C,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CA8CjB"}
@@ -0,0 +1,4 @@
1
+ import { NativeTokensThemes } from './native-tokens-themes-element.ts';
2
+ export { NativeTokensThemes };
3
+ export type { NativeTokensThemeEntry } from './native-tokens-themes-element.ts';
4
+ //# sourceMappingURL=native-tokens-themes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-themes.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAIvE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC"}
@@ -1,5 +1,5 @@
1
- import { UIElement } from '../../core/ui-element.ts';
2
- export interface DSVariableData {
1
+ import { UIElement } from '../core/ui-element.ts';
2
+ export interface NativeTokensVariableData {
3
3
  name: string;
4
4
  type: 'number';
5
5
  token: string;
@@ -8,7 +8,7 @@ export interface DSVariableData {
8
8
  min?: number;
9
9
  max?: number;
10
10
  }
11
- export declare class DSVariable extends UIElement {
11
+ export declare class NativeTokensVariable extends UIElement {
12
12
  #private;
13
13
  static observedAttributes: string[];
14
14
  attributeChangedCallback(name: string, old: string | null, val: string | null): void;
@@ -16,4 +16,4 @@ export declare class DSVariable extends UIElement {
16
16
  teardown(): void;
17
17
  sync(): void;
18
18
  }
19
- //# sourceMappingURL=ds-variable-element.d.ts.map
19
+ //# sourceMappingURL=native-tokens-variable-element.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-variable-element.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-variable-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,oBAAqB,SAAQ,SAAS;;IACjD,MAAM,CAAC,kBAAkB,WAAY;IAMrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAWb,QAAQ,IAAI,IAAI;IAYhB,IAAI,IAAI,IAAI;CA8Db"}
@@ -0,0 +1,4 @@
1
+ import { NativeTokensVariable } from './native-tokens-variable-element.ts';
2
+ export { NativeTokensVariable };
3
+ export type { NativeTokensVariableData } from './native-tokens-variable-element.ts';
4
+ //# sourceMappingURL=native-tokens-variable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"native-tokens-variable.d.ts","sourceRoot":"","sources":["../../src/inspector/native-tokens-variable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAI3E,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /* ──────────────────────────────────────────────────────────────────────────────
2
- ds-inspector — Design system inspector component styles.
2
+ native-tokens-inspector — Design system inspector component styles.
3
3
  Opt-in via: @import '@nonoun/native-ui/css/inspector';
4
4
  ────────────────────────────────────────────────────────────────────────────── */
5
5
 
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* ── Toolbar ── */
9
9
 
10
- .ds-inspector-toolbar {
10
+ .native-tokens-inspector-toolbar {
11
11
  position: sticky;
12
12
  top: 0;
13
13
  z-index: 1;
@@ -18,27 +18,27 @@
18
18
  background: var(--_ground, var(--_panel));
19
19
  }
20
20
 
21
- .ds-inspector-toolbar > * {
21
+ .native-tokens-inspector-toolbar > * {
22
22
  flex: 1;
23
23
  min-width: 0;
24
24
  }
25
25
 
26
26
  /* ── Section Structure ── */
27
27
 
28
- .ds-inspector-section {
28
+ .native-tokens-inspector-section {
29
29
  margin-block-end: 1rem;
30
30
  }
31
31
 
32
- .ds-inspector-section[hidden] {
32
+ .native-tokens-inspector-section[hidden] {
33
33
  display: none;
34
34
  }
35
35
 
36
- .ds-inspector-section + .ds-inspector-section:not([hidden]) {
36
+ .native-tokens-inspector-section + .native-tokens-inspector-section:not([hidden]) {
37
37
  padding-block-start: 0.5rem;
38
38
  border-block-start: 1px solid var(--neutral-border-muted);
39
39
  }
40
40
 
41
- .ds-inspector-heading {
41
+ .native-tokens-inspector-heading {
42
42
  font-size: 0.6875rem;
43
43
  font-weight: 600;
44
44
  text-transform: uppercase;
@@ -47,20 +47,20 @@
47
47
  margin: 0 0 0.5rem;
48
48
  }
49
49
 
50
- .ds-inspector-subheading {
50
+ .native-tokens-inspector-subheading {
51
51
  font-size: 0.625rem;
52
52
  font-weight: 500;
53
53
  color: var(--neutral-ink-placeholder);
54
54
  margin: 0.5rem 0 0.25rem;
55
55
  }
56
56
 
57
- /* ── ds-variable ── */
57
+ /* ── native-tokens-variable ── */
58
58
 
59
- :where(ds-variable) {
59
+ :where(native-tokens-variable) {
60
60
  display: block;
61
61
  }
62
62
 
63
- .ds-variable-row {
63
+ .native-tokens-variable-row {
64
64
  display: grid;
65
65
  grid-template-columns: auto 1fr auto;
66
66
  align-items: center;
@@ -68,7 +68,7 @@
68
68
  padding-block: 0.125rem;
69
69
  }
70
70
 
71
- .ds-variable-label {
71
+ .native-tokens-variable-label {
72
72
  font-size: 0.6875rem;
73
73
  color: var(--neutral-ink);
74
74
  white-space: nowrap;
@@ -78,7 +78,7 @@
78
78
  max-width: 5rem;
79
79
  }
80
80
 
81
- .ds-variable-value {
81
+ .native-tokens-variable-value {
82
82
  font-size: 0.625rem;
83
83
  font-family: ui-monospace, monospace;
84
84
  color: var(--neutral-ink-muted);
@@ -90,22 +90,22 @@
90
90
  max-width: 5rem;
91
91
  }
92
92
 
93
- /* ── ds-colors ── */
93
+ /* ── native-tokens-colors ── */
94
94
 
95
- :where(ds-colors) {
95
+ :where(native-tokens-colors) {
96
96
  display: block;
97
97
  }
98
98
 
99
- .ds-colors-strip {
99
+ .native-tokens-colors-strip {
100
100
  display: flex;
101
101
  gap: 2px;
102
102
  border-radius: 0.375rem;
103
103
  overflow: hidden;
104
104
  }
105
105
 
106
- /* ── ds-color-swatch ── */
106
+ /* ── native-tokens-color-swatch ── */
107
107
 
108
- :where(ds-color-swatch) {
108
+ :where(native-tokens-color-swatch) {
109
109
  flex: 1;
110
110
  aspect-ratio: 1;
111
111
  min-width: 0;
@@ -116,7 +116,7 @@
116
116
  cursor: pointer;
117
117
  }
118
118
 
119
- .ds-swatch-label {
119
+ .native-tokens-swatch-label {
120
120
  font-size: 0.5rem;
121
121
  line-height: 1;
122
122
  text-align: center;
@@ -130,7 +130,7 @@
130
130
 
131
131
  /* ── Swatch Popover ── */
132
132
 
133
- .ds-swatch-popover {
133
+ .native-tokens-swatch-popover {
134
134
  position: fixed;
135
135
  position-area: block-end;
136
136
  position-try-fallbacks: flip-block;
@@ -159,23 +159,23 @@
159
159
  overlay 150ms ease allow-discrete;
160
160
  }
161
161
 
162
- .ds-swatch-popover:popover-open {
162
+ .native-tokens-swatch-popover:popover-open {
163
163
  opacity: 1;
164
164
  transform: scale(1);
165
165
  }
166
166
 
167
167
  @starting-style {
168
- .ds-swatch-popover:popover-open {
168
+ .native-tokens-swatch-popover:popover-open {
169
169
  opacity: 0;
170
170
  transform: scale(0.96);
171
171
  }
172
172
  }
173
173
 
174
- .ds-swatch-popover[popover]:not(:popover-open) {
174
+ .native-tokens-swatch-popover[popover]:not(:popover-open) {
175
175
  display: none;
176
176
  }
177
177
 
178
- .ds-swatch-popover-header {
178
+ .native-tokens-swatch-popover-header {
179
179
  font-size: 0.5625rem;
180
180
  font-family: ui-monospace, monospace;
181
181
  color: var(--neutral-ink-muted);
@@ -187,7 +187,7 @@
187
187
  text-overflow: ellipsis;
188
188
  }
189
189
 
190
- .ds-swatch-popover-row {
190
+ .native-tokens-swatch-popover-row {
191
191
  display: flex;
192
192
  align-items: center;
193
193
  gap: 0.5rem;
@@ -202,18 +202,18 @@
202
202
  text-align: left;
203
203
  }
204
204
 
205
- .ds-swatch-popover-row:hover {
205
+ .native-tokens-swatch-popover-row:hover {
206
206
  background: var(--neutral-control);
207
207
  }
208
208
 
209
- .ds-swatch-popover-label {
209
+ .native-tokens-swatch-popover-label {
210
210
  font-size: 0.5625rem;
211
211
  font-weight: 600;
212
212
  color: var(--neutral-ink-muted);
213
213
  min-width: 2.5rem;
214
214
  }
215
215
 
216
- .ds-swatch-popover-value {
216
+ .native-tokens-swatch-popover-value {
217
217
  font-size: 0.5625rem;
218
218
  font-family: ui-monospace, monospace;
219
219
  color: var(--neutral-ink);
@@ -222,10 +222,10 @@
222
222
  text-overflow: ellipsis;
223
223
  }
224
224
 
225
- /* ── ds-themes ── */
225
+ /* ── native-tokens-themes ── */
226
226
 
227
- :where(ds-themes) {
228
- display: block;
227
+ :where(native-tokens-themes) {
228
+ display: contents;
229
229
  }
230
230
 
231
231
  } /* @layer ui */
@@ -1,7 +1,12 @@
1
- import './nav/inspector/ds-variable.ts';
2
- import './nav/inspector/ds-colors.ts';
3
- import './nav/inspector/ds-color-swatch.ts';
4
- import './nav/inspector/ds-themes.ts';
5
- export { DSColorSwatch, DSColors, DSVariable, DSThemes, buildInspector, } from './nav/inspector/index.ts';
6
- export type { DSColorEntry, DSVariableData, DSThemeEntry } from './nav/inspector/index.ts';
1
+ import { NativeTokensVariable } from './inspector/native-tokens-variable-element.ts';
2
+ import { NativeTokensColors } from './inspector/native-tokens-colors-element.ts';
3
+ import { NativeTokensColorSwatch } from './inspector/native-tokens-color-swatch-element.ts';
4
+ import { NativeTokensThemes } from './inspector/native-tokens-themes-element.ts';
5
+ import { NativeTokensInspector } from './inspector/native-tokens-inspector-element.ts';
6
+ import { UILayoutInspector } from './containers/ui-layout-inspector/ui-layout-inspector-element.ts';
7
+ import { buildInspector } from './inspector/build-inspector.ts';
8
+ export { NativeTokensVariable, NativeTokensColors, NativeTokensColorSwatch, NativeTokensThemes, NativeTokensInspector, UILayoutInspector, buildInspector, };
9
+ export type { NativeTokensVariableData } from './inspector/native-tokens-variable-element.ts';
10
+ export type { NativeTokensColorEntry } from './inspector/native-tokens-colors-element.ts';
11
+ export type { NativeTokensThemeEntry } from './inspector/native-tokens-themes-element.ts';
7
12
  //# sourceMappingURL=inspector.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../src/inspector.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../src/inspector.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAavF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAqBhE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,cAAc,GACf,CAAC;AACF,YAAY,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,YAAY,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,YAAY,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC"}