shelving 1.257.0 → 1.257.1

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,6 +1,6 @@
1
1
  {
2
2
  "name": "shelving",
3
- "version": "1.257.0",
3
+ "version": "1.257.1",
4
4
  "author": "Dave Houlbrooke <dave@shax.com>",
5
5
  "repository": {
6
6
  "type": "git",
package/ui/block/Prose.js CHANGED
@@ -27,7 +27,7 @@ import SUBHEADING_CSS from "./Subheading.module.css";
27
27
  import TITLE_CSS from "./Title.module.css";
28
28
  import VIDEO_CSS from "./Video.module.css";
29
29
  // Combine the `.prose` class from every block and inline component's CSS module into a single string.
30
- const PROSE_STYLES = getClass(getModuleClass(BLOCK_CSS, "block"), getModuleClass(VIDEO_CSS, "video"), getModuleClass(PARAGRAPH_CSS, "prose"), getModuleClass(HEADING_CSS, "prose"), getModuleClass(SUBHEADING_CSS, "prose"), getModuleClass(ADDRESS_CSS, "prose"), getModuleClass(BLOCKQUOTE_CSS, "prose"), getModuleClass(SECTION_CSS, "prose"), getModuleClass(CODE_CSS, "prose"), getModuleClass(DEFINITIONS_CSS, "prose"), getModuleClass(DELETED_CSS, "prose"), getModuleClass(EMPHASIS_CSS, "prose"), getModuleClass(IMAGE_CSS, "prose"), getModuleClass(INSERTED_CSS, "prose"), getModuleClass(CAPTION_CSS, "prose"), getModuleClass(LIST_CSS, "prose"), getModuleClass(TITLE_CSS, "prose"), getModuleClass(LINK_CSS, "prose"), getModuleClass(MARK_CSS, "prose"), getModuleClass(PREFORMATTED_CSS, "prose"), getModuleClass(SMALL_CSS, "prose"), getModuleClass(STRONG_CSS, "prose"), getModuleClass(SUBSCRIPT_CSS, "prose"), getModuleClass(SUPERSCRIPT_CSS, "prose"), getModuleClass(TABLE_CSS, "prose"), getModuleClass(DIVIDER_CSS, "prose"));
30
+ const PROSE_STYLES = getClass(getModuleClass(BLOCK_CSS, "prose"), getModuleClass(VIDEO_CSS, "prose"), getModuleClass(PARAGRAPH_CSS, "prose"), getModuleClass(HEADING_CSS, "prose"), getModuleClass(SUBHEADING_CSS, "prose"), getModuleClass(ADDRESS_CSS, "prose"), getModuleClass(BLOCKQUOTE_CSS, "prose"), getModuleClass(SECTION_CSS, "prose"), getModuleClass(CODE_CSS, "prose"), getModuleClass(DEFINITIONS_CSS, "prose"), getModuleClass(DELETED_CSS, "prose"), getModuleClass(EMPHASIS_CSS, "prose"), getModuleClass(IMAGE_CSS, "prose"), getModuleClass(INSERTED_CSS, "prose"), getModuleClass(CAPTION_CSS, "prose"), getModuleClass(LIST_CSS, "prose"), getModuleClass(TITLE_CSS, "prose"), getModuleClass(LINK_CSS, "prose"), getModuleClass(MARK_CSS, "prose"), getModuleClass(PREFORMATTED_CSS, "prose"), getModuleClass(SMALL_CSS, "prose"), getModuleClass(STRONG_CSS, "prose"), getModuleClass(SUBSCRIPT_CSS, "prose"), getModuleClass(SUPERSCRIPT_CSS, "prose"), getModuleClass(TABLE_CSS, "prose"), getModuleClass(DIVIDER_CSS, "prose"));
31
31
  /**
32
32
  * A section of longform text containing lots of `<p>` or `<ul>` style elements.
33
33
  * - Applies the prose variant of every block and inline component so nested content picks up the right longform spacing and typography.
@@ -30,8 +30,8 @@ import VIDEO_CSS from "./Video.module.css";
30
30
 
31
31
  // Combine the `.prose` class from every block and inline component's CSS module into a single string.
32
32
  const PROSE_STYLES = getClass(
33
- getModuleClass(BLOCK_CSS, "block"),
34
- getModuleClass(VIDEO_CSS, "video"),
33
+ getModuleClass(BLOCK_CSS, "prose"),
34
+ getModuleClass(VIDEO_CSS, "prose"),
35
35
  getModuleClass(PARAGRAPH_CSS, "prose"),
36
36
  getModuleClass(HEADING_CSS, "prose"),
37
37
  getModuleClass(SUBHEADING_CSS, "prose"),
@@ -1,22 +0,0 @@
1
- @import "../style/layers.css";
2
- @import "../style/Space.module.css";
3
-
4
- @layer components {
5
- .prose {
6
- position: relative;
7
- display: block;
8
- margin-inline: 0;
9
- margin-block: var(--prose-space, var(--space-paragraph));
10
- }
11
- }
12
-
13
- @layer overrides {
14
- .prose {
15
- &:first-child {
16
- margin-block-start: 0;
17
- }
18
- &:last-child {
19
- margin-block-end: 0;
20
- }
21
- }
22
- }