@tensor_1/tokens 2.12.0 → 2.14.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tensor_1/tokens",
3
- "version": "2.12.0",
3
+ "version": "2.14.0",
4
4
  "description": "UIx v2 design tokens — the --uix-* contract for house products (Tensor, POSx, SHOPx). One DTCG source -> CSS variables, Tailwind theme, and typed TS constants.",
5
5
  "type": "module",
6
6
  "sideEffects": [
@@ -0,0 +1,12 @@
1
+ @layer uix.components {
2
+ .uix-brand-profiles { display:grid; grid-template-columns:minmax(16rem,.8fr) minmax(18rem,1.2fr); gap:var(--uix-space-5); color:var(--uix-text); }
3
+ .uix-brand-profiles__form { display:grid; align-content:start; gap:var(--uix-space-3); }
4
+ .uix-brand-profiles__form label { display:grid; gap:var(--uix-space-2); font-weight:600; }
5
+ .uix-brand-profiles__colors { display:grid; grid-template-columns:1fr 1fr; gap:var(--uix-space-3); }
6
+ .uix-brand-profiles__upload { padding:var(--uix-space-3); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-md); background:var(--uix-bg-subtle); }
7
+ .uix-brand-profiles__preview { overflow:hidden; align-self:start; border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); box-shadow:var(--uix-shadow-sm); font-family:var(--uix-font-sans); }
8
+ .uix-brand-profiles__preview-header { display:flex; align-items:center; gap:var(--uix-space-3); padding:var(--uix-space-4); background:var(--uix-accent); color:var(--uix-accent-fg); }
9
+ .uix-brand-profiles__preview-header img,.uix-brand-profiles__logo-placeholder { display:grid; place-items:center; width:3rem; height:3rem; border-radius:var(--uix-radius-md); background:var(--uix-surface); color:var(--uix-text); object-fit:contain; }
10
+ .uix-brand-profiles__preview-body { display:grid; justify-items:start; gap:var(--uix-space-3); padding:var(--uix-space-6); } .uix-brand-profiles__preview-body h3 { font-family:var(--uix-font-heading); }
11
+ @media (max-width:720px) { .uix-brand-profiles { grid-template-columns:1fr; } .uix-brand-profiles__colors { grid-template-columns:1fr; } }
12
+ }
@@ -0,0 +1,17 @@
1
+ @layer uix.components {
2
+ .uix-builder-canvas { display:grid; grid-template-columns:minmax(11rem,.7fr) minmax(16rem,1.5fr) minmax(12rem,1fr); min-height:24rem; border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); overflow:hidden; background:var(--uix-surface); color:var(--uix-text); }
3
+ .uix-builder-canvas>aside,.uix-builder-canvas__workspace { min-width:0; padding:var(--uix-space-4); }
4
+ .uix-builder-canvas__palette,.uix-builder-canvas__workspace { border-right:1px solid var(--uix-border); }
5
+ .uix-builder-canvas h3 { margin-bottom:var(--uix-space-3); font-size:var(--uix-text-h3); }
6
+ .uix-builder-canvas ul,.uix-builder-canvas ol { display:grid; gap:var(--uix-space-2); margin:0; padding:0; list-style:none; }
7
+ .uix-builder-canvas__palette button,.uix-builder-canvas__item-main { width:100%; display:grid; gap:var(--uix-space-1); padding:var(--uix-space-3); border:1px solid var(--uix-border); border-radius:var(--uix-radius-md); background:var(--uix-surface); color:var(--uix-text); text-align:left; }
8
+ .uix-builder-canvas__palette button:hover,.uix-builder-canvas__item-main:hover { background:var(--uix-bg-hover); }
9
+ .uix-builder-canvas__palette button span,.uix-builder-canvas__item-main span { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
10
+ .uix-builder-canvas__item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--uix-space-2); padding:var(--uix-space-2); border:1px solid var(--uix-border); border-radius:var(--uix-radius-md); background:var(--uix-surface-2); }
11
+ .uix-builder-canvas__item--selected { border-color:var(--uix-accent); box-shadow:0 0 0 2px var(--uix-ring); }
12
+ .uix-builder-canvas__item-actions { display:grid; gap:var(--uix-space-1); }
13
+ .uix-builder-canvas__item-actions button { border:0; background:transparent; color:var(--uix-link); font-size:var(--uix-text-meta); }
14
+ .uix-builder-canvas__state { display:grid; justify-items:start; gap:var(--uix-space-3); padding:var(--uix-space-6); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-md); color:var(--uix-text-muted); }
15
+ .uix-builder-canvas__properties dl { display:grid; grid-template-columns:auto 1fr; gap:var(--uix-space-2); } .uix-builder-canvas__properties dt { color:var(--uix-text-muted); }
16
+ @media (max-width:800px) { .uix-builder-canvas { grid-template-columns:1fr; } .uix-builder-canvas__palette,.uix-builder-canvas__workspace { border-right:0; border-bottom:1px solid var(--uix-border); } }
17
+ }
@@ -0,0 +1,14 @@
1
+ @layer uix.components {
2
+ .uix-color-picker { position:relative; display:inline-block; color:var(--uix-text); font-weight:400; }
3
+ .uix-color-picker__trigger { display:flex; align-items:center; gap:var(--uix-space-2); min-height:var(--uix-control-h); padding:var(--uix-space-2) var(--uix-space-3); border:1px solid var(--uix-border-strong); border-radius:var(--uix-radius-md); background:var(--uix-surface); color:var(--uix-text); font-family:var(--uix-font-mono); }
4
+ .uix-color-picker__swatch,.uix-color-picker__preset { width:1.5rem; height:1.5rem; border:1px solid var(--uix-border-strong); border-radius:var(--uix-radius-sm); }
5
+ .uix-color-picker__popover { position:absolute; z-index:var(--uix-z-dropdown); top:calc(100% + var(--uix-space-2)); left:0; display:grid; gap:var(--uix-space-3); width:min(20rem,calc(100vw - var(--uix-space-8))); padding:var(--uix-space-4); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); box-shadow:var(--uix-shadow-popover); }
6
+ .uix-color-picker__popover[hidden] { display:none; }
7
+ .uix-color-picker__preview { display:grid; place-items:center; min-height:5rem; border:1px solid var(--uix-border); border-radius:var(--uix-radius-md); font-size:var(--uix-text-h2); font-weight:700; }
8
+ .uix-color-picker__range,.uix-color-picker__hex { display:grid; grid-template-columns:1fr auto; gap:var(--uix-space-1); color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
9
+ .uix-color-picker__range input { grid-column:1/-1; width:100%; accent-color:var(--uix-accent); }
10
+ .uix-color-picker__hex-row { grid-column:1/-1; display:grid; grid-template-columns:1fr auto; gap:var(--uix-space-2); }
11
+ .uix-color-picker__palettes { display:grid; gap:var(--uix-space-2); } .uix-color-picker__palettes fieldset { border:0; } .uix-color-picker__palettes legend { margin-bottom:var(--uix-space-1); color:var(--uix-text-muted); font-size:var(--uix-text-meta); } .uix-color-picker__palettes fieldset>div { display:flex; flex-wrap:wrap; gap:var(--uix-space-2); }
12
+ .uix-color-picker__preset { padding:0; } .uix-color-picker__contrast { padding:var(--uix-space-2); border-radius:var(--uix-radius-md); font-size:var(--uix-text-meta); }
13
+ .uix-color-picker__contrast--pass { background:var(--uix-success-bg); color:var(--uix-text); } .uix-color-picker__contrast--fail { background:var(--uix-danger-bg); color:var(--uix-danger-text); }
14
+ }
@@ -0,0 +1,16 @@
1
+ @layer uix.components {
2
+ .uix-date-range-picker { display:grid; gap:var(--uix-space-3); max-width:46rem; padding:var(--uix-space-4); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); color:var(--uix-text); }
3
+ .uix-date-range-picker__header { display:flex; justify-content:space-between; gap:var(--uix-space-3); align-items:center; } .uix-date-range-picker__header>div { display:flex; gap:var(--uix-space-1); }
4
+ .uix-date-range-picker__months { display:grid; grid-template-columns:repeat(2,minmax(15rem,1fr)); gap:var(--uix-space-4); }
5
+ .uix-date-range-picker__month h4 { margin-bottom:var(--uix-space-2); text-align:center; }
6
+ .uix-date-range-picker__weekdays,.uix-date-range-picker__grid { display:grid; grid-template-columns:repeat(7,1fr); }
7
+ .uix-date-range-picker__weekdays span { padding:var(--uix-space-1); color:var(--uix-text-muted); text-align:center; font-size:var(--uix-text-meta); }
8
+ .uix-date-range-picker__grid button { aspect-ratio:1; min-width:2rem; border:0; border-radius:0; background:transparent; color:var(--uix-text); }
9
+ .uix-date-range-picker__grid button:hover { background:var(--uix-bg-hover); }
10
+ .uix-date-range-picker__grid button[data-in-range] { background:var(--uix-brand-muted); }
11
+ .uix-date-range-picker__grid button[data-range-edge] { border-radius:var(--uix-radius-pill); background:var(--uix-accent); color:var(--uix-accent-fg); font-weight:600; }
12
+ .uix-date-range-picker__grid button:disabled { color:var(--uix-text-hushed); text-decoration:line-through; }
13
+ .uix-date-range-picker__selection { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
14
+ .uix-date-range-picker--invalid { border-color:var(--uix-danger); }
15
+ @media (max-width:640px) { .uix-date-range-picker__months { grid-template-columns:1fr; } }
16
+ }
@@ -0,0 +1,14 @@
1
+ @layer uix.components {
2
+ .uix-diff-viewer { display:grid; gap:var(--uix-space-4); color:var(--uix-text); }
3
+ .uix-diff-viewer__summary { display:flex; flex-wrap:wrap; gap:var(--uix-space-2); } .uix-diff-viewer__summary span { padding:var(--uix-space-2) var(--uix-space-3); border-radius:var(--uix-radius-pill); background:var(--uix-bg-subtle); color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
4
+ .uix-diff-viewer__group { display:grid; gap:var(--uix-space-2); } .uix-diff-viewer__group>h3 { display:flex; gap:var(--uix-space-2); align-items:center; } .uix-diff-viewer__group>h3 span { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
5
+ .uix-diff-viewer__entry { border:1px solid var(--uix-border); border-left:4px solid var(--uix-info); border-radius:var(--uix-radius-md); background:var(--uix-surface); overflow:hidden; }
6
+ .uix-diff-viewer__entry[data-kind="conflicted"] { border-left-color:var(--uix-danger); } .uix-diff-viewer__entry[data-kind="added"] { border-left-color:var(--uix-success); } .uix-diff-viewer__entry[data-kind="removed"] { border-left-color:var(--uix-warning); }
7
+ .uix-diff-viewer__entry summary { display:flex; justify-content:space-between; align-items:center; gap:var(--uix-space-3); padding:var(--uix-space-3); cursor:pointer; background:var(--uix-bg-subtle); }
8
+ .uix-diff-viewer__versions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:var(--uix-border); }
9
+ .uix-diff-viewer__versions>div { min-width:0; padding:var(--uix-space-3); border-right:1px solid var(--uix-border); background:var(--uix-surface); } .uix-diff-viewer__versions>div:last-child { border-right:0; } .uix-diff-viewer__versions strong { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
10
+ .uix-diff-viewer__versions pre { max-height:14rem; overflow:auto; margin-top:var(--uix-space-2); color:var(--uix-text); font-family:var(--uix-font-mono); white-space:pre-wrap; overflow-wrap:anywhere; }
11
+ .uix-diff-viewer__actions { display:flex; flex-wrap:wrap; gap:var(--uix-space-2); padding:var(--uix-space-3); border-top:1px solid var(--uix-border); }
12
+ .uix-diff-viewer--empty { padding:var(--uix-space-6); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-lg); color:var(--uix-text-muted); }
13
+ @media (max-width:720px) { .uix-diff-viewer__versions { grid-template-columns:1fr; } }
14
+ }
@@ -14,8 +14,12 @@
14
14
  .uix-page-lede { max-width: 680px; margin: var(--uix-space-3) 0 0; color: var(--uix-text-hushed); font-size: var(--uix-text-h3); }
15
15
  .uix-intro-search__label { margin: 0 0 var(--uix-space-2); color: var(--uix-text-hushed); font-size: var(--uix-text-meta); }
16
16
 
17
- .uix-searchbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--uix-space-2); }
17
+ /* The well is 44px tall; the button beside it is a standard 36px control. Centre the
18
+ two and lift the button to the well's height so their edges line up (TENSOR portal
19
+ services search: the button sat 8px short of the input, top-aligned). */
20
+ .uix-searchbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--uix-space-2); align-items: center; }
18
21
  .uix-searchbar .uix-input { min-height: 44px; padding-left: 42px; }
