@salemcobalt/ui 0.2.0-rc.11 → 0.2.0-rc.12
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/styles.css +13 -1
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @salemcobalt/ui 0.2.0-rc.
|
|
1
|
+
/* @salemcobalt/ui 0.2.0-rc.12 — requires @salemcobalt/tokens/css. */
|
|
2
2
|
@layer sc {
|
|
3
3
|
/* ---- base.css ---- */
|
|
4
4
|
/* Shared: focus ring, reduced motion. Component files follow. */
|
|
@@ -1376,6 +1376,15 @@
|
|
|
1376
1376
|
overflow-x: auto;
|
|
1377
1377
|
}
|
|
1378
1378
|
/* Select */
|
|
1379
|
+
/* iOS Safari zooms the page when a focused text field's font is under 16px, and stays zoomed. On touch screens,
|
|
1380
|
+
text fields render at 16px or more; mouse-and-keyboard density is unchanged. 16px is Safari's threshold, not a
|
|
1381
|
+
design value, so it is a literal. Disabling zoom in the viewport meta instead would also block pinch-zoom. */
|
|
1382
|
+
@media (pointer: coarse) {
|
|
1383
|
+
.sc-input,
|
|
1384
|
+
.sc-textarea[data-variant='code'] {
|
|
1385
|
+
font-size: max(16px, var(--_fs));
|
|
1386
|
+
}
|
|
1387
|
+
}
|
|
1379
1388
|
.sc-select__wrap {
|
|
1380
1389
|
position: relative;
|
|
1381
1390
|
display: inline-flex;
|
|
@@ -1459,9 +1468,12 @@
|
|
|
1459
1468
|
color: var(--sc-color-text-subtle);
|
|
1460
1469
|
cursor: not-allowed;
|
|
1461
1470
|
}
|
|
1471
|
+
/* The value clips for the ellipsis, so it needs a real line box: the trigger's line-height of 1 cut off descenders
|
|
1472
|
+
("Any age"). Same fix as .sc-chip__label. */
|
|
1462
1473
|
.sc-select__value {
|
|
1463
1474
|
overflow: hidden;
|
|
1464
1475
|
text-overflow: ellipsis;
|
|
1476
|
+
line-height: var(--sc-font-line-height-ui);
|
|
1465
1477
|
}
|
|
1466
1478
|
.sc-select__value[data-placeholder] {
|
|
1467
1479
|
color: var(--sc-color-text-subtle);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salemcobalt/ui",
|
|
3
|
-
"version": "0.2.0-rc.
|
|
3
|
+
"version": "0.2.0-rc.12",
|
|
4
4
|
"description": "React components for the Salem Cobalt design system: Button, IconButton, Icon set, BroomIcon, Badge, Card, Stack, Inline, Kbd, Dialog, Tooltip, Menu, Popover, PriorityNav, Toolbar, Banner, Spinner, Progress, Tabs, Input, Textarea, Select, FileInput, Checkbox, Switch, Heading, Text, Table, Stat, Chip, Disclosure, EmptyState, Skeleton.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^19.0.0",
|
|
35
35
|
"react-dom": "^19.0.0",
|
|
36
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
36
|
+
"@salemcobalt/tokens": "^0.2.0-rc.12"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@base-ui/react": "^1.9.0",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"tsup": "^9.0.0",
|
|
58
58
|
"typescript": "^5.9.3",
|
|
59
59
|
"vitest": "^5.0.5",
|
|
60
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
60
|
+
"@salemcobalt/tokens": "^0.2.0-rc.12"
|
|
61
61
|
},
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|