@ilo-org/twig 1.7.0 → 1.7.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 (14) hide show
  1. package/dist/components/card/card.component.yml +19 -1
  2. package/dist/components/card/card.twig +2 -0
  3. package/dist/components/card/card.wingsuit.yml +19 -1
  4. package/dist/components/cardgroup/cardgroup.component.yml +1 -0
  5. package/dist/components/cardgroup/cardgroup.twig +1 -0
  6. package/dist/components/cardgroup/cardgroup.wingsuit.yml +1 -0
  7. package/dist/styles/components/cardgroup.css +1 -1
  8. package/dist/styles/components/detailcard.css +1 -1
  9. package/dist/styles/global.css.map +1 -1
  10. package/dist/styles/index.css +1 -1
  11. package/dist/styles/index.css.map +1 -1
  12. package/dist/styles/monorepo.css +1 -1
  13. package/dist/styles/monorepo.css.map +1 -1
  14. package/package.json +2 -2
package/dist/components/card/card.component.yml CHANGED
@@ -15,7 +15,7 @@ card:
15
15
  dataset:
16
16
  type: object
17
17
  label: Dataset object
18
- description: Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links object (optional headline, array of items with label and url). Only used by `Data Card`.
18
+ description: Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links object (optional headline, array of items with label and url). Only by `Data Card` and `Stat Card`. Check each card to see which kind of dataset is used.
19
19
  preview:
20
20
  content:
21
21
  items:
@@ -39,6 +39,16 @@ card:
39
39
  url: "https://www.ilo.org/search?q=hyperlink"
40
40
  - label: Français
41
41
  url: "https://www.ilo.org/search?q=url"
42
+ cta:
43
+ - label: Read more
44
+ url: "https://www.ilo.org/"
45
+ icon: "chevron_right"
46
+ - label: Read more
47
+ url: "https://www.ilo.org/"
48
+ icon: "chevron_right"
49
+ - label: Read more
50
+ url: "https://www.ilo.org/"
51
+ icon: "chevron_right"
42
52
  date:
43
53
  type: object
44
54
  label: Date
@@ -122,6 +132,14 @@ card:
122
132
  preview:
123
133
  label: "World Employment and Social Outlook: Trends 2023"
124
134
  url: "https://www.ilo.org/global/research/global-reports/weso/WCMS_865332/lang--en/index.htm"
135
+ status:
136
+ type: object
137
+ label: Status
138
+ description: Status settings for the card. Used by the `Score Card`.
139
+ preview:
140
+ content: "Good"
141
+ statusType: "success"
142
+
125
143
  settings:
126
144
  alignment:
127
145
  type: select
package/dist/components/card/card.twig CHANGED
@@ -21,4 +21,6 @@
21
21
  {% include "@components/card_stat/card_stat.twig" %}
22
22
  {% elseif type == "text" %}
23
23
  {% include "@components/card_text/card_text.twig" %}
24
+ {% elseif type == "score" %}
25
+ {% include "@components/card_score/card_score.twig" %}
24
26
  {% endif %}
package/dist/components/card/card.wingsuit.yml CHANGED
@@ -15,7 +15,7 @@ card:
15
15
  dataset:
16
16
  type: object
17
17
  label: Dataset object
18
- description: Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links object (optional headline, array of items with label and url). Only used by `Data Card`.
18
+ description: Array of Content (label, copy), Files object (optional headline, array of items with label and url) and Links object (optional headline, array of items with label and url). Only by `Data Card` and `Stat Card`. Check each card to see which kind of dataset is used.
19
19
  preview:
20
20
  content:
21
21
  items:
@@ -39,6 +39,16 @@ card:
39
39
  url: "https://www.ilo.org/search?q=hyperlink"
40
40
  - label: Français
41
41
  url: "https://www.ilo.org/search?q=url"
42
+ cta:
43
+ - label: Read more
44
+ url: "https://www.ilo.org/"
45
+ icon: "chevron_right"
46
+ - label: Read more
47
+ url: "https://www.ilo.org/"
48
+ icon: "chevron_right"
49
+ - label: Read more
50
+ url: "https://www.ilo.org/"
51
+ icon: "chevron_right"
42
52
  date:
