@veevarts/design-system 2.21.0 → 2.23.0

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 (38) hide show
  1. package/README.md +14 -0
  2. package/dist/components/Drawer/Drawer.d.ts +17 -0
  3. package/dist/components/Drawer/index.d.ts +2 -0
  4. package/dist/components/Modal/CloseButton.d.ts +18 -0
  5. package/dist/components/Modal/Modal.d.ts +15 -0
  6. package/dist/components/Modal/index.d.ts +2 -0
  7. package/dist/components/Modal/useLabelledCloseButton.d.ts +13 -0
  8. package/dist/components/Table/Table.d.ts +7 -0
  9. package/dist/components/Table/index.d.ts +2 -0
  10. package/dist/components/index.d.ts +6 -0
  11. package/dist/index.cjs +5 -5
  12. package/dist/index.js +5194 -4607
  13. package/dist/patterns/DonationAmounts/index.d.ts +1 -1
  14. package/dist/patterns/DonationAmounts/styles.d.ts +32 -0
  15. package/dist/patterns/DonationAmounts/types.d.ts +55 -1
  16. package/dist/patterns/DonationAmounts/utils/currency.d.ts +7 -3
  17. package/dist/patterns/OutcomeView/index.d.ts +1 -1
  18. package/dist/patterns/OutcomeView/types.d.ts +110 -3
  19. package/dist/patterns/StepProgress/StepProgress.d.ts +4 -0
  20. package/dist/patterns/StepProgress/index.d.ts +2 -0
  21. package/dist/patterns/StepProgress/styles.d.ts +29 -0
  22. package/dist/patterns/StepProgress/types.d.ts +43 -0
  23. package/dist/patterns/Summary/types.d.ts +7 -0
  24. package/dist/patterns/TileSelect/TileSelect.d.ts +13 -0
  25. package/dist/patterns/TileSelect/index.d.ts +1 -1
  26. package/dist/patterns/TileSelect/styles.d.ts +14 -0
  27. package/dist/patterns/UnderlineTabs/UnderlineTabs.d.ts +20 -1
  28. package/dist/patterns/UnderlineTabs/index.d.ts +1 -1
  29. package/dist/patterns/UnderlineTabs/styles.d.ts +10 -0
  30. package/dist/patterns/index.d.ts +6 -4
  31. package/dist/providers/HeroUIProvider.d.ts +9 -1
  32. package/dist/providers/close-label-context.d.ts +18 -0
  33. package/dist/tailwind/index.cjs +8 -0
  34. package/dist/tailwind/index.mjs +8 -0
  35. package/dist/test/px-class-names.d.ts +1 -0
  36. package/dist/test/px-classes.d.ts +2 -1
  37. package/dist/tokens/pos-surface.d.ts +16 -4
  38. package/package.json +1 -1
@@ -4,10 +4,14 @@
4
4
  * The refund wizard is a pixel-signed-off surface: every fill, hairline and
5
5
  * status tone in it comes from the Jul-28 POS mockup, and "close enough from
6
6
  * the nearest scale step" is not the contract. Most of that mockup already
7
- * agrees with what we ship — its `--tc` is `primary-500` to the byte and its
8
- * `--ink`/`--muted`/`--muted2`/`--sec` are HeroUI's `default-900`/`500`/`600`/
9
- * `100`. Those are consumed through the semantic classes and are deliberately
10
- * NOT repeated here.
7
+ * agrees with what we ship — its `--tc` is `primary-500` to the byte, so the
8
+ * brand is consumed as `primary` and is deliberately NOT repeated here.
9
+ *
10
+ * Its text tones (`--ink`, `--muted`, the placeholder and hover greys) equal
11
+ * HeroUI's stock `default-900`/`500`/`400`/`300`, but they are kept below as
12
+ * DS tokens: POS and Quick surfaces style text with `pos-*`, never with the
13
+ * stock HeroUI semantic scale (decision of 2026-10-21). `--muted2`/`--sec`
14
+ * were already here as `neutral` / `neutral-fill`.
11
15
  *
12
16
  * What IS here is the remainder: the two hairlines and the warm status
13
17
  * fill/text pairs, none of which have an equivalent in either scale. They are
@@ -28,6 +32,14 @@ export declare const posSurfaceTokens: {
28
32
  readonly hair: "#F0F0F1";
29
33
  readonly page: "#FBFBFB";
30
34
  readonly field: "#E5E5E5";
35
+ /** A hairline under the pointer (`default-300`). */
36
+ readonly 'line-strong': "#D4D4D8";
37
+ /** `--ink`: body text (`default-900`). */
38
+ readonly ink: "#18181B";
39
+ /** `--muted`: secondary text and eyebrows, 4.83:1 on white (`default-500`). */
40
+ readonly muted: "#71717A";
41
+ /** Placeholder text (`default-400`). Never for content: 2.56:1 on white. */
42
+ readonly faint: "#A1A1AA";
31
43
  /** `--okb` / `--okf` */
32
44
  readonly 'ok-fill': "#EAF3DE";
33
45
  readonly ok: "#3B6D11";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "2.21.0",
4
+ "version": "2.23.0",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",