dvla_internal_frontend_toolkit 0.2.8 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
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;