43
53
  type: object
44
54
  label: Date
@@ -122,6 +132,14 @@ card:
122
132
  preview:
123
133
  label: "World Employment and Social Outlook: Trends 2023"
124
134
  url: "https://www.ilo.org/global/research/global-reports/weso/WCMS_865332/lang--en/index.htm"
135
+ status:
136
+ type: object
137
+ label: Status
138
+ description: Status settings for the card. Used by the `Score Card`.
139
+ preview:
140
+ content: "Good"
141
+ statusType: "success"
142
+
125
143
  settings:
126
144
  alignment:
127
145
  type: select
package/dist/components/cardgroup/cardgroup.component.yml CHANGED
@@ -76,6 +76,7 @@ cardgroup:
76
76
  data: Data
77
77
  stat: Stat
78
78
  factlist: Factlist
79
+ score: Score
79
80
  fields:
80
81
  group:
81
82
  type: object
package/dist/components/cardgroup/cardgroup.twig CHANGED
@@ -29,6 +29,7 @@
29
29
  color: card.color,
30
30
  cornercut: card.cornercut,
31
31
  source: card.source,
32
+ status: card.status,
32
33
  prefix: prefix
33
34
  } only %}
34
35
  </div>
package/dist/components/cardgroup/cardgroup.wingsuit.yml CHANGED
@@ -76,6 +76,7 @@ cardgroup:
76
76
  data: Data
77
77
  stat: Stat
78
78
  factlist: Factlist
79
+ score: Score
79
80
  fields:
80
81
  group:
81
82
  type: object
package/dist/styles/components/cardgroup.css CHANGED
@@ -1 +1 @@
1
- .ilo--cardgroup__collapsed .ilo--cardgroup--inner{gap:0!important}@media screen and (min-width:1024px){.ilo--cardgroup__count__one .ilo--cardgroup--inner{grid-template-columns:1fr}.ilo--cardgroup__count__two .ilo--cardgroup--inner{grid-template-columns:repeat(2,1fr)}.ilo--cardgroup__count__three .ilo--cardgroup--inner{grid-template-columns:repeat(3,1fr)}.ilo--cardgroup__count__four .ilo--cardgroup--inner{grid-template-columns:repeat(4,1fr)}}.ilo--cardgroup--inner{column-gap:1.7148981779rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:auto;row-gap:1.7148981779rem;width:100%}.ilo--cardgroup .ilo--card,.ilo--cardgroup .ilo--card--wrapper{height:100%;max-width:100%;width:100%}.ilo--cardgroup--button-wrap{display:flex;justify-content:center;margin-top:calc(var(--ilo-spacing-base)*16);width:100%}
1
+ .ilo--cardgroup__collapsed .ilo--cardgroup--inner{gap:0!important}@media screen and (min-width:1024px){.ilo--cardgroup__count__one .ilo--cardgroup--inner{grid-template-columns:1fr}.ilo--cardgroup__count__two .ilo--cardgroup--inner{grid-template-columns:repeat(2,1fr)}.ilo--cardgroup__count__three .ilo--cardgroup--inner{grid-template-columns:repeat(3,1fr)}.ilo--cardgroup__count__four .ilo--cardgroup--inner{grid-template-columns:repeat(4,1fr)}}.ilo--cardgroup--inner{column-gap:1.7148981779rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto;margin:auto;row-gap:1.7148981779rem;width:100%}.ilo--cardgroup .ilo--card,.ilo--cardgroup .ilo--card--wrapper{height:100%;width:100%}.ilo--cardgroup--button-wrap{display:flex;justify-content:center;margin-top:calc(var(--ilo-spacing-base)*16);width:100%}
package/dist/styles/components/detailcard.css CHANGED
@@ -1 +1 @@
1
- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:0 0 calc(var(--ilo-spacing-base)*2) 0}@media screen and (min-width:1024px){.ilo--card__size__wide .ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem;padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:1 0 18%;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:1 0 27%}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px}}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:0 0 calc(var(--ilo-spacing-base)*2) 0}@media screen and (min-width:1024px){.ilo--card__size__wide .ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem;padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 5.359056806rem;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 10.5037513398rem}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px}}