@dorsk/tsumikit 0.21.0 → 0.23.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 +60 -4
- package/dist/components/atoms/Button.svelte +121 -12
- package/dist/components/atoms/Button.svelte.d.ts +4 -0
- package/dist/components/layouts/AppShell.svelte +47 -5
- package/dist/components/layouts/AppShell.svelte.d.ts +8 -0
- package/dist/components/layouts/Cluster.svelte +33 -0
- package/dist/components/layouts/Cluster.svelte.d.ts +1 -0
- package/dist/components/layouts/Container.svelte +54 -13
- package/dist/components/layouts/Container.svelte.d.ts +11 -3
- package/dist/components/molecules/CopyButton.svelte +11 -2
- package/dist/components/molecules/CopyButton.svelte.d.ts +4 -0
- package/dist/components/molecules/FileButton.svelte +32 -3
- package/dist/components/molecules/FileButton.svelte.d.ts +4 -0
- package/dist/components/molecules/IconButton.svelte +34 -6
- package/dist/components/molecules/IconButton.svelte.d.ts +3 -0
- package/dist/components/molecules/Popover.svelte +32 -2
- package/dist/components/molecules/Popover.svelte.d.ts +5 -0
- package/dist/components/molecules/SelectButton.svelte +6 -1
- package/dist/components/molecules/SelectButton.svelte.d.ts +2 -0
- package/dist/components/organisms/DataTable.svelte +210 -10
- package/dist/components/organisms/DataTable.svelte.d.ts +27 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/app.css +1 -3
- package/dist/styles/variables.css +11 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ export { default as Toaster } from './components/molecules/Toaster.svelte';
|
|
|
53
53
|
export { default as Toggle } from './components/molecules/Toggle.svelte';
|
|
54
54
|
export { default as Tooltip } from './components/molecules/Tooltip.svelte';
|
|
55
55
|
export { default as Truncate } from './components/molecules/Truncate.svelte';
|
|
56
|
-
export { type Column, default as DataTable } from './components/organisms/DataTable.svelte';
|
|
56
|
+
export { type Column, default as DataTable, type RowTone, } from './components/organisms/DataTable.svelte';
|
|
57
57
|
export { default as FilterSearchBar } from './components/organisms/FilterSearchBar.svelte';
|
|
58
58
|
export { type AndNode, activeToken, compilePredicate, defaultOperator, type ExprNode, type FieldDef, type FieldType, type FilterNode, filters, findField, freeText, type LeafNode, type NotNode, OPERATORS, type Operator, type OperatorId, type OrNode, operatorByCode, operatorById, operatorsFor, parse, type Query, type QueryNode, resolveValues, type Schema, type Suggestion, type SuggestKind, type SuggestState, serialize, serializeFilter, suggest, type TextNode, toSql, type ValueContext, type ValueOption, type ValueProvider, walk, } from './query';
|
|
59
59
|
export { fontScale, SCALE_LEVELS, type ScaleLevel } from './stores/fontscale.svelte';
|
package/dist/index.js
CHANGED
|
@@ -64,7 +64,7 @@ export { default as Toggle } from './components/molecules/Toggle.svelte';
|
|
|
64
64
|
export { default as Tooltip } from './components/molecules/Tooltip.svelte';
|
|
65
65
|
export { default as Truncate } from './components/molecules/Truncate.svelte';
|
|
66
66
|
// ---- organisms ----
|
|
67
|
-
export { default as DataTable } from './components/organisms/DataTable.svelte';
|
|
67
|
+
export { default as DataTable, } from './components/organisms/DataTable.svelte';
|
|
68
68
|
export { default as FilterSearchBar } from './components/organisms/FilterSearchBar.svelte';
|
|
69
69
|
// ---- query core (headless: schema / parser / AST / suggest / compilers) ----
|
|
70
70
|
export { activeToken, compilePredicate, defaultOperator, filters, findField, freeText, OPERATORS, operatorByCode, operatorById, operatorsFor, parse, resolveValues, serialize, serializeFilter, suggest, toSql, walk, } from './query';
|
package/dist/styles/app.css
CHANGED
|
@@ -106,9 +106,7 @@ pre {
|
|
|
106
106
|
width: 100%;
|
|
107
107
|
max-width: var(--content-max);
|
|
108
108
|
margin-inline: auto;
|
|
109
|
-
padding-inline: var(--sp-4);
|
|
110
|
-
padding-left: max(var(--sp-4), var(--safe-left));
|
|
111
|
-
padding-right: max(var(--sp-4), var(--safe-right));
|
|
109
|
+
padding-inline: max(var(--sp-4), var(--safe-left)) max(var(--sp-4), var(--safe-right));
|
|
112
110
|
}
|
|
113
111
|
.stack {
|
|
114
112
|
display: flex;
|
|
@@ -172,6 +172,17 @@
|
|
|
172
172
|
--control-height-default: 2.5rem;
|
|
173
173
|
--control-height-large: 3rem;
|
|
174
174
|
--control-height: 2.75rem;
|
|
175
|
+
/* Square box scale for icon-only controls (IconButton, Button `box`/`square`,
|
|
176
|
+
SelectButton, Popover trigger, CopyButton, FileButton). md is the classic
|
|
177
|
+
2.25rem icon button; sm/lg reuse the control heights so a boxed control
|
|
178
|
+
lines up with text controls in the same row. */
|
|
179
|
+
--box-xs: 1.5rem;
|
|
180
|
+
--box-sm: var(--control-height-compact);
|
|
181
|
+
--box-md: 2.25rem;
|
|
182
|
+
--box-lg: var(--control-height-default);
|
|
183
|
+
/* Minimum hit area on coarse pointers (WCAG 2.5.8); px so it never shrinks
|
|
184
|
+
under a small root font-size. */
|
|
185
|
+
--touch-target: 44px;
|
|
175
186
|
|
|
176
187
|
/* ---- Layout ---- */
|
|
177
188
|
/* Fixed (px, not rem): the header is chrome that must NOT scale with the
|
package/package.json
CHANGED