@ilo-org/twig 0.8.0 → 0.8.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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
|
-
> @ilo-org/twig@0.8.
|
|
2
|
+
> @ilo-org/twig@0.8.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.8.
|
|
7
|
+
> @ilo-org/twig@0.8.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.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 0fd4b60df: - In Card Group, set `theme` and `type` properties for Cards on Card Group, not on invididual cards
|
|
8
|
+
- Use `cardcount` to determine how many cards should be in a row and how wide they should be.
|
|
9
|
+
- Updated dependencies [0fd4b60df]
|
|
10
|
+
- @ilo-org/styles@0.7.1
|
|
11
|
+
|
|
3
12
|
## 0.8.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.8.
|
|
3
|
+
"version": "0.8.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.7.
|
|
28
|
+
"@ilo-org/styles": "0.7.1",
|
|
29
29
|
"@ilo-org/themes": "0.2.0",
|
|
30
30
|
"@ilo-org/utils": "0.0.11"
|
|
31
31
|
},
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
{#
|
|
2
2
|
CARDGROUP COMPONENT
|
|
3
3
|
#}
|
|
4
|
-
<div class="{{prefix}}--cardgroup {% if collapsed %} {{prefix}}--cardgroup__collapsed {% endif %} {% if justify %} {{prefix}}--cardgroup__justify__{{justify}} {% endif %}">
|
|
4
|
+
<div class="{{prefix}}--cardgroup {{prefix}}--cardgroup__count__{{cardcount}} {% if collapsed %} {{prefix}}--cardgroup__collapsed {% endif %} {% if justify %} {{prefix}}--cardgroup__justify__{{justify}} {% endif %}">
|
|
5
5
|
<div class="{{prefix}}--cardgroup--inner">
|
|
6
6
|
{% for card in group %}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
7
|
+
<div class="{{prefix}}--cardgroup--card">
|
|
8
|
+
{% include "@components/card/card.twig" with {
|
|
9
|
+
size: "fluid",
|
|
10
|
+
theme: theme,
|
|
11
|
+
type: type,
|
|
12
|
+
cta: card.cta,
|
|
13
|
+
dataset: card.dataset,
|
|
14
|
+
date: card.date,
|
|
15
|
+
dateExtra: card.dateExtra,
|
|
16
|
+
eyebrow: card.eyebrow,
|
|
17
|
+
image: card.image,
|
|
18
|
+
intro: card.intro,
|
|
19
|
+
link: card.link,
|
|
20
|
+
linklist: card.linklist,
|
|
21
|
+
list: card.list,
|
|
22
|
+
title: card.title,
|
|
23
|
+
alignment: card.alignment,
|
|
24
|
+
color: card.color,
|
|
25
|
+
cornercut: card.cornercut,
|
|
26
|
+
source: card.source,
|
|
27
|
+
prefix: prefix
|
|
28
|
+
} only %}
|
|
29
|
+
</div>
|
|
30
|
+
{% endfor %}
|
|
29
31
|
{% if cta %}
|
|
30
32
|
<div class="{{prefix}}--cardgroup--button-wrap">
|
|
31
33
|
<a
|
|
@@ -13,6 +13,17 @@ cardgroup:
|
|
|
13
13
|
options:
|
|
14
14
|
true: True
|
|
15
15
|
false: False
|
|
16
|
+
cardcount:
|
|
17
|
+
type: select
|
|
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.
|
|
20
|
+
required: false
|
|
21
|
+
preview: "three"
|
|
22
|
+
options:
|
|
23
|
+
one: one
|
|
24
|
+
two: two
|
|
25
|
+
three: three
|
|
26
|
+
four: four
|
|
16
27
|
justify:
|
|
17
28
|
type: select
|
|
18
29
|
label: collapsed
|
|
@@ -23,16 +34,29 @@ cardgroup:
|
|
|
23
34
|
start: start
|
|
24
35
|
center: center
|
|
25
36
|
between: between
|
|
26
|
-
|
|
37
|
+
theme:
|
|
27
38
|
type: select
|
|
28
|
-
label:
|
|
29
|
-
description: Sets the
|
|
39
|
+
label: Theme
|
|
40
|
+
description: Sets all of the cards to appear as either light or dark. Used by all card groups except for `Multilink Card`, `Data Card` and `Stat Card`.
|
|
30
41
|
required: false
|
|
42
|
+
preview: "dark"
|
|
43
|
+
options:
|
|
44
|
+
dark: Dark
|
|
45
|
+
light: Light
|
|
46
|
+
type:
|
|
47
|
+
type: select
|
|
48
|
+
label: Type
|
|
49
|
+
description: Sets the type of cards to render in the Card Group
|
|
50
|
+
preview: "feature"
|
|
31
51
|
options:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
52
|
+
feature: Feature
|
|
53
|
+
text: Text
|
|
54
|
+
detail: Detail
|
|
55
|
+
promo: Promo
|
|
56
|
+
multilink: Multilink
|
|
57
|
+
data: Data
|
|
58
|
+
stat: Stat
|
|
59
|
+
factlist: Factlist
|
|
36
60
|
fields:
|
|
37
61
|
group:
|
|
38
62
|
type: object
|