dta_rapid 0.3.5 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 31961cbc6e016848263609e509177cf77720d8e7
-  data.tar.gz: 7d7bb4d5b9040bc4156f53dd7fa115e595c60b8e
+  metadata.gz: 310306141422860e4c42d39b055290b82c3f043e
+  data.tar.gz: 52e08b6f0a59d70c0cbcc15d8695aaf071a2ddc8
 SHA512:
-  metadata.gz: 7b577498a50e50a1ac9bf029985cb32eb024f64c897b9969700c1eb61ed3b27cea287c4dc96a5685c9892ae84d791316a74372737d185b2758b073745707aade
-  data.tar.gz: 99ee0e45044bba693a52269ca8fa5f71c101db20297082131e29d42d0fa9922074fca3fd9ee047a69e06eb6a0a91049753c487bb492db895c56b0b8b7b83e68a
+  metadata.gz: 10b1f2cf8b0a3594d20a901c9366843f0c35a40e1bedb30b49faca7fa1fef488498b210391edadc10a591a28aa140be950201e0e93476043b616025a39dc18aa
+  data.tar.gz: 80f3e6a34e66866fa3c7f5d32beec84e0a7077d1f88765788594f8ecd32901a0722f7662fcc2db9be986027bf5f0c262154551310c46895fd8835ee4a8fb5ae3

data/README.md

