@tensor_1/tokens 2.11.0 → 2.13.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.
- package/README.md +8 -0
- package/build/css/components.css +1 -1847
- package/build/css/styles.css +1 -2188
- package/package.json +12 -2
- package/styles/components/alert.css +16 -0
- package/styles/components/app-shell.css +37 -0
- package/styles/components/attachment.css +10 -0
- package/styles/components/audit-log.css +11 -0
- package/styles/components/avatar.css +25 -0
- package/styles/components/brand-profiles.css +12 -0
- package/styles/components/breadcrumbs.css +10 -0
- package/styles/components/builder-canvas.css +17 -0
- package/styles/components/button.css +49 -0
- package/styles/components/calendar.css +13 -0
- package/styles/components/card.css +9 -0
- package/styles/components/chart.css +9 -0
- package/styles/components/checkbox.css +20 -0
- package/styles/components/color-picker.css +14 -0
- package/styles/components/combobox.css +16 -0
- package/styles/components/command-palette.css +14 -0
- package/styles/components/comments.css +17 -0
- package/styles/components/contact-card.css +12 -0
- package/styles/components/date-range-picker.css +16 -0
- package/styles/components/description-list.css +6 -0
- package/styles/components/detail-layout.css +7 -0
- package/styles/components/diff-viewer.css +14 -0
- package/styles/components/drawer.css +24 -0
- package/styles/components/editorial-home.css +188 -0
- package/styles/components/file-upload.css +14 -0
- package/styles/components/flow.css +196 -0
- package/styles/components/form.css +14 -0
- package/styles/components/heartbeat.css +12 -0
- package/styles/components/inbox.css +13 -0
- package/styles/components/input.css +39 -0
- package/styles/components/kanban.css +14 -0
- package/styles/components/kbd.css +8 -0
- package/styles/components/labels.css +13 -0
- package/styles/components/license-position-bar.css +8 -0
- package/styles/components/lightbox.css +13 -0
- package/styles/components/link.css +98 -0
- package/styles/components/list.css +10 -0
- package/styles/components/match-review.css +11 -0
- package/styles/components/media.css +9 -0
- package/styles/components/menu.css +15 -0
- package/styles/components/meter.css +9 -0
- package/styles/components/metric-input.css +9 -0
- package/styles/components/modal.css +31 -0
- package/styles/components/notification-center.css +14 -0
- package/styles/components/page-header.css +9 -0
- package/styles/components/pagination.css +14 -0
- package/styles/components/peek.css +46 -0
- package/styles/components/pipeline.css +9 -0
- package/styles/components/popover.css +11 -0
- package/styles/components/progress.css +12 -0
- package/styles/components/prose.css +27 -0
- package/styles/components/radio.css +20 -0
- package/styles/components/reactions.css +22 -0
- package/styles/components/relationship-graph.css +21 -0
- package/styles/components/rule-builder.css +17 -0
- package/styles/components/scheduling-calendar.css +22 -0
- package/styles/components/segmented.css +12 -0
- package/styles/components/select.css +23 -0
- package/styles/components/sidebar.css +102 -0
- package/styles/components/sla.css +8 -0
- package/styles/components/slider.css +16 -0
- package/styles/components/spinner.css +10 -0
- package/styles/components/stat-tile.css +11 -0
- package/styles/components/states.css +13 -0
- package/styles/components/status-pill.css +37 -0
- package/styles/components/stepper.css +13 -0
- package/styles/components/steps.css +18 -0
- package/styles/components/switch.css +19 -0
- package/styles/components/table-toolbar.css +20 -0
- package/styles/components/table.css +160 -0
- package/styles/components/tabs.css +31 -0
- package/styles/components/tag-input.css +16 -0
- package/styles/components/textarea.css +15 -0
- package/styles/components/timeline.css +11 -0
- package/styles/components/toast.css +21 -0
- package/styles/components/tooltip.css +35 -0
- package/styles/components/tree.css +17 -0
- package/styles/components/typography.css +45 -0
- package/styles/components/utility-bits.css +14 -0
- package/styles/components/view-menu.css +14 -0
- package/styles/motion.css +35 -0
- package/styles/utilities.css +26 -0
package/README.md
CHANGED
|
@@ -43,6 +43,8 @@ Override the write-only brand slots; `accent` / `link` / `ring` / `brand-muted`
|
|
|
43
43
|
|---|---|
|
|
44
44
|
| `./css` | the `--uix-*` contract (`:root` light, dark selector) |
|
|
45
45
|
| `./styles` | component CSS (use with the tokens + a theme) |
|
|
46
|
+
| `./components/*` | one component stylesheet for selective loading |
|
|
47
|
+
| `./utilities` · `./motion` | shared utility and motion layers |
|
|
46
48
|
| `./tailwind` · `./tailwind/preset` | Tailwind v4 `@theme` / v3 preset |
|
|
47
49
|
| `./ts` | typed `cssVar` / `light` / `dark` / `num` |
|
|
48
50
|
| `./themes/{tensor,posx,shopx,mission-control}` | per-product brand |
|
|
@@ -73,6 +75,12 @@ The following CSS primitives (and their `@tensor_1/react` wrappers) are the inte
|
|
|
73
75
|
| App-shell nav width tiers | `app-shell.css` `.uix-shell[data-nav="full\|rail\|hidden"]` · `<AppShell nav>` | `--uix-sidebar-w`, `--uix-sidebar-w-rail` |
|
|
74
76
|
| Shell focus / full-bleed | `app-shell.css` `.uix-shell[data-focus]` / `.uix-shell__main--bleed` · `<AppShell focus mainBleed>` | `--uix-z-overlay`, `--uix-space-7` |
|
|
75
77
|
| Table logic engine | `@tensor_1/react` `table-engine` (multiSort / applyFilters / searchRows / serializeView / virtualWindow / selection) | — behaviour primitive; keeps vanilla + React grids identical |
|
|
78
|
+
| Rule authoring | `rule-builder.css` · `<RuleBuilder>` | Existing surface, form, border, text, state, and focus tokens |
|
|
79
|
+
| Builder canvas | `builder-canvas.css` · `<BuilderCanvas>` | Existing surface, spacing, border, text, and focus tokens |
|
|
80
|
+
| Scheduling + date range | `scheduling-calendar.css` / `date-range-picker.css` · React wrappers | Existing calendar, surface, semantic-state, and focus tokens |
|
|
81
|
+
| Relationship graph | `relationship-graph.css` · `<RelationshipGraph>` | Existing chart, surface, border, semantic-state, and focus tokens |
|
|
82
|
+
| Review + configuration | `match-review.css`, `metric-input.css`, `license-position-bar.css`, `diff-viewer.css` · React wrappers | Existing form, table, meter, status, and semantic-state tokens |
|
|
83
|
+
| Brand profiles + color | `brand-profiles.css`, `color-picker.css` · React wrappers | Write-only `--uix-brand` / `--uix-brand-fg` through the existing accent chain |
|
|
76
84
|
|
|
77
85
|
If you reach for `var(--uix-danger)` or `var(--uix-warning)` to render SLA urgency or severity, use `<StatusPill tone="sla-breached">` or `<StatusPill tone="p1">` instead — the component handles WCAG contrast, dark mode, and brand overrides; a raw literal does not.
|
|
78
86
|
|