storybook_engine 1.0.0 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/storybook_engine/application.scss +6 -0
  3. data/app/assets/stylesheets/storybook_engine/components/_buttons.scss +59 -0
  4. data/app/assets/stylesheets/storybook_engine/helpers/_colors.scss +5 -0
  5. data/app/assets/stylesheets/storybook_engine/helpers/_common-used.scss +31 -0
  6. data/app/assets/stylesheets/storybook_engine/helpers/_mixins.scss +13 -0
  7. data/lib/storybook_engine/version.rb +1 -1
  8. metadata +5 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 259c82e1e29f570fc6332c61dcc59500ca1d120c30bef04f82559cd7b658e28c
4
- data.tar.gz: f42c8bbf6a9a2c0d9d40746fd5cee69e5873ddd7540d2aa5a1063d2c49d38d3f
3
+ metadata.gz: 9a34a1c5541c948fc0c962e848d39e38b40e01b5f1e8215c76a01efb6cc9d0fe
4
+ data.tar.gz: 1b535a733bd7b4fe9674d4b3f183fa923ceebc087bee1df4050db40b6becd914
5
5
  SHA512:
6
- metadata.gz: 6b873c27638be9137ebcce48a19238a4fabc518c2afa03ee90059c78608ee58d7f1a6d27f2afb87b0c6fde83e1e6e606ce4f1042e1076dbf3d4f904dd50fd655
7
- data.tar.gz: ee452c15d91348445e79abbe86b0f59712e019af10a03718f8a1a8d7085c7767d30b984b382e977f9218214351d7f182a8f909049a6668e9d85a076ffbef6e57
6
+ metadata.gz: ab7d2e4cb20b42d5c05c88bb42803855a4cfd140cd7a04fe02db705ecf0c3bfe8a6bbd62b4778774bd0254f45a7d956812883995b0ad7e58a675f65daa6a6411
7
+ data.tar.gz: d85c914074f59195c16f6a4d7c9f18fc4ed56e0b6b60955a8e9d5e4a1072745756de83526db8bf568c181827760b1eefe2f45d9c1804eeb012b11903fed49109
data/app/assets/stylesheets/storybook_engine/application.scss CHANGED
@@ -13,3 +13,9 @@
13
13
  *= require_tree .
14
14
  *= require_self
15
15
  */
16
+
17
+ @import "helpers/mixins";
18
+ @import "helpers/colors";
19
+ @import "helpers/common-used";
20
+
21
+ @import "components/buttons";
data/app/assets/stylesheets/storybook_engine/components/_buttons.scss ADDED
@@ -0,0 +1,59 @@
1
+ @import "../helpers/colors";
2
+
3
+ .zenhr-button {
4
+ padding: 0.9rem;
5
+ height: 3.5rem;
6
+ min-width: 9rem;
7
+
8
+ &:disabled {
9
+ cursor: not-allowed;
10
+ pointer-events: none;
11
+ }
12
+ }
13
+
14
+ .zenhr-primary-button {
15
+ color: $white;
16
+ --bg-opacity: 1;
17
+ background-color: $primary-blue;
18
+ border-color: $primary-blue;
19
+
20
+ &:hover, :focus {
21
+ color: $primary-blue;
22
+ background-color: $white;
23
+ border-color: $primary-blue;
24
+ box-shadow: 0 0 0.25rem 0 $primary-blue;
25
+ }
26
+
27
+ &:disabled {
28
+ opacity: 0.65;
29
+ }
30
+ }
31
+
32
+ .zenhr-danger-button {
33
+ color: $white;
34
+ --bg-opacity: 1;
35
+ background-color: #f56565;
36
+
37
+ &:hover, :focus {
38
+ background-color: #e53e3e;
39
+ }
40
+
41
+ &:disabled {
42
+ background-color: #feb2b2;
43
+ }
44
+ }
45
+
46
+ .zenhr-outline-button {
47
+ color: #805ad5;
48
+ border-color: #805ad5;
49
+ --bg-opacity: 1;
50
+ background-color: $white;
51
+
52
+ &:hover, :focus {
53
+ background-color: #edf2f7;
54
+ }
55
+
56
+ &:disabled {
57
+ background-color: #f7fafc;
58
+ }
59
+ }
data/app/assets/stylesheets/storybook_engine/helpers/_colors.scss ADDED
@@ -0,0 +1,5 @@
1
+ $charcoal: #484848;
2
+ $red: #e30b1c;
3
+ $black: #000;
4
+ $white: #fff;
5
+ $primary-blue: #007bff;
data/app/assets/stylesheets/storybook_engine/helpers/_common-used.scss ADDED
@@ -0,0 +1,31 @@
1
+ @import "colors";
2
+ @import "mixins";
3
+
4
+ .delete-action {
5
+ cursor: pointer;
6
+
7
+ &:hover {
8
+ color: $red;
9
+ }
10
+ }
11
+
12
+ .table {
13
+ @include desktop {
14
+ display: table;
15
+ }
16
+ }
17
+
18
+ .error-message {
19
+ color: $red;
20
+ font-size: 0.75rem;
21
+ }
22
+
23
+ .cursor-pointer {
24
+ cursor: pointer;
25
+ }
26
+
27
+ .zenhr-link {
28
+ &:hover {
29
+ text-decoration: none;
30
+ }
31
+ }
data/app/assets/stylesheets/storybook_engine/helpers/_mixins.scss ADDED
@@ -0,0 +1,13 @@
1
+ // Custom small screen
2
+ @mixin mobile {
3
+ @media (max-width: 768px) {
4
+ @content;
5
+ }
6
+ }
7
+
8
+ // Custom large screen
9
+ @mixin desktop {
10
+ @media (min-width: 769px) {
11
+ @content;
12
+ }
13
+ }
data/lib/storybook_engine/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module StorybookEngine
2
- VERSION = '1.0.0'
2
+ VERSION = '1.1.0'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: storybook_engine
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Amr Abu Aza
@@ -42,6 +42,10 @@ files:
42
42
  - Rakefile
43
43
  - app/assets/config/storybook_engine_manifest.js
44
44
  - app/assets/stylesheets/storybook_engine/application.scss
45
+ - app/assets/stylesheets/storybook_engine/components/_buttons.scss
46
+ - app/assets/stylesheets/storybook_engine/helpers/_colors.scss
47
+ - app/assets/stylesheets/storybook_engine/helpers/_common-used.scss
48
+ - app/assets/stylesheets/storybook_engine/helpers/_mixins.scss
45
49
  - app/components/storybook_engine/button_component.html.haml
46
50
  - app/components/storybook_engine/button_component.rb
47
51
  - app/controllers/storybook_engine/application_controller.rb