@refrakt-md/skeleton 0.45.0 → 0.47.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@refrakt-md/skeleton",
3
3
  "description": "The structural cascade layer + layer-order contract every refrakt theme builds on — ships `@layer skeleton` and the `@layer skeleton, skin;` order declaration, plus the token-name contract",
4
- "version": "0.45.0",
4
+ "version": "0.47.0",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "repository": {
@@ -29,7 +29,7 @@
29
29
  "styles"
30
30
  ],
31
31
  "dependencies": {
32
- "@refrakt-md/types": "0.45.0"
32
+ "@refrakt-md/types": "0.47.0"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "tsc"
@@ -10,6 +10,16 @@
10
10
  display: inline-flex;
11
11
  }
12
12
 
13
+ /* The pill (ADR-043 decision 3, WORK-671) — `{% badge %}` and every
14
+ * `status`, `category` or `tag` value: one unbroken unit. Its fill, colour,
15
+ * padding and radius are skin. */
16
+ .rf-badge,
17
+ [data-meta-type="status"],
18
+ [data-meta-type="category"],
19
+ [data-meta-type="tag"] {
20
+ white-space: nowrap;
21
+ }
22
+
13
23
  /* ── Layout: bar (SPEC-080) ──
14
24
  * Horizontal flex row of fields; wraps by default (`data-wrap="false"` keeps it
15
25
  * on one line); a field tagged `data-align="end"` (and everything after it) is
@@ -1,32 +1,22 @@
1
- /* pullquote — structure. The relative root (glyph anchor), the decorative-glyph
2
- * positioning + the per-variant glyph hides + centred glyph re-centre, the
3
- * centre/right auto-margins, and the float modes (+ responsive). The quote glyph,
4
- * type, borders and backgrounds are skin. */
5
- .rf-pullquote {
6
- position: relative;
7
- }
8
- .rf-pullquote::before {
9
- position: absolute;
10
- top: -0.25rem;
11
- left: 0;
1
+ /* pullquote — structure. A featured quotation is a `<figure>` (an excerpt an
2
+ * `<aside>` holding one, SPEC-185 D4): the browser's figure margins are
3
+ * cleared, the centred quote is centred in the measure, and the left/right
4
+ * modes float beside the text (+ responsive). The glyph, type, rules and
5
+ * attribution are skin. */
6
+ .rf-pullquote,
7
+ .rf-pullquote__figure {
8
+ margin-inline: 0;
9
+ }
10
+ .rf-pullquote__quote {
11
+ margin: 0;
12
12
  }
13
13
  .rf-pullquote--center {
14
14
  margin-left: auto;
15
15
  margin-right: auto;
16
16
  }
17
- .rf-pullquote--center::before {
18
- left: 50%;
19
- transform: translateX(-50%);
20
- }
21
- .rf-pullquote--left::before {
22
- display: none;
23
- }
24
17
  .rf-pullquote--right {
25
18
  margin-left: auto;
26
19
  }
27
- .rf-pullquote--right::before {
28
- display: none;
29
- }
30
20
  .rf-pullquote[data-align="left"] {
31
21
  float: left;
32
22
  width: 40%;
@@ -35,9 +25,6 @@
35
25
  float: right;
36
26
  width: 40%;
37
27
  }
38
- .rf-pullquote--editorial::before {
39
- display: none;
40
- }
41
28
  @media (max-width: 768px) {
42
29
  .rf-pullquote[data-align="left"],
43
30
  .rf-pullquote[data-align="right"] {
@@ -1,8 +1,7 @@
1
1
  /* testimonial — structure. The author name/role block display and the fixed
2
- * avatar box (size + crop). Surface, type, the quote treatment, the blockquote
3
- * `::before` reset, and the avatar radius/margin stay skin (Lumina's
4
- * styles/runes/testimonial.css) — the `blockquote::before { display:none }` reset
5
- * must stay skin to override elements/blockquote.css by source order. */
2
+ * avatar box (size + crop). Surface, type, the quote treatment and the avatar
3
+ * radius/margin stay skin (Lumina's styles/runes/testimonial.css). The quote is
4
+ * not marked as a quotation (SPEC-185 D3.3), so it has no glyph to reset. */
6
5
 
7
6
  .rf-testimonial__author-name {
8
7
  display: block;