@ilo-org/twig 0.9.0 → 0.9.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.
Files changed (5) hide show
  1. package/.turbo/turbo-build:lib.log +2 -2
  2. package/CHANGELOG.md +9 -0
  3. package/package.json +3 -3
  4. package/src/patterns/components/cardgroup/cardgroup.twig +1 -1
  5. package/src/patterns/components/cardgroup/cardgroup.wingsuit.yml +65 -10
package/.turbo/turbo-build:lib.log CHANGED
@@ -1,9 +1,9 @@
1
1
 
2
- > @ilo-org/twig@0.9.0 build:lib /home/runner/work/designsystem/designsystem/packages/twig
2
+ > @ilo-org/twig@0.9.1 build:lib /home/runner/work/designsystem/designsystem/packages/twig
3
3
  > node importprefix.js && node importsvgs.js && pnpm output
4
4
 
5
5
  theme prefix added
6
6
 
7
- > @ilo-org/twig@0.9.0 output /home/runner/work/designsystem/designsystem/packages/twig
7
+ > @ilo-org/twig@0.9.1 output /home/runner/work/designsystem/designsystem/packages/twig
8
8
  > node outputtwigs.js
9
9
 
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @ilo-org/twig
2
2
 
3
+ ## 0.9.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 76e3c3efa: build(deps-dev): bump lodash from 4.17.20 to 4.17.21
8
+ - b90ff5984: Add `size` prop back to Card Group so that it can be used to set layout options.
9
+ - Updated dependencies [5887810c3]
10
+ - @ilo-org/styles@0.8.1
11
+
3
12
  ## 0.9.0
4
13
 
5
14
  ### Minor Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/twig",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Twig components for the ILO's Design System",
6
6
  "main": "",
@@ -25,7 +25,7 @@
25
25
  "@ilo-org/brand-assets": "0.1.0",
26
26
  "@ilo-org/fonts": "0.1.0",
27
27
  "@ilo-org/icons": "0.2.1",
28
- "@ilo-org/styles": "0.8.0",
28
+ "@ilo-org/styles": "0.8.1",
29
29
  "@ilo-org/themes": "0.2.0",
30
30
  "@ilo-org/utils": "0.0.11"
31
31
  },
@@ -55,7 +55,7 @@
55
55
  "fs-extra": "^8.1.0",
56
56
  "glob": "^7.2.3",
57
57
  "jquery-once": "^2.2.3",
58
- "lodash": "^4.17.20",
58
+ "lodash": "^4.17.21",
59
59
  "mini-css-extract-plugin": "^1.6.2",
60
60
  "optimize-css-assets-webpack-plugin": "^5.0.8",
61
61
  "postcss": "^8.4.21",
package/src/patterns/components/cardgroup/cardgroup.twig CHANGED
@@ -6,7 +6,7 @@
6
6
  {% for card in group %}
7
7
  <div class="{{prefix}}--cardgroup--card">
