@unisim/sdk 0.142.0 → 0.142.1
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 +8 -1
- 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,QAgJpB,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
|
|
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