@qld-gov-au/qgds-bootstrap5 1.1.17 → 1.1.18

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 (49) hide show
  1. package/.storybook/preview.js +2 -0
  2. package/dist/assets/components/bs5/head/head.hbs +1 -1
  3. package/dist/assets/js/handlebars.init.min.js +1 -1
  4. package/dist/assets/node/handlebars.init.min.js +1 -1
  5. package/dist/components/bs5/head/head.hbs +1 -1
  6. package/dist/package.json +1 -1
  7. package/package.json +1 -1
  8. package/src/components/bs5/accordion/accordion.stories.js +1 -1
  9. package/src/components/bs5/banner/banner.stories.js +1 -1
  10. package/src/components/bs5/blockquote/blockquote.stories.js +1 -1
  11. package/src/components/bs5/breadcrumbs/breadcrumbs.stories.js +1 -1
  12. package/src/components/bs5/breadcumbsWrapper/breadcrumbsWrapper.stories.js +1 -1
  13. package/src/components/bs5/button/button.stories.js +1 -1
  14. package/src/components/bs5/callout/callout.stories.js +1 -1
  15. package/src/components/bs5/card/card--multi-action.stories.js +1 -1
  16. package/src/components/bs5/card/card--no-action.stories.js +1 -1
  17. package/src/components/bs5/card/card--single-action.stories.js +1 -1
  18. package/src/components/bs5/contentFooter/contentFooter.stories.js +1 -1
  19. package/src/components/bs5/contentFooterWrapper/contentFooterWrapper.stories.js +1 -1
  20. package/src/components/bs5/contentWrapper/contentWrapper.stories.js +1 -1
  21. package/src/components/bs5/correctincorrect/correctincorrect.stories.js +1 -1
  22. package/src/components/bs5/dateinput/Dateinput.stories.js +1 -1
  23. package/src/components/bs5/footer/footer.stories.js +1 -1
  24. package/src/components/bs5/formcheck/stories/checkbox/checkbox.stories.js +1 -1
  25. package/src/components/bs5/formcheck/stories/radio/radio.stories.js +1 -1
  26. package/src/components/bs5/fullPageWrapper/fullPage.stories.js +1 -1
  27. package/src/components/bs5/globalAlert/globalAlert.stories.js +1 -1
  28. package/src/components/bs5/head/head.stories.js +1 -1
  29. package/src/components/bs5/header/header.stories.js +1 -1
  30. package/src/components/bs5/inpageAlert/inpageAlert.stories.js +1 -1
  31. package/src/components/bs5/inpagenav/inpagenav.stories.js +1 -1
  32. package/src/components/bs5/mainContainerWrapper/mainContainerWrapper.stories.js +1 -1
  33. package/src/components/bs5/metaDcTerms/metaDcTerms.stories.js +1 -1
  34. package/src/components/bs5/metaOpenGraph/metaOpenGraph.stories.js +1 -1
  35. package/src/components/bs5/modal/modal.stories.js +1 -1
  36. package/src/components/bs5/pagination/pagination.stories.js +1 -1
  37. package/src/components/bs5/quickexit/quickexit.stories.js +1 -1
  38. package/src/components/bs5/searchInput/searchInput.stories.js +1 -1
  39. package/src/components/bs5/select/Select.stories.js +1 -1
  40. package/src/components/bs5/sidenav/sidenav.stories.js +1 -1
  41. package/src/components/bs5/sidenavWrapper/sidenavWrapper.stories.js +1 -1
  42. package/src/components/bs5/spinner/Spinner.stories.js +1 -1
  43. package/src/components/bs5/table/table.stories.js +1 -1
  44. package/src/components/bs5/tag/tag.stories.js +1 -1
  45. package/src/components/bs5/textarea/Textarea.stories.js +1 -1
  46. package/src/components/bs5/textbox/Textbox.stories.js +1 -1
  47. package/src/components/bs5/typography/typography.stories.js +1 -1
  48. package/src/components/bs5/video/video.stories.js +1 -1
  49. package/src/stories/integration/integration.stories.js +1 -1
