@qld-gov-au/qgds-bootstrap5 1.0.20 → 1.0.21

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,28 +1,28 @@
1
1
  {
2
2
  "sitename": "Site name, Namestyle or Name Identifier",
3
- "contactHasContactList": true,
4
- "footerHasCrest": true,
3
+ "contactHasContactListDisabled": false,
4
+ "footerHasCrestDisabled": false,
5
5
  "footerHasStateOfQld": true,
6
- "feedbackFormEnabled": false,
7
- "followlinksEnabled": true,
6
+ "feedbackFormDisabled" : false,
7
+ "followlinksDisabled": false,
8
8
  "copyrightHasYearFrom": false,
9
9
  "copyrightOrganisationName": "Organisation",
10
10
  "contact": {
11
11
  "hasBorderColumn": false,
12
12
  "title": "Contact us",
13
13
  "content": "<p>Get in touch for enquiries, feedback, complaints and compliments.</p>",
14
- "list": [
15
- {
14
+ "list": {
15
+ "phone": {
16
16
  "icon": "icon-phone",
17
17
  "label": "<b>Phone:</b> 13 QGOV (13 74 68)"
18
18
  },
19
- {
19
+ "email": {
20
20
  "icon": "icon-email",
21
21
  "label": "<b>Email:</b> <span class='user-select-all'>email@qld.gov.au</span>"
22
22
  }
23
- ],
23
+ },
24
24
  "buttonLabel": "Contact us",
25
- "buttonLink": ""
25
+ "buttonLink": "https://www.qld.gov.au/contact-us"
26
26
  },
27
27
  "lookup": {
28
28
  "link": {
@@ -37,7 +37,7 @@
37
37
  }
38
38
  ],
39
39
  "copyright": {
40
- "hasBorderColumn": true,
40
+ "hasBorderColumnDisabled": false,
41
41
  "content": "&copy; The State of Queensland",
42
42
  "yearFrom": "1995",
43
43
  "currentYear": "2024"
@@ -45,73 +45,30 @@
45
45
  "footerlinks": {
46
46
  "hasBorderColumn": false,
47
47
  "title": "",
48
- "list": [
49
- {
50
- "title": "Help",
51
- "link": "https://www.qld.gov.au/help"
52
- },
53
- {
54
- "title": "Copyright",
55
- "link": "https://www.qld.gov.au/legal/copyright"
56
- },
57
- {
58
- "title": "Disclaimer",
59
- "link": "https://www.qld.gov.au/legal/disclaimer"
60
- },
61
- {
62
- "title": "Privacy",
63
- "link": "https://www.qld.gov.au/legal/privacy"
64
- },
65
- {
66
- "title": "Right to information",
67
- "link": "https://www.qld.gov.au/about/rights-accountability/right-to-information"
68
- },
69
- {
70
- "title": "Accessibility",
71
- "link": "https://www.qld.gov.au/help/accessibility"
72
- },
73
- {
74
- "title": "Jobs in Queensland <span>Government</span>",
75
- "link": "https://smartjobs.qld.gov.au",
76
- "target": "_blank"
77
- },
78
- {
79
- "title": "Other languages",
80
- "link": "https://www.qld.gov.au/help/languages"
81
- }
82
- ]
48
+ "list": {
49
+ "Help": { "link": "https://www.qld.gov.au/help" },
50
+ "Copyright": { "link": "https://www.qld.gov.au/legal/copyright" },
51
+ "Disclaimer": { "link": "https://www.qld.gov.au/legal/disclaimer" },
52
+ "Privacy": {"link": "https://www.qld.gov.au/legal/privacy" },
53
+ "Right to information": { "link": "https://www.qld.gov.au/about/rights-accountability/right-to-information" },
54
+ "Accessibility": { "link": "https://www.qld.gov.au/help/accessibility" },
55
+ "Jobs in Queensland Government": { "link": "https://smartjobs.qld.gov.au", "new_window": true },
56
+ "Other languages": { "link": "https://www.qld.gov.au/help/languages" }
57
+ }
83
58
  },
84
59
  "feedbackForm" : {
85
- "hasBorderColumn": true,
60
+ "hasBorderColumnDisabled": false,
86
61
  "title": "Website feedback",
87
62
  "content": "Help us improve the content on our website or tell us what is working well.",
88
63
  "btnTitle": "Leave your feedback",
89
- "formAttr": [
90
- {
91
- "key": "data-formio",
92
- "value": ""
93
- },
94
- {
95
- "key": "data-formio-project-name",
96
- "value": "dev-oldkihhcwbdtwye"
97
- },
98
- {
99
- "key": "data-formio-form-name",
100
- "value": "footerfeedbackcontactus"
101
- },
102
- {
103
- "key": "data-formio-env-url",
104
- "value": "api.forms.platforms.qld.gov.au"
105
- },
106
- {
107
- "key": "data-formio-createForm-options",
108
- "value": "formioCreateFormOptions"
109
- },
110
- {
111
- "key": "data-formio-createForm-controller",
112
- "value": "formioCreateFormController"
113
- }
114
- ],
64
+ "formAttr": {
65
+ "data-formio": "",
66
+ "data-formio-project-name": "oldkihhcwbdtwye",
67
+ "data-formio-form-name": "footerfeedbackcontactus",
68
+ "data-formio-env-url": "api.forms.platforms.qld.gov.au",
69
+ "data-formio-createForm-options": "formioCreateFormOptions",
70
+ "data-formio-createForm-controller": "formioCreateFormController"
71
+ },
115
72
  "formioResource": "https://static.qgov.net.au/formio-qld/v2/v2.x.x-latest/formio-script.min.js"
116
73
  },
117
74
  "followlinks": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qld-gov-au/qgds-bootstrap5",
3
- "version": "1.0.20",
3
+ "version": "1.0.21",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -43,19 +43,19 @@
43
43
  "run-parallel": "^1.2.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@chromatic-com/storybook": "^1.5.0",
46
+ "@chromatic-com/storybook": "^1.6.0",
47
47
  "@qld-gov-au/qgds-tokens": "^1.2.1",
48
- "@storybook/addon-a11y": "^8.1.10",
49
- "@storybook/addon-essentials": "^8.1.10",
50
- "@storybook/addon-interactions": "^8.1.10",
51
- "@storybook/addon-links": "^8.1.10",
52
- "@storybook/addon-mdx-gfm": "^8.1.10",
53
- "@storybook/addon-themes": "^8.1.10",
48
+ "@storybook/addon-a11y": "^8.1.11",
49
+ "@storybook/addon-essentials": "^8.1.11",
50
+ "@storybook/addon-interactions": "^8.1.11",
51
+ "@storybook/addon-links": "^8.1.11",
52
+ "@storybook/addon-mdx-gfm": "^8.1.11",
53
+ "@storybook/addon-themes": "^8.1.11",
54
54
  "@storybook/blocks": "^8.1.9",
55
- "@storybook/cli": "^8.1.10",
56
- "@storybook/html": "^8.1.10",
57
- "@storybook/html-vite": "^8.1.10",
58
- "@storybook/manager-api": "^8.1.10",
55
+ "@storybook/cli": "^8.1.11",
56
+ "@storybook/html": "^8.1.11",
57
+ "@storybook/html-vite": "^8.1.11",
58
+ "@storybook/manager-api": "^8.1.11",
59
59
  "@storybook/test": "^8.1.9",
60
60
  "@storybook/theming": "^8.1.10",
61
61
  "@stylistic/eslint-plugin-js": "2.1.0",
@@ -82,8 +82,8 @@
82
82
  "raw-loader": "^4.0.2",
83
83
  "rimraf": "^5.0.7",
84
84
  "sass": "^1.77.6",
85
- "storybook": "^8.1.10",
86
- "vite": "^5.3.1",
85
+ "storybook": "^8.1.11",
86
+ "vite": "^5.3.2",
87
87
  "watch": "^1.0.2"
88
88
  },
89
89
  "peerDependencies": {
@@ -10,122 +10,125 @@ $breadcrumb-divider-dark-flipped: url("data:image/svg+xml,<svg xmlns='http://www
10
10
 
11
11
  //OR using custom CSS properties scoped to the component
12
12
  .breadcrumb {
13
- --#{$prefix}breadcrumb-divider: #{escape-svg($breadcrumb-divider)};
14
- --#{$prefix}breadcrumb-divider-flipped: #{escape-svg($breadcrumb-divider-flipped)};
15
- --#{$prefix}breadcrumb-item-active-color: var(--#{$prefix}dark-grey-muted);
16
- --#{$prefix}breadcrumb-bg: transparent;
17
- --#{$prefix}breadcrumb-margin-bottom: 0;
18
- --#{$prefix}breadcrumb-padding-y: 1.5rem 0 1rem;
19
- --#{$prefix}breadcrumb-visited-link-color: var(--#{$prefix}color-default-color-light-link-default);
20
- --#{$prefix}breadcrumb-visited-link-text-decoration-color: var(--#{$prefix}color-default-color-light-underline-default);
21
- --#{$prefix}breadcrumb-visited-link-text-decoration-color-hover: var(--#{$prefix}color-default-color-light-underline-default-hover);
22
-
23
-
24
- .dark &,
25
- .dark-alt & {
26
- --#{$prefix}breadcrumb-item-active-color: var(--#{$prefix}color-default-color-dark-text-lighter);
27
- --#{$prefix}breadcrumb-divider: #{escape-svg($breadcrumb-divider-dark)};
28
- --#{$prefix}breadcrumb-divider-flipped: #{escape-svg($breadcrumb-divider-dark-flipped)};
29
- --#{$prefix}breadcrumb-visited-link-color: var(--#{$prefix}color-default-color-dark-link-default);
30
- --#{$prefix}breadcrumb-visited-link-text-decoration-color: var(--#{$prefix}color-default-color-dark-underline-default);
31
- --#{$prefix}breadcrumb-visited-link-text-decoration-color-hover: var(--#{$prefix}color-default-color-dark-underline-default-hover);
32
- }
33
-
13
+ --#{$prefix}breadcrumb-divider: #{escape-svg($breadcrumb-divider)};
14
+ --#{$prefix}breadcrumb-divider-flipped: #{escape-svg($breadcrumb-divider-flipped)};
15
+ --#{$prefix}breadcrumb-item-active-color: var(--#{$prefix}dark-grey-muted);
16
+ --#{$prefix}breadcrumb-bg: transparent;
17
+ --#{$prefix}breadcrumb-margin-bottom: 0;
18
+ --#{$prefix}breadcrumb-padding-y: 1.5rem 0 1rem;
19
+ --#{$prefix}breadcrumb-visited-link-color: var(--#{$prefix}color-default-color-light-link-default);
20
+ --#{$prefix}breadcrumb-visited-link-text-decoration-color: var(
21
+ --#{$prefix}color-default-color-light-underline-default
22
+ );
23
+ --#{$prefix}breadcrumb-visited-link-text-decoration-color-hover: var(
24
+ --#{$prefix}color-default-color-light-underline-default-hover
25
+ );
26
+
27
+ .dark &,
28
+ .dark-alt & {
29
+ --#{$prefix}breadcrumb-item-active-color: var(--#{$prefix}color-default-color-dark-text-lighter);
30
+ --#{$prefix}breadcrumb-divider: #{escape-svg($breadcrumb-divider-dark)};
31
+ --#{$prefix}breadcrumb-divider-flipped: #{escape-svg($breadcrumb-divider-dark-flipped)};
32
+ --#{$prefix}breadcrumb-visited-link-color: var(--#{$prefix}color-default-color-dark-link-default);
33
+ --#{$prefix}breadcrumb-visited-link-text-decoration-color: var(
34
+ --#{$prefix}color-default-color-dark-underline-default
35
+ );
36
+ --#{$prefix}breadcrumb-visited-link-text-decoration-color-hover: var(
37
+ --#{$prefix}color-default-color-dark-underline-default-hover
38
+ );
39
+ }
34
40
  }
35
41
 
36
42
  @include color-mode(dark) {
37
-
38
43
  }
39
44
 
40
45
  .breadcrumb {
41
- font-size: 0.875rem;
42
-
43
- &.expanded {
44
- .breadcrumb-toggle {
45
- display: none;
46
- }
46
+ font-size: 0.875rem;
47
+ &.expanded {
48
+ .breadcrumb-toggle {
49
+ display: none;
47
50
  }
51
+ }
48
52
  }
49
-
50
53
  .breadcrumb-item {
51
- // Show only parent page breadcrumb on small screens
52
- display: none;
53
-
54
- &:nth-last-child(2) {
55
- display: list-item;
56
-
57
- &:before {
58
- content: var(--#{$prefix}breadcrumb-divider);
59
- float: left;
60
- padding-right: var(--qld-breadcrumb-item-padding-x);
61
- width: 1rem;
62
- }
63
- }
64
-
65
- + .breadcrumb-item {
66
- &:before {
67
- width: 1rem;
68
- }
69
- }
70
-
71
- &.shortened {
72
- height: 0;
73
- overflow: hidden;
74
- max-width: 0;
75
- transition: max-width 0s;
76
- padding: 0;
54
+ display: none;
55
+ line-height: 2rem;
56
+ &:nth-last-child(2) {
57
+ display: list-item;
58
+ &:before {
59
+ content: var(--#{$prefix}breadcrumb-divider);
60
+ float: left;
61
+ padding-right: var(--qld-breadcrumb-item-padding-x);
62
+ width: 1rem;
77
63
  }
78
-
79
- .breadcrumb-toggle {
80
- border: 0;
81
- padding: 0;
82
- vertical-align: inherit;
83
- }
84
-
85
- a:visited {
86
- color: var(--#{$prefix}breadcrumb-visited-link-color);
87
- text-decoration-color: var(--#{$prefix}breadcrumb-visited-link-text-decoration-color);
88
- &:hover {
89
- text-decoration-color: var(--#{$prefix}breadcrumb-visited-link-text-decoration-color-hover);
90
- }
64
+ }
65
+ a:after {
66
+ content: none;
67
+ }
68
+ &.shortened {
69
+ height: 0;
70
+ overflow: hidden;
71
+ max-width: 0;
72
+ transition: max-width 0s;
73
+ padding: 0;
74
+ }
75
+ .breadcrumb-toggle {
76
+ border: 0;
77
+ padding: 0;
78
+ vertical-align: inherit;
79
+ }
80
+ a:visited {
81
+ color: var(--#{$prefix}breadcrumb-visited-link-color);
82
+ text-decoration-color: var(--#{$prefix}breadcrumb-visited-link-text-decoration-color);
83
+ &:hover {
84
+ text-decoration-color: var(--#{$prefix}breadcrumb-visited-link-text-decoration-color-hover);
91
85
  }
86
+ }
92
87
  }
93
88
 
94
89
  @include media-breakpoint-up(md) {
95
- .breadcrumb {
96
- --#{$prefix}breadcrumb-padding-y: 2.5rem 0 1.5rem;
90
+ .breadcrumb {
91
+ --#{$prefix}breadcrumb-padding-y: 2.5rem 0 1.5rem;
92
+ }
93
+ .breadcrumb-item {
94
+ :after {
95
+ content: var(--#{$prefix}breadcrumb-divider-flipped);
97
96
  }
98
-
99
- .breadcrumb-item {
100
- + .breadcrumb-item:before {
101
- content: var(--#{$prefix}breadcrumb-divider-flipped)
102
- }
103
- // Show current and parent page on medium screens
104
- &:last-child {
105
- display: list-item;
106
- }
107
-
108
- &:nth-last-child(2):before {
109
- // Hide divider before parent page
110
- content: none;
111
- }
97
+ &:last-child {
98
+ content: none;
112
99
  }
100
+ }
113
101
  }
114
102
 
115
103
  @include media-breakpoint-up(lg) {
116
-
117
- .breadcrumb {
118
- --#{$prefix}breadcrumb-padding-y: 3rem 0 2rem;
119
-
120
- font-size: 1rem;
104
+ .breadcrumb {
105
+ --#{$prefix}breadcrumb-padding-y: 3rem 0 2rem;
106
+
107
+ font-size: 1rem;
108
+ }
109
+ .breadcrumb-item {
110
+ display: list-item;
111
+ padding-left: 0;
112
+ padding-right: var(--qld-breadcrumb-item-padding-x);
113
+ & + .breadcrumb-item {
114
+ padding-left: 0;
115
+ &:before {
116
+ content: none;
117
+ }
121
118
  }
122
- .breadcrumb-item {
123
- // Show all breadcrumbs on large screens
124
- display: list-item;
125
-
126
- &:nth-last-child(2):not(:first-child):before {
127
- // Show divider before parent page
128
- content: var(--#{$prefix}breadcrumb-divider-flipped);
129
- }
119
+ &:nth-last-child(2):not(:first-child):before {
120
+ content: none;
130
121
  }
131
- }
122
+ &.active {
123
+ &:before {
124
+ content: none;
125
+ }
126
+ }
127
+ a:after {
128
+ width: 1rem;
129
+ content: var(--#{$prefix}breadcrumb-divider-flipped);
130
+ float: right;
131
+ padding-left: var(--qld-breadcrumb-item-padding-x);
132
+ }
133
+ }
134
+ }
@@ -28,7 +28,7 @@ export default {
28
28
  };
29
29
 
30
30
  /**
31
- * Default head metadata
31
+ * Default Content Footer
32
32
  *
33
33
  */
34
34
  export const Default = {
@@ -42,21 +42,12 @@ export const Default = {
42
42
  ],
43
43
  };
44
44
 
45
-
46
- export const DEV = {
47
- args: {
48
- cdn: "DEV",
49
- },
50
- decorators:[Story => {
51
- return `
52
- ${Story()}
53
- `;
54
- }],
55
- };
56
-
57
- export const SQUIZ = {
45
+ /**
46
+ * Default empty Content Footer
47
+ *
48
+ */
49
+ export const DefaultEmpty = {
58
50
  args: {
59
- cdn: "/__data/assets/git_bridge/0026/471752",
60
51
  },
61
52
  decorators:[Story => {
62
53
  return `
@@ -1,28 +1,28 @@
1
1
  {
2
2
  "sitename": "Site name, Namestyle or Name Identifier",
3
- "contactHasContactList": true,
4
- "footerHasCrest": true,
3
+ "contactHasContactListDisabled": false,
4
+ "footerHasCrestDisabled": false,
5
5
  "footerHasStateOfQld": true,
6
- "feedbackFormEnabled": false,
7
- "followlinksEnabled": true,
6
+ "feedbackFormDisabled" : false,
7
+ "followlinksDisabled": false,
8
8
  "copyrightHasYearFrom": false,
9
9
  "copyrightOrganisationName": "Organisation",
10
10
  "contact": {
11
11
  "hasBorderColumn": false,
12
12
  "title": "Contact us",
13
13
  "content": "<p>Get in touch for enquiries, feedback, complaints and compliments.</p>",
14
- "list": [
15
- {
14
+ "list": {
15
+ "phone": {
16
16
  "icon": "icon-phone",
17
17
  "label": "<b>Phone:</b> 13 QGOV (13 74 68)"
18
18
  },
19
- {
19
+ "email": {
20
20
  "icon": "icon-email",
21
21
  "label": "<b>Email:</b> <span class='user-select-all'>email@qld.gov.au</span>"
22
22
  }
23
- ],
23
+ },
24
24
  "buttonLabel": "Contact us",
25
- "buttonLink": ""
25
+ "buttonLink": "https://www.qld.gov.au/contact-us"
26
26
  },
27
27
  "lookup": {
28
28
  "link": {
@@ -37,7 +37,7 @@
37
37
  }
38
38
  ],
39
39
  "copyright": {
40
- "hasBorderColumn": true,
40
+ "hasBorderColumnDisabled": false,
41
41
  "content": "&copy; The State of Queensland",
42
42
  "yearFrom": "1995",
43
43
  "currentYear": "2024"
@@ -45,73 +45,30 @@
45
45
  "footerlinks": {
46
46
  "hasBorderColumn": false,
47
47
  "title": "",
48
- "list": [
49
- {
50
- "title": "Help",
51
- "link": "https://www.qld.gov.au/help"
52
- },
53
- {
54
- "title": "Copyright",
55
- "link": "https://www.qld.gov.au/legal/copyright"
56
- },
57
- {
58
- "title": "Disclaimer",
59
- "link": "https://www.qld.gov.au/legal/disclaimer"
60
- },
61
- {
62
- "title": "Privacy",
63
- "link": "https://www.qld.gov.au/legal/privacy"
64
- },
65
- {
66
- "title": "Right to information",
67
- "link": "https://www.qld.gov.au/about/rights-accountability/right-to-information"
68
- },
69
- {
70
- "title": "Accessibility",
71
- "link": "https://www.qld.gov.au/help/accessibility"
72
- },
73
- {
74
- "title": "Jobs in Queensland <span>Government</span>",
75
- "link": "https://smartjobs.qld.gov.au",
76
- "target": "_blank"
77
- },
78
- {
79
- "title": "Other languages",
80
- "link": "https://www.qld.gov.au/help/languages"
81
- }
82
- ]
48
+ "list": {
49
+ "Help": { "link": "https://www.qld.gov.au/help" },
50
+ "Copyright": { "link": "https://www.qld.gov.au/legal/copyright" },
51
+ "Disclaimer": { "link": "https://www.qld.gov.au/legal/disclaimer" },
52
+ "Privacy": {"link": "https://www.qld.gov.au/legal/privacy" },
53
+ "Right to information": { "link": "https://www.qld.gov.au/about/rights-accountability/right-to-information" },
54
+ "Accessibility": { "link": "https://www.qld.gov.au/help/accessibility" },
55
+ "Jobs in Queensland Government": { "link": "https://smartjobs.qld.gov.au", "new_window": true },
56
+ "Other languages": { "link": "https://www.qld.gov.au/help/languages" }
57
+ }
83
58
  },
84
59
  "feedbackForm" : {
85
- "hasBorderColumn": true,
60
+ "hasBorderColumnDisabled": false,
86
61
  "title": "Website feedback",
87
62
  "content": "Help us improve the content on our website or tell us what is working well.",
88
63
  "btnTitle": "Leave your feedback",
89
- "formAttr": [
90
- {
91
- "key": "data-formio",
92
- "value": ""
93
- },
94
- {
95
- "key": "data-formio-project-name",
96
- "value": "dev-oldkihhcwbdtwye"
97
- },
98
- {
99
- "key": "data-formio-form-name",
100
- "value": "footerfeedbackcontactus"
101
- },
102
- {
103
- "key": "data-formio-env-url",
104
- "value": "api.forms.platforms.qld.gov.au"
105
- },
106
- {
107
- "key": "data-formio-createForm-options",
108
- "value": "formioCreateFormOptions"
109
- },
110
- {
111
- "key": "data-formio-createForm-controller",
112
- "value": "formioCreateFormController"
113
- }
114
- ],
64
+ "formAttr": {
65
+ "data-formio": "",
66
+ "data-formio-project-name": "oldkihhcwbdtwye",
67
+ "data-formio-form-name": "footerfeedbackcontactus",
68
+ "data-formio-env-url": "api.forms.platforms.qld.gov.au",
69
+ "data-formio-createForm-options": "formioCreateFormOptions",
70
+ "data-formio-createForm-controller": "formioCreateFormController"
71
+ },
115
72
  "formioResource": "https://static.qgov.net.au/formio-qld/v2/v2.x.x-latest/formio-script.min.js"
116
73
  },
117
74
  "followlinks": {