@@ -50,5 +50,4 @@ The theme is available as open source under the terms of the [MIT License](https
 
 ## Attribution
 
-The CSS and javascript used from this theme are pulled from - https://github.com/AusDTO/gov-au-ui-kit
-
+The CSS and javascript used from this theme are compiled from - https://github.com/govau/uikit

data/_includes/buttons/link-button.html

@@ -1,9 +1,3 @@
 <p>
-<a
-  class="button button--primary"
-  role="button"
-  href="{{ include.href | default: '##' }}"
-  {% if include.onclick %}onclick="{{ include.onclick }}"{% endif %}>
-  {{ include.text }}
-</a>
+  <a class="uikit-btn" role="button" href="{{ include.href | default: '##' }}" {% if include.onclick %}onclick="{{ include.onclick }}"{% endif %}>{{ include.text }}</a>
 </p>

data/_includes/buttons/upload-button.html

@@ -1,5 +1,27 @@
-
-<div class="upload-button">
-  <input class="upload-button__input" id="{{ include.id }}" type="file" role="button"/>
-  <label class="upload-button__label button" for="{{ include.id }}">{{ include.label }}</label>
+<p>
+<div class="uikit-fileupload">
+<input id="{{ include.id }}" type="file" role="button" multiple/>
+<label class="uikit-btn uikit-btn--tertiary" for="{{ include.id }}"><span>{{ include.label }}</span></label>
 </div>
+</p>
+
+<script>
+  Array.prototype.forEach.call(document.querySelectorAll('.uikit-fileupload input'), function(input) {
+    var label	= input.nextElementSibling;
+    var labelVal = label.innerHTML;
+
+    input.addEventListener('change', function(e) {
+      var fileName = '';
+
+      if(this.files && this.files.length > 1)
+        fileName = (this.files.length + ' files selected');
+      else
+        fileName = e.target.value.split('\\').pop();
+
+      if(fileName)
+        label.querySelector('span').innerHTML = fileName;
+      else
+        label.innerHTML = labelVal;
+    });
+  });
+</script>

data/_includes/callouts/calendar-callout.html

@@ -0,0 +1,5 @@
+<section class="uikit-callout uikit-callout--calendar-event" aria-label="{{include.description}}">
+  <span class="uikit-callout--calendar-event__lede">{{include.lede}}</span>
+  <time class="uikit-callout--calendar-event__time" datetime="2017-01-01T00:00:00+00:00">{{include.date}}</time>
+  <span class="uikit-callout--calendar-event__name">{{include.name}}</span>
+</section>

data/_includes/callouts/container-callout.html

@@ -0,0 +1,5 @@
+<section class="uikit-callout" aria-label="{{include.description}}">
+  {% for paragraph in include.paragraphs %}
+		<p>{{paragraph}}</p>
+	{% endfor %}
+</section>

data/_includes/callouts/paragraph-callout.html

@@ -0,0 +1 @@
+<p class="uikit-callout" aria-label="{{include.description}}">{{include.text}}</p>

data/_includes/forms/control-input.html

@@ -0,0 +1,26 @@
+{% assign options = include.options | split: "|" %}
+{% assign question_slug = include.question | slugify %}
+
+<div id="control-input--{{ question_slug}}" class="{{ include.className}}">
+  <h3 id="control-input--{{ question_slug}}">{{include.question}}</h3>
+  {% for option in options %}
+    {% assign option_slug = option | slugify %}
+    <p>
+    <label
+      class="uikit-control-input"
+      for="{{ question_slug }}__{{ option_slug }}">
+      <input
+        {% if include.required %}data-parsley-required{% endif %}
+        aria-describedby="control-input--{{ question_slug}}"
+        class="uikit-control-input__input"
+        id="{{ question_slug }}__{{ option_slug }}"
+        name="{{ question_slug }}"
+        type="{{ include.type | default: 'radio' }}"
+        data-parsley-errors-container="#parent__{{ question_slug }}"
+        data-parsley-error-message="{{ include.validation_message }}"
+        value="{{ question_slug }}__{{ option_slug }}">
+        <span class="uikit-control-input__text">{{ option }}</span>
+      </label>
+    </p>
+  {% endfor %}
+</div>

data/_includes/forms/date-field.html

@@ -1,8 +1,9 @@
 <!-- TODO: good date fields -->
 
 <div class="text-field">
-  <label class="text-field__label" for="{{ include.id }}">{{ include.label }}</label>
+  <label class="uikit-text-input__label" for="{{ include.id }}">{{ include.label }}</label>
   <input
+     class="uikit-text-input uikit-text-input--block"
      type="date"
      id="{{ include.id }}"
      name="{{ include.id }}"

data/_includes/forms/text-field.html

@@ -5,15 +5,15 @@
   {% assign required="required" %}
 {% endif %}
 
-<div class="text-field {{ include.className | default: null }}">
-  <label class="text-field__label" for="{{ include.id | default: id }}">
+<div class="uikit-text-input__root {{ include.className | default: null }}">
+  <label class="uikit-text-input__label" for="{{ include.id | default: id }}">
     {{ include.label }}
   </label>
   {% if include.hint %}
-    <label class="text-field__hint" for="{{ include.id | default: id }}">{{ include.hint }}</label>
+    <label class="uikit-text-input__hint" for="{{ include.id | default: id }}">{{ include.hint }}</label>
   {% endif %}
   <input
-    class="text-field__input"
+    class="uikit-text-input uikit-text-input--block"
     placeholder="{{ include.placeholder }}"
     type="{{ include.type | default: "text" }}"
     id="{{ include.id }}"
@@ -24,6 +24,6 @@
     {% if include.validation_message %}data-parsley-error-message="{{ include.validation_message }}"{% endif %}
   />
   {% if include.description %}
-    <p class="text-field__description">{{ include.description }}</p>
+    <p class="uikit-text-input__description">{{ include.description }}</p>
   {% endif %}
 </div>

data/_includes/navigation/breadcrumbs.html

@@ -1,13 +1,11 @@
-<nav class="breadcrumbs" aria-label="breadcrumb">
-  <div class="wrapper">
-    <ul class="breadcrumbs__list">
-      {% for breadcrumb in include.breadcrumbs %}
-        {% if forloop.last == true %}
-          <li class="breadcrumbs__item">{{breadcrumb.title}}</li>
-        {% else %}
-          <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="{{breadcrumb.href}}" title="Home">{{breadcrumb.title}}</a></li>
-        {% endif %}
-      {% endfor %}
-    </ul>
-  </div>
+<nav class="uikit-breadcrumbs" aria-label="breadcrumb">
+  <ul class="uikit-link-list uikit-link-list--inline">
+    {% for breadcrumb in include.breadcrumbs %}
+      {% if forloop.last == true %}
+        <li>{{breadcrumb.title}}</li>
+      {% else %}
+        <li><a href="{{breadcrumb.href}}">{{breadcrumb.title}}</a></li>
+      {% endif %}
+    {% endfor %}
+  </ul>
 </nav>

data/_includes/navigation/inpage.html

@@ -0,0 +1,8 @@
+<nav class="uikit-inpage-nav-links">
+	<h2 class="uikit-inpage-nav-links__heading uikit-display-2">{{include.heading}}</h2>
+	<ul class="uikit-link-list">
+		{% for link in include.links %}
+			<li><a href="{{link.href}}">{{link.text}}</a></li>
+		{% endfor %}
+	</ul>
+</nav>

data/_layouts/default.html

@@ -5,16 +5,19 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Title</title>
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
     <link rel="stylesheet" href="/assets/style.css">
   </head>
 
-  <body>
-    <header>
-      <div class="wrapper"><p class="callout__root">This is a prototype. Please don't fill it in with your real information.</p></div>
-    </header>
-    <main>
-    <div class="wrapper">{{ content }}</div>
+  <body class="uikit-body">
+    <main class="uikit-grid">
+      <div class="container">
+        <header>
+          <div>
+            <div class="uikit-page-alerts uikit-page-alerts--warning">This is a prototype. Please don't fill it in with your real information.</div>
+          </div>
+        </header>
+        {{ content }}
+      </div>
     </main>
     <script src="/assets/js/vendor/jquery-3.1.1.min.js"></script>
     <script src="/assets/js/vendor/parsley.min.js"></script>

data/assets/style.scss

@@ -1,34 +1,13 @@
 ---
 ---
 
-@import "vendor/bourbon/bourbon"; // v4.2.7
-@import "vendor/neat/neat"; // v1.7
-@import "variables";
-@import "easings";
-@import "mixins";
-@import "grid-settings";
-
-@import "normalize";
-@import "colors";
-@import "typography";
-
-@import "validation";
-
-@import "forms";
-@import "components/text-field";
-@import "components/multiple-choice";
-@import "components/button";
-@import "components/upload-button";
-@import "components/badge";
-@import "components/callout";
-@import "components/table";
-@import "components/breadcrumbs";
-@import "components/accordian";
-@import "components/scroll-form";
-
-@import "print";
-
-// Global class for hidden elements controlled by js
-.js-hidden {
-  display: none;
+@import "/assets/uikit.css";
+
+.uikit-fileupload input[type="file"] {
+  width: 0.1px;
+	height: 0.1px;
+	opacity: 0;
+	overflow: hidden;
+	position: absolute;
+	z-index: -1;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dta_rapid
 version: !ruby/object:Gem::Version
-  version: 0.3.5
+  version: 0.4.0
 platform: ruby
 authors:
 - Gareth Rogers
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-22 00:00:00.000000000 Z
+date: 2017-05-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -18,14 +18,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.4'
+        version: 3.4.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.4'
+        version: 3.4.3
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -67,151 +67,21 @@ files:
 - README.md
 - _includes/buttons/link-button.html
 - _includes/buttons/upload-button.html
+- _includes/callouts/calendar-callout.html
+- _includes/callouts/container-callout.html
+- _includes/callouts/paragraph-callout.html
+- _includes/forms/control-input.html
 - _includes/forms/date-field.html
 - _includes/forms/error-container.html
 - _includes/forms/multiple-choice.html
-- _includes/forms/radio-field.html
 - _includes/forms/submit-button.html
 - _includes/forms/text-field.html
 - _includes/link-button.html
 - _includes/navigation/breadcrumbs.html
+- _includes/navigation/inpage.html
 - _includes/typography/accordian.html
 - _includes/typography/badge.html
-- _includes/typography/callout.html
-- _layouts/conversational.html
 - _layouts/default.html
-- _sass/_colors.scss
-- _sass/_easings.scss
-- _sass/_forms.scss
-- _sass/_grid-settings.scss
-- _sass/_mixins.scss
-- _sass/_normalize.scss
-- _sass/_print.scss
-- _sass/_typography.scss
-- _sass/_validation.scss
-- _sass/_variables.scss
-- _sass/components/_accordian.scss
-- _sass/components/_badge.scss
-- _sass/components/_breadcrumbs.scss
-- _sass/components/_button.scss
-- _sass/components/_callout.scss
-- _sass/components/_multiple-choice.scss
-- _sass/components/_scroll-form.scss
-- _sass/components/_table.scss
-- _sass/components/_text-field.scss
-- _sass/components/_upload-button.scss
-- _sass/mixins/_clearfix.scss
-- _sass/mixins/_ellipsis.scss
-- _sass/mixins/_flex-layout.scss
-- _sass/mixins/_omega-reset.scss
-- _sass/mixins/_prefixer.scss
-- _sass/mixins/_wrapper-padding.scss
-- _sass/vendor/bourbon/_bourbon-deprecate.scss
-- _sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss
-- _sass/vendor/bourbon/_bourbon.scss
-- _sass/vendor/bourbon/addons/_border-color.scss
-- _sass/vendor/bourbon/addons/_border-radius.scss
-- _sass/vendor/bourbon/addons/_border-style.scss
-- _sass/vendor/bourbon/addons/_border-width.scss
-- _sass/vendor/bourbon/addons/_buttons.scss
-- _sass/vendor/bourbon/addons/_clearfix.scss
-- _sass/vendor/bourbon/addons/_ellipsis.scss
-- _sass/vendor/bourbon/addons/_font-stacks.scss
-- _sass/vendor/bourbon/addons/_hide-text.scss
-- _sass/vendor/bourbon/addons/_margin.scss
-- _sass/vendor/bourbon/addons/_padding.scss
-- _sass/vendor/bourbon/addons/_position.scss
-- _sass/vendor/bourbon/addons/_prefixer.scss
-- _sass/vendor/bourbon/addons/_retina-image.scss
-- _sass/vendor/bourbon/addons/_size.scss
-- _sass/vendor/bourbon/addons/_text-inputs.scss
-- _sass/vendor/bourbon/addons/_timing-functions.scss
-- _sass/vendor/bourbon/addons/_triangle.scss
-- _sass/vendor/bourbon/addons/_word-wrap.scss
-- _sass/vendor/bourbon/css3/_animation.scss
-- _sass/vendor/bourbon/css3/_appearance.scss
-- _sass/vendor/bourbon/css3/_backface-visibility.scss
-- _sass/vendor/bourbon/css3/_background-image.scss
-- _sass/vendor/bourbon/css3/_background.scss
-- _sass/vendor/bourbon/css3/_border-image.scss
-- _sass/vendor/bourbon/css3/_calc.scss
-- _sass/vendor/bourbon/css3/_columns.scss
-- _sass/vendor/bourbon/css3/_filter.scss
-- _sass/vendor/bourbon/css3/_flex-box.scss
-- _sass/vendor/bourbon/css3/_font-face.scss
-- _sass/vendor/bourbon/css3/_font-feature-settings.scss
-- _sass/vendor/bourbon/css3/_hidpi-media-query.scss
-- _sass/vendor/bourbon/css3/_hyphens.scss
-- _sass/vendor/bourbon/css3/_image-rendering.scss
-- _sass/vendor/bourbon/css3/_keyframes.scss
-- _sass/vendor/bourbon/css3/_linear-gradient.scss
-- _sass/vendor/bourbon/css3/_perspective.scss
-- _sass/vendor/bourbon/css3/_placeholder.scss
-- _sass/vendor/bourbon/css3/_radial-gradient.scss
-- _sass/vendor/bourbon/css3/_selection.scss
-- _sass/vendor/bourbon/css3/_text-decoration.scss
-- _sass/vendor/bourbon/css3/_transform.scss
-- _sass/vendor/bourbon/css3/_transition.scss
-- _sass/vendor/bourbon/css3/_user-select.scss
-- _sass/vendor/bourbon/functions/_assign-inputs.scss
-- _sass/vendor/bourbon/functions/_contains-falsy.scss
-- _sass/vendor/bourbon/functions/_contains.scss
-- _sass/vendor/bourbon/functions/_is-length.scss
-- _sass/vendor/bourbon/functions/_is-light.scss
-- _sass/vendor/bourbon/functions/_is-number.scss
-- _sass/vendor/bourbon/functions/_is-size.scss
-- _sass/vendor/bourbon/functions/_modular-scale.scss
-- _sass/vendor/bourbon/functions/_px-to-em.scss
-- _sass/vendor/bourbon/functions/_px-to-rem.scss
-- _sass/vendor/bourbon/functions/_shade.scss
-- _sass/vendor/bourbon/functions/_strip-units.scss
-- _sass/vendor/bourbon/functions/_tint.scss
-- _sass/vendor/bourbon/functions/_transition-property-name.scss
-- _sass/vendor/bourbon/functions/_unpack.scss
-- _sass/vendor/bourbon/helpers/_convert-units.scss
-- _sass/vendor/bourbon/helpers/_directional-values.scss
-- _sass/vendor/bourbon/helpers/_font-source-declaration.scss
-- _sass/vendor/bourbon/helpers/_gradient-positions-parser.scss
-- _sass/vendor/bourbon/helpers/_linear-angle-parser.scss
-- _sass/vendor/bourbon/helpers/_linear-gradient-parser.scss
-- _sass/vendor/bourbon/helpers/_linear-positions-parser.scss
-- _sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss
-- _sass/vendor/bourbon/helpers/_radial-arg-parser.scss
-- _sass/vendor/bourbon/helpers/_radial-gradient-parser.scss
-- _sass/vendor/bourbon/helpers/_radial-positions-parser.scss
-- _sass/vendor/bourbon/helpers/_render-gradients.scss
-- _sass/vendor/bourbon/helpers/_shape-size-stripper.scss
-- _sass/vendor/bourbon/helpers/_str-to-num.scss
-- _sass/vendor/bourbon/settings/_asset-pipeline.scss
-- _sass/vendor/bourbon/settings/_deprecation-warnings.scss
-- _sass/vendor/bourbon/settings/_prefixer.scss
-- _sass/vendor/bourbon/settings/_px-to-em.scss
-- _sass/vendor/neat/_neat-helpers.scss
-- _sass/vendor/neat/_neat.scss
-- _sass/vendor/neat/functions/_new-breakpoint.scss
-- _sass/vendor/neat/functions/_private.scss
-- _sass/vendor/neat/grid/_box-sizing.scss
-- _sass/vendor/neat/grid/_direction-context.scss
-- _sass/vendor/neat/grid/_display-context.scss
-- _sass/vendor/neat/grid/_fill-parent.scss
-- _sass/vendor/neat/grid/_media.scss
-- _sass/vendor/neat/grid/_omega.scss
-- _sass/vendor/neat/grid/_outer-container.scss
-- _sass/vendor/neat/grid/_pad.scss
-- _sass/vendor/neat/grid/_private.scss
-- _sass/vendor/neat/grid/_row.scss
-- _sass/vendor/neat/grid/_shift.scss
-- _sass/vendor/neat/grid/_span-columns.scss
-- _sass/vendor/neat/grid/_to-deprecate.scss
-- _sass/vendor/neat/grid/_visual-grid.scss
-- _sass/vendor/neat/settings/_disable-warnings.scss
-- _sass/vendor/neat/settings/_grid.scss
-- _sass/vendor/neat/settings/_visual-grid.scss
-- assets/js/bundle.js
-- assets/js/main.js
-- assets/js/questions.js
-- assets/js/scroll-form.js
-- assets/js/scrolling.js
 - assets/js/vendor/jquery-3.1.1.min.js
 - assets/js/vendor/parsley.min.js
 - assets/style.scss