vp-themes 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. checksums.yaml +7 -0
  2. data/.byebug_history +87 -0
  3. data/.rspec +3 -0
  4. data/CHANGELOG.md +5 -0
  5. data/Gemfile +10 -0
  6. data/Gemfile.lock +58 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +33 -0
  9. data/Rakefile +8 -0
  10. data/lib/.DS_Store +0 -0
  11. data/lib/themes/apicil.yml +104 -0
  12. data/lib/themes/claire.yml +125 -0
  13. data/lib/themes/es.yml +116 -0
  14. data/lib/themes/lmdp.yml +129 -0
  15. data/lib/themes/malakoff.yml +89 -0
  16. data/lib/vp/pears/vp_theme.rb +32 -0
  17. data/lib/vp/themes/version.rb +7 -0
  18. data/lib/vp/themes.rb +12 -0
  19. data/sig/vp/themes.rbs +6 -0
  20. metadata +90 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: cef6730f8950e99dc3deb57746f6457eefcf3b00e380e662efb60dd9899eaf05
4
+ data.tar.gz: a2d49bd80e4d619b206577a71a8d08f7882ca68966247fcb2f09e55109997389
5
+ SHA512:
6
+ metadata.gz: 705768babec2bcdb53bf84191b69ce40e9428c1e83856d81b8dbb14675722569725df945f9df0f95ddeeef81b1048c715669aa88f8bf7aa60383abd735b671e6
7
+ data.tar.gz: 5637ab848cf488ad34710363aabde1980eab9517525d4097909a5e1a0dc52d1a1722cb328edaa45cf8f1d46b79cb0f62688f0ff1791df494ee3ad4597673b544
data/.byebug_history ADDED
@@ -0,0 +1,87 @@
1
+ c
2
+ MAP[name.downcase]
3
+ c
4
+ MAP[name.downcase]
5
+ name
6
+ c
7
+ MAP[:apicil]
8
+ MAP
9
+ c
10
+ Hash[THEMES.map {|fil| fil.split('/').last.delete_suffix('.yml') }.zip(THEMES)].with_indifferent_access
11
+ Hash[THEMES.map {|fil| fil.split('/').last.delete_suffix('.yml') }.zip(THEMES)]
12
+ THEMES.map {|fil| fil.split('/').last.delete_suffix('.yml') }.zip(THEMES)
13
+ THEMES.map {|fil| fil.split('/').last.delete_suffix('.yml') }
14
+ THEMES.map {|fil| fil.split('/').last }
15
+ THEMES.map {|fil| fil.split('/'),last }
16
+ THEMES.map {|fil| fil.split('/') }
17
+ THEMES.map {|fil| fil.split('/')
18
+ THEMES
19
+ Dir["#{__FILE__}".split('/').slice(0..-4).join('/')+'/themes/*']
20
+ THEMESDir["#{__FILE__}".split('/').slice(0..-4).join('/')+'/themes/*']
21
+ THEMES
22
+ c
23
+ THEMES.map{ |th| th.split('/').last.delete_suffix('.yml') }
24
+ THEMES.map{ |th| th.split('/').last }.delete_suffix('.yml')
25
+ THEMES.map{ |th| th.split('/').last }
26
+ THEMES.map{ |th| th.split('/') }
27
+ THEMES.split('/')
28
+ THEMES
29
+ c
30
+ Dir["#{file}".split('/').slice(0..-4).join('/')+'/themes/*']
31
+ Dir["#{file}".split('/').slice(0..-3).join('/')+'/themes/*']
32
+ Dir["#{file}".split('/').slice(0..-3).join('/')+'themes/*']
33
+ Dir["#{file}".split('/').slice(0..-3).join('/')+'*']
34
+ Dir["#{file}".split('/').slice(0..-2).join('/')+'*']
35
+ Dir["#{file}".split('/').slice(0..-2).join('/')]
36
+ "#{file}".split('/').slice(0..-2).join '/'
37
+ "#{file}".split('/').slice(0..-2)
38
+ "#{file}".split('/').slice(0..-1)
39
+ Dir.new("#{file}".split('/').slice(0..-1))
40
+ Dir.new("#{file}".split('/').slice(0..-1)
41
+ Dir.new "#{file}".split('/')
42
+ Dir.new "#{file}"
43
+ Dir.new "#{file}/.."
44
+ Dir.new "#{file}"
45
+ Dir["#{file}"].first
46
+ Dir["#{file}"].class
47
+ Dir["#{file}"]
48
+ Dir "#{file}"
49
+ Dir.glob "#{file}"
50
+ Dir.glob "#{file}/../../.."
51
+ Dir.glob "#{file}/../.."
52
+ Dir.glob "#{file}/.."
53
+ Dir.glob "#{file}"
54
+ Dir.glob "#{file}/*"
55
+ Dir.glob "#{file}/../*"
56
+ Dir.glob "#{file}/../../*"
57
+ Dir.glob "#{file}/../.."
58
+ Dir.glob "#{file}/.."
59
+ Dir["#{file}/.."].entries
60
+ Dir["#{file}"]
61
+ Dir["#{file}/.."]
62
+ Dir["#{file}/../.."]
63
+ Dir["#{file}/../..]
64
+ file
65
+ c
66
+ __FILE__
67
+ Dir.entries("#{__FILE__}/..")
68
+ Dir.entries(__FILE__)
69
+ Dir.entries(__dir__)
70
+ Dir.entries(_dir_)
71
+ Dir.entries(_dif_)
72
+ Dir.entries(_path_)
73
+ Dir.entries(__PATH__)
74
+ Dir.entries(__path__)
75
+ Dir.entries('.')
76
+ Dir.glob
77
+ Dir.glob('.')
78
+ Dir.glob(.)
79
+ Dir.glob('..')
80
+ Dir.glob('../')
81
+ Dir.glob('../../themes/')
82
+ Dir.glob('../../../themes/')
83
+ Dir.glob('../../../themes')
84
+ __dir__
85
+ PATH
86
+ _PATH_
87
+ __PATH__
data/.rspec ADDED
@@ -0,0 +1,3 @@
1
+ --format documentation
2
+ --color
3
+ --require spec_helper
data/CHANGELOG.md ADDED
@@ -0,0 +1,5 @@
1
+ ## [Unreleased]
2
+
3
+ ## [0.1.0] - 2022-06-30
4
+
5
+ - Initial release
data/Gemfile ADDED
@@ -0,0 +1,10 @@
1
+ # frozen_string_literal: true
2
+
3
+ source "https://rubygems.org"
4
+
5
+ # Specify your gem's dependencies in vp-themes.gemspec
6
+ gemspec
7
+
8
+ gem "rake", "~> 13.0"
9
+
10
+ gem "rspec", "~> 3.0"
data/Gemfile.lock ADDED
@@ -0,0 +1,58 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ vp-themes (0.1.0)
5
+ pears (>= 0.2.0)
6
+
7
+ GEM
8
+ remote: https://rubygems.org/
9
+ specs:
10
+ activesupport (7.0.3)
11
+ concurrent-ruby (~> 1.0, >= 1.0.2)
12
+ i18n (>= 1.6, < 2)
13
+ minitest (>= 5.1)
14
+ tzinfo (~> 2.0)
15
+ byebug (11.1.3)
16
+ concurrent-ruby (1.1.10)
17
+ diff-lcs (1.5.0)
18
+ dry-configurable (0.15.0)
19
+ concurrent-ruby (~> 1.0)
20
+ dry-core (~> 0.6)
21
+ dry-core (0.7.1)
22
+ concurrent-ruby (~> 1.0)
23
+ i18n (1.10.0)
24
+ concurrent-ruby (~> 1.0)
25
+ minitest (5.16.1)
26
+ pears (0.2.0)
27
+ activesupport
28
+ dry-configurable (>= 0.13.0)
29
+ redis
30
+ rake (13.0.6)
31
+ redis (4.7.0)
32
+ rspec (3.11.0)
33
+ rspec-core (~> 3.11.0)
34
+ rspec-expectations (~> 3.11.0)
35
+ rspec-mocks (~> 3.11.0)
36
+ rspec-core (3.11.0)
37
+ rspec-support (~> 3.11.0)
38
+ rspec-expectations (3.11.0)
39
+ diff-lcs (>= 1.2.0, < 2.0)
40
+ rspec-support (~> 3.11.0)
41
+ rspec-mocks (3.11.1)
42
+ diff-lcs (>= 1.2.0, < 2.0)
43
+ rspec-support (~> 3.11.0)
44
+ rspec-support (3.11.0)
45
+ tzinfo (2.0.4)
46
+ concurrent-ruby (~> 1.0)
47
+
48
+ PLATFORMS
49
+ arm64-darwin-20
50
+
51
+ DEPENDENCIES
52
+ byebug
53
+ rake (~> 13.0)
54
+ rspec (~> 3.0)
55
+ vp-themes!
56
+
57
+ BUNDLED WITH
58
+ 2.3.14
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2022 Steven Kemp
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,33 @@
1
+ # Vp::Themes
2
+
3
+ This gem is used to version and package the VP themes. If you don't know what than this package is most likely very uninteresting for you.
4
+
5
+ ## Installation
6
+
7
+ Install the gem and add to the application's Gemfile by executing:
8
+
9
+ $ bundle add vp-themes
10
+
11
+ If bundler is not being used to manage dependencies, install the gem by executing:
12
+
13
+ $ gem install vp-themes
14
+
15
+ ## Usage
16
+
17
+ if this gem is installed the pears provide vp-theme should be available for you.
18
+
19
+ ```
20
+ Pears.subject(:theme) do |provider|
21
+ provider.vp_theme 'claire'
22
+ end
23
+ ```
24
+
25
+ Check ./lib/themes of this repository for a full list of available themes.
26
+
27
+ ## Development
28
+
29
+ As the code is pretty simple I'll just ask you to keep it simple.
30
+
31
+ ## License
32
+
33
+ The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
data/Rakefile ADDED
@@ -0,0 +1,8 @@
1
+ # frozen_string_literal: true
2
+
3
+ require "bundler/gem_tasks"
4
+ require "rspec/core/rake_task"
5
+
6
+ RSpec::Core::RakeTask.new(:spec)
7
+
8
+ task default: :spec
data/lib/.DS_Store ADDED
Binary file
data/lib/themes/apicil.yml ADDED
@@ -0,0 +1,104 @@
1
+ assets:
2
+ scope: apicil
3
+ color: '#FF7C6D'
4
+
5
+ animation:
6
+ smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)
7
+
8
+ color:
9
+ transparent: 255, 255, 255
10
+ dark: 27, 27, 27
11
+ light: 255, 255, 255
12
+ assertive: 227, 5, 19
13
+ assertive-500: 227, 5, 19
14
+ balanced: 178, 202, 84
15
+ balanced-500: 64, 64, 64
16
+ energized: 245, 166, 35
17
+ positive: 64, 64, 64
18
+ royal: 42, 209, 176
19
+ happy-700: 249, 189, 0
20
+ stable-100: 250, 250, 250
21
+ stable-300: 245, 245, 245
22
+ stable-500: 237, 237, 237
23
+ stable-700: 225, 225, 225
24
+ stable-800: 117, 117, 117
25
+ stable-900: 79, 79, 79
26
+
27
+ font:
28
+ stack: Roboto
29
+ stack-alt: Montserrat
30
+ stack-handwriting: cursive
31
+ size-xxxl: 42px
32
+ size-xxl: 27px
33
+ size-xl: 22px
34
+ size-l: 20px
35
+ size-m: 18px
36
+ size-s: 16px
37
+ size-xs: 15px
38
+ size-xxs: 14px
39
+ size-xxxs: 12px
40
+
41
+ radius:
42
+ xs: 3px
43
+ s: 5px
44
+ m: 10px
45
+ l: 60px
46
+ xl: 75px
47
+
48
+ spacing:
49
+ xxxs: 2px
50
+ xxs: 5px
51
+ xs: 10px
52
+ s: 12px
53
+ m: 15px
54
+ l: 20px
55
+ xl: 30px
56
+ xxl: 40px
57
+ xxxl: 50px
58
+
59
+ shadow:
60
+ s: 0px 1px 0px rgba(0, 0, 0, 0.05)
61
+ m: 0px 1px 3px rgba(0, 0, 0, 0.05)
62
+ l: 0px 3px 6px rgba(0, 0, 0, 0.05)
63
+
64
+ grid:
65
+ max-width: 1140px
66
+
67
+ steps:
68
+ link-border: 2px solid rgba(216, 221, 226, 1)
69
+ padding: var(--spacing-m) 0
70
+
71
+ content:
72
+ color: rgba(var(--color-stable-900), 1)
73
+ intro-font-weight: 400
74
+
75
+ list:
76
+ color-marker: rgba(var(--color-assertive), 1)
77
+
78
+ wrapper:
79
+ card-border: 1px solid rgba(var(--color-stable-500), 1)
80
+
81
+ table:
82
+ tr-even-background-color: rgba(var(--color-light), 1)
83
+ td-padding-medium: var(--spacing-s) var(--spacing-xl)
84
+
85
+ modal:
86
+ padding: var(--spacing-xl) var(--spacing-xxl) var(--spacing-l) var(--spacing-xxl)
87
+ border-bottom: none
88
+
89
+ textarea:
90
+ border: 1px solid rgba(var(--color-stable-500), 1)
91
+
92
+ footer:
93
+ background-color: rgba(var(--color-stable-900), 1)
94
+
95
+ content-strong:
96
+ font-weight: 500
97
+
98
+ pdf:
99
+ footer-divider: '#e50000'
100
+ title-color: '#e50000'
101
+
102
+ vp-widget:
103
+ bullet-bg-color-default: var(--color-stable-300)
104
+ bullet-color: var(--color-assertive)
data/lib/themes/claire.yml ADDED
@@ -0,0 +1,125 @@
1
+ assets:
2
+ scope: claire
3
+ color: '#133E5E'
4
+
5
+ animation:
6
+ smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)
7
+
8
+ color:
9
+ transparent: 255, 255, 255
10
+ dark: 33, 33, 33
11
+ light: 255, 255, 255
12
+ assertive: 243, 70, 41
13
+ balanced: 96, 219, 0
14
+ energized: 255, 126, 0
15
+ positive: 19, 62, 94
16
+ royal: 42, 209, 176
17
+ happy-700: 249, 189, 0
18
+ stable-100: 246, 248, 249
19
+ stable-300: 241, 242, 244
20
+ stable-500: 230, 234, 236
21
+ stable-700: 216, 221, 226
22
+ stable-800: 117, 117, 117
23
+ stable-900: 122, 135, 144
24
+
25
+ font:
26
+ stack: Roboto
27
+ stack-alt: Montserrat
28
+ stack-handwriting: cursive
29
+ size-xxxl: 42px
30
+ size-xxl: 27px
31
+ size-xl: 22px
32
+ size-l: 20px
33
+ size-m: 18px
34
+ size-s: 16px
35
+ size-xs: 15px
36
+ size-xxs: 14px
37
+ size-xxxs: 12px
38
+
39
+ radius:
40
+ xs: 3px
41
+ s: 5px
42
+ m: 10px
43
+ l: 60px
44
+ xl: 75px
45
+
46
+ spacing:
47
+ xxxs: 2px
48
+ xxs: 5px
49
+ xs: 10px
50
+ s: 12px
51
+ m: 15px
52
+ l: 20px
53
+ xl: 30px
54
+ xxl: 40px
55
+ xxxl: 50px
56
+
57
+ shadow:
58
+ s: 0px 1px 0px rgba(0, 0, 0, 0.05)
59
+ m: 0px 1px 3px rgba(0, 0, 0, 0.05)
60
+ l: 0px 3px 6px rgba(0, 0, 0, 0.05)
61
+
62
+ grid:
63
+ max-width: 1140px
64
+
65
+ image:
66
+ text-width: 490px
67
+ border-radius: var(--radius-m)
68
+
69
+ button:
70
+ title-font-weight: 500
71
+
72
+ steps:
73
+ link-font-family: var(--font-stack)
74
+ link-border: 2px solid rgba(216, 221, 226, 1)
75
+ padding: var(--spacing-m) 0
76
+
77
+ content:
78
+ intro-font-weight: 400
79
+ button-font-weight: 500
80
+
81
+ heading:
82
+ h6-font-weight-medium: 600
83
+
84
+ list:
85
+ color-marker: rgba(var(--color-royal), 1)
86
+
87
+ wrapper:
88
+ card-border: 1px solid rgba(var(--color-stable-500), 1)
89
+
90
+ table:
91
+ tr-even-background-color: rgba(var(--color-light), 1)
92
+ td-padding-medium: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl)
93
+ border-th-padding-medium: var(--spacing-s) var(--spacing-xl)
94
+
95
+ modal:
96
+ heading-border-bottom: 1px solid rgba(var(--color-stable-500), 1)
97
+
98
+ textarea:
99
+ border-right: 1px solid rgba(var(--color-stable-500), 1)
100
+ border-bottom: 1px solid rgba(var(--color-stable-500), 1)
101
+ border-left: 1px solid rgba(var(--color-stable-500), 1)
102
+ border-top: 1px solid rgba(var(--color-stable-500), 1)
103
+
104
+ option:
105
+ background-color: rgba(var(--color-light),1)
106
+
107
+ content-strong:
108
+ font-weight: 500
109
+
110
+ message:
111
+ background: currentColor
112
+
113
+ download:
114
+ padding: var(--spacing-m) var(--spacing-l)
115
+
116
+ header:
117
+ sidelogo-display: flex
118
+
119
+ pdf:
120
+ footer-divider: '#e50000'
121
+ title-color: '#e50000'
122
+
123
+ vp-widget:
124
+ questionnaire-primary-button-radius: 10px
125
+ button-m-padding: var(--spacing-xs) var(--spacing-l)
data/lib/themes/es.yml ADDED
@@ -0,0 +1,116 @@
1
+ assets:
2
+ scope: claire
3
+ color: '#133E5E'
4
+
5
+ animation:
6
+ smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)
7
+
8
+ color:
9
+ transparent: 255, 255, 255
10
+ dark: 33, 33, 33
11
+ light: 255, 255, 255
12
+ assertive: 243, 70, 41
13
+ balanced: 96, 219, 0
14
+ energized: 255, 126, 0
15
+ positive: 19, 62, 94
16
+ royal: 42, 209, 176
17
+ happy-700: 249, 189, 0
18
+ stable-100: 246, 248, 249
19
+ stable-300: 241, 242, 244
20
+ stable-500: 230, 234, 236
21
+ stable-700: 216, 221, 226
22
+ stable-800: 117, 117, 117
23
+ stable-900: 122, 135, 144
24
+
25
+ font:
26
+ stack: Roboto
27
+ stack-alt: Montserrat
28
+ stack-handwriting: cursive
29
+ size-xxxl: 42px
30
+ size-xxl: 27px
31
+ size-xl: 22px
32
+ size-l: 20px
33
+ size-m: 18px
34
+ size-s: 16px
35
+ size-xs: 15px
36
+ size-xxs: 14px
37
+ size-xxxs: 12px
38
+
39
+ radius:
40
+ xs: 3px
41
+ s: 5px
42
+ m: 10px
43
+ l: 60px
44
+ xl: 75px
45
+
46
+ spacing:
47
+ xxxs: 2px
48
+ xxs: 5px
49
+ xs: 10px
50
+ s: 12px
51
+ m: 15px
52
+ l: 20px
53
+ xl: 30px
54
+ xxl: 40px
55
+ xxxl: 50px
56
+
57
+ shadow:
58
+ s: 0px 1px 0px rgba(0, 0, 0, 0.05)
59
+ m: 0px 1px 3px rgba(0, 0, 0, 0.05)
60
+ l: 0px 3px 6px rgba(0, 0, 0, 0.05)
61
+
62
+ grid:
63
+ max-width: 1140px
64
+
65
+ button:
66
+ title-font-weight: 500
67
+
68
+ steps:
69
+ link-border: 2px solid rgba(216, 221, 226, 1)
70
+ padding: var(--spacing-m) 0
71
+
72
+ content:
73
+ intro-font-weight: 400
74
+ button-font-weight: 500
75
+
76
+ heading:
77
+ h6-font-weight-medium: 600
78
+
79
+ list:
80
+ color-marker: rgba(var(--color-royal), 1)
81
+
82
+ wrapper:
83
+ card-border: 1px solid rgba(var(--color-stable-500), 1)
84
+
85
+ table:
86
+ tr-even-background-color: rgba(var(--color-light), 1)
87
+ td-padding-medium: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl)
88
+ border-th-padding-medium: var(--spacing-s) var(--spacing-xl)
89
+
90
+ modal:
91
+ heading-border-bottom: 1px solid rgba(var(--color-stable-500), 1)
92
+
93
+ textarea:
94
+ border-right: 1px solid rgba(var(--color-stable-500), 1)
95
+ border-bottom: 1px solid rgba(var(--color-stable-500), 1)
96
+ border-left: 1px solid rgba(var(--color-stable-500), 1)
97
+ border-top: 1px solid rgba(var(--color-stable-500), 1)
98
+
99
+ option:
100
+ background-color: rgba(var(--color-light),1)
101
+
102
+ content-strong:
103
+ font-weight: 500
104
+
105
+ message:
106
+ background: currentColor
107
+
108
+ download:
109
+ padding: var(--spacing-m) var(--spacing-l);
110
+
111
+ header:
112
+ sidelogo-display: none
113
+
114
+ pdf:
115
+ footer-divider: '#e50000'
116
+ title-color: '#e50000'
data/lib/themes/lmdp.yml ADDED
@@ -0,0 +1,129 @@
1
+ assets:
2
+ scope: lmdp
3
+ color: '#133E5E'
4
+
5
+ animation:
6
+ smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)
7
+
8
+ color:
9
+ transparent: 255, 255, 255
10
+ dark: 59, 59, 62
11
+ light: 255, 255, 255
12
+ assertive: 243, 70, 41
13
+ balanced: 96, 219, 0
14
+ energized: 255, 126, 0
15
+ positive: 4, 114, 187
16
+ royal: 108, 192, 35
17
+ happy-700: 249, 189, 0
18
+ stable-100: 246, 248, 249
19
+ stable-300: 241, 242, 244
20
+ stable-500: 230, 234, 236
21
+ stable-700: 216, 221, 226
22
+ stable-800: 117, 117, 117
23
+ stable-900: 117, 117, 117
24
+
25
+ font:
26
+ stack: Roboto
27
+ stack-alt: Montserrat
28
+ stack-handwriting: cursive
29
+ size-xxxl: 42px
30
+ size-xxl: 27px
31
+ size-xl: 22px
32
+ size-l: 20px
33
+ size-m: 18px
34
+ size-s: 16px
35
+ size-xs: 15px
36
+ size-xxs: 14px
37
+ size-xxxs: 12px
38
+
39
+ radius:
40
+ xs: 3px
41
+ s: 5px
42
+ m: 10px
43
+ l: 60px
44
+ xl: 75px
45
+
46
+ spacing:
47
+ xxxs: 2px
48
+ xxs: 5px
49
+ xs: 10px
50
+ s: 12px
51
+ m: 15px
52
+ l: 20px
53
+ xl: 30px
54
+ xxl: 40px
55
+ xxxl: 50px
56
+
57
+ shadow:
58
+ s: 0px 1px 0px rgba(0, 0, 0, 0.05)
59
+ m: 0px 1px 3px rgba(0, 0, 0, 0.05)
60
+ l: 0px 3px 6px rgba(0, 0, 0, 0.05)
61
+
62
+ grid:
63
+ max-width: 1140px
64
+
65
+ button:
66
+ title-font-weight: 500
67
+
68
+ steps:
69
+ link-border: 2px solid rgba(216, 221, 226, 1)
70
+ padding: var(--spacing-m) 0
71
+
72
+ content:
73
+ intro-font-weight: 400
74
+ button-font-weight: 500
75
+
76
+ heading:
77
+ h6-font-weight-medium: 600
78
+
79
+ list:
80
+ color-marker: rgba(var(--color-royal), 1)
81
+
82
+ wrapper:
83
+ card-border: 1px solid rgba(var(--color-stable-500), 1)
84
+
85
+ table:
86
+ tr-even-background-color: rgba(var(--color-light), 1)
87
+ td-padding-medium: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-xl)
88
+ border-th-padding-medium: var(--spacing-s) var(--spacing-xl)
89
+
90
+ modal:
91
+ heading-border-bottom: 1px solid rgba(var(--color-stable-500), 1)
92
+
93
+ textarea:
94
+ border-right: 1px solid rgba(var(--color-stable-500), 1)
95
+ border-bottom: 1px solid rgba(var(--color-stable-500), 1)
96
+ border-left: 1px solid rgba(var(--color-stable-500), 1)
97
+ border-top: 1px solid rgba(var(--color-stable-500), 1)
98
+
99
+ option:
100
+ background-color: rgba(var(--color-light),1)
101
+
102
+ content-strong:
103
+ font-weight: 500
104
+
105
+ message:
106
+ background: currentColor
107
+
108
+ download:
109
+ padding: var(--spacing-m) var(--spacing-l);
110
+
111
+ header:
112
+ sidelogo-display: flex
113
+ logo-link-img-max-height: 60px;
114
+
115
+ dragAndDrop:
116
+ underline-color: rgba(var(--color-positive), 1)
117
+
118
+ progressBar:
119
+ uppy-ProgressBar-inner-background-color: rgba(var(--color-royal), 1)
120
+
121
+ badge:
122
+ color: rgba(var(--color-assertive), 1)
123
+
124
+ avatar:
125
+ color: rgba(var(--color-stable-700), 1)
126
+
127
+ pdf:
128
+ footer-divider: '#0075bf'
129
+ title-color: '#0075bf'
data/lib/themes/malakoff.yml ADDED
@@ -0,0 +1,89 @@
1
+ assets:
2
+ scope: malakoff
3
+ color: '#007AFF'
4
+
5
+ animation:
6
+ smooth-ease: cubic-bezier(0.7, 0, 0.3, 1)
7
+
8
+ color:
9
+ transparent: 255, 255, 255
10
+ dark: 34, 34, 34
11
+ light: 255, 255, 255
12
+ assertive: 255, 75, 51
13
+ positive: 0, 99, 116
14
+ balanced: 96, 219, 0
15
+ balanced-500: 255, 75, 51
16
+ energized: 90, 213, 217
17
+ energized-500: 90, 213, 217
18
+ royal-500: 109, 76, 167
19
+ royal-700: 75, 33, 142
20
+ happy-700: 249, 189, 0
21
+ stable-100: 246, 248, 249
22
+ stable-300: 246, 246, 246
23
+ stable-500: 225, 225, 225
24
+ stable-700: 117, 117, 117
25
+ stable-800: 117, 117, 117
26
+ stable-900: 122, 135, 144
27
+
28
+ font:
29
+ stack: Publica Sans, sans-serif
30
+ stack-alt: Publica Sans, sans-serif
31
+ stack-handwriting: cursive
32
+ size-xxxl: 42px
33
+ size-xxl: 27px
34
+ size-xl: 22px
35
+ size-l: 20px
36
+ size-m: 18px
37
+ size-s: 16px
38
+ size-xs: 15px
39
+ size-xxs: 14px
40
+ size-xxxs: 12px
41
+
42
+ image:
43
+ border-radius: 0
44
+
45
+ button:
46
+ s-rounded-padding: 8px
47
+ spacing-m: var(--spacing-m) var(--spacing-xl)
48
+ background-color: rgba(var(--color-assertive), 1)
49
+ border: none
50
+ border-radius: 36px
51
+ l-padding: var(--spacing-s) var(--spacing-xxl)
52
+
53
+ simple:
54
+ border-top: none
55
+ border-right: none
56
+ border-bottom: solid 1px rgba(var(--color-dark), 1)
57
+ border-left: none
58
+
59
+ banner:
60
+ background-color: rgba(var(--color-energized-500), 1)
61
+
62
+ header:
63
+ userButton-color: rgba(var(--color-assertive), 1)
64
+
65
+ avatar:
66
+ logo-background-color: rgba(var(--color-assertive), 0.15)
67
+
68
+ footer:
69
+ background-color: rgba(var(--color-stable-700), 1)
70
+
71
+ steps:
72
+ link-active-color: rgba(var(--color-assertive))
73
+ link-active-title-color: rgba(var(--color-dark))
74
+ link-active-border-color: rgba(var(--color-assertive))
75
+
76
+ vp-widget:
77
+ radio-checked-background-color: rgba(var(--color-assertive), 1)
78
+ checkbox-checked-border-right: 2px solid rgba(var(--color-assertive), 1)
79
+ checkbox-checked-border-bottom: 2px solid rgba(var(--color-assertive), 1)
80
+ option-border-color: rgba(var(--color-dark), 1)
81
+ bullet-color: var(--color-assertive)
82
+ questionnaire-primary-button-background-color: rgba(var(--color-assertive), 1)
83
+ questionnaire-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
84
+ questionnaire-primary-button-radius: 36px
85
+ questionnaire-primary-button-border: none
86
+ wrapper-primary-button-background-color: rgba(var(--color-assertive), 1)
87
+ wrapper-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
88
+ wrapper-primary-button-radius: 36px
89
+ wrapper-primary-button-border: none
data/lib/vp/pears/vp_theme.rb ADDED
@@ -0,0 +1,32 @@
1
+
2
+ module Vp
3
+ module Pears
4
+ class VpTheme < ::Pears::Provider::LocalFile
5
+ class InvalidVpTheme < StandardError; end;
6
+ THEMES = Dir[
7
+ "#{__FILE__}".split('/')
8
+ .slice(0..-4)
9
+ .join('/')
10
+ .+('/themes/*')
11
+ ]
12
+
13
+ MAP = Hash[
14
+ THEMES.map do |fil|
15
+ fil.split('/')
16
+ .last
17
+ .delete_suffix('.yml')
18
+ end.zip(THEMES)
19
+ ].with_indifferent_access.freeze
20
+
21
+ def initialize(name, on_failure: :raise)
22
+ file = MAP[name.downcase]
23
+ raise InvalidVpTheme.new(name) unless file.present?
24
+
25
+ super(file, on_failure: on_failure)
26
+ end
27
+ end
28
+
29
+ ::Pears::Provider::Builder.enable_provider VpTheme
30
+ end
31
+ end
32
+
data/lib/vp/themes/version.rb ADDED
@@ -0,0 +1,7 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Vp
4
+ module Themes
5
+ VERSION = "0.1.0"
6
+ end
7
+ end
data/lib/vp/themes.rb ADDED
@@ -0,0 +1,12 @@
1
+ # frozen_string_literal: true
2
+
3
+ require_relative "themes/version"
4
+ require 'pears'
5
+ require 'vp/pears/vp_theme'
6
+
7
+ module Vp
8
+ module Themes
9
+ class Error < StandardError; end
10
+ # Your code goes here...
11
+ end
12
+ end
data/sig/vp/themes.rbs ADDED
@@ -0,0 +1,6 @@
1
+ module Vp
2
+ module Themes
3
+ VERSION: String
4
+ # See the writing guide of rbs: https://github.com/ruby/rbs#guides
5
+ end
6
+ end
metadata ADDED
@@ -0,0 +1,90 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: vp-themes
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ platform: ruby
6
+ authors:
7
+ - Steven Kemp
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2022-06-30 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: pears
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">="
18
+ - !ruby/object:Gem::Version
19
+ version: 0.2.0
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">="
25
+ - !ruby/object:Gem::Version
26
+ version: 0.2.0
27
+ - !ruby/object:Gem::Dependency
28
+ name: byebug
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - ">="
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - ">="
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description:
42
+ email:
43
+ - steven.kemp@remarkgroup.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".byebug_history"
49
+ - ".rspec"
50
+ - CHANGELOG.md
51
+ - Gemfile
52
+ - Gemfile.lock
53
+ - LICENSE.txt
54
+ - README.md
55
+ - Rakefile
56
+ - lib/.DS_Store
57
+ - lib/themes/apicil.yml
58
+ - lib/themes/claire.yml
59
+ - lib/themes/es.yml
60
+ - lib/themes/lmdp.yml
61
+ - lib/themes/malakoff.yml
62
+ - lib/vp/pears/vp_theme.rb
63
+ - lib/vp/themes.rb
64
+ - lib/vp/themes/version.rb
65
+ - sig/vp/themes.rbs
66
+ homepage: https://remarkgroup.com
67
+ licenses:
68
+ - MIT
69
+ metadata:
70
+ homepage_uri: https://remarkgroup.com
71
+ post_install_message:
72
+ rdoc_options: []
73
+ require_paths:
74
+ - lib
75
+ required_ruby_version: !ruby/object:Gem::Requirement
76
+ requirements:
77
+ - - ">="
78
+ - !ruby/object:Gem::Version
79
+ version: 3.0.0
80
+ required_rubygems_version: !ruby/object:Gem::Requirement
81
+ requirements:
82
+ - - ">="
83
+ - !ruby/object:Gem::Version
84
+ version: '0'
85
+ requirements: []
86
+ rubygems_version: 3.2.22
87
+ signing_key:
88
+ specification_version: 4
89
+ summary: Bundle themes for the VP project
90
+ test_files: []