@pnx-mixtape/mxds 0.0.27 → 0.0.28

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 (4) hide show
  1. package/package.json +2 -2
  2. package/src/Component/Accordion/accordion.css +4 -0
  3. package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +5 -5
  4. package/src/Layout/Section/section.twig +2 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pnx-mixtape/mxds",
3
3
  "description": "The Mixtape Design System",
4
- "version": "0.0.27",
4
+ "version": "0.0.28",
5
5
  "dependencies": {
6
6
  "@floating-ui/dom": "^1.7.4",
7
7
  "@oddbird/popover-polyfill": "^0.6.1",
@@ -56,7 +56,7 @@
56
56
  "stylelint-use-logical-spec": "^5.0.1",
57
57
  "twig": "^1.17.1",
58
58
  "typescript": "^5.9.3",
59
- "vite": "8.0.0-beta.8",
59
+ "vite": "8.0.0-beta.10",
60
60
  "vite-plugin-twig-drupal": "^1.6.2",
61
61
  "vitest": "^4.0.15"
62
62
  },
package/src/Component/Accordion/accordion.css CHANGED
@@ -92,6 +92,10 @@
92
92
  justify-content: space-between;
93
93
  align-items: center;
94
94
  gap: var(--spacing-xxs);
95
+
96
+ & .mx-icon {
97
+ margin-inline-start: auto;
98
+ }
95
99
  }
96
100
 
97
101
  &:is([open], [data-open="true"]) {
package/src/Layout/Section/__snapshots__/Section.stories.ts.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`Background 1`] = `
4
4
  "
5
5
  <div class="mx-background--primary mx-section--xl">
6
- <div class="mx-container">
6
+ <div class="mx-container mx-vertical-flow">
7
7
  <div class="mx-section__header">
8
8
 
9
9
  <h2>Section name</h2>
@@ -27,7 +27,7 @@ exports[`Background 1`] = `
27
27
  exports[`Box 1`] = `
28
28
  "
29
29
  <div class="mx-background--box mx-section--xl">
30
- <div class="mx-container">
30
+ <div class="mx-container mx-vertical-flow">
31
31
  <div class="mx-section__header">
32
32
 
33
33
  <h2>Section name</h2>
@@ -51,7 +51,7 @@ exports[`Box 1`] = `
51
51
  exports[`Header 1`] = `
52
52
  "
53
53
  <div class="mx-section--xl">
54
- <div class="mx-container">
54
+ <div class="mx-container mx-vertical-flow">
55
55
  <p class="mx-text--lede">A short description to help explain enough about the subject matter to encourage visitors to learn more.</p>
56
56
  </div>
57
57
  </div>
@@ -61,7 +61,7 @@ exports[`Header 1`] = `
61
61
  exports[`Modifiers 1`] = `
62
62
  "
63
63
  <div class="mx-section--top-s mx-section--bottom-xl">
64
- <div class="mx-container">
64
+ <div class="mx-container mx-vertical-flow">
65
65
  <div class="mx-section__header">
66
66
 
67
67
  <h2>Section name</h2>
@@ -85,7 +85,7 @@ exports[`Modifiers 1`] = `
85
85
  exports[`Section 1`] = `
86
86
  "
87
87
  <div class="mx-section--xl">
88
- <div class="mx-container">
88
+ <div class="mx-container mx-vertical-flow">
89
89
  <div class="mx-section__header">
90
90
 
91
91
  <h2>Section name</h2>
package/src/Layout/Section/section.twig CHANGED
@@ -6,10 +6,11 @@
6
6
  {% set classes = classes|merge([baseClass~"--"~modifier]) %}
7
7
  {% endfor %}
8
8
  {% set attributes = (attributes ?? create_attribute()).addClass(classes) %}
9
+ {% set innerAttributes = (innerAttributes ?? create_attribute()).addClass(['mx-container', 'mx-vertical-flow']) %}
9
10
 
10
11
  <{{ as|default('div') }}{{ attributes }}>
11
12
  {% if container %}
12
- <div class="mx-container">
13
+ <div{{ innerAttributes }}>
13
14
  {% endif %}
14
15
  {% if title is not empty or link is not empty %}
15
16
  <div class="mx-section__header">