@@ -65,6 +65,8 @@ const preview = {
65
65
  options: {
66
66
  storySort: {
67
67
  method: 'alphabetical',
68
+ // Set order of components in the Layout category
69
+ order: ['*', ['Header', 'Footer', 'Breadcrumbs', 'Side navigation']],
68
70
  }
69
71
  },
70
72
  a11y: {
@@ -1,5 +1,5 @@
1
1
 
2
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.17","branch":"HEAD","tag":"v1.1.17","commit":"17acc9fdae5462f04210b05748f3ee01047954cf","majorVersion":"v1"} -->
2
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.18","branch":"HEAD","tag":"v1.1.18","commit":"a82d9c6d7af7cbb5589cfee6f548c362be9044c1","majorVersion":"v1"} -->
3
3
 
4
4
  {{! Select environment, used verbatium if not using predefind key
5
5
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -970,7 +970,7 @@
970
970
  {{/each }}
971
971
  </div>
972
972
  `;var y=`
973
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.17","branch":"HEAD","tag":"v1.1.17","commit":"17acc9fdae5462f04210b05748f3ee01047954cf","majorVersion":"v1"} -->
973
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.18","branch":"HEAD","tag":"v1.1.18","commit":"a82d9c6d7af7cbb5589cfee6f548c362be9044c1","majorVersion":"v1"} -->
974
974
 
975
975
  {{! Select environment, used verbatium if not using predefind key
976
976
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -382,7 +382,7 @@ var head_default;
382
382
  var init_head = __esm({
383
383
  "src/components/bs5/head/head.hbs?raw"() {
384
384
  head_default = `
385
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.17","branch":"HEAD","tag":"v1.1.17","commit":"17acc9fdae5462f04210b05748f3ee01047954cf","majorVersion":"v1"} -->
385
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.18","branch":"HEAD","tag":"v1.1.18","commit":"a82d9c6d7af7cbb5589cfee6f548c362be9044c1","majorVersion":"v1"} -->
386
386
 
387
387
  {{! Select environment, used verbatium if not using predefind key
388
388
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1,5 +1,5 @@
1
1
 
2
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.17","branch":"HEAD","tag":"v1.1.17","commit":"17acc9fdae5462f04210b05748f3ee01047954cf","majorVersion":"v1"} -->
2
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.18","branch":"HEAD","tag":"v1.1.18","commit":"a82d9c6d7af7cbb5589cfee6f548c362be9044c1","majorVersion":"v1"} -->
3
3
 
4
4
  {{! Select environment, used verbatium if not using predefind key
5
5
  cdn := PROD|STAGING|BETA|TEST|DEV|???
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qld-gov-au/qgds-bootstrap5",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qld-gov-au/qgds-bootstrap5",
3
- "version": "1.1.17",
3
+ "version": "1.1.18",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -9,7 +9,7 @@ import defaultdata from "./accordion.data.json";
9
9
 
10
10
  export default {
11
11
  tags: ["autodocs"],
12
- title: "Components/Accordion",
12
+ title: "3. Components/Accordion",
13
13
  render: (args) => new Accordion(args).html,
14
14
  args: defaultdata,
15
15
 
@@ -9,7 +9,7 @@ import breadcrumbdata from '../breadcrumbs/breadcrumbs.data.json';
9
9
 
10
10
  export default {
11
11
  tags: ['autodocs'],
12
- title: 'Components/Banner (Navigation)',
12
+ title: '3. Components/Banner (Navigation)',
13
13
  render: (args) => new Banner(args).html,
14
14
  argTypes: {
15
15
  variantClass: {
@@ -4,7 +4,7 @@ import defaultdata from './blockquote.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Components/Blockquote',
7
+ title: '3. Components/Blockquote',
8
8
  render: (args) => new Blockquote(args).html,
9
9
  };
10
10
 
@@ -4,7 +4,7 @@ import defaultdata from './breadcrumbs.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Core/Breadcrumbs',
7
+ title: '2. Layout/Breadcrumbs',
8
8
  args: defaultdata.default,
9
9
  render: (args) => new Breadcrumbs(args).html,
10
10
 
@@ -3,7 +3,7 @@ import { BreadcrumbsWrapperTest } from "./breadcrumbsWrapper.test.js";
3
3
  const defaultData = { breadcrumbs: forGov };
4
4
 
5
5
  export default {
6
- title: "!Layout/Components/Breadcrumbs Wrapper",
6
+ title: "4. Wrappers/Components/Breadcrumbs Wrapper",
7
7
  render: (args) => {
8
8
  return new BreadcrumbsWrapperTest(args).html;
9
9
  },
@@ -46,7 +46,7 @@ function buttonVariantsMarkup() {
46
46
 
47
47
  export default {
48
48
  tags: ['autodocs'],
49
- title: 'Components/Forms/Button',
49
+ title: '3. Components/Button',
50
50
  args: defaultdata,
51
51
  render: (args) => {
52
52
  return `
@@ -4,7 +4,7 @@ import defaultdata from './callout.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Components/Callout',
7
+ title: '3. Components/Callout',
8
8
  render: (args) => new Callout(args).html,
9
9
 
10
10
  argTypes: {
@@ -8,7 +8,7 @@ import tagdata from "../tag/tag.data.json";
8
8
 
9
9
  export default {
10
10
  tags: ["autodocs"],
11
- title: "Components/Card/Multi action",
11
+ title: "3. Components/Card/Multi action",
12
12
  render: (args) => {
13
13
  const tags = new Tag(tagdata.action).html;
14
14
 
@@ -4,7 +4,7 @@ import defaultdata from './card.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Card/No action",
7
+ title: "3. Components/Card/No action",
8
8
  render: (args) => {
9
9
  return `
10
10
  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
@@ -4,7 +4,7 @@ import defaultdata from './card.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Card/Single action",
7
+ title: "3. Components/Card/Single action",
8
8
  render: (args) => {
9
9
  return `
10
10
  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
@@ -2,7 +2,7 @@ import defaultdata from "./contentFooter.data.json";
2
2
  import { ContentFooter } from "./contentFooter.js";
3
3
 
4
4
  export default {
5
- title: "!Layout/Components/Content Footer",
5
+ title: "4. Wrappers/Components/Content Footer",
6
6
  render: (args) => {
7
7
  return new ContentFooter(args).html;
8
8
  },
@@ -2,7 +2,7 @@ import defaultdata from "./../contentFooter/contentFooter.data.json";
2
2
  import { ContentFooterWrapperTest } from "./contentFooterWrapper.test.js";
3
3
 
4
4
  export default {
5
- title: "!Layout/Components/Content Footer Wrapper",
5
+ title: "4. Wrappers/Components/Content Footer Wrapper",
6
6
  render: (args) => {
7
7
  return new ContentFooterWrapperTest(args).html;
8
8
  },
@@ -3,7 +3,7 @@ import { ContentWrapperTest } from "./ContentWrapper.test.js";
3
3
  import defaultdata from "./contentWrapper.data.json";
4
4
 
5
5
  export default {
6
- title: "!Layout/Components/Content Wrapper",
6
+ title: "4. Wrappers/Components/Content Wrapper",
7
7
  render: (args) => {
8
8
  return new ContentWrapperTest(args).html;
9
9
  },
@@ -5,7 +5,7 @@ import { Table } from '../table/Table.js';
5
5
 
6
6
  export default {
7
7
  tags: ['autodocs'],
8
- title: 'Components/CorrectIncorrect',
8
+ title: '3. Components/CorrectIncorrect',
9
9
  render: (args) => {
10
10
  return `${new CorrectIncorrect(args).html}`
11
11
  },
@@ -4,7 +4,7 @@ import defaultdata from "./dateinput.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Forms/Dateinput",
7
+ title: "3. Components/Forms/Dateinput",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -6,7 +6,7 @@ import defaultdata from "./footer.data.json";
6
6
 
7
7
  export default {
8
8
  tags: ["autodocs"],
9
- title: "!Core/Footer",
9
+ title: "2. Layout/Footer",
10
10
  render: (args) => new Footer(args).html,
11
11
  // parameters: {
12
12
  // controls: {include: []},
@@ -4,7 +4,7 @@ import defaultdata from './checkbox.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Components/Forms/Checkbox',
7
+ title: '3. Components/Forms/Checkbox',
8
8
  render: (args) => {
9
9
  return `${new Formcheck(args).html}`
10
10
  },
@@ -4,7 +4,7 @@ import defaultdata from "./radio.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Forms/Radio",
7
+ title: "3. Components/Forms/Radio",
8
8
  render: (args) => {
9
9
  return `${new Formcheck(args).html}`;
10
10
  },
@@ -31,7 +31,7 @@ const defaultData = {
31
31
  };
32
32
 
33
33
  export default {
34
- title: "!Layout/Full Page",
34
+ title: "4. Wrappers/Full Page",
35
35
  render: (args) => {
36
36
  return new FullPageTest(args).html;
37
37
  },
@@ -4,7 +4,7 @@ import defaultdata from './globalAlert.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Components/GlobalAlert',
7
+ title: '3. Components/Global Alert',
8
8
  render: (args) => new GlobalAlert(args).html,
9
9
  argTypes: {
10
10
  variant: {
@@ -3,7 +3,7 @@ import { Head } from "./Head.js";
3
3
 
4
4
  export default {
5
5
  tags: ["autodocs"],
6
- title: "!Core/Head/Includes CDN or Local",
6
+ title: "1. Core Styles/Head/Includes CDN or Local",
7
7
  render: (args) => {
8
8
  return new Head(args).html;
9
9
  },
@@ -146,7 +146,7 @@ const mergeArgs = (arg_types, variant, menu) => ({
146
146
 
147
147
  export default {
148
148
  tags: ['autodocs'],
149
- title: 'Core/Header',
149
+ title: '2. Layout/Header',
150
150
  render: (args) => {
151
151
  return `
152
152
  ${new Header({ ...args, searchInput: new SearchInput(searchData).html }).html}
@@ -20,7 +20,7 @@ export default {
20
20
  *
21
21
  * @type {string}
22
22
  */
23
- title: "Components/In-page Alert",
23
+ title: "3. Components/In-page Alert",
24
24
 
25
25
  /**
26
26
  * Function that renders the HTML snippet for the story.
@@ -4,7 +4,7 @@ import defaultdata from "./inpagenav.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/In-page Nav",
7
+ title: "3. Components/In-page Nav",
8
8
  render: (args) => new Inpagenav(args).html,
9
9
 
10
10
  parameters: {
@@ -26,7 +26,7 @@ const defaultData = {
26
26
  };
27
27
 
28
28
  export default {
29
- title: "!Layout/Main Container Wrapper",
29
+ title: "4. Wrappers/Main Container Wrapper",
30
30
  render: (args) => {
31
31
  return new MainContainerWrapperTest(args).html;
32
32
  },
@@ -10,7 +10,7 @@ const defaultData = {
10
10
 
11
11
  export default {
12
12
  tags: ["autodocs"],
13
- title: "!Core/Head/Meta Dublin Core Terms (DCTERMS)",
13
+ title: "1. Core Styles/Head/Meta Dublin Core Terms (DCTERMS)",
14
14
  args: defaultData,
15
15
  render: (args) => {
16
16
  return new MetaDcTerms(args).html;
@@ -10,7 +10,7 @@ const defaultData = {
10
10
 
11
11
  export default {
12
12
  tags: ["autodocs"],
13
- title: "!Core/Head/Meta OpenGraph and SEO",
13
+ title: "1. Core Styles/Head/Meta OpenGraph and SEO",
14
14
  args: defaultData,
15
15
  render: (args) => {
16
16
  return new MetaOpenGraph(args).html;
@@ -45,7 +45,7 @@ defaultdata.footer.buttons = buttonItems.map((item) => {
45
45
 
46
46
  export default {
47
47
  tags: [''],
48
- title: 'Components/Modal',
48
+ title: '3. Components/Modal',
49
49
  render: (args) => new Modal(args).html,
50
50
 
51
51
  argTypes: {
@@ -4,7 +4,7 @@ import defaultdata from './pagination.data.json';
4
4
 
5
5
  export default {
6
6
  tags: ['autodocs'],
7
- title: 'Components/Pagination',
7
+ title: '3. Components/Pagination',
8
8
  render: (args) => new Pagination(args).html,
9
9
 
10
10
  parameters: {
@@ -4,7 +4,7 @@ import defaultdata from "./quickexit.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Quickexit",
7
+ title: "3. Components/Quickexit",
8
8
  render: (args) => {
9
9
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
10
10
  //We can't use commas on our class="..." attribute, so we need to replace the commas with spaces.
@@ -4,7 +4,7 @@ import defaultdata from "./searchInput.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Search Input",
7
+ title: "3. Components/Search Input",
8
8
  render: (args) => {
9
9
  return `<form action="https://uat.forgov.qld.gov.au/search" class="site-search">${new SearchInput(args).html}</form>`;
10
10
  },
@@ -4,7 +4,7 @@ import defaultdata from "./select.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Forms/Select",
7
+ title: "3. Components/Forms/Select",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -4,7 +4,7 @@ import defaultdata from "./sidenav.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "!Core/Side navigation",
7
+ title: "2. Layout/Side navigation",
8
8
  render: (args) => {
9
9
  return new Sidenav(args).html;
10
10
  },
@@ -3,7 +3,7 @@ import { SidenavWrapperTest } from "./SidenavWrapper.test.js";
3
3
  import defaultdata from "./../sidenav/sidenav.data.json";
4
4
  export default {
5
5
  tags: ["autodocs"],
6
- title: "!Layout/Components/Side Navigation Wrapper",
6
+ title: "4. Wrappers/Components/Side Navigation Wrapper",
7
7
  render: (args) => {
8
8
  return new SidenavWrapperTest(args).html;
9
9
  },
@@ -4,7 +4,7 @@ import defaultdata from "./spinner.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Spinner",
7
+ title: "3. Components/Spinner",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -4,7 +4,7 @@ import defaultdata from "./table.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Table",
7
+ title: "3. Components/Table",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -58,7 +58,7 @@ function statusVariantsMarkup() {
58
58
 
59
59
  export default {
60
60
  tags: ['autodocs'],
61
- title: 'Components/Tag',
61
+ title: '3. Components/Tag',
62
62
  render: (args) => new Tag(args).html,
63
63
  argTypes: {
64
64
  variant: {
@@ -4,7 +4,7 @@ import defaultdata from "./textarea.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Forms/Textarea",
7
+ title: "3. Components/Forms/Textarea",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -4,7 +4,7 @@ import defaultdata from "./textbox.data.json";
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Forms/Textbox",
7
+ title: "3. Components/Forms/Textbox",
8
8
  render: (args) => {
9
9
 
10
10
  //Storybook produces a comma delimited string when using the check control type (table-striped, table-bordered) etc.
@@ -4,7 +4,7 @@
4
4
 
5
5
  export default {
6
6
  tags: ["autodocs"],
7
- title: "Components/Typography",
7
+ title: "1. Core Styles/Typography",
8
8
  render: () => {
9
9
  return `
10
10
  <div class="qld-content-body" id="content">
@@ -11,7 +11,7 @@ import { Accordion } from "../accordion/Accordion.js";
11
11
  */
12
12
  export default {
13
13
  tags: ["autodocs"],
14
- title: "Components/Video",
14
+ title: "3. Components/Video",
15
15
  args: defaultdata.youtube,
16
16
  render: (args) => {
17
17
  const transcriptAccordion = new Accordion({
@@ -41,7 +41,7 @@ const defaultData = {
41
41
  };
42
42
 
43
43
  export default {
44
- title: 'Integration/Main Integration Template',
44
+ title: '5. Integration/Main Integration Template',
45
45
  render: (args) => {
46
46
  return new MainIntegration(args).html;
47
47
  },