@intechstudio/grid-uikit 1.20260922.936 → 1.20260922.956
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/dist/ContextMenu.svelte +1 -1
- package/dist/MeltCombo.svelte +1 -1
- package/dist/MeltSelect.svelte +1 -1
- package/dist/MeltSlider.svelte +3 -0
- package/dist/MoltenPushButtonGroup.svelte +1 -1
- package/dist/MoltenTooltip.svelte +5 -4
- package/dist/theme.css +5 -2
- package/package.json +1 -1
- package/src/lib/theme.css +5 -2
package/dist/ContextMenu.svelte
CHANGED
package/dist/MeltCombo.svelte
CHANGED
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
background-color: var(--popover-background);
|
|
376
376
|
color: var(--foreground-muted);
|
|
377
377
|
border: 1px solid var(--foreground-muted);
|
|
378
|
-
border-radius: var(--radius);
|
|
378
|
+
border-radius: var(--radius-large);
|
|
379
379
|
z-index: 40;
|
|
380
380
|
max-height: 8em;
|
|
381
381
|
display: flex;
|
package/dist/MeltSelect.svelte
CHANGED
package/dist/MeltSlider.svelte
CHANGED
|
@@ -89,16 +89,19 @@
|
|
|
89
89
|
background-color: var(--background-muted);
|
|
90
90
|
border: 1px solid var(--background-soft);
|
|
91
91
|
height: 8px;
|
|
92
|
+
border-radius: var(--radius);
|
|
92
93
|
}
|
|
93
94
|
span.range-selected {
|
|
94
95
|
height: 8px;
|
|
95
96
|
background-color: var(--foreground-disabled);
|
|
97
|
+
border-radius: var(--radius);
|
|
96
98
|
}
|
|
97
99
|
span.thumb {
|
|
98
100
|
display: block;
|
|
99
101
|
height: var(--thumb-size);
|
|
100
102
|
width: calc(var(--thumb-size) / 2);
|
|
101
103
|
background-color: var(--foreground-muted);
|
|
104
|
+
border-radius: var(--radius);
|
|
102
105
|
}
|
|
103
106
|
span.thumb:focus {
|
|
104
107
|
outline: var(--focus-outline);
|
|
@@ -350,16 +350,17 @@
|
|
|
350
350
|
<style>
|
|
351
351
|
div.tooltip-container {
|
|
352
352
|
background-color: var(--popover-background);
|
|
353
|
+
border: 1px solid var(--foreground-muted);
|
|
353
354
|
cursor: default;
|
|
354
355
|
display: flex;
|
|
355
356
|
flex-direction: column;
|
|
356
357
|
position: relative;
|
|
357
|
-
border-radius:
|
|
358
|
+
border-radius: var(--radius-large);
|
|
359
|
+
overflow: hidden;
|
|
358
360
|
z-index: 99;
|
|
359
|
-
padding: 0.
|
|
360
|
-
outline: 1px dashed transparent;
|
|
361
|
+
padding: 0.5rem;
|
|
361
362
|
}
|
|
362
|
-
div.tooltip-container:focus {
|
|
363
|
+
div.tooltip-container:focus-visible {
|
|
363
364
|
outline: var(--focus-outline);
|
|
364
365
|
outline-offset: var(--focus-offset);
|
|
365
366
|
}
|
package/dist/theme.css
CHANGED
|
@@ -43,9 +43,12 @@
|
|
|
43
43
|
--popover-reference: var(--background-soft);
|
|
44
44
|
|
|
45
45
|
--radius: 0em;
|
|
46
|
-
/* Radius capped
|
|
47
|
-
round into a circle
|
|
46
|
+
/* Radius capped at increasing ceilings, for elements that should track
|
|
47
|
+
--radius up to a point but never round into a circle (e.g. small square
|
|
48
|
+
previews like the checkbox check). Each follows --radius, then holds. */
|
|
48
49
|
--radius-small: min(var(--radius), 0.25em);
|
|
50
|
+
--radius-medium: min(var(--radius), 0.5em);
|
|
51
|
+
--radius-large: min(var(--radius), 1em);
|
|
49
52
|
--border-thickness: 1px;
|
|
50
53
|
}
|
|
51
54
|
|
package/package.json
CHANGED
package/src/lib/theme.css
CHANGED
|
@@ -43,9 +43,12 @@
|
|
|
43
43
|
--popover-reference: var(--background-soft);
|
|
44
44
|
|
|
45
45
|
--radius: 0em;
|
|
46
|
-
/* Radius capped
|
|
47
|
-
round into a circle
|
|
46
|
+
/* Radius capped at increasing ceilings, for elements that should track
|
|
47
|
+
--radius up to a point but never round into a circle (e.g. small square
|
|
48
|
+
previews like the checkbox check). Each follows --radius, then holds. */
|
|
48
49
|
--radius-small: min(var(--radius), 0.25em);
|
|
50
|
+
--radius-medium: min(var(--radius), 0.5em);
|
|
51
|
+
--radius-large: min(var(--radius), 1em);
|
|
49
52
|
--border-thickness: 1px;
|
|
50
53
|
}
|
|
51
54
|
|