22
+ .uix-searchbar .uix-btn { min-height: 44px; }
19
23
  .uix-searchbar__wrap { position: relative; }
20
24
  .uix-searchbar__wrap > svg { position: absolute; top: 50%; left: 14px; z-index: var(--uix-z-raised); width: 17px; height: 17px; color: var(--uix-text-hushed); transform: translateY(-50%); pointer-events: none; }
21
25
 
@@ -168,7 +172,6 @@
168
172
  .uix-notice__position { flex: 1; }
169
173
 
170
174
  .uix-searchbar { grid-template-columns: 1fr; }
171
- .uix-searchbar .uix-btn { min-height: 44px; }
172
175
 
173
176
  .uix-page-intro { margin-top: var(--uix-space-5); gap: var(--uix-space-5); }
174
177
  .uix-shortcut-grid { grid-template-columns: 1fr 1fr; }
@@ -0,0 +1,8 @@
1
+ @layer uix.components {
2
+ .uix-license-position { display:grid; gap:var(--uix-space-2); color:var(--uix-text); }
3
+ .uix-license-position__header { display:flex; align-items:center; justify-content:space-between; gap:var(--uix-space-3); }
4
+ .uix-license-position__value { font-variant-numeric:tabular-nums; font-weight:600; }
5
+ .uix-license-position__track { position:relative; padding-bottom:var(--uix-space-2); }
6
+ .uix-license-position__overflow { position:absolute; top:100%; right:0; height:var(--uix-space-2); border-radius:var(--uix-radius-pill); background:var(--uix-danger-solid); }
7
+ .uix-license-position--over .uix-meter { outline:2px solid var(--uix-danger); outline-offset:2px; }
8
+ }
@@ -0,0 +1,11 @@
1
+ @layer uix.components {
2
+ .uix-match-review { display:grid; gap:var(--uix-space-3); color:var(--uix-text); }
3
+ .uix-match-review__summary { display:grid; gap:var(--uix-space-3); padding:var(--uix-space-4); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); } .uix-match-review__summary>div:first-child { display:flex; justify-content:space-between; gap:var(--uix-space-3); } .uix-match-review__summary>div:first-child span { color:var(--uix-text-muted); }
4
+ .uix-match-review__incoming { display:grid; grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); gap:var(--uix-space-2); } .uix-match-review__incoming span { display:grid; gap:var(--uix-space-1); } .uix-match-review__incoming b { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
5
+ .uix-match-review__bulk { display:flex; align-items:center; gap:var(--uix-space-2); padding:var(--uix-space-2) var(--uix-space-3); border-radius:var(--uix-radius-md); background:var(--uix-brand-muted); }
6
+ .uix-match-review__table-wrap { overflow:auto; border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); }
7
+ .uix-match-review__table { min-width:54rem; } .uix-match-review__table tr[data-status="resolved"] { background:var(--uix-success-bg); }
8
+ .uix-match-review__confidence { font-variant-numeric:tabular-nums; font-weight:600; }
9
+ .uix-match-review__actions { display:flex; flex-wrap:wrap; gap:var(--uix-space-1); }
10
+ .uix-match-review--state { justify-items:start; padding:var(--uix-space-6); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-lg); }
11
+ }
@@ -0,0 +1,9 @@
1
+ @layer uix.components {
2
+ .uix-metric-input { display:grid; gap:var(--uix-space-2); color:var(--uix-text); }
3
+ .uix-metric-input__control { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:stretch; max-width:22rem; }
4
+ .uix-metric-input__control .uix-input { border-top-right-radius:0; border-bottom-right-radius:0; font-variant-numeric:tabular-nums; }
5
+ .uix-metric-input__unit { display:flex; align-items:center; padding-inline:var(--uix-space-3); border-block:1px solid var(--uix-border-strong); background:var(--uix-bg-subtle); color:var(--uix-text-muted); }
6
+ .uix-metric-input__steps { display:grid; width:2.5rem; }
7
+ .uix-metric-input__step { border:1px solid var(--uix-border-strong); background:var(--uix-surface); color:var(--uix-text); line-height:1; } .uix-metric-input__step:first-child { border-top-right-radius:var(--uix-radius-md); } .uix-metric-input__step:last-child { border-top:0; border-bottom-right-radius:var(--uix-radius-md); }
8
+ .uix-metric-input__step:hover { background:var(--uix-bg-hover); } .uix-metric-input--invalid .uix-metric-input__control { color:var(--uix-danger-text); }
9
+ }
@@ -0,0 +1,21 @@
1
+ @layer uix.components {
2
+ .uix-relationship-graph { display:grid; gap:var(--uix-space-3); color:var(--uix-text); }
3
+ .uix-relationship-graph__toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:var(--uix-space-1); } .uix-relationship-graph__toolbar button,.uix-relationship-graph__list-actions button { padding:var(--uix-space-2); border:1px solid var(--uix-border); border-radius:var(--uix-radius-sm); background:var(--uix-surface); color:var(--uix-text); }
4
+ .uix-relationship-graph__toolbar span,.uix-relationship-graph__bounded { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
5
+ .uix-relationship-graph__visual { min-height:22rem; border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); overflow:hidden; background:var(--uix-bg-subtle); }
6
+ .uix-relationship-graph__visual svg { display:block; width:100%; height:22rem; }
7
+ .uix-relationship-graph__edge { stroke:var(--uix-border-strong); stroke-width:2; } .uix-relationship-graph__edge[data-highlighted] { stroke:var(--uix-accent); stroke-width:4; } .uix-relationship-graph__edge[data-conflicted] { stroke:var(--uix-danger); stroke-dasharray:6 4; }
8
+ .uix-relationship-graph__node { cursor:pointer; } .uix-relationship-graph__node rect { fill:var(--uix-surface); stroke:var(--uix-border-strong); stroke-width:2; } .uix-relationship-graph__node text { fill:var(--uix-text); font-family:var(--uix-font-sans); font-size:var(--uix-text-meta); }
9
+ .uix-relationship-graph__node[data-selected] rect,.uix-relationship-graph__node[data-highlighted] rect { fill:var(--uix-brand-muted); stroke:var(--uix-accent); stroke-width:3; } .uix-relationship-graph__node[data-conflicted] rect { fill:var(--uix-danger-bg); stroke:var(--uix-danger); stroke-dasharray:4 2; }
10
+ .uix-relationship-graph__node:focus-visible rect { stroke:var(--uix-ring); stroke-width:4; }
11
+ .uix-relationship-graph__legend { display:flex; gap:var(--uix-space-4); flex-wrap:wrap; margin:0; padding:0; list-style:none; color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
12
+ .uix-relationship-graph__legend li::before { content:""; display:inline-block; width:.8rem; height:.8rem; margin-right:var(--uix-space-1); border:2px solid var(--uix-chart-1); border-radius:var(--uix-radius-pill); vertical-align:middle; }
13
+ .uix-relationship-graph__list { padding:var(--uix-space-3); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); }
14
+ .uix-relationship-graph__list>ul { display:grid; gap:var(--uix-space-2); margin:var(--uix-space-2) 0 0; padding:0; list-style:none; }
15
+ .uix-relationship-graph__list li { display:flex; justify-content:space-between; gap:var(--uix-space-2); padding:var(--uix-space-2); border-radius:var(--uix-radius-md); background:var(--uix-bg-subtle); }
16
+ .uix-relationship-graph__list li>button:first-child { display:grid; gap:var(--uix-space-1); flex:1; border:0; background:transparent; color:var(--uix-text); text-align:left; } .uix-relationship-graph__list li>button span { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
17
+ .uix-relationship-graph__list-actions { display:flex; flex-wrap:wrap; gap:var(--uix-space-1); }
18
+ .uix-relationship-graph--compact .uix-relationship-graph__visual,.uix-relationship-graph--compact .uix-relationship-graph__visual svg { min-height:16rem; height:16rem; }
19
+ .uix-relationship-graph--state { padding:var(--uix-space-8); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-lg); }
20
+ @media (max-width:640px) { .uix-relationship-graph__list li { display:grid; } }
21
+ }
@@ -0,0 +1,17 @@
1
+ @layer uix.components {
2
+ .uix-rule-builder { display:grid; gap:var(--uix-space-4); color:var(--uix-text); }
3
+ .uix-rule-builder__group,.uix-rule-builder__actions { min-width:0; padding:var(--uix-space-4); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); }
4
+ .uix-rule-builder__group-heading { display:flex; align-items:center; gap:var(--uix-space-3); padding:0 var(--uix-space-2); font-weight:600; }
5
+ .uix-rule-builder__group-heading label { display:flex; align-items:center; gap:var(--uix-space-2); font-size:var(--uix-text-meta); font-weight:400; }
6
+ .uix-rule-builder__rows { display:grid; gap:var(--uix-space-3); }
7
+ .uix-rule-builder__condition,.uix-rule-builder__action { display:grid; grid-template-columns:minmax(9rem,1fr) minmax(9rem,1fr) minmax(10rem,1.4fr) auto; gap:var(--uix-space-2); align-items:start; padding:var(--uix-space-3); border-radius:var(--uix-radius-md); background:var(--uix-bg-subtle); }
8
+ .uix-rule-builder__nested { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--uix-space-2); align-items:start; }
9
+ .uix-rule-builder__nested .uix-rule-builder__group { border-left:3px solid var(--uix-accent); }
10
+ .uix-rule-builder__row-actions,.uix-rule-builder__add { display:flex; flex-wrap:wrap; gap:var(--uix-space-1); }
11
+ .uix-rule-builder__add { margin-top:var(--uix-space-3); }
12
+ .uix-rule-builder__actions { display:grid; gap:var(--uix-space-3); }
13
+ .uix-rule-builder__validation { padding:var(--uix-space-3); border-radius:var(--uix-radius-md); background:var(--uix-bg-subtle); color:var(--uix-text-muted); }
14
+ .uix-rule-builder__validation:has(ul),.uix-rule-builder__invalid { color:var(--uix-danger-text); background:var(--uix-danger-bg); }
15
+ .uix-rule-builder--summary { padding:var(--uix-space-4); border:1px solid var(--uix-border); border-radius:var(--uix-radius-lg); background:var(--uix-surface); }
16
+ @media (max-width:760px) { .uix-rule-builder__condition,.uix-rule-builder__action { grid-template-columns:1fr; } .uix-rule-builder__nested { grid-template-columns:1fr; } }
17
+ }
@@ -0,0 +1,22 @@
1
+ @layer uix.components {
2
+ .uix-scheduling-calendar { display:grid; gap:var(--uix-space-3); color:var(--uix-text); }
3
+ .uix-scheduling-calendar__header { display:flex; align-items:center; justify-content:space-between; gap:var(--uix-space-3); flex-wrap:wrap; }
4
+ .uix-scheduling-calendar__grid { display:grid; grid-template-columns:repeat(7,minmax(6.5rem,1fr)); border-top:1px solid var(--uix-border); border-left:1px solid var(--uix-border); overflow:auto; }
5
+ .uix-scheduling-calendar__day { min-height:8rem; padding:var(--uix-space-2); border-right:1px solid var(--uix-border); border-bottom:1px solid var(--uix-border); background:var(--uix-surface); }
6
+ .uix-scheduling-calendar__day[data-outside] { background:var(--uix-bg-subtle); color:var(--uix-text-muted); }
7
+ .uix-scheduling-calendar__date { display:block; width:100%; border:0; background:transparent; color:inherit; text-align:right; font-size:var(--uix-text-meta); }
8
+ .uix-scheduling-calendar__overlay { display:block; margin-block:var(--uix-space-1); padding:var(--uix-space-1) var(--uix-space-2); border-radius:var(--uix-radius-sm); background:var(--uix-info-bg); color:var(--uix-info-text); font-size:var(--uix-text-meta); }
9
+ .uix-scheduling-calendar__overlay[data-kind="blackout"] { background:var(--uix-danger-bg); color:var(--uix-danger-text); }
10
+ .uix-scheduling-calendar__entries { display:grid; gap:var(--uix-space-1); }
11
+ .uix-scheduling-calendar__entry { min-width:100%; padding:var(--uix-space-1) var(--uix-space-2); border:0; border-left:3px solid var(--uix-info); border-radius:var(--uix-radius-sm); background:var(--uix-info-bg); color:var(--uix-info-text); overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; font-size:var(--uix-text-meta); }
12
+ .uix-scheduling-calendar__entry[data-state="conflicted"],.uix-scheduling-calendar__entry[data-state="blackout-violation"] { border-color:var(--uix-danger); background:var(--uix-danger-bg); color:var(--uix-danger-text); }
13
+ .uix-scheduling-calendar__entry[data-state="in-progress"] { border-color:var(--uix-success); background:var(--uix-success-bg); color:var(--uix-text); }
14
+ .uix-scheduling-calendar__entry:not([data-range-start]) { border-top-left-radius:0; border-bottom-left-radius:0; } .uix-scheduling-calendar__entry:not([data-range-end]) { border-top-right-radius:0; border-bottom-right-radius:0; }
15
+ .uix-scheduling-calendar__agenda ol { display:grid; gap:var(--uix-space-2); margin:0; padding:0; list-style:none; }
16
+ .uix-scheduling-calendar__agenda li>button { width:100%; display:flex; justify-content:space-between; gap:var(--uix-space-3); padding:var(--uix-space-3); border:1px solid var(--uix-border); border-radius:var(--uix-radius-md); background:var(--uix-surface); color:var(--uix-text); text-align:left; }
17
+ .uix-scheduling-calendar__agenda li>button>span:first-child { display:grid; gap:var(--uix-space-1); } .uix-scheduling-calendar__agenda li>button span span { color:var(--uix-text-muted); font-size:var(--uix-text-meta); }
18
+ .uix-scheduling-calendar__legend { display:flex; flex-wrap:wrap; gap:var(--uix-space-3); font-size:var(--uix-text-meta); color:var(--uix-text-muted); }
19
+ .uix-scheduling-calendar__legend span::before { content:""; display:inline-block; width:.75rem; height:.75rem; margin-right:var(--uix-space-1); border:2px solid var(--uix-info); border-radius:var(--uix-radius-xs); background:var(--uix-info-bg); vertical-align:middle; }
20
+ .uix-scheduling-calendar__legend span[data-state="conflicted"]::before,.uix-scheduling-calendar__legend span[data-state="blackout-violation"]::before { border-color:var(--uix-danger); background:var(--uix-danger-bg); } .uix-scheduling-calendar__legend span[data-state="in-progress"]::before { border-color:var(--uix-success); background:var(--uix-success-bg); }
21
+ .uix-scheduling-calendar__state { padding:var(--uix-space-8); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-lg); text-align:center; }
22
+ }
@@ -1,4 +1,4 @@
1
1
  /* GENERATED — do not edit. Brand override for "mission-control". Source: themes/mission-control.tokens.json; build: npm run build:themes.
2
2
  Sets only the write-only brand slots; accent/link/ring/brand-muted re-chain via @tensor_1/tokens/css. */
