@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.
@@ -93,7 +93,7 @@
93
93
  flex-direction: column;
94
94
  align-items: flex-start;
95
95
  border: 1px solid var(--foreground-muted);
96
- border-radius: var(--radius);
96
+ border-radius: var(--radius-large);
97
97
  position: absolute;
98
98
  z-index: 40;
99
99
  color: var(--foreground-muted);
@@ -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;
@@ -133,7 +133,7 @@
133
133
  background-color: var(--popover-background);
134
134
  color: var(--foreground-muted);
135
135
  border: 1px solid var(--foreground-muted);
136
- border-radius: var(--radius);
136
+ border-radius: var(--radius-large);
137
137
  z-index: 40;
138
138
  overflow: hidden;
139
139
  }
@@ -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);
@@ -206,7 +206,7 @@
206
206
  background-color: var(--popover-background);
207
207
  color: var(--foreground-muted);
208
208
  border: 1px solid var(--foreground-muted);
209
- border-radius: var(--radius);
209
+ border-radius: var(--radius-large);
210
210
  overflow: hidden;
211
211
  }
212
212
 
@@ -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: 0em;
358
+ border-radius: var(--radius-large);
359
+ overflow: hidden;
358
360
  z-index: 99;
359
- padding: 0.25rem;
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 small, for previews that must stay a rounded square and not
47
- round into a circle at large --radius (e.g. the checkbox check preview). */
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intechstudio/grid-uikit",
3
- "version": "1.20260922.936",
3
+ "version": "1.20260922.956",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/intechstudio/grid-uikit.git"
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 small, for previews that must stay a rounded square and not
47
- round into a circle at large --radius (e.g. the checkbox check preview). */
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