@qld-gov-au/qgds-bootstrap5 1.0.1 → 1.0.2

package/src/stories/templates/LandingPage/LandingPage.mdx

@@ -0,0 +1,20 @@
+import { Canvas, Meta, Story } from "@storybook/blocks";
+import * as LandingPageStories from './LandingPage.stories';
+
+
+
+<Meta of={LandingPageStories} />
+
+# Landing Page
+
+## Default
+
+<Canvas sourceState="close">
+  <Story of={LandingPageStories.Default} />
+</Canvas>
+
+## Mobile
+
+<Canvas withSource="none">
+  <Story of={LandingPageStories.Mobile} />
+</Canvas>

package/src/stories/templates/LandingPage/LandingPage.stories.js

@@ -0,0 +1,25 @@
+import {
+  getStoryMobileParameters,
+  getStoryMobileHeight,
+} from '../../helpers';
+
+//import DefaultTemplate from '../../../templates/page/landingpage.html';
+
+
+export default {
+  title: 'Templates/ApplicationPage',
+};
+
+export const Default = {
+  render: () => { return `
+  comingsoon
+   `}, // DefaultTemplate,
+};
+
+export const Mobile = {
+  render: () => { return `
+  comingsoon
+   `}, // DefaultTemplate,
+  parameters: getStoryMobileParameters(),
+  height: getStoryMobileHeight(),
+};

package/src/templates/_cheatsheet/cheatsheet-body.html

@@ -0,0 +1,40 @@
+<div id="accordion" class="component mb-5">
+	<small class="py-2 mb-1 d-block">accordion</small>
+	{{{ components.accordion }}}
+</div>
+<div id="alert" class="component mb-5">
+	<small class="py-2 mb-1 d-block">alert</small>
+	{{{ components.alert }}}
+</div>
+<div id="blockquote" class="component mb-5">
+	<small class="py-2 mb-1 d-block">blockquote</small>
+	{{{components.blockquote }}}
+</div>
+<div id="breadcrumbs" class="component mb-5">
+	<small class="py-2 mb-1 d-block">breadcrumbs</small>
+	{{{ components.breadcrumbs }}}
+</div>
+<div id="button" class="component mb-5">
+	<small class="py-2 mb-1 d-block">button</small>
+	{{{components.button }}}
+</div>
+<div id="cardblock" class="component mb-5">
+	<small class="py-2 mb-1 d-block">cardblock</small>
+	{{{components.cardblock}}}
+</div>
+<div id="callout" class="component mb-5">
+	<small class="py-2 mb-1 d-block">callout</small>
+	{{{ components.callout }}}
+</div>
+<div id="inpagenav" class="component mb-5">
+	<small class="py-2 mb-1 d-block">inpagenav</small>
+	{{{ components.inpagenav }}}
+</div>
+<div id="pagination" class="component mb-5">
+	<small class="py-2 mb-1 d-block">pagination</small>
+	{{{ components.pagination }}}
+</div>
+<div id="table" class="component mb-5">
+	<small class="py-2 mb-1 d-block">table</small>
+	{{{components.table}}}
+</div>

package/src/templates/_cheatsheet/cheatsheet-data.json

@@ -0,0 +1,25 @@
+{
+	"heading": "Components",
+	"links": [
+		{ "href": "#accordion", "label": "Accordion" },
+		{ "href": "#alert", "label": "Alert" },
+		{ "href": "#banner", "label": "Banner" },
+		{ "href": "#blockquote", "label": "Blockquote" },
+		{ "href": "#breadcrumbs", "label": "Breadcrumbs" },
+		{ "href": "#button", "label": "Button" },
+		{ "href": "#callout", "label": "Callout" },
+		{ "href": "#card", "label": "Card" },
+		{ "href": "#checkbox", "label": "Checkbox" },
+		{ "href": "#correctincorrect", "label": "Correctincorrect" },
+		{ "href": "#forms", "label": "Forms" },
+		{ "href": "#icons", "label": "Icons" },
+		{ "href": "#inpagenav", "label": "Inpagenav" },
+		{ "href": "#navbar", "label": "Navbar" },
+		{ "href": "#pagination", "label": "Pagination" },
+		{ "href": "#radio", "label": "Radio" },
+		{ "href": "#sidenav", "label": "Sidenav" },
+		{ "href": "#table", "label": "Table" },
+		{ "href": "#typography", "label": "Typography" }
+	]
+}
+

package/src/templates/_cheatsheet/cheatsheet-sidenav.html

@@ -0,0 +1,21 @@
+<aside class="qld-aside">
+
+    <div class="qld-side-navigation">
+
+        <h2 class="nav-title">{{heading}}</h2>
+
+        <!-- Level One -->
+        <ul class="nav" aria-label="section navigation">
+
+            {{ #links }}
+            <li class="nav-item">
+                <a class="nav-link" href="{{ href }}">
+                    {{ label }}
+                </a>
+            </li>
+            {{ /links }}
+
+        </ul>
+    </div>
+
+</aside>

package/src/templates/_cheatsheet/cheatsheet-template.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{pageTitle}}</title>
+
+    <link rel="stylesheet" href="assets/css/qld.bootstrap.css">
+    <script src="assets/js/bootstrap.min.js"></script>
+
+</head>
+<body>
+    
+    {{{ components.header }}} <!-- Include the 'header' partial here without HTML escaping -->
+    
+    <main class="qld-body">
+
+       
+        <!-- Main content -->
+        <div class="container qld-content">
+
+                <div class="row">
+
+                    <!-- Left Aside -->
+                    <div class="col-3">
+                        {{{ components.sidenav }}}
+                    </div>
+                
+                    <div class="col-7 ms-40">
+                        
+                        {{{ components.inpagenav}}} <!-- Include the 'main' partial here without HTML escaping -->
+                        
+                        {{{ main }}}
+                        
+                    </div>
+                                    
+            </div>
+        </div>
+    
+        {{{ components.footer }}} <!-- Include the 'footer' partial here without HTML escaping -->
+
+    </main>
+
+    
+</body>
+</html>

package/src/templates/content/component-examples/alert.html

@@ -0,0 +1 @@
+{{{ alert }}}