3
- :root { --uix-brand: #0088ff; --uix-brand-fg: #ffffff; --uix-bg-app: #f4f2f0; --uix-bg-subtle: #F4F2F0; --uix-bg-hover: #ECEAE6; --uix-bg-active: #E7E4DF; --uix-surface: #FFFFFF; --uix-surface-2: #FFFFFF; --uix-surface-3: #FFFFFF; --uix-border: #D2CECB; --uix-border-strong: #C4BFBB; --uix-text: #0C0A08; --uix-text-hushed: rgba(12,10,8,0.60); --uix-text-muted: #6E6A68; --uix-font-sans: "Geist", system-ui, sans-serif; --uix-font-mono: "Geist Mono", ui-monospace, monospace; --uix-radius-sm: 6px; --uix-radius-md: 8px; --uix-success: #1b6b33; --uix-success-fg: #FFFFFF; --uix-success-bg: #E7F0EC; --uix-success-solid: #34c759; --uix-warning: #9a4d06; --uix-warning-fg: #FFFFFF; --uix-warning-bg: #FBE9DD; --uix-warning-solid: #ff8d28; --uix-info: #0b5cab; --uix-info-fg: #FFFFFF; --uix-info-bg: #E4EBF6; --uix-info-solid: #0088ff; --uix-danger: #be1f25; --uix-danger-fg: #FFFFFF; --uix-danger-bg: #FBE4E4; --uix-danger-solid: #ff383c; }
4
- :root:where(.dark,[data-theme="dark"]) { --uix-brand: #0091ff; --uix-bg-app: #0E0D0C; --uix-bg-subtle: #1A1817; --uix-bg-hover: #252220; --uix-bg-active: #322E2B; --uix-surface: #1A1817; --uix-surface-2: #252220; --uix-surface-3: #322E2B; --uix-border: rgba(255,255,255,0.08); --uix-border-strong: rgba(255,255,255,0.14); --uix-text: #E3E0DB; --uix-text-hushed: rgba(227,224,219,0.60); --uix-text-muted: rgba(227,224,219,0.60); --uix-success: #30d158; --uix-success-fg: #0C0A08; --uix-success-bg: rgba(94,192,138,0.14); --uix-success-solid: #30d158; --uix-warning: #ff9230; --uix-warning-fg: #0C0A08; --uix-warning-bg: rgba(240,138,74,0.16); --uix-warning-solid: #ff9230; --uix-info: #0091ff; --uix-info-fg: #0C0A08; --uix-info-bg: rgba(86,131,210,0.16); --uix-info-solid: #0091ff; --uix-danger: #ff4245; --uix-danger-fg: #0C0A08; --uix-danger-bg: rgba(242,109,109,0.16); --uix-danger-solid: #ff4245; }
3
+ :root { --uix-brand: #0088ff; --uix-brand-fg: #ffffff; --uix-bg-app: #f4f2f0; --uix-bg-subtle: #F4F2F0; --uix-bg-hover: #ECEAE6; --uix-bg-active: #E7E4DF; --uix-surface: #FFFFFF; --uix-surface-2: #FFFFFF; --uix-surface-3: #FFFFFF; --uix-border: #D2CECB; --uix-border-strong: #C4BFBB; --uix-text: #0C0A08; --uix-text-hushed: rgba(12,10,8,0.60); --uix-text-muted: #6E6A68; --uix-nodata: var(--uix-border-strong); --uix-stale: var(--uix-text-hushed); --uix-font-sans: "Geist", system-ui, sans-serif; --uix-font-mono: "Geist Mono", ui-monospace, monospace; --uix-radius-sm: 6px; --uix-radius-md: 8px; --uix-success: #1b6b33; --uix-success-fg: #FFFFFF; --uix-success-bg: #E7F0EC; --uix-success-solid: #34c759; --uix-warning: #9a4d06; --uix-warning-fg: #FFFFFF; --uix-warning-bg: #FBE9DD; --uix-warning-solid: #ff8d28; --uix-info: #0b5cab; --uix-info-fg: #FFFFFF; --uix-info-bg: #E4EBF6; --uix-info-solid: #0088ff; --uix-danger: #be1f25; --uix-danger-fg: #FFFFFF; --uix-danger-bg: #FBE4E4; --uix-danger-solid: #ff383c; --uix-heat-0: #1b6b33; --uix-heat-1: #9a6700; --uix-heat-2: #b54708; --uix-heat-3: #be1f25; --uix-aura-alpha: 0; --uix-aura-blur: 0; --uix-aura-spread: 0; }
4
+ :root:where(.dark,[data-theme="dark"]) { --uix-brand: #0091ff; --uix-bg-app: #0E0D0C; --uix-bg-subtle: #1A1817; --uix-bg-hover: #252220; --uix-bg-active: #322E2B; --uix-surface: #1A1817; --uix-surface-2: #252220; --uix-surface-3: #322E2B; --uix-border: rgba(255,255,255,0.08); --uix-border-strong: rgba(255,255,255,0.14); --uix-text: #E3E0DB; --uix-text-hushed: rgba(227,224,219,0.60); --uix-text-muted: rgba(227,224,219,0.60); --uix-nodata: var(--uix-border-strong); --uix-stale: var(--uix-text-hushed); --uix-success: #30d158; --uix-success-fg: #0C0A08; --uix-success-bg: rgba(94,192,138,0.14); --uix-success-solid: #30d158; --uix-warning: #ff9230; --uix-warning-fg: #0C0A08; --uix-warning-bg: rgba(240,138,74,0.16); --uix-warning-solid: #ff9230; --uix-info: #0091ff; --uix-info-fg: #0C0A08; --uix-info-bg: rgba(86,131,210,0.16); --uix-info-solid: #0091ff; --uix-danger: #ff4245; --uix-danger-fg: #0C0A08; --uix-danger-bg: rgba(242,109,109,0.16); --uix-danger-solid: #ff4245; --uix-heat-0: #30d158; --uix-heat-1: #ffd60a; --uix-heat-2: #ff9230; --uix-heat-3: #ff4245; --uix-aura-alpha: 0.28; --uix-aura-blur: 18px; --uix-aura-spread: 1px; }