storybook_engine 1.0.0 → 1.1.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 (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