@nonoun/native-ui 0.2.10 → 0.4.0

package/dist/inspector.css

@@ -1,231 +0,0 @@
-/* ──────────────────────────────────────────────────────────────────────────────
-   native-tokens-inspector — Design system inspector component styles.
-   Opt-in via: @import '@nonoun/native-ui/css/inspector';
-   ────────────────────────────────────────────────────────────────────────────── */
-
-@layer ui {
-
-/* ── Toolbar ── */
-
-.native-tokens-inspector-toolbar {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  display: flex;
-  gap: 0.5rem;
-  padding-block: 0.5rem;
-  margin-block-end: 0.5rem;
-  background: var(--_ground, var(--_panel));
-}
-
-.native-tokens-inspector-toolbar > * {
-  flex: 1;
-  min-width: 0;
-}
-
-/* ── Section Structure ── */
-
-.native-tokens-inspector-section {
-  margin-block-end: 1rem;
-}
-
-.native-tokens-inspector-section[hidden] {
-  display: none;
-}
-
-.native-tokens-inspector-section + .native-tokens-inspector-section:not([hidden]) {
-  padding-block-start: 0.5rem;
-  border-block-start: 1px solid var(--neutral-border-muted);
-}
-
-.native-tokens-inspector-heading {
-  font-size: 0.6875rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--neutral-ink-muted);
-  margin: 0 0 0.5rem;
-}
-
-.native-tokens-inspector-subheading {
-  font-size: 0.625rem;
-  font-weight: 500;
-  color: var(--neutral-ink-placeholder);
-  margin: 0.5rem 0 0.25rem;
-}
-
-/* ── native-tokens-variable ── */
-
-:where(native-tokens-variable) {
-  display: block;
-}
-
-.native-tokens-variable-row {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  align-items: center;
-  gap: 0.5rem;
-  padding-block: 0.125rem;
-}
-
-.native-tokens-variable-label {
-  font-size: 0.6875rem;
-  color: var(--neutral-ink);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 3rem;
-  max-width: 5rem;
-}
-
-.native-tokens-variable-value {
-  font-size: 0.625rem;
-  font-family: ui-monospace, monospace;
-  color: var(--neutral-ink-muted);
-  text-align: right;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 3rem;
-  max-width: 5rem;
-}
-
-/* ── native-tokens-colors ── */
-
-:where(native-tokens-colors) {
-  display: block;
-}
-
-.native-tokens-colors-strip {
-  display: flex;
-  gap: 2px;
-  border-radius: 0.375rem;
-  overflow: hidden;
-}
-
-/* ── native-tokens-color-swatch ── */
-
-:where(native-tokens-color-swatch) {
-  flex: 1;
-  aspect-ratio: 1;
-  min-width: 0;
-  position: relative;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.native-tokens-swatch-label {
-  font-size: 0.5rem;
-  line-height: 1;
-  text-align: center;
-  padding: 2px 1px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  pointer-events: none;
-}
-
-/* ── Swatch Popover ── */
-
-.native-tokens-swatch-popover {
-  position: fixed;
-  position-area: block-end;
-  position-try-fallbacks: flip-block;
-  margin: 0.25rem 0 0;
-
-  min-width: 12rem;
-  padding: 0.375rem;
-
-  font-size: 0.6875rem;
-  color: var(--neutral-ink);
-  background: var(--neutral-modal);
-  border: 1px solid var(--neutral-border-muted);
-  border-radius: 0.375rem;
-  box-shadow: var(--ui-shadow-md);
-
-  /* Override UA popover styles */
-  inset: unset;
-  overflow: visible;
-
-  opacity: 0;
-  transform: scale(0.96);
-  transition:
-    opacity 150ms ease,
-    transform 150ms ease,
-    display 150ms ease allow-discrete,
-    overlay 150ms ease allow-discrete;
-}
-
-.native-tokens-swatch-popover:popover-open {
-  opacity: 1;
-  transform: scale(1);
-}
-
-@starting-style {
-  .native-tokens-swatch-popover:popover-open {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-}
-
-.native-tokens-swatch-popover[popover]:not(:popover-open) {
-  display: none;
-}
-
-.native-tokens-swatch-popover-header {
-  font-size: 0.5625rem;
-  font-family: ui-monospace, monospace;
-  color: var(--neutral-ink-muted);
-  padding: 0.125rem 0.25rem 0.375rem;
-  border-bottom: 1px solid var(--neutral-border-muted);
-  margin-bottom: 0.25rem;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.native-tokens-swatch-popover-row {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  width: 100%;
-  padding: 0.25rem;
-  border: none;
-  border-radius: 0.25rem;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
-  text-align: left;
-}
-
-.native-tokens-swatch-popover-row:hover {
-  background: var(--neutral-control);
-}
-
-.native-tokens-swatch-popover-label {
-  font-size: 0.5625rem;
-  font-weight: 600;
-  color: var(--neutral-ink-muted);
-  min-width: 2.5rem;
-}
-
-.native-tokens-swatch-popover-value {
-  font-size: 0.5625rem;
-  font-family: ui-monospace, monospace;
-  color: var(--neutral-ink);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* ── native-tokens-themes ── */
-
-:where(native-tokens-themes) {
-  display: contents;
-}
-
-} /* @layer ui */

package/dist/inspector.d.ts

@@ -1,12 +0,0 @@
-import { NativeTokensVariable } from './inspector/native-tokens-variable-element.ts';
-import { NativeTokensColors } from './inspector/native-tokens-colors-element.ts';
-import { NativeTokensColorSwatch } from './inspector/native-tokens-color-swatch-element.ts';
-import { NativeTokensThemes } from './inspector/native-tokens-themes-element.ts';
-import { NativeTokensInspector } from './inspector/native-tokens-inspector-element.ts';
-import { UILayoutInspector } from './containers/ui-layout-inspector/ui-layout-inspector-element.ts';
-import { buildInspector } from './inspector/build-inspector.ts';
-export { NativeTokensVariable, NativeTokensColors, NativeTokensColorSwatch, NativeTokensThemes, NativeTokensInspector, UILayoutInspector, buildInspector, };
-export type { NativeTokensVariableData } from './inspector/native-tokens-variable-element.ts';
-export type { NativeTokensColorEntry } from './inspector/native-tokens-colors-element.ts';
-export type { NativeTokensThemeEntry } from './inspector/native-tokens-themes-element.ts';
-//# sourceMappingURL=inspector.d.ts.map

package/dist/inspector.d.ts.map

@@ -1 +0,0 @@
-{"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"}