@salemcobalt/ui 0.2.0-rc.5 → 0.2.0-rc.6

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.
Files changed (2) hide show
  1. package/dist/styles.css +15 -3
  2. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- /* @salemcobalt/ui 0.2.0-rc.5 — requires @salemcobalt/tokens/css. */
1
+ /* @salemcobalt/ui 0.2.0-rc.6 — requires @salemcobalt/tokens/css. */
2
2
  @layer sc {
3
3
  /* ---- base.css ---- */
4
4
  /* Shared: focus ring, reduced motion. Component files follow. */
@@ -514,6 +514,9 @@
514
514
  --_p: var(--sc-spacing-lg);
515
515
  }
516
516
  .sc-card[data-variant='elevated'] {
517
+ /* Hover and pressed washes inside a raised surface use the raised tokens, so they show against it (docs/adr/0003). */
518
+ --sc-color-surface-hover: var(--sc-color-surface-raised-hover);
519
+ --sc-color-surface-active: var(--sc-color-surface-raised-active);
517
520
  box-shadow: var(--sc-elevation-1);
518
521
  border-color: transparent;
519
522
  }
@@ -750,6 +753,9 @@
750
753
  padding: var(--sc-spacing-lg);
751
754
  border-radius: var(--sc-radius-xl);
752
755
  background: var(--sc-color-surface-raised);
756
+ /* Hover and pressed washes inside a raised surface use the raised tokens, so they show against it (docs/adr/0003). */
757
+ --sc-color-surface-hover: var(--sc-color-surface-raised-hover);
758
+ --sc-color-surface-active: var(--sc-color-surface-raised-active);
753
759
  color: var(--sc-color-text-default);
754
760
  border: var(--sc-border-width-hairline) solid var(--sc-color-border-default);
755
761
  box-shadow: var(--sc-elevation-3);
@@ -1007,6 +1013,9 @@
1007
1013
  padding: var(--sc-spacing-2xs);
1008
1014
  border-radius: var(--sc-radius-lg);
1009
1015
  background: var(--sc-color-surface-raised);
1016
+ /* Hover and pressed washes inside a raised surface use the raised tokens, so they show against it (docs/adr/0003). */
1017
+ --sc-color-surface-hover: var(--sc-color-surface-raised-hover);
1018
+ --sc-color-surface-active: var(--sc-color-surface-raised-active);
1010
1019
  color: var(--sc-color-text-default);
1011
1020
  border: var(--sc-border-width-hairline) solid var(--sc-color-border-default);
1012
1021
  box-shadow: var(--sc-elevation-2);
@@ -1042,7 +1051,7 @@
1042
1051
  border-radius: var(--sc-radius-sm);
1043
1052
  color: var(--sc-color-text-default);
1044
1053
  text-decoration: none;
1045
- cursor: default;
1054
+ cursor: pointer;
1046
1055
  user-select: none;
1047
1056
  outline: 0;
1048
1057
  }
@@ -1398,6 +1407,9 @@
1398
1407
  padding: var(--sc-spacing-2xs);
1399
1408
  border-radius: var(--sc-radius-lg);
1400
1409
  background: var(--sc-color-surface-raised);
1410
+ /* Hover and pressed washes inside a raised surface use the raised tokens, so they show against it (docs/adr/0003). */
1411
+ --sc-color-surface-hover: var(--sc-color-surface-raised-hover);
1412
+ --sc-color-surface-active: var(--sc-color-surface-raised-active);
1401
1413
  color: var(--sc-color-text-default);
1402
1414
  border: var(--sc-border-width-hairline) solid var(--sc-color-border-default);
1403
1415
  box-shadow: var(--sc-elevation-2);
@@ -1425,7 +1437,7 @@
1425
1437
  padding-inline: var(--sc-spacing-xs);
1426
1438
  padding-block: var(--sc-spacing-2xs);
1427
1439
  border-radius: var(--sc-radius-sm);
1428
- cursor: default;
1440
+ cursor: pointer;
1429
1441
  user-select: none;
1430
1442
  outline: 0;
1431
1443
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salemcobalt/ui",
3
- "version": "0.2.0-rc.5",
3
+ "version": "0.2.0-rc.6",
4
4
  "description": "React components for the Salem Cobalt design system: Button, IconButton, Icon set, Badge, Card, Stack, Inline, Kbd, Dialog, Tooltip, Menu, Toolbar, Banner, Spinner, Progress, Tabs, Input, Textarea, Select, 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.5"
36
+ "@salemcobalt/tokens": "^0.2.0-rc.6"
37
37
  },
38
38
  "dependencies": {
39
39
  "@base-ui/react": "^1.9.0",
@@ -56,7 +56,7 @@
56
56
  "tsup": "^9.0.0",
57
57
  "typescript": "^5.9.3",
58
58
  "vitest": "^5.0.5",
59
- "@salemcobalt/tokens": "^0.2.0-rc.5"
59
+ "@salemcobalt/tokens": "^0.2.0-rc.6"
60
60
  },
61
61
  "publishConfig": {
62
62
  "access": "public"