@ilo-org/twig 0.9.2 → 0.9.4
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.9.
|
|
2
|
+
> @ilo-org/twig@0.9.4 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.
|
|
7
|
+
> @ilo-org/twig@0.9.4 output /home/runner/work/designsystem/designsystem/packages/twig
|
|
8
8
|
> node outputtwigs.js
|
|
9
9
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @ilo-org/twig
|
|
2
2
|
|
|
3
|
+
## 0.9.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 58bc8ff88: Remove justify setting on card group
|
|
8
|
+
- 58bc8ff88: Ensure cards in card group take up full width of card group and always have the same gap
|
|
9
|
+
- Updated dependencies [58bc8ff88]
|
|
10
|
+
- Updated dependencies [58a708c3a]
|
|
11
|
+
- @ilo-org/styles@0.8.4
|
|
12
|
+
|
|
13
|
+
## 0.9.3
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- cefc8690e: Correctly apply max-width to card wrappers
|
|
18
|
+
- Updated dependencies [cefc8690e]
|
|
19
|
+
- @ilo-org/styles@0.8.3
|
|
20
|
+
|
|
3
21
|
## 0.9.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/twig",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.4",
|
|
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.
|
|
28
|
+
"@ilo-org/styles": "0.8.4",
|
|
29
29
|
"@ilo-org/themes": "0.2.0",
|
|
30
30
|
"@ilo-org/utils": "0.0.11"
|
|
31
31
|
},
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
PROMO CARD COMPONENT
|
|
3
3
|
#}
|
|
4
4
|
|
|
5
|
-
<div class="{{prefix}}--card--wrapper">
|
|
5
|
+
<div class="{{prefix}}--card--wrapper {{prefix}}--card--wrapper__type__promo {{prefix}}--card--wrapper__type__promo__size__{{ size }}">
|
|
6
6
|
<div class="{{prefix}}--card {{prefix}}--card__type__promo {{prefix}}--card__size__{{ size }} {{prefix}}--card__action {{prefix}}--card__theme__{{theme}} {% if cornercut %}{{prefix}}--card__cornercut{% endif %}">
|
|
7
7
|
<a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
|
|
8
8
|
<span class="{{prefix}}--card--link--text">{{title}}</span>
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
{#
|
|
2
2
|
CARDGROUP COMPONENT
|
|
3
3
|
#}
|
|
4
|
-
|
|
4
|
+
{% if not cardcount%}
|
|
5
|
+
{% set cardcount = "three" %}
|
|
6
|
+
{% endif %}
|
|
7
|
+
|
|
8
|
+
<div class="{{prefix}}--cardgroup {{prefix}}--cardgroup__count__{{cardcount}} {% if collapsed %} {{prefix}}--cardgroup__collapsed {% endif %}">
|
|
5
9
|
<div class="{{prefix}}--cardgroup--inner">
|
|
6
10
|
{% for card in group %}
|
|
7
11
|
<div class="{{prefix}}--cardgroup--card">
|
|
@@ -28,7 +32,8 @@
|
|
|
28
32
|
} only %}
|
|
29
33
|
</div>
|
|
30
34
|
{% endfor %}
|
|
31
|
-
|
|
35
|
+
</div>
|
|
36
|
+
{% if cta %}
|
|
32
37
|
<div class="{{prefix}}--cardgroup--button-wrap">
|
|
33
38
|
<a
|
|
34
39
|
class="{{prefix}}--button {{prefix}}--button--medium {{prefix}}--button--secondary"
|
|
@@ -38,5 +43,4 @@
|
|
|
38
43
|
</a>
|
|
39
44
|
</div>
|
|
40
45
|
{% endif %}
|
|
41
|
-
</div>
|
|
42
46
|
</div>
|
|
@@ -24,16 +24,6 @@ cardgroup:
|
|
|
24
24
|
two: two
|
|
25
25
|
three: three
|
|
26
26
|
four: four
|
|
27
|
-
justify:
|
|
28
|
-
type: select
|
|
29
|
-
label: collapsed
|
|
30
|
-
description: Sets the horizontal justification of the cards. `between` justifies the cards to the left and right edges of the container, and the space between the cards is distributed evenly. `center` is the default.
|
|
31
|
-
required: false
|
|
32
|
-
preview: center
|
|
33
|
-
options:
|
|
34
|
-
start: start
|
|
35
|
-
center: center
|
|
36
|
-
between: between
|
|
37
27
|
size:
|
|
38
28
|
type: select
|
|
39
29
|
label: Size
|