8
8
  {% include "@components/card/card.twig" with {
9
- size: "fluid",
9
+ size: size,
10
10
  theme: theme,
11
11
  type: type,
12
12
  cta: card.cta,
package/src/patterns/components/cardgroup/cardgroup.wingsuit.yml CHANGED
@@ -16,7 +16,7 @@ cardgroup:
16
16
  cardcount:
17
17
  type: select
18
18
  label: collapsed
19
- description: Number of cards to show in a row, also determines the width of the cards as a function of how many there need to be. As a result, passing `size` to the individual cards has no effect since the card group manages the size of the cards.
19
+ description: Number of cards to show in a row, also determines the width of the cards as a function of how many there need to be. This will override the width set in the `size` setting.
20
20
  required: false
21
21
  preview: "three"
22
22
  options:
@@ -34,6 +34,17 @@ cardgroup:
34
34
  start: start
35
35
  center: center
36
36
  between: between
37
+ size:
38
+ type: select
39
+ label: Size
40
+ description: Sets the layout of the cards in the group. See the `Card` component for more info on this setting, which has different effects on the different types of cards.
41
+ required: false
42
+ preview: "standard"
43
+ options:
44
+ standard: standard
45
+ narrow: narrow
46
+ wide: wide
47
+ fluid: fluid
37
48
  theme:
38
49
  type: select
39
50
  label: Theme
@@ -61,40 +72,84 @@ cardgroup:
61
72
  group:
62
73
  type: object
63
74
  label: Group of cards
64
- description: "The group of cards. Each card can be one of the following types: multilink, feature, detail, graphicpromo, stat, graphic, factlist, data. All fields are passed to cards except for size, which is managed by the card group."
75
+ description: "The group of cards. Each card can be one of the following types: multilink, feature, detail, graphicpromo, stat, graphic, factlist, data."
65
76
  preview:
66
- - type: text
67
- eyebrow: "Podcast"
77
+ - eyebrow: "Podcast"
68
78
  title: "Can digital technology be an equality machine?"
69
79
  link: "https://www.ilo.org/"
70
80
  cta:
71
81
  label: "Read the press release"
72
82
  url: "https://www.ilo.org/global/about-the-ilo/newsroom/news/WCMS_846303/lang--en/index.htm"
73
83
  theme: dark
74
- - type: text
75
- eyebrow: "Podcast"
84
+ image:
85
+ alt: "Image alt text"
86
+ loading: "lazy"
87
+ url:
88
+ - breakpoint: "(min-width: 0px)"
89
+ src: "/images/small.jpg"
90
+ - breakpoint: "(min-width: 800px)"
91
+ src: "/images/medium.jpg"
92
+ - breakpoint: "(min-width: 1200px)"
93
+ src: "/images/large.jpg"
94
+ - breakpoint: "(min-width: 1440px)"
95
+ src: "/images/large.jpg"
96
+ - eyebrow: "Podcast"
76
97
  title: "Can digital technology be an equality machine?"
77
98
  link: "https://www.ilo.org/"
78
99
  cta:
79
100
  label: "Read the press release"
80
101
  url: "https://www.ilo.org/global/about-the-ilo/newsroom/news/WCMS_846303/lang--en/index.htm"
81
102
  theme: dark
82
- - type: text
83
- eyebrow: "Podcast"
103
+ image:
104
+ alt: "Image alt text"
105
+ loading: "lazy"
106
+ url:
107
+ - breakpoint: "(min-width: 0px)"
108
+ src: "/images/small.jpg"
109
+ - breakpoint: "(min-width: 800px)"
110
+ src: "/images/medium.jpg"
111
+ - breakpoint: "(min-width: 1200px)"
112
+ src: "/images/large.jpg"
113
+ - breakpoint: "(min-width: 1440px)"
114
+ src: "/images/large.jpg"
115
+ - eyebrow: "Podcast"
84
116
  title: "Can digital technology be an equality machine?"
85
117
  link: "https://www.ilo.org/"
86
118
  cta:
87
119
  label: "Read the press release"
88
120
  url: "https://www.ilo.org/global/about-the-ilo/newsroom/news/WCMS_846303/lang--en/index.htm"
89
121
  theme: dark
90
- - type: text
91
- eyebrow: "Podcast"
122
+ image:
123
+ alt: "Image alt text"
124
+ loading: "lazy"
125
+ url:
126
+ - breakpoint: "(min-width: 0px)"
127
+ src: "/images/small.jpg"
128
+ - breakpoint: "(min-width: 800px)"
129
+ src: "/images/medium.jpg"
130
+ - breakpoint: "(min-width: 1200px)"
131
+ src: "/images/large.jpg"
132
+ - breakpoint: "(min-width: 1440px)"
133
+ src: "/images/large.jpg"
134
+ - eyebrow: "Podcast"
92
135
  title: "Can digital technology be an equality machine?"
93
136
  link: "https://www.ilo.org/"
94
137
  cta:
95
138
  label: "Read the press release"
96
139
  url: "https://www.ilo.org/global/about-the-ilo/newsroom/news/WCMS_846303/lang--en/index.htm"
97
140
  theme: dark
141
+ image:
142
+ alt: "Image alt text"
143
+ loading: "lazy"
144
+ url:
145
+ - breakpoint: "(min-width: 0px)"
146
+ src: "/images/small.jpg"
147
+ - breakpoint: "(min-width: 800px)"
148
+ src: "/images/medium.jpg"
149
+ - breakpoint: "(min-width: 1200px)"
150
+ src: "/images/large.jpg"
151
+ - breakpoint: "(min-width: 1440px)"
152
+ src: "/images/large.jpg"
98
153
  cta:
99
154
  type: object
100
155
  label: CTA