dvla_internal_frontend_toolkit 0.2.8 → 0.3.0

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 (29) hide show
  1. checksums.yaml +4 -4
  2. data/{vendor → app}/assets/fonts/Inter-UI-Bold.woff +0 -0
  3. data/{vendor → app}/assets/fonts/Inter-UI-Medium.woff +0 -0
  4. data/{vendor → app}/assets/fonts/Inter-UI-Regular.woff +0 -0
  5. data/{vendor → app}/assets/fonts/dvla-icons.woff +0 -0
  6. data/{vendor/assets/layouts → app/views/layouts/erb}/layout-fixed.html.erb +0 -0
  7. data/app/views/layouts/nunjucks/layout-dialog.html +43 -0
  8. data/app/views/layouts/nunjucks/layout-fixed.html +44 -0
  9. data/app/views/layouts/nunjucks/layout-fluid-tabs-left.html +53 -0
  10. data/app/views/layouts/nunjucks/layout-fluid-tabs-top.html +50 -0
  11. data/app/views/layouts/nunjucks/layout-fluid-tabs.html +60 -0
  12. data/app/views/layouts/nunjucks/layout-fluid.html +41 -0
  13. data/lib/dvla_internal_frontend_toolkit/version.rb +1 -1
  14. metadata +12 -21
  15. data/vendor/assets/stylesheets/_dvla-internal-elements.scss +0 -13
  16. data/vendor/assets/stylesheets/constants/_colours.scss +0 -80
  17. data/vendor/assets/stylesheets/constants/_fonts.scss +0 -31
  18. data/vendor/assets/stylesheets/constants/_measurements.scss +0 -1
  19. data/vendor/assets/stylesheets/dvla-internal-elements-styles.min.css +0 -1
  20. data/vendor/assets/stylesheets/dvla-internal-elements-styles.scss +0 -2
  21. data/vendor/assets/stylesheets/elements/_buttons.scss +0 -148
  22. data/vendor/assets/stylesheets/elements/_forms.scss +0 -50
  23. data/vendor/assets/stylesheets/elements/_layout.scss +0 -236
  24. data/vendor/assets/stylesheets/elements/_lists.scss +0 -56
  25. data/vendor/assets/stylesheets/elements/_navigation.scss +0 -113
  26. data/vendor/assets/stylesheets/elements/_tables.scss +0 -155
  27. data/vendor/assets/stylesheets/elements/_tabs.scss +0 -105
  28. data/vendor/assets/stylesheets/elements/_typography.scss +0 -120
  29. data/vendor/assets/stylesheets/elements/_validation.scss +0 -59
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 5f6c1191f121b5ddab5f3a3a30bf6005abbc0fb4
4
- data.tar.gz: d35fb822e6b27d996f6fe4d4ff95adedefe18696
3
+ metadata.gz: 4ddb16780dc5e6049987b46d85e4b9ef5552641b
4
+ data.tar.gz: 22c13e8632d10926857e8c34306b61e2cb10b701
5
5
  SHA512:
6
- metadata.gz: 0274d571c199da42cbfcc30ec1c0aefa0d8f8d2b6f4da4e6ffb8b9819e2fe521119bd9a6fd22dde16d48389a501ca13c02adc864cc7c2da2e3bab0095be4de48
7
- data.tar.gz: 9cefde83d61166aaca150c2b3454502b9a127e1dc391fec3b6a0f12f5503c9dbebdce789173be38f83f45ae9abf1ed1dfa6814535d4d992e7b6e6eed9e3a3931
6
+ metadata.gz: cce107a5ea3484b791a327e52113f82c63c258940d7ba40ef4550a874049e7b4a7b15d2925a63e1a93fa99c81220632bb52aebff880b5a2d92751162aad588aa
7
+ data.tar.gz: 9900616f03632acfaa9fe2ee089c494990c229584255c64561dabd38c93bfc6d8221e8739743957129722813213a073e27895ed52c43a249105aafd36dd23da8
@@ -0,0 +1,43 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ </header>
31
+
32
+ {% block after_header %}{% endblock %}
33
+
34
+ <main id="content">
35
+ <div class="container-dialog">
36
+ <div class="dialog">
37
+ {% block content %}{% endblock %}
38
+ </div>
39
+ </div>
40
+ </main>
41
+ </body>
42
+
43
+ </html>
@@ -0,0 +1,44 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ {% block header_bar %}
31
+ <div id="global-header-bar"></div>
32
+ {% endblock %}
33
+ </header>
34
+
35
+ {% block after_header %}{% endblock %}
36
+
37
+ <main id="content">
38
+ <div class="container">
39
+ {% block content %}{% endblock %}
40
+ </div>
41
+ </main>
42
+ </body>
43
+
44
+ </html>
@@ -0,0 +1,53 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ </header>
31
+
32
+ {% block after_header %}
33
+
34
+ {% endblock %}
35
+
36
+ <main id="content">
37
+ <div id="side-bar">
38
+ {% block tabs_left %}
39
+ <ul>
40
+ <li>Tab title one</li>
41
+ <li class="active">Tab title two</li>
42
+ <li>Tab title three</li>
43
+ <li>Tab title four</li>
44
+ </ul>
45
+ {% endblock %}
46
+ </div>
47
+ <div class="container-fluid">
48
+ {% block content %}{% endblock %}
49
+ </div>
50
+ </main>
51
+ </body>
52
+
53
+ </html>
@@ -0,0 +1,50 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ {% block tabs_top %}
31
+ <ul>
32
+ <li>Tab title one</li>
33
+ <li class="active">Active tab</li>
34
+ <li>Tab title two</li>
35
+ </ul>
36
+ {% endblock %}
37
+ </header>
38
+
39
+ {% block after_header %}
40
+
41
+ {% endblock %}
42
+
43
+ <main id="content">
44
+ <div class="container-fluid">
45
+ {% block content %}{% endblock %}
46
+ </div>
47
+ </main>
48
+ </body>
49
+
50
+ </html>
@@ -0,0 +1,60 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ {% block tabs_top %}
31
+ <ul>
32
+ <li>Tab title one</li>
33
+ <li class="active">Active tab</li>
34
+ <li>Tab title two</li>
35
+ </ul>
36
+ {% endblock %}
37
+ </header>
38
+
39
+ {% block after_header %}
40
+
41
+ {% endblock %}
42
+
43
+ <main id="content">
44
+ <div id="side-bar">
45
+ {% block tabs_left %}
46
+ <ul>
47
+ <li>Tab title one</li>
48
+ <li class="active">Tab title two</li>
49
+ <li>Tab title three</li>
50
+ <li>Tab title four</li>
51
+ </ul>
52
+ {% endblock %}
53
+ </div>
54
+ <div class="container-fluid">
55
+ {% block content %}{% endblock %}
56
+ </div>
57
+ </main>
58
+ </body>
59
+
60
+ </html>
@@ -0,0 +1,41 @@
1
+ {% block top_of_page %}{% endblock %}
2
+ <html>
3
+
4
+ <head>
5
+ <title>{% block page_title %} {% endblock %}</title>
6
+ <meta name="viewport" content="width=device-width" />
7
+ {% block head %} {% endblock %}
8
+ </head>
9
+
10
+ <body class="{% block body_classes %}{% endblock %}">
11
+ <script>
12
+ document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
13
+ </script>
14
+ {% block body_start %}{% endblock %}
15
+
16
+ <header role="banner" id="global-header" class="{% block header_class %}{% endblock %}">
17
+ <div id="header-wrapper">
18
+ <div id="header-contents">
19
+ <div id="header-float-left">
20
+ <div id="header-logo">
21
+ <a href="/" title="Home" id="logo" class="content">
22
+ <div id="coat-of-arms" alt=""></div>
23
+ <div class="name">DVLA</div>
24
+ <div class="service-name">{% block service_name %}{% endblock %}</div>
25
+ </a>
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </div>
30
+ </header>
31
+
32
+ {% block after_header %}{% endblock %}
33
+
34
+ <main id="content">
35
+ <div class="container-fluid">
36
+ {% block content %}{% endblock %}
37
+ </div>
38
+ </main>
39
+ </body>
40
+
41
+ </html>
@@ -1,3 +1,3 @@
1
1
  module DvlaInternalFrontendToolkit
2
- VERSION = "0.2.8"
2
+ VERSION = "0.3.0"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dvla_internal_frontend_toolkit
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.8
4
+ version: 0.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Liam Betsworth
@@ -63,28 +63,19 @@ extra_rdoc_files: []
63
63
  files:
64
64
  - LICENSE
65
65
  - README.md
66
+ - app/assets/fonts/Inter-UI-Bold.woff
67
+ - app/assets/fonts/Inter-UI-Medium.woff
68
+ - app/assets/fonts/Inter-UI-Regular.woff
69
+ - app/assets/fonts/dvla-icons.woff
70
+ - app/views/layouts/erb/layout-fixed.html.erb
71
+ - app/views/layouts/nunjucks/layout-dialog.html
72
+ - app/views/layouts/nunjucks/layout-fixed.html
73
+ - app/views/layouts/nunjucks/layout-fluid-tabs-left.html
74
+ - app/views/layouts/nunjucks/layout-fluid-tabs-top.html
75
+ - app/views/layouts/nunjucks/layout-fluid-tabs.html
76
+ - app/views/layouts/nunjucks/layout-fluid.html
66
77
  - lib/dvla_internal_frontend_toolkit.rb
67
78
  - lib/dvla_internal_frontend_toolkit/version.rb
