@hearthsound/design 0.2.6 → 0.2.8

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.
@@ -206,7 +206,8 @@
206
206
  font-size: 13px;
207
207
  }
208
208
 
209
- /* p26: Library acid, Cache acid at 55% over the view, Folders muted, the rest free. */
209
+ /* p26: Library acid, Cache acid at 55% over the view, Folders muted, Other a
210
+ neutral between the two, the rest free. */
210
211
  .hs-storage-bar__library,
211
212
  .hs-storage-legend__swatch--library {
212
213
  background: var(--hs-accent-bg);
@@ -222,6 +223,14 @@
222
223
  background: var(--hs-fg-muted);
223
224
  }
224
225
 
226
+ /* p26: the space on the same filesystems that is neither library, downloads,
227
+ cache nor free; a neutral between Folders and Free that stays apart from both
228
+ because the tokens adapt to the scheme. */
229
+ .hs-storage-bar__other,
230
+ .hs-storage-legend__swatch--other {
231
+ background: color-mix(in srgb, var(--hs-fg) 30%, transparent);
232
+ }
233
+
225
234
  .hs-storage-bar__free,
226
235
  .hs-storage-legend__swatch--free {
227
236
  background: color-mix(in srgb, var(--hs-fg) 12%, transparent);
@@ -91,13 +91,6 @@
91
91
  padding: 8px 14px 12px;
92
92
  }
93
93
 
94
- /* A flush shelf sits on the page margin, so its header does too: the
95
- * scrollport keeps the 8 px the hover tile needs (fc5b-diff). */
96
- .hs-home-section--flush .hs-section-header {
97
- padding-inline: 0;
98
- }
99
-
100
-
101
94
  .hs-shelf__button {
102
95
  display: none;
103
96
  }
@@ -109,3 +102,10 @@
109
102
  padding-inline: var(--hs-space-3);
110
103
  margin-inline: calc(-1 * var(--hs-space-3));
111
104
  }
105
+
106
+ /* A shelf that sits on the page margin (the Liked shelves): its header is flush
107
+ * too, and the scrollport keeps only the 8 px the hover tile needs. Declared
108
+ * after the width rules so it wins at every width (fc5b-diff). */
109
+ .hs-home-section--flush .hs-section-header {
110
+ padding-inline: 0;
111
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hearthsound/design",
3
- "version": "0.2.6",
3
+ "version": "0.2.8",
4
4
  "license": "MIT",
5
5
  "description": "Design language of Hearthsound: tokens, fonts, icons and component styles",
6
6
  "repository": {