@salemcobalt/ui 0.2.0-rc.32 → 0.2.0-rc.33
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/index.d.ts +6 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +6 -6
- 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.33 — requires @salemcobalt/tokens/css. */
|
|
2
2
|
@layer sc {
|
|
3
3
|
/* ---- base.css ---- */
|
|
4
4
|
/* Shared: focus ring, reduced motion. Component files follow. */
|
|
@@ -887,7 +887,7 @@
|
|
|
887
887
|
max-inline-size: var(--_max);
|
|
888
888
|
max-block-size: min(100dvh - 2 * var(--_gutter), 85dvh);
|
|
889
889
|
block-size: fit-content;
|
|
890
|
-
overflow: auto;
|
|
890
|
+
overflow: hidden auto; /* vertical only: a 44px touch target on an edge button must not scroll it sideways */
|
|
891
891
|
padding: var(--sc-spacing-lg);
|
|
892
892
|
border-radius: var(--sc-radius-xl);
|
|
893
893
|
background: var(--sc-color-surface-raised);
|
|
@@ -991,7 +991,7 @@
|
|
|
991
991
|
.sc-dialog__popup[data-variant='sheet'] > .sc-dialog__body {
|
|
992
992
|
flex: 1 1 auto;
|
|
993
993
|
min-block-size: 0;
|
|
994
|
-
overflow: auto;
|
|
994
|
+
overflow: hidden auto; /* vertical only: a 44px touch target on an edge button must not scroll it sideways */
|
|
995
995
|
overscroll-behavior: contain;
|
|
996
996
|
}
|
|
997
997
|
/* The sheet's grab handle shows only where the sheet docks. */
|
|
@@ -1122,7 +1122,7 @@
|
|
|
1122
1122
|
.sc-dialog__popup[data-variant='fullscreen'] > .sc-dialog__body {
|
|
1123
1123
|
flex: 1 1 auto;
|
|
1124
1124
|
min-block-size: 0;
|
|
1125
|
-
overflow: auto;
|
|
1125
|
+
overflow: hidden auto; /* vertical only: a 44px touch target on an edge button must not scroll it sideways */
|
|
1126
1126
|
overscroll-behavior: contain;
|
|
1127
1127
|
}
|
|
1128
1128
|
/* From 900px the backdrop shows a margin around it, so it still reads as a layer over the app. */
|
|
@@ -1272,7 +1272,7 @@
|
|
|
1272
1272
|
min-inline-size: 180px;
|
|
1273
1273
|
max-inline-size: min(100vw - 2 * var(--sc-spacing-md), 320px);
|
|
1274
1274
|
max-block-size: var(--available-height);
|
|
1275
|
-
overflow: auto;
|
|
1275
|
+
overflow: hidden auto; /* vertical only: a 44px touch target on an edge button must not scroll it sideways */
|
|
1276
1276
|
padding: var(--sc-spacing-2xs);
|
|
1277
1277
|
border-radius: var(--sc-radius-lg);
|
|
1278
1278
|
background: var(--sc-color-surface-raised);
|
|
@@ -2324,7 +2324,7 @@
|
|
|
2324
2324
|
inline-size: max-content;
|
|
2325
2325
|
max-inline-size: min(100vw - 2 * var(--sc-spacing-md), 360px);
|
|
2326
2326
|
max-block-size: var(--available-height);
|
|
2327
|
-
overflow: auto;
|
|
2327
|
+
overflow: hidden auto; /* vertical only: a 44px touch target on an edge button must not scroll it sideways */
|
|
2328
2328
|
padding: var(--sc-spacing-md);
|
|
2329
2329
|
border-radius: var(--sc-radius-lg);
|
|
2330
2330
|
background: var(--sc-color-surface-raised);
|
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.33",
|
|
4
4
|
"description": "React components for the Salem Cobalt design system: Button, IconButton, Icon set, BroomIcon, Badge, Card, Stack, Inline, Kbd, Dialog, FullScreenFlow, Tooltip, Menu, Popover, PriorityNav, Toolbar, Banner, Spinner, Progress, Tabs, Input, Textarea, Select, FileInput, Checkbox, Switch, Heading, Text, Table, Stat, Chip, Disclosure, EmptyState, Skeleton, Score, ReasonList, WordDiff, Quote; TextEditor (CodeMirror 6, inline word diffs) at @salemcobalt/ui/editor.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"diff": "^8.0.4",
|
|
47
47
|
"react": "^19.0.0",
|
|
48
48
|
"react-dom": "^19.0.0",
|
|
49
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
49
|
+
"@salemcobalt/tokens": "^0.2.0-rc.33"
|
|
50
50
|
},
|
|
51
51
|
"peerDependenciesMeta": {
|
|
52
52
|
"@codemirror/commands": {
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"tsup": "^9.0.0",
|
|
110
110
|
"typescript": "^5.9.3",
|
|
111
111
|
"vitest": "^5.0.5",
|
|
112
|
-
"@salemcobalt/tokens": "^0.2.0-rc.
|
|
112
|
+
"@salemcobalt/tokens": "^0.2.0-rc.33"
|
|
113
113
|
},
|
|
114
114
|
"publishConfig": {
|
|
115
115
|
"access": "public"
|