@mk-kit/ui 0.54.0 → 0.55.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 +21 -0
- package/fesm2022/mk-kit-ui-core.mjs +2 -0
- package/fesm2022/mk-kit-ui-core.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-dnd.mjs +339 -27
- package/fesm2022/mk-kit-ui-dnd.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-locales-de.mjs +2 -0
- package/fesm2022/mk-kit-ui-locales-de.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-locales-es.mjs +2 -0
- package/fesm2022/mk-kit-ui-locales-es.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-locales-fr.mjs +2 -0
- package/fesm2022/mk-kit-ui-locales-fr.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-locales-pl.mjs +2 -0
- package/fesm2022/mk-kit-ui-locales-pl.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-locales-uk.mjs +2 -0
- package/fesm2022/mk-kit-ui-locales-uk.mjs.map +1 -1
- package/fesm2022/mk-kit-ui-translate-server.mjs +55 -0
- package/fesm2022/mk-kit-ui-translate-server.mjs.map +1 -0
- package/fesm2022/mk-kit-ui-translate.mjs +417 -0
- package/fesm2022/mk-kit-ui-translate.mjs.map +1 -0
- package/fesm2022/mk-kit-ui.mjs +1 -0
- package/fesm2022/mk-kit-ui.mjs.map +1 -1
- package/package.json +13 -1
- package/styles/presets/momentum.css +272 -0
- package/types/mk-kit-ui-core.d.ts +4 -0
- package/types/mk-kit-ui-dnd.d.ts +178 -6
- package/types/mk-kit-ui-translate-server.d.ts +39 -0
- package/types/mk-kit-ui-translate.d.ts +251 -0
- package/types/mk-kit-ui.d.ts +1 -0
package/README.md
CHANGED
|
@@ -160,6 +160,27 @@ theme.resolvedTheme(); // signal: 'light' | 'dark'
|
|
|
160
160
|
|
|
161
161
|
The choice is persisted to `localStorage`; the service is SSR-safe.
|
|
162
162
|
|
|
163
|
+
### Presets
|
|
164
|
+
|
|
165
|
+
A preset re-declares the whole token set — type, radii, shadows, every
|
|
166
|
+
colour in light and dark — behind one attribute, so a second look is one
|
|
167
|
+
import and one attribute, on `<html>` or on any subtree:
|
|
168
|
+
|
|
169
|
+
```css
|
|
170
|
+
@import '@mk-kit/ui/styles.css';
|
|
171
|
+
@import '@mk-kit/ui/presets/momentum.css';
|
|
172
|
+
```
|
|
173
|
+
|
|
174
|
+
```html
|
|
175
|
+
<html data-mk-preset="momentum">
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
`momentum` is the first: Manrope set heavy and tight, soft violet-grey
|
|
179
|
+
surfaces, generous radii, feather-light shadows, an indigo accent meant to
|
|
180
|
+
be swapped at runtime. Presets hold the same text/surface pairs to WCAG AA as
|
|
181
|
+
the base theme and step aside for `data-mk-contrast="high"`. Live demo and
|
|
182
|
+
the accent-swap recipe at <https://mk-kit.dev/theming#presets>.
|
|
183
|
+
|
|
163
184
|
### Density & touch
|
|
164
185
|
|
|
165
186
|
Three densities — `comfortable`, `compact`, `touch` — via `data-mk-density`
|
|
@@ -1523,6 +1523,8 @@ const MK_DEFAULT_I18N = {
|
|
|
1523
1523
|
dndMoved: (position, total) => `Moved to position ${position} of ${total}.`,
|
|
1524
1524
|
dndMovedToList: (list, position, total) => `Moved to ${list}, position ${position} of ${total}.`,
|
|
1525
1525
|
dndDropped: (position) => `Dropped at position ${position}.`,
|
|
1526
|
+
dndMovedToZone: (zone) => `Moved to ${zone}. Space or enter to drop here.`,
|
|
1527
|
+
dndDroppedInZone: (zone) => `Dropped in ${zone}.`,
|
|
1526
1528
|
dndCancelled: 'Movement cancelled. Item returned to its starting position.',
|
|
1527
1529
|
repeaterAddRow: 'Add row',
|
|
1528
1530
|
repeaterRemoveRow: (index) => `Remove row ${index}`,
|