@salemcobalt/ui 0.2.0-rc.16 → 0.2.0-rc.18
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 +8 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +16 -5
- 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.18 — requires @salemcobalt/tokens/css. */
|
|
2
2
|
@layer sc {
|
|
3
3
|
/* ---- base.css ---- */
|
|
4
4
|
/* Shared: focus ring, reduced motion. Component files follow. */
|
|
@@ -5506,8 +5506,9 @@
|
|
|
5506
5506
|
stroke-linecap: round;
|
|
5507
5507
|
stroke-dasharray: 100;
|
|
5508
5508
|
stroke-dashoffset: calc(100 - var(--sc-score-fill, 0));
|
|
5509
|
-
/* Moves only when the value changes; the first render draws it in place.
|
|
5510
|
-
|
|
5509
|
+
/* Moves only when the value changes; the first render draws it in place. The data motion (600ms, a long soft
|
|
5510
|
+
landing) is what makes a change from one score to the next read; the 300ms panel timing was over too soon. */
|
|
5511
|
+
transition: stroke-dashoffset var(--sc-duration-data) var(--sc-ease-data);
|
|
5511
5512
|
}
|
|
5512
5513
|
.sc-score[data-variant='ring'] .sc-score__body {
|
|
5513
5514
|
position: relative;
|
|
@@ -5600,10 +5601,15 @@
|
|
|
5600
5601
|
.sc-word-diff[data-size='md'] {
|
|
5601
5602
|
font-size: var(--sc-font-size-md);
|
|
5602
5603
|
}
|
|
5603
|
-
p.sc-word-diff,
|
|
5604
|
-
div.sc-word-diff {
|
|
5604
|
+
p.sc-word-diff:not([data-family='mono']),
|
|
5605
|
+
div.sc-word-diff:not([data-family='mono']) {
|
|
5605
5606
|
max-inline-size: var(--sc-font-measure);
|
|
5606
5607
|
}
|
|
5608
|
+
/* Code and structured text: the mono face, full width, tabs as two columns. */
|
|
5609
|
+
.sc-word-diff[data-family='mono'] {
|
|
5610
|
+
font-family: var(--sc-font-family-mono);
|
|
5611
|
+
tab-size: 2;
|
|
5612
|
+
}
|
|
5607
5613
|
.sc-word-diff__added,
|
|
5608
5614
|
.sc-word-diff__removed {
|
|
5609
5615
|
padding-inline: var(--sc-spacing-3xs);
|
|
@@ -5625,6 +5631,11 @@
|
|
|
5625
5631
|
text-decoration-line: line-through;
|
|
5626
5632
|
text-decoration-color: var(--sc-color-diff-removed-stroke);
|
|
5627
5633
|
}
|
|
5634
|
+
/* In mono, side padding would push every later character off its column. */
|
|
5635
|
+
.sc-word-diff[data-family='mono'] .sc-word-diff__added,
|
|
5636
|
+
.sc-word-diff[data-family='mono'] .sc-word-diff__removed {
|
|
5637
|
+
padding-inline: 0;
|
|
5638
|
+
}
|
|
5628
5639
|
|
|
5629
5640
|
/* ---- quote.css ---- */
|
|
5630
5641
|
/* ---- Quote ----------------------------------------------------------------- */
|
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.18",
|
|
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.",
|
|
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.18"
|
|
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.18"
|
|
61
61
|
},
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|