@unisim/sdk 0.142.0 → 0.142.2
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 +3 -1
- package/dist/chipStyles.d.ts.map +1 -1
- package/dist/chipStyles.js +12 -3
- package/dist/chipStyles.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -245,7 +245,9 @@ import { Chip, ChipToggle, ValueChip } from '@unisim/sdk'
|
|
|
245
245
|
use the `u-chip` / `u-vchip` classes and call `installChipStyles()` once. A page with no
|
|
246
246
|
build step pastes `CHIP_CSS`.
|
|
247
247
|
- Light by default. `ground="dark"`, or `data-u-ground="dark"` on any ancestor, switches a
|
|
248
|
-
chip to the dark ground.
|
|
248
|
+
chip to the dark ground. So does a `dark` class (what `createThemeStore` sets on
|
|
249
|
+
`<html>`) or `data-theme="dark"` on an ancestor (since 0.142.1), which means an app's
|
|
250
|
+
dark mode needs no wiring. A chip's own `ground="light"` beats a dark ancestor.
|
|
249
251
|
- `--u-chip-accent` / `--u-chip-accent-text` (and their `-dark` twins) re-tint the arc
|
|
250
252
|
and the selected label for a tenant. Pass `brand_color_accessible`, never `brand_color`.
|
|
251
253
|
- `size="sm"` for tight spots: table cells, card corners.
|
package/dist/chipStyles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipStyles.d.ts","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chipStyles.d.ts","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"AA8FA,sEAAsE;AACtE,eAAO,MAAM,aAAa,oBAAoB,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAkJpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,GAAE,QAAQ,GAAG,SAAkE,GAAG,IAAI,CAM1H"}
|
package/dist/chipStyles.js
CHANGED
|
@@ -25,6 +25,11 @@
|
|
|
25
25
|
// `data-u-ground="dark"`; a chip's own `data-u-ground="light"` beats a dark
|
|
26
26
|
// ancestor. The components' `ground` prop sets the attribute on the chip.
|
|
27
27
|
//
|
|
28
|
+
// An ancestor with Tailwind's `dark` class (what `createThemeStore` puts on
|
|
29
|
+
// <html>) or `data-theme="dark"` counts as a dark ground too (0.142.1). Without
|
|
30
|
+
// that, every app with a dark mode showed light chips on its dark pages, and
|
|
31
|
+
// each one would have had to mirror its theme into `data-u-ground` by hand.
|
|
32
|
+
//
|
|
28
33
|
// ── Knobs ──────────────────────────────────────────────────────────────────
|
|
29
34
|
// --u-chip-accent / --u-chip-accent-dark the arc + selected tint
|
|
30
35
|
// --u-chip-accent-text / --u-chip-accent-text-dark a selected chip's label
|
|
@@ -93,7 +98,9 @@ export const CHIP_CSS = `
|
|
|
93
98
|
@property --u-chip-sweep { syntax: "<percentage>"; inherits: false; initial-value: 62%; }
|
|
94
99
|
|
|
95
100
|
.u-chip, .u-vchip { ${decl(LIGHT)} }
|
|
96
|
-
[data-u-ground="dark"] .u-chip, [data-u-ground="dark"] .u-vchip
|
|
101
|
+
[data-u-ground="dark"] .u-chip, [data-u-ground="dark"] .u-vchip,
|
|
102
|
+
.dark .u-chip, .dark .u-vchip,
|
|
103
|
+
[data-theme="dark"] .u-chip, [data-theme="dark"] .u-vchip { ${decl(DARK)} }
|
|
97
104
|
.u-chip[data-u-ground="light"], .u-vchip[data-u-ground="light"] { ${decl(LIGHT)} }
|
|
98
105
|
.u-chip[data-u-ground="dark"], .u-vchip[data-u-ground="dark"] { ${decl(DARK)} }
|
|
99
106
|
|
|
@@ -107,7 +114,10 @@ export const CHIP_CSS = `
|
|
|
107
114
|
align-items: center;
|
|
108
115
|
gap: 6px;
|
|
109
116
|
min-height: 28px;
|
|
110
|
-
margin
|
|
117
|
+
/* No margin rule, on purpose (0.142.2). This sheet is injected at runtime,
|
|
118
|
+
so it lands AFTER the app's CSS and wins every tie: a \`margin: 0\` here
|
|
119
|
+
silently beat a Tailwind \`mt-2\` on the chip itself. Spacing belongs to
|
|
120
|
+
the app. */
|
|
111
121
|
padding: 5px 13px 5px 11px;
|
|
112
122
|
border: 0;
|
|
113
123
|
border-radius: 999px;
|
|
@@ -169,7 +179,6 @@ a.u-chip:hover::before, .u-chip--pick:hover::before { --u-chip-sweep: 82%; }
|
|
|
169
179
|
box-sizing: border-box;
|
|
170
180
|
display: inline-flex;
|
|
171
181
|
align-items: stretch;
|
|
172
|
-
margin: 0;
|
|
173
182
|
padding: 0;
|
|
174
183
|
border: 0;
|
|
175
184
|
background: none;
|
package/dist/chipStyles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipStyles.js","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,EAAE;AACF,oEAAoE;AACpE,EAAE;AACF,6EAA6E;AAC7E,yEAAyE;AACzE,4EAA4E;AAC5E,2EAA2E;AAC3E,2EAA2E;AAC3E,8EAA8E;AAC9E,8EAA8E;AAC9E,gFAAgF;AAChF,mDAAmD;AACnD,EAAE;AACF,yEAAyE;AACzE,8EAA8E;AAC9E,8EAA8E;AAC9E,EAAE;AACF,2EAA2E;AAC3E,sEAAsE;AACtE,wDAAwD;AACxD,EAAE;AACF,8EAA8E;AAC9E,uEAAuE;AACvE,4EAA4E;AAC5E,0EAA0E;AAC1E,EAAE;AACF,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,0EAA0E;AAC1E,4EAA4E;AAC5E,8EAA8E;AAC9E,EAAE;AACF,8EAA8E;AAC9E,2EAA2E;AAC3E,2EAA2E;AAC3E,6EAA6E;AAC7E,uBAAuB;AACvB,4EAA4E;AAC5E,qDAAqD;AAErD,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,+BAA+B;IACvC,aAAa,EAAE,oCAAoC;IACnD,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,MAAM,IAAI,GAAuC;IAC/C,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,2BAA2B;IACjC,IAAI,EAAE,sCAAsC;IAC5C,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,oCAAoC;IAC5C,aAAa,EAAE,yCAAyC;IACxD,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,MAA8B,EAAE,EAAE,CAC9C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAEpE,sEAAsE;AACtE,MAAM,CAAC,MAAM,aAAa,GAAG,iBAAiB,CAAA;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;;;sBAGF,IAAI,CAAC,KAAK,CAAC
|
|
1
|
+
{"version":3,"file":"chipStyles.js","sourceRoot":"","sources":["../src/chipStyles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED