@pnx-mixtape/mxds 0.0.16 → 0.0.18
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 +2 -2
- package/src/Component/Card/Card.stories.ts +1 -1
- package/src/Component/ListItem/ListItem.stories.ts +1 -1
- package/src/Component/Tag/Tag.stories.ts +3 -3
- package/src/Component/Tag/tags.twig +2 -2
- package/src/Layout/Grid/Grid.stories.ts +10 -10
- package/src/Layout/Grid/grid-item.twig +9 -3
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.
|
|
4
|
+
"version": "0.0.18",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "concurrently -k -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run dev-vite\" \"npm run dev-storybook\"",
|
|
7
7
|
"build": "concurrently -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run build-vite\" \"npm run build-storybook\"",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@floating-ui/dom": "^1.7.3",
|
|
39
39
|
"@oddbird/popover-polyfill": "^0.6.1",
|
|
40
|
-
"@pnx-mixtape/ids-shape": "^0.0.
|
|
40
|
+
"@pnx-mixtape/ids-shape": "^0.0.20",
|
|
41
41
|
"@types/react": "^19.1.10",
|
|
42
42
|
"@types/react-dom": "^19.1.7",
|
|
43
43
|
"classnames": "^2.5.1",
|
|
@@ -8,7 +8,7 @@ const meta: Meta<TagType> = {
|
|
|
8
8
|
component: Component,
|
|
9
9
|
args: {
|
|
10
10
|
items: ["Music", "News"],
|
|
11
|
-
|
|
11
|
+
tagType: TagTypes.TEXT,
|
|
12
12
|
},
|
|
13
13
|
}
|
|
14
14
|
|
|
@@ -19,7 +19,7 @@ export const Tag: Story = {}
|
|
|
19
19
|
|
|
20
20
|
export const Link: Story = {
|
|
21
21
|
args: {
|
|
22
|
-
|
|
22
|
+
tagType: TagTypes.LINK,
|
|
23
23
|
items: [
|
|
24
24
|
{
|
|
25
25
|
title: "Music",
|
|
@@ -35,7 +35,7 @@ export const Link: Story = {
|
|
|
35
35
|
|
|
36
36
|
export const Checkbox: Story = {
|
|
37
37
|
args: {
|
|
38
|
-
|
|
38
|
+
tagType: TagTypes.CHECKBOX,
|
|
39
39
|
items: [
|
|
40
40
|
{
|
|
41
41
|
label: "Music",
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
<ul class="mx-tags">
|
|
5
5
|
{% for item in items %}
|
|
6
6
|
<li>
|
|
7
|
-
{% if
|
|
7
|
+
{% if tagType == "link" %}
|
|
8
8
|
<a{{ attributes}} href="{{ item.href }}">{{ item.title }}</a>
|
|
9
|
-
{% elseif
|
|
9
|
+
{% elseif tagType == "checkbox" %}
|
|
10
10
|
<div {{ attributes }}>
|
|
11
11
|
<input type="checkbox"
|
|
12
12
|
id="{{ item.id }}"
|
|
@@ -14,12 +14,12 @@ const meta: Meta<GridType> = {
|
|
|
14
14
|
component: Component,
|
|
15
15
|
args: {
|
|
16
16
|
items: [
|
|
17
|
-
GridItem({ item: "<span>item 1</span>" }),
|
|
18
|
-
GridItem({ item: "<span>item 2</span>" }),
|
|
19
|
-
GridItem({ item: "<span>item 3</span>" }),
|
|
20
|
-
GridItem({ item: "<span>item 4</span>" }),
|
|
21
|
-
GridItem({ item: "<span>item 5</span>" }),
|
|
22
|
-
GridItem({ item: "<span>item 6</span>" }),
|
|
17
|
+
GridItem({ item: ["<span>item 1</span>"] }),
|
|
18
|
+
GridItem({ item: ["<span>item 2</span>"] }),
|
|
19
|
+
GridItem({ item: ["<span>item 3</span>"] }),
|
|
20
|
+
GridItem({ item: ["<span>item 4</span>"] }),
|
|
21
|
+
GridItem({ item: ["<span>item 5</span>"] }),
|
|
22
|
+
GridItem({ item: ["<span>item 6</span>"] }),
|
|
23
23
|
],
|
|
24
24
|
as: SectionTypes.DIV,
|
|
25
25
|
modifiers: [GridModifiers.SM_2, GridModifiers.LG_4],
|
|
@@ -44,11 +44,11 @@ export const List: Story = {
|
|
|
44
44
|
modifiers: [GridModifiers.SM_2],
|
|
45
45
|
items: [
|
|
46
46
|
GridItem({
|
|
47
|
-
item: "list item 1",
|
|
47
|
+
item: ["list item 1"],
|
|
48
48
|
as: AsTypes.LI,
|
|
49
49
|
}),
|
|
50
50
|
GridItem({
|
|
51
|
-
item: "list item 2",
|
|
51
|
+
item: ["list item 2"],
|
|
52
52
|
as: AsTypes.LI,
|
|
53
53
|
}),
|
|
54
54
|
],
|
|
@@ -59,9 +59,9 @@ export const Span: Story = {
|
|
|
59
59
|
args: {
|
|
60
60
|
modifiers: [GridModifiers.SM_2, GridModifiers.MD_3],
|
|
61
61
|
items: [
|
|
62
|
-
GridItem({ item: "<span>item 1</span>" }),
|
|
62
|
+
GridItem({ item: ["<span>item 1</span>"] }),
|
|
63
63
|
GridItem({
|
|
64
|
-
item: "item 2, span 2",
|
|
64
|
+
item: ["item 2, span 2"],
|
|
65
65
|
modifiers: [GridModifiers.MD_2],
|
|
66
66
|
}),
|
|
67
67
|
],
|
|
@@ -7,12 +7,18 @@
|
|
|
7
7
|
|
|
8
8
|
{% if container %}
|
|
9
9
|
<{{ as }}{{ attributes.addClass("mx-container") }}>
|
|
10
|
-
|
|
10
|
+
{% for i in item %}
|
|
11
|
+
{{ i }}
|
|
12
|
+
{% endfor %}
|
|
11
13
|
</{{ as }}>
|
|
12
14
|
{% elseif classes is not empty or as != "div" %}
|
|
13
15
|
<{{ as }}{{ attributes }}>
|
|
14
|
-
|
|
16
|
+
{% for i in item %}
|
|
17
|
+
{{ i }}
|
|
18
|
+
{% endfor %}
|
|
15
19
|
</{{ as }}>
|
|
16
20
|
{% else %}
|
|
17
|
-
{
|
|
21
|
+
{% for i in item %}
|
|
22
|
+
{{ i }}
|
|
23
|
+
{% endfor %}
|
|
18
24
|
{% endif %}
|