@ilo-org/twig 0.11.0 → 0.11.2
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.11.
|
|
2
|
+
> @ilo-org/twig@0.11.2 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.11.
|
|
7
|
+
> @ilo-org/twig@0.11.2 output /home/runner/work/designsystem/designsystem/packages/twig
|
|
8
8
|
> node outputtwigs.js
|
|
9
9
|
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
# @ilo-org/twig
|
|
2
2
|
|
|
3
|
+
## 0.11.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [0e2e0a039]
|
|
8
|
+
- @ilo-org/styles@0.10.3
|
|
9
|
+
|
|
10
|
+
## 0.11.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- 515502c24: The Hero component accepts top level `theme` and `background` variables that it will pass to the card. Otherwise, it's still possible to pass them directly to the card on an object with all of the other card properties.
|
|
15
|
+
- 7c5bb7bed: Update Hero to insert standard hero card offset so as to align it with content in the main content container
|
|
16
|
+
- Updated dependencies [ee517d0f2]
|
|
17
|
+
- Updated dependencies [71002bcde]
|
|
18
|
+
- Updated dependencies [703bc66a6]
|
|
19
|
+
- Updated dependencies [ad52c6442]
|
|
20
|
+
- Updated dependencies [9be1cd23e]
|
|
21
|
+
- @ilo-org/styles@0.10.2
|
|
22
|
+
- @ilo-org/themes@0.6.0
|
|
23
|
+
|
|
3
24
|
## 0.11.0
|
|
4
25
|
|
|
5
26
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/twig",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.2",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "Twig components for the ILO's Design System",
|
|
6
6
|
"main": "",
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"@ilo-org/brand-assets": "0.2.0",
|
|
26
26
|
"@ilo-org/fonts": "0.1.0",
|
|
27
27
|
"@ilo-org/icons": "0.2.1",
|
|
28
|
-
"@ilo-org/styles": "0.10.
|
|
29
|
-
"@ilo-org/themes": "0.
|
|
28
|
+
"@ilo-org/styles": "0.10.3",
|
|
29
|
+
"@ilo-org/themes": "0.6.0",
|
|
30
30
|
"@ilo-org/utils": "0.0.11"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
{#
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
{# hero.twig #}
|
|
2
|
+
|
|
3
|
+
{% set theme = theme|default(herocard.theme) %}
|
|
4
|
+
{% set background = background|default(herocard.background) %}
|
|
5
|
+
|
|
6
|
+
<div class="hero hero__card-justify__{{ justify }} hero__poster-size__{{ postersize }} hero__card-size__{{ cardsize }} hero__card-align__{{ align }} hero__card-theme__{{ theme }} hero__card-background__{{ background }}">
|
|
5
7
|
<figure class="hero--figure">
|
|
6
8
|
{% block hero_image %}
|
|
7
9
|
{% if image %}
|
|
@@ -27,6 +29,7 @@
|
|
|
27
29
|
</div>
|
|
28
30
|
</div>
|
|
29
31
|
{% endif %}
|
|
32
|
+
<div class="hero--card-offset"></div>
|
|
30
33
|
<div class="hero--card">
|
|
31
34
|
{% include "@components/herocard/herocard.twig" with {
|
|
32
35
|
url: herocard.url,
|
|
@@ -36,8 +39,8 @@
|
|
|
36
39
|
intro: herocard.intro,
|
|
37
40
|
prefix: prefix,
|
|
38
41
|
socialmedia: herocard.socialmedia,
|
|
39
|
-
theme:
|
|
40
|
-
background:
|
|
42
|
+
theme: theme,
|
|
43
|
+
background: background,
|
|
41
44
|
title: herocard.title,
|
|
42
45
|
} only %}
|
|
43
46
|
</div>
|
|
@@ -46,12 +49,12 @@
|
|
|
46
49
|
{% else %}
|
|
47
50
|
<div class="hero--caption--wrapper">
|
|
48
51
|
{% include '@components/tooltip/tooltip.twig' with {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
prefix: prefix,
|
|
53
|
+
label: caption.label,
|
|
54
|
+
icon: true,
|
|
55
|
+
theme: "dark",
|
|
56
|
+
icontheme: "dark"
|
|
57
|
+
} only %}
|
|
55
58
|
</div>
|
|
56
59
|
{% endif %}
|
|
57
60
|
</div>
|
|
@@ -35,6 +35,8 @@ hero:
|
|
|
35
35
|
url: "/linkfour"
|
|
36
36
|
- label: "Link Five"
|
|
37
37
|
url: "/linkfive"
|
|
38
|
+
- label: "Link Six"
|
|
39
|
+
url: "/linksix"
|
|
38
40
|
herocard:
|
|
39
41
|
label: Hero Card
|
|
40
42
|
type: object
|
|
@@ -102,6 +104,23 @@ hero:
|
|
|
102
104
|
xlarge: xlarge
|
|
103
105
|
xxlarge: xxlarge
|
|
104
106
|
preview: small
|
|
107
|
+
background:
|
|
108
|
+
type: select
|
|
109
|
+
label: Background
|
|
110
|
+
description: Should the background be solid, semi-transparent or transparent
|
|
111
|
+
options:
|
|
112
|
+
solid: solid
|
|
113
|
+
semi-transparent: semi-transparent
|
|
114
|
+
transparent: transparent
|
|
115
|
+
preview: "solid"
|
|
116
|
+
theme:
|
|
117
|
+
type: select
|
|
118
|
+
label: Theme
|
|
119
|
+
description: The theme of the hero card.
|
|
120
|
+
options:
|
|
121
|
+
light: light
|
|
122
|
+
dark: dark
|
|
123
|
+
preview: "dark"
|
|
105
124
|
variants:
|
|
106
125
|
default:
|
|
107
126
|
label: Default
|