68
- - vendor/assets/fonts/Inter-UI-Bold.woff
69
- - vendor/assets/fonts/Inter-UI-Medium.woff
70
- - vendor/assets/fonts/Inter-UI-Regular.woff
71
- - vendor/assets/fonts/dvla-icons.woff
72
- - vendor/assets/layouts/layout-fixed.html.erb
73
- - vendor/assets/stylesheets/_dvla-internal-elements.scss
74
- - vendor/assets/stylesheets/constants/_colours.scss
75
- - vendor/assets/stylesheets/constants/_fonts.scss
76
- - vendor/assets/stylesheets/constants/_measurements.scss
77
- - vendor/assets/stylesheets/dvla-internal-elements-styles.min.css
78
- - vendor/assets/stylesheets/dvla-internal-elements-styles.scss
79
- - vendor/assets/stylesheets/elements/_buttons.scss
80
- - vendor/assets/stylesheets/elements/_forms.scss
81
- - vendor/assets/stylesheets/elements/_layout.scss
82
- - vendor/assets/stylesheets/elements/_lists.scss
83
- - vendor/assets/stylesheets/elements/_navigation.scss
84
- - vendor/assets/stylesheets/elements/_tables.scss
85
- - vendor/assets/stylesheets/elements/_tabs.scss
86
- - vendor/assets/stylesheets/elements/_typography.scss
87
- - vendor/assets/stylesheets/elements/_validation.scss
88
79
  homepage: https://github.com/liam-betsworth/dvla_internal_frontend_toolkit
89
80
  licenses:
90
81
  - MIT
@@ -1,13 +0,0 @@
1
- @import "constants/colours";
2
- @import "constants/fonts";
3
- @import "constants/measurements";
4
-
5
- @import "elements/buttons";
6
- @import "elements/forms";
7
- @import "elements/layout";
8
- @import "elements/lists";
9
- @import "elements/navigation";
10
- @import "elements/tables";
11
- @import "elements/tabs";
12
- @import "elements/typography";
13
- @import "elements/validation";
@@ -1,80 +0,0 @@
1
- /* Primary colour */
2
- $primary: #097567;
3
-
4
- $primary-dark: mix(black, $primary, 15%);
5
- $primary-darker: mix(black, $primary, 30%);
6
- $primary-darkest: mix(black, $primary, 50%);
7
-
8
- $primary-light: mix(white, $primary, 20%);
9
- $primary-lighter: mix(white, $primary, 50%);
10
- $primary-lightest: mix(white, $primary, 80%);
11
-
12
- /* Secondary colour */
13
- $secondary: #0070B3;
14
-
15
- $secondary-dark: mix(black, $secondary, 15%);
16
- $secondary-darker: mix(black, $secondary, 30%);
17
- $secondary-darkest: mix(black, $secondary, 50%);
18
-
19
- $secondary-light: mix(white, $secondary, 20%);
20
- $secondary-lighter: mix(white, $secondary, 50%);
21
- $secondary-lightest: mix(white, $secondary, 80%);
22
-
23
- /* Success colour */
24
- $success: #84BF24;
25
-
26
- $success-dark: mix(black, $success, 15%);
27
- $success-darker: mix(black, $success, 30%);
28
- $success-darkest: mix(black, $success, 50%);
29
-
30
- $success-light: mix(white, $success, 20%);
31
- $success-lighter: mix(white, $success, 50%);
32
- $success-lightest: mix(white, $success, 80%);
33
-
34
- /* Error colour */
35
- $error: #B10E1E;
36
-
37
- $error-dark: mix(black, $error, 15%);
38
- $error-darker: mix(black, $error, 30%);
39
- $error-darkest: mix(black, $error, 50%);
40
-
41
- $error-light: mix(white, $error, 20%);
42
- $error-lighter: mix(white, $error, 50%);
43
- $error-lightest: mix(white, $error, 80%);
44
-
45
- /* Warning colour */
46
- $warning: #EA890A;
47
-
48
- $warning-dark: mix(black, $warning, 15%);
49
- $warning-darker: mix(black, $warning, 30%);
50
- $warning-darkest: mix(black, $warning, 50%);
51
-
52
- $warning-light: mix(white, $warning, 20%);
53
- $warning-lighter: mix(white, $warning, 50%);
54
- $warning-lightest: mix(white, $warning, 80%);
55
-
56
- /* General colours */
57
-
58
- $text-primary-colour: #0B0C0C;
59
- $text-secondary-colour: #6F777B;
60
- $link-colour: #005EA5;
61
- $link-hover-colour: #2B8CCC;
62
- $focus-colour: #FFBF47;
63
- $visited-colour: #4C2C92;
64
- $black: #0B0C0C;
65
- $grey-1: #6F777B;
66
- $grey-2: #BFC1C3;
67
- $grey-3: #DEE0E2;
68
- $grey-4: #F4F4F4;
69
-
70
- $alpha: #D54780;
71
- $beta: #F47A40;
72
- $discovery: #913A87;
73
- $live: #85964E;
74
- $gov-uk-blue: #005EA5;
75
- $mellow-red: #DF3034;
76
- $mauve: #6F71AF;
77
- $baby-pink: #6F777B;
78
- $green: #006435;
79
- $light-blue: #2B8CC4;
80
- $brown: #FFBF47;