@qld-gov-au/qgds-bootstrap5 1.1.30 → 1.1.31
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.
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/image/image.hbs +24 -0
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/img/image-content-example.jpg +0 -0
- package/dist/assets/img/image-example-couple-beach-md.jpg +0 -0
- package/dist/assets/img/image-example-couple-beach-sm.jpg +0 -0
- package/dist/assets/img/image-example-couple-beach-xl.jpg +0 -0
- package/dist/assets/img/image-example-health-workers-md.jpg +0 -0
- package/dist/assets/img/image-example-health-workers-sm.jpg +0 -0
- package/dist/assets/img/image-example-health-workers-xl.jpg +0 -0
- package/dist/assets/img/image-ratio-4x3-blank.png +0 -0
- package/dist/assets/js/handlebars.init.min.js +50 -27
- package/dist/assets/js/handlebars.init.min.js.map +4 -4
- package/dist/assets/js/handlebars.partials.js +2 -0
- package/dist/assets/node/handlebars.init.min.js +11 -1
- package/dist/assets/node/handlebars.init.min.js.map +3 -3
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/image/image.hbs +24 -0
- package/dist/components/handlebars.partials.js +2 -0
- package/dist/package.json +1 -1
- package/dist/sample-data/image/image.data.json +15 -0
- package/package.json +1 -1
- package/src/components/bs5/accordion/accordion.scss +1 -1
- package/src/components/bs5/callToAction/callToAction.scss +22 -25
- package/src/components/bs5/callToAction/callToAction.stories.js +46 -1
- package/src/components/bs5/image/Image.js +21 -0
- package/src/components/bs5/image/Image.mdx +17 -0
- package/src/components/bs5/image/image.data.json +15 -0
- package/src/components/bs5/image/image.hbs +24 -0
- package/src/components/bs5/image/image.scss +108 -0
- package/src/components/bs5/image/image.stories.js +306 -0
- package/src/components/bs5/linkColumns/linkColumns.scss +6 -10
- package/src/components/bs5/typography/typography.scss +57 -39
- package/src/css/main.scss +5 -1
- package/src/css/qld-type.scss +7 -1
- package/src/css/qld-utilities.scss +20 -0
- package/src/css/qld-variables.scss +21 -6
- package/src/img/image-content-example.jpg +0 -0
- package/src/img/image-example-couple-beach-md.jpg +0 -0
- package/src/img/image-example-couple-beach-sm.jpg +0 -0
- package/src/img/image-example-couple-beach-xl.jpg +0 -0
- package/src/img/image-example-health-workers-md.jpg +0 -0
- package/src/img/image-example-health-workers-sm.jpg +0 -0
- package/src/img/image-example-health-workers-xl.jpg +0 -0
- package/src/img/image-ratio-4x3-blank.png +0 -0
- package/src/js/handlebars.partials.js +2 -0
- package/dist/assets/img/colour-photo-example.jpg +0 -0
- package/dist/assets/img/demo-image-unsplash-motorbike.jpg +0 -0
- package/src/img/colour-photo-example.jpg +0 -0
- package/src/img/demo-image-unsplash-motorbike.jpg +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.
|
|
2
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.31","branch":"HEAD","tag":"v1.1.31","commit":"7d83aac637217b69d065e4a597508979006dd692","majorVersion":"v1"} -->
|
|
3
3
|
|
|
4
4
|
{{! Select environment, used verbatium if not using predefind key
|
|
5
5
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{{! Image template }}
|
|
2
|
+
{{#*inline "imageTag"}}
|
|
3
|
+
<img class="{{ ratioClass }} {{ otherClass }} {{ positionX }} {{ positionY }}"
|
|
4
|
+
src="{{ src }}"
|
|
5
|
+
alt="{{ alt }}"
|
|
6
|
+
{{~#if width}} width="{{ width }}{{ widthUnit }}"{{/if~}}
|
|
7
|
+
{{~#if height}} height="{{ height }}{{ heightUnit }}"{{/if~}}
|
|
8
|
+
{{~#if lazy}} loading="lazy"{{/if~}}
|
|
9
|
+
{{~#if style}} style="{{ style }}"{{/if~}}
|
|
10
|
+
{{~#if tabindex}} tabindex="{{ tabindex }}"{{/if~}}
|
|
11
|
+
{{~#if role}} role="{{ role }}"{{/if~}}
|
|
12
|
+
/>
|
|
13
|
+
{{/inline}}
|
|
14
|
+
|
|
15
|
+
{{#if src}}
|
|
16
|
+
{{#if caption}}
|
|
17
|
+
<figure class="{{ figureClass }}" {{#if width}}style="width:{{ width }}{{ widthUnit }}"{{/if}}>
|
|
18
|
+
{{> imageTag}}
|
|
19
|
+
<figcaption>{{ caption }}</figcaption>
|
|
20
|
+
</figure>
|
|
21
|
+
{{else}}
|
|
22
|
+
{{> imageTag}}
|
|
23
|
+
{{/if}}
|
|
24
|
+
{{/if}}
|