@scattered-light/loomiere-mojave 0.7.1 → 0.8.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 (32) hide show
  1. package/dist/exports/AGENTS.md +8 -5
  2. package/dist/exports/catalog.json +6 -0
  3. package/dist/exports/design-system/README.md +8 -5
  4. package/dist/exports/design-system/components/ContextMenu/README.md +1 -1
  5. package/dist/exports/design-system/components/ContextMenu/preview.html +1 -1
  6. package/dist/exports/design-system/components/DataList/README.md +1 -1
  7. package/dist/exports/design-system/components/DataList/preview.html +1 -1
  8. package/dist/exports/design-system/components/DataTable/README.md +1 -1
  9. package/dist/exports/design-system/components/DataTable/preview.html +38 -38
  10. package/dist/exports/design-system/components/DescriptionList/README.md +41 -0
  11. package/dist/exports/design-system/components/DescriptionList/preview.html +19 -0
  12. package/dist/exports/design-system/components/Drawer/README.md +1 -1
  13. package/dist/exports/design-system/components/ScrollArea/preview.html +2 -2
  14. package/dist/exports/design-system/components/Sheet/README.md +46 -0
  15. package/dist/exports/design-system/components/Sheet/preview.html +19 -0
  16. package/dist/exports/design-system/components/StatFigure/README.md +38 -0
  17. package/dist/exports/design-system/components/StatFigure/preview.html +19 -0
  18. package/dist/exports/design-system/components/Table/README.md +2 -2
  19. package/dist/exports/design-system/components/Table/preview.html +2 -2
  20. package/dist/exports/design-system/components/bundle.css +620 -161
  21. package/dist/exports/design-system/components/bundle.js +7 -7
  22. package/dist/exports/design-system/components/index.d.ts +1 -1
  23. package/dist/exports/design-system/tokens.json +35 -0
  24. package/dist/exports/figma.json +1 -1
  25. package/dist/exports/tailwind.css +81 -0
  26. package/dist/exports/tokens.dtcg.json +313 -26
  27. package/dist/tokens.css +220 -105
  28. package/dist/tokens.d.ts +78 -0
  29. package/dist/tokens.js +79 -1
  30. package/dist/tokens.json +580 -27
  31. package/dist/utilities.css +30 -0
  32. package/package.json +2 -2
package/dist/utilities.css CHANGED
@@ -65,6 +65,16 @@
65
65
  letter-spacing: var(--sl-font-title-base-letter-spacing);
66
66
  }
67
67
 
68
+ /* Figures in the base tier: an amount beside base text, a balance in a card. The mono family with tabular numbers, so digits line up. */
69
+ .text-style-figures-base {
70
+ font-family: var(--sl-font-figures-base-font-family);
71
+ font-size: var(--sl-font-figures-base-font-size);
72
+ font-weight: var(--sl-font-figures-base-font-weight);
73
+ line-height: var(--sl-font-figures-base-line-height);
74
+ letter-spacing: var(--sl-font-figures-base-letter-spacing);
75
+ font-variant-numeric: var(--sl-font-figures-base-font-variant-numeric);
76
+ }
77
+
68
78
  /* Code uses the mono family so characters line up. */
69
79
  .text-style-code-condense {
70
80
  font-family: var(--sl-font-code-condense-font-family);
@@ -74,6 +84,16 @@
74
84
  letter-spacing: var(--sl-font-code-condense-letter-spacing);
75
85
  }
76
86
 
87
+ /* Figures in the condense tier: amounts and counts in tables and dense rows. The mono family with tabular numbers, so digits line up down a column. */
88
+ .text-style-figures-condense {
89
+ font-family: var(--sl-font-figures-condense-font-family);
90
+ font-size: var(--sl-font-figures-condense-font-size);
91
+ font-weight: var(--sl-font-figures-condense-font-weight);
92
+ line-height: var(--sl-font-figures-condense-line-height);
93
+ letter-spacing: var(--sl-font-figures-condense-letter-spacing);
94
+ font-variant-numeric: var(--sl-font-figures-condense-font-variant-numeric);
95
+ }
96
+
77
97
  /* Body copy in the condense tier, dense UI text (tables, secondary labels). */
78
98
  .text-style-body-condense {
79
99
  font-family: var(--sl-font-body-condense-font-family);
@@ -129,6 +149,16 @@
129
149
  text-transform: var(--sl-font-eyebrow-condense-text-transform);
130
150
  }
131
151
 
152
+ /* Caps labels in the condense tier: a working-paper caption, a column head over figures, a sheet's tab label. Uppercase and tracked a little wider than an eyebrow, so it reads as a label and not a heading. */
153
+ .text-style-caps-condense {
154
+ font-family: var(--sl-font-caps-condense-font-family);
155
+ font-size: var(--sl-font-caps-condense-font-size);
156
+ font-weight: var(--sl-font-caps-condense-font-weight);
157
+ line-height: var(--sl-font-caps-condense-line-height);
158
+ letter-spacing: var(--sl-font-caps-condense-letter-spacing);
159
+ text-transform: var(--sl-font-caps-condense-text-transform);
160
+ }
161
+
132
162
  /* Titles in the condense tier: group headers in tables, menus and dense panels. Titles use the display family; the tier sets the size. */
133
163
  .text-style-title-condense {
134
164
  font-family: var(--sl-font-title-condense-font-family);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scattered-light/loomiere-mojave",
3
- "version": "0.7.1",
3
+ "version": "0.8.0",
4
4
  "description": "Mojave, the demo theme for Loomiere: desert stone and purple, built from one brand file.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -62,6 +62,6 @@
62
62
  }
63
63
  },
64
64
  "devDependencies": {
65
- "@scattered-light/loomiere": "0.7.1"
65
+ "@scattered-light/loomiere": "0.8.0"
66
66
  }
67
67
  }