@qld-gov-au/qgds-bootstrap5 2.0.0 → 2.0.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.
- package/dist/assets/components/bs5/accordion/accordion.hbs +3 -3
- package/dist/assets/components/bs5/banner/banner.hbs +0 -7
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/quickexit/quickexit.hbs +1 -1
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/js/handlebars.init.min.js +5 -12
- package/dist/assets/js/handlebars.init.min.js.map +2 -2
- package/dist/assets/node/handlebars.init.min.js +32 -4
- package/dist/assets/node/handlebars.init.min.js.map +2 -2
- package/dist/components/bs5/accordion/accordion.hbs +3 -3
- package/dist/components/bs5/banner/banner.hbs +0 -7
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/quickexit/quickexit.hbs +1 -1
- package/dist/package.json +1 -1
- package/dist/sample-data/accordion/accordion.data.json +24 -23
- package/package.json +1 -1
- package/src/components/bs5/accordion/Accordion.mdx +1 -3
- package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +3 -3
- package/src/components/bs5/accordion/accordion.data.json +24 -23
- package/src/components/bs5/accordion/accordion.hbs +3 -3
- package/src/components/bs5/accordion/accordion.scss +19 -9
- package/src/components/bs5/accordion/accordion.stories.js +8 -0
- package/src/components/bs5/accordion/accordion.test.js +5 -0
- package/src/components/bs5/backToTop/backToTop.mdx +4 -5
- package/src/components/bs5/banner/Banner.mdx +1 -3
- package/src/components/bs5/banner/banner.hbs +0 -7
- package/src/components/bs5/blockquote/Blockquote.mdx +4 -5
- package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx +1 -3
- package/src/components/bs5/button/Button.mdx +4 -5
- package/src/components/bs5/button/button.scss +9 -1
- package/src/components/bs5/callToAction/callToAction.mdx +1 -3
- package/src/components/bs5/callout/Callout.mdx +4 -5
- package/src/components/bs5/card/Card.mdx +1 -3
- package/src/components/bs5/card/card.scss +1 -25
- package/src/components/bs5/directionLinks/DirectionLinks.mdx +4 -5
- package/src/components/bs5/footer/Footer.mdx +1 -3
- package/src/components/bs5/footer/footer.scss +4 -11
- package/src/components/bs5/formcheck/stories/checkbox/Checkbox.mdx +7 -6
- package/src/components/bs5/formcheck/stories/radio/Radio.mdx +7 -6
- package/src/components/bs5/globalAlert/GlobalAlert.mdx +1 -3
- package/src/components/bs5/globalAlert/globalAlert.scss +6 -0
- package/src/components/bs5/header/Header.mdx +1 -3
- package/src/components/bs5/header/header.scss +6 -2
- package/src/components/bs5/icons/Icons.mdx +167 -7
- package/src/components/bs5/icons/_icons.sizes.scss +9 -0
- package/src/components/bs5/icons/icons.scss +23 -71
- package/src/components/bs5/icons/icons.stories.js +34 -57
- package/src/components/bs5/icons/mdx/_IconsSizes.mdx +112 -0
- package/src/components/bs5/icons/stories/storyFlexContainer.html +18 -0
- package/src/components/bs5/icons/stories/storyInlineWithText.html +18 -0
- package/src/components/bs5/icons/stories/storySizes.html +89 -0
- package/src/components/bs5/image/Image.mdx +1 -4
- package/src/components/bs5/inpageAlert/InpageAlert.mdx +1 -3
- package/src/components/bs5/inpagenav/Inpagenav.mdx +4 -5
- package/src/components/bs5/link/link.mdx +1 -3
- package/src/components/bs5/link/link.scss +2 -15
- package/src/components/bs5/linkColumns/linkColumns.mdx +1 -3
- package/src/components/bs5/logo/Logo.mdx +1 -3
- package/src/components/bs5/pageLayout/ThemeShowcase.stories.js +249 -0
- package/src/components/bs5/pagination/Pagination.mdx +4 -5
- package/src/components/bs5/promotionalPanel/PromotionalPanel.mdx +1 -3
- package/src/components/bs5/quickexit/quickexit.hbs +1 -1
- package/src/components/bs5/quickexit/quickexit.scss +23 -10
- package/src/components/bs5/searchInput/SearchInput.mdx +5 -5
- package/src/components/bs5/sidenav/Sidenav.mdx +4 -5
- package/src/components/bs5/skiplinks/SkipLinks.mdx +1 -3
- package/src/components/bs5/table/Table.mdx +4 -5
- package/src/components/bs5/tabs/Tabs.mdx +4 -5
- package/src/components/bs5/tabs/tabs.scss +22 -1
- package/src/components/bs5/tag/Tag.mdx +4 -5
- package/src/components/bs5/typography/Typography.mdx +4 -5
- package/src/components/bs5/video/Video.mdx +4 -5
- package/src/css/functions/_index.scss +1 -0
- package/src/css/functions/in-list.scss +5 -0
- package/src/css/main.scss +4 -3
- package/src/css/mixins/_index.scss +3 -0
- package/src/css/mixins/make-icon.scss +87 -0
- package/src/css/qld-theme.scss +73 -31
- package/src/css/qld-type.scss +26 -140
- package/src/css/qld-utilities.scss +29 -14
- package/src/css/qld-variables.scss +4 -4
- package/src/css/variables/_index.scss +1 -0
- package/src/css/variables/type.scss +58 -0
- package/src/components/bs5/icons/story-icon-sizing.html +0 -131
- package/src/components/bs5/icons/story-icon-usage.html +0 -89
|
@@ -194,7 +194,35 @@ var init_handlebars_helpers = __esm({
|
|
|
194
194
|
var accordion_default;
|
|
195
195
|
var init_accordion = __esm({
|
|
196
196
|
"src/components/bs5/accordion/accordion.hbs?raw"() {
|
|
197
|
-
accordion_default =
|
|
197
|
+
accordion_default = `<!-- QGDS Component: Accordion -->
|
|
198
|
+
<div class="accordion-group">
|
|
199
|
+
|
|
200
|
+
{{#if toggleAll}}
|
|
201
|
+
<div class="accordion-toggle">
|
|
202
|
+
<button class="accordion-toggle-btn accordion-toggle-btn--closed" type="button">Open all</button>
|
|
203
|
+
</div>
|
|
204
|
+
{{/if}}
|
|
205
|
+
<div class="accordion" id="{{groupid}}">
|
|
206
|
+
{{#each accordionItems }}
|
|
207
|
+
<div class="accordion-item">
|
|
208
|
+
<{{isdefined ../headingTag 'h2'}} class="accordion-header" id="heading-{{id}}">
|
|
209
|
+
<button class="accordion-button {{#unless expanded}}collapsed{{/unless}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{id}}" aria-expanded="{{expanded}}" aria-controls="collapse-{{id}}">
|
|
210
|
+
{{title}}
|
|
211
|
+
</button>
|
|
212
|
+
</{{isdefined ../headingTag 'h2'}}>
|
|
213
|
+
|
|
214
|
+
<div id="collapse-{{id}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}" aria-labelledby="heading-{{id}}" role="region">
|
|
215
|
+
<div class="accordion-body">
|
|
216
|
+
{{{content}}}
|
|
217
|
+
</div>
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
{{/each }}
|
|
221
|
+
|
|
222
|
+
</div>
|
|
223
|
+
|
|
224
|
+
</div>
|
|
225
|
+
`;
|
|
198
226
|
}
|
|
199
227
|
});
|
|
200
228
|
|
|
@@ -210,7 +238,7 @@ var init_backToTop = __esm({
|
|
|
210
238
|
var banner_default;
|
|
211
239
|
var init_banner = __esm({
|
|
212
240
|
"src/components/bs5/banner/banner.hbs?raw"() {
|
|
213
|
-
banner_default = '<!-- QGDS Banner Component -->\n <div class="qld-banner qld-banner-grid {{ bannerType }} {{ variantClass }} {{ backgroundType }}" role="banner">\n <div class="container-fluid">\n <div class="banner-inner">\n\n <div class="banner-breadcrumbs">\n {{> breadcrumbs breadcrumbs }}\n </div>\n\n <div class="banner-content">\n\n {{#if title}}\n\n {{!-- titleClasses accepts a "title-block" class --}}\n <h1 class="banner-title-wrap {{ join titleClasses }}">\n <span class="banner-title">{{~title~}}</span>\n {{#if subtitle }}\n <span class="banner-subtitle">{{~subtitle~}}</span>\n {{/if}}\n </h1>\n {{/if}}\n\n\n {{#if abstract}}\n <div class="banner-abstract">\n {{abstract}}\n </div>\n {{/if}}\n\n {{!-- CTA Buttons block. Pass an array of button data objects --}}\n {{#if buttons}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-buttons">\n {{#each buttons}}\n {{> button this }}\n {{/each}}\n </div>\n </div>\n {{/if}}\n\n {{!-- CTA Cards block. Pass an array of card data objects --}}\n {{#if cards}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-cards">\n {{#each cards }}\n {{> card this }}\n {{/each }}\n </div>\n </div>\n {{/if}}\n\n
|
|
241
|
+
banner_default = '<!-- QGDS Banner Component -->\n <div class="qld-banner qld-banner-grid {{ bannerType }} {{ variantClass }} {{ backgroundType }}" role="banner">\n <div class="container-fluid">\n <div class="banner-inner">\n\n <div class="banner-breadcrumbs">\n {{> breadcrumbs breadcrumbs }}\n </div>\n\n <div class="banner-content">\n\n {{#if title}}\n\n {{!-- titleClasses accepts a "title-block" class --}}\n <h1 class="banner-title-wrap {{ join titleClasses }}">\n <span class="banner-title">{{~title~}}</span>\n {{#if subtitle }}\n <span class="banner-subtitle">{{~subtitle~}}</span>\n {{/if}}\n </h1>\n {{/if}}\n\n\n {{#if abstract}}\n <div class="banner-abstract">\n {{abstract}}\n </div>\n {{/if}}\n\n {{!-- CTA Buttons block. Pass an array of button data objects --}}\n {{#if buttons}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-buttons">\n {{#each buttons}}\n {{> button this }}\n {{/each}}\n </div>\n </div>\n {{/if}}\n\n {{!-- CTA Cards block. Pass an array of card data objects --}}\n {{#if cards}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-cards">\n {{#each cards }}\n {{> card this }}\n {{/each }}\n </div>\n </div>\n {{/if}}\n\n </div>\n {{!-- End banner content --}}\n\n {{#if image }}\n <div class="banner-image {{ join image.classes }}">\n <div class="banner-image-inner" style="background-image:url({{image.url}})" role="img"\n aria-label="{{ image.alt }}"></div>\n </div>\n {{/if}}\n\n </div>\n\n </div>\n </div>';
|
|
214
242
|
}
|
|
215
243
|
});
|
|
216
244
|
|
|
@@ -783,7 +811,7 @@ var head_default;
|
|
|
783
811
|
var init_head = __esm({
|
|
784
812
|
"src/components/bs5/head/head.hbs?raw"() {
|
|
785
813
|
head_default = `
|
|
786
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.
|
|
814
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.2","branch":"HEAD","tag":"v2.0.2","commit":"76ae36d4b0387b0e6fd2e0c8e3c664aaf0d01a96","majorVersion":"v2"} -->
|
|
787
815
|
|
|
788
816
|
{{! Select environment, used verbatium if not using predefind key
|
|
789
817
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -1287,7 +1315,7 @@ var init_promotionalPanel = __esm({
|
|
|
1287
1315
|
var quickexit_default;
|
|
1288
1316
|
var init_quickexit = __esm({
|
|
1289
1317
|
"src/components/bs5/quickexit/quickexit.hbs?raw"() {
|
|
1290
|
-
quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="
|
|
1318
|
+
quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="icon-info"></span>\n {{/if}}\n <p class="qld-quick-exit-tip-title">{{{exitMessage}}}</p>\n <a href="{{browseSafelyOnlineURL}}" class="qld-quick-exit-tip-link">\n <span>{{exitMessageLinkText}}</span>\n </a>\n </div>\n <div class="qld-quick-exit-actions">\n {{#if hasTooltip}}\n <ul class="qld-quick-exit-list">\n <li class="qld-quick-exit-item qld-tooltip-container">\n <input type="checkbox" id="qld-quick-exit-input" class="qld-quick-exit-input sr-only" />\n <label for="qld-quick-exit-input" class="qld-quick-exit-label qld-tooltip-parent">\n <span class="qld-tooltip-prompt">{{qldTooltipPrompt}}</span>\n <div class="qld-tooltip-wrapper">\n <div class="qld-tooltip">\n <span class="qld-tooltip-content">{{qldTooltipContent}}</span>\n </div>\n </div>\n </label>\n </li>\n \n <li class="qld-quick-exit-item">\n {{/if}}\n <button class="btn btn-secondary qld-quick-exit-button">{{{quickExitButtonText}}}</button>\n {{#if hasTooltip}}\n </li> \n </ul>\n {{/if}}\n </div>\n </div>\n </div>\n</div>';
|
|
1291
1319
|
}
|
|
1292
1320
|
});
|
|
1293
1321
|
|