epages-essence 0.1.0 → 0.2.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.
- checksums.yaml +4 -4
- data/LICENSE +1 -1
- data/README.md +4 -3
- data/app/assets/images/essence/icon_component/arrow_right.svg +1 -0
- data/app/assets/images/essence/icon_component/chevron_up_down.svg +3 -0
- data/app/assets/images/essence/icon_component/power_off.svg +1 -0
- data/app/assets/images/essence/icon_component/sparkles.svg +1 -0
- data/app/assets/images/essence/icon_component/x_mark.svg +3 -0
- data/app/assets/stylesheets/essence/beyond/{_base.scss → layout/base.css} +0 -5
- data/app/assets/stylesheets/essence/beyond/layout/{_content.scss → content.css} +1 -1
- data/app/assets/stylesheets/essence/beyond/simple_form/control.css +249 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/error.css +29 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/fieldset.css +32 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/group.css +21 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/hint.css +6 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/label.css +38 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/row.css +5 -0
- data/app/assets/stylesheets/essence/beyond/simple_form/wrapper.css +3 -0
- data/app/assets/stylesheets/essence/beyond/utils/margin.css +15 -0
- data/app/assets/stylesheets/essence/beyond/variables.css +281 -0
- data/app/assets/stylesheets/essence/beyond.css +39 -0
- data/app/components/essence/action_bar_component/action_bar_component.css +23 -0
- data/app/components/essence/action_bar_component.rb +2 -1
- data/app/components/essence/app_info_component/app_info_component.css +45 -0
- data/app/components/essence/application_component.rb +1 -3
- data/app/components/essence/breadcrumb_component/breadcrumb_component.css +35 -0
- data/app/components/essence/button_component/button_component.css +140 -0
- data/app/components/essence/button_component/button_component.html.erb +2 -0
- data/app/components/essence/button_component/button_component_controller.js +27 -0
- data/app/components/essence/button_component.rb +27 -2
- data/app/components/essence/button_group_component/button_group_component.css +21 -0
- data/app/components/essence/button_group_component/button_group_component.html.erb +5 -0
- data/app/components/essence/button_group_component.rb +28 -0
- data/app/components/essence/card_component/card_component.css +66 -0
- data/app/components/essence/card_component/card_component.html.erb +6 -0
- data/app/components/essence/card_component/ribbon_component.html.erb +3 -0
- data/app/components/essence/card_component.rb +38 -4
- data/app/components/essence/clipboard_copy_component/{clipboard_copy_component.scss → clipboard_copy_component.css} +4 -4
- data/app/components/essence/empty_state_component/empty_state_component.css +42 -0
- data/app/components/essence/expandable_component/expandable_component.css +36 -0
- data/app/components/essence/expandable_component/expandable_component.html.erb +8 -0
- data/app/components/essence/expandable_component/expandable_component_controller.js +32 -0
- data/app/components/essence/expandable_component.rb +30 -0
- data/app/components/essence/expandable_toggle_component/expandable_toggle_component.css +7 -0
- data/app/components/essence/expandable_toggle_component/expandable_toggle_component.html.erb +3 -0
- data/app/components/essence/expandable_toggle_component/expandable_toggle_component.yml +4 -0
- data/app/components/essence/expandable_toggle_component/expandable_toggle_component_controller.js +52 -0
- data/app/components/essence/expandable_toggle_component.rb +38 -0
- data/app/components/essence/flash_component/container_component.html.erb +7 -0
- data/app/components/essence/flash_component/flash_component.css +101 -0
- data/app/components/essence/flash_component/flash_component.html.erb +11 -0
- data/app/components/essence/flash_component/flash_component_controller.js +24 -0
- data/app/components/essence/flash_component.rb +29 -0
- data/app/components/essence/link_component/link_component.css +49 -0
- data/app/components/essence/notification_component/notification_component.css +55 -0
- data/app/components/essence/notification_component.rb +6 -2
- data/app/components/essence/paragraph_component/{paragraph_component.scss → paragraph_component.css} +0 -5
- data/app/components/essence/scroll_shadow_component/{scroll_shadow_component.scss → scroll_shadow_component.css} +4 -0
- data/app/components/essence/spinner_component/{spinner_component.scss → spinner_component.css} +5 -12
- data/app/components/essence/spinner_component/spinner_component.html.erb +1 -1
- data/app/components/essence/spinner_component.rb +4 -2
- data/app/components/essence/status_component/status_component.css +64 -0
- data/app/components/essence/status_component.rb +1 -1
- data/app/components/essence/step_list_component/step_list_component.css +72 -0
- data/app/components/essence/step_list_component/step_list_component.html.erb +3 -1
- data/app/components/essence/step_list_component.rb +7 -1
- data/app/components/essence/table_component/{table_component.scss → table_component.css} +5 -8
- data/app/components/essence/title_component/{title_component.scss → title_component.css} +0 -4
- data/app/components/essence/tooltip_component/tooltip_component.css +55 -0
- data/app/inputs/file_input.rb +73 -0
- data/app/javascript/essence/application.js +2 -2
- data/app/javascript/essence/controllers/file_input_controller.js +41 -0
- data/app/javascript/essence/controllers/index.js +18 -3
- data/app/views/essence/beyond/body.html.erb +1 -0
- data/config/importmap.rb +3 -0
- data/config/initializers/essence/inline_svg.rb +5 -0
- data/config/initializers/essence/simple_form.rb +29 -8
- data/config/locales/essence.en.yml +3 -0
- data/lib/components/input_group.rb +19 -0
- data/lib/essence/engine.rb +20 -5
- data/lib/essence/version.rb +1 -1
- data/lib/essence.rb +1 -1
- data/vendor/assets/stylesheets/essence/flexboxgrid.css +824 -0
- metadata +78 -53
- data/app/assets/config/essence_manifest.js +0 -5
- data/app/assets/stylesheets/essence/beyond/components/_index.scss +0 -17
- data/app/assets/stylesheets/essence/beyond/layout/_index.scss +0 -1
- data/app/assets/stylesheets/essence/beyond/simple_form/_control.scss +0 -172
- data/app/assets/stylesheets/essence/beyond/simple_form/_error.scss +0 -27
- data/app/assets/stylesheets/essence/beyond/simple_form/_fieldset.scss +0 -34
- data/app/assets/stylesheets/essence/beyond/simple_form/_group.scss +0 -6
- data/app/assets/stylesheets/essence/beyond/simple_form/_hint.scss +0 -8
- data/app/assets/stylesheets/essence/beyond/simple_form/_index.scss +0 -43
- data/app/assets/stylesheets/essence/beyond/simple_form/_label.scss +0 -26
- data/app/assets/stylesheets/essence/beyond/simple_form/_wrapper.scss +0 -5
- data/app/assets/stylesheets/essence/beyond.scss +0 -4
- data/app/components/essence/action_bar_component/action_bar_component.scss +0 -29
- data/app/components/essence/app_info_component/app_info_component.scss +0 -45
- data/app/components/essence/breadcrumb_component/breadcrumb_component.scss +0 -39
- data/app/components/essence/button_component/button_component.scss +0 -105
- data/app/components/essence/card_component/card_component.scss +0 -21
- data/app/components/essence/empty_state_component/empty_state_component.scss +0 -50
- data/app/components/essence/link_component/link_component.scss +0 -58
- data/app/components/essence/notification_component/notification_component.scss +0 -63
- data/app/components/essence/status_component/status_component.scss +0 -80
- data/app/components/essence/step_list_component/step_list_component.scss +0 -79
- data/app/components/essence/tooltip_component/tooltip_component.scss +0 -63
metadata
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: epages-essence
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Unai Abrisketa
|
|
8
8
|
- Kenneth Gallego
|
|
9
9
|
- Kathia Andrea Salazar
|
|
10
10
|
- Andres Bernardi
|
|
11
|
-
autorequire:
|
|
12
11
|
bindir: bin
|
|
13
12
|
cert_chain: []
|
|
14
|
-
date:
|
|
13
|
+
date: 2025-11-03 00:00:00.000000000 Z
|
|
15
14
|
dependencies:
|
|
16
15
|
- !ruby/object:Gem::Dependency
|
|
17
16
|
name: country_select
|
|
@@ -47,14 +46,14 @@ dependencies:
|
|
|
47
46
|
requirements:
|
|
48
47
|
- - "~>"
|
|
49
48
|
- !ruby/object:Gem::Version
|
|
50
|
-
version: '2.
|
|
49
|
+
version: '2.1'
|
|
51
50
|
type: :runtime
|
|
52
51
|
prerelease: false
|
|
53
52
|
version_requirements: !ruby/object:Gem::Requirement
|
|
54
53
|
requirements:
|
|
55
54
|
- - "~>"
|
|
56
55
|
- !ruby/object:Gem::Version
|
|
57
|
-
version: '2.
|
|
56
|
+
version: '2.1'
|
|
58
57
|
- !ruby/object:Gem::Dependency
|
|
59
58
|
name: inline_svg
|
|
60
59
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -75,73 +74,73 @@ dependencies:
|
|
|
75
74
|
requirements:
|
|
76
75
|
- - ">="
|
|
77
76
|
- !ruby/object:Gem::Version
|
|
78
|
-
version:
|
|
77
|
+
version: 8.0.2
|
|
79
78
|
type: :runtime
|
|
80
79
|
prerelease: false
|
|
81
80
|
version_requirements: !ruby/object:Gem::Requirement
|
|
82
81
|
requirements:
|
|
83
82
|
- - ">="
|
|
84
83
|
- !ruby/object:Gem::Version
|
|
85
|
-
version:
|
|
84
|
+
version: 8.0.2
|
|
86
85
|
- !ruby/object:Gem::Dependency
|
|
87
|
-
name:
|
|
86
|
+
name: simple_form
|
|
88
87
|
requirement: !ruby/object:Gem::Requirement
|
|
89
88
|
requirements:
|
|
90
89
|
- - "~>"
|
|
91
90
|
- !ruby/object:Gem::Version
|
|
92
|
-
version: '
|
|
91
|
+
version: '5.3'
|
|
93
92
|
type: :runtime
|
|
94
93
|
prerelease: false
|
|
95
94
|
version_requirements: !ruby/object:Gem::Requirement
|
|
96
95
|
requirements:
|
|
97
96
|
- - "~>"
|
|
98
97
|
- !ruby/object:Gem::Version
|
|
99
|
-
version: '
|
|
98
|
+
version: '5.3'
|
|
100
99
|
- !ruby/object:Gem::Dependency
|
|
101
|
-
name:
|
|
100
|
+
name: stimulus-rails
|
|
102
101
|
requirement: !ruby/object:Gem::Requirement
|
|
103
102
|
requirements:
|
|
104
103
|
- - "~>"
|
|
105
104
|
- !ruby/object:Gem::Version
|
|
106
|
-
version: '
|
|
105
|
+
version: '1.3'
|
|
107
106
|
type: :runtime
|
|
108
107
|
prerelease: false
|
|
109
108
|
version_requirements: !ruby/object:Gem::Requirement
|
|
110
109
|
requirements:
|
|
111
110
|
- - "~>"
|
|
112
111
|
- !ruby/object:Gem::Version
|
|
113
|
-
version: '
|
|
112
|
+
version: '1.3'
|
|
114
113
|
- !ruby/object:Gem::Dependency
|
|
115
|
-
name:
|
|
114
|
+
name: turbo-rails
|
|
116
115
|
requirement: !ruby/object:Gem::Requirement
|
|
117
116
|
requirements:
|
|
118
117
|
- - "~>"
|
|
119
118
|
- !ruby/object:Gem::Version
|
|
120
|
-
version: '
|
|
119
|
+
version: '2.0'
|
|
121
120
|
type: :runtime
|
|
122
121
|
prerelease: false
|
|
123
122
|
version_requirements: !ruby/object:Gem::Requirement
|
|
124
123
|
requirements:
|
|
125
124
|
- - "~>"
|
|
126
125
|
- !ruby/object:Gem::Version
|
|
127
|
-
version: '
|
|
126
|
+
version: '2.0'
|
|
128
127
|
- !ruby/object:Gem::Dependency
|
|
129
128
|
name: view_component
|
|
130
129
|
requirement: !ruby/object:Gem::Requirement
|
|
131
130
|
requirements:
|
|
132
131
|
- - "~>"
|
|
133
132
|
- !ruby/object:Gem::Version
|
|
134
|
-
version: '3.
|
|
133
|
+
version: '3.21'
|
|
135
134
|
type: :runtime
|
|
136
135
|
prerelease: false
|
|
137
136
|
version_requirements: !ruby/object:Gem::Requirement
|
|
138
137
|
requirements:
|
|
139
138
|
- - "~>"
|
|
140
139
|
- !ruby/object:Gem::Version
|
|
141
|
-
version: '3.
|
|
140
|
+
version: '3.21'
|
|
142
141
|
description: |2
|
|
143
142
|
Essence is an open-source framework that provides ViewComponents,
|
|
144
|
-
form styles and other functionality for
|
|
143
|
+
form styles and other functionality for apps designed and developed for the
|
|
145
144
|
online shop software Beyond
|
|
146
145
|
email:
|
|
147
146
|
- uabrisketa@epages.com
|
|
@@ -155,8 +154,9 @@ files:
|
|
|
155
154
|
- LICENSE
|
|
156
155
|
- README.md
|
|
157
156
|
- Rakefile
|
|
158
|
-
- app/assets/
|
|
157
|
+
- app/assets/images/essence/icon_component/arrow_right.svg
|
|
159
158
|
- app/assets/images/essence/icon_component/arrow_up_right_from_square.svg
|
|
159
|
+
- app/assets/images/essence/icon_component/chevron_up_down.svg
|
|
160
160
|
- app/assets/images/essence/icon_component/circle_check.svg
|
|
161
161
|
- app/assets/images/essence/icon_component/circle_exclamation.svg
|
|
162
162
|
- app/assets/images/essence/icon_component/circle_info.svg
|
|
@@ -172,99 +172,126 @@ files:
|
|
|
172
172
|
- app/assets/images/essence/icon_component/link_slash.svg
|
|
173
173
|
- app/assets/images/essence/icon_component/pencil.svg
|
|
174
174
|
- app/assets/images/essence/icon_component/plus.svg
|
|
175
|
+
- app/assets/images/essence/icon_component/power_off.svg
|
|
175
176
|
- app/assets/images/essence/icon_component/sort.svg
|
|
176
177
|
- app/assets/images/essence/icon_component/sort_down.svg
|
|
177
178
|
- app/assets/images/essence/icon_component/sort_up.svg
|
|
179
|
+
- app/assets/images/essence/icon_component/sparkles.svg
|
|
178
180
|
- app/assets/images/essence/icon_component/trash.svg
|
|
179
181
|
- app/assets/images/essence/icon_component/upload.svg
|
|
180
182
|
- app/assets/images/essence/icon_component/wand_magic_sparkles.svg
|
|
181
|
-
- app/assets/
|
|
182
|
-
- app/assets/stylesheets/essence/beyond
|
|
183
|
-
- app/assets/stylesheets/essence/beyond/
|
|
184
|
-
- app/assets/stylesheets/essence/beyond/layout/
|
|
185
|
-
- app/assets/stylesheets/essence/beyond/
|
|
186
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
187
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
188
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
189
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
190
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
191
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
192
|
-
- app/assets/stylesheets/essence/beyond/simple_form/
|
|
193
|
-
- app/assets/stylesheets/essence/beyond/
|
|
183
|
+
- app/assets/images/essence/icon_component/x_mark.svg
|
|
184
|
+
- app/assets/stylesheets/essence/beyond.css
|
|
185
|
+
- app/assets/stylesheets/essence/beyond/layout/base.css
|
|
186
|
+
- app/assets/stylesheets/essence/beyond/layout/content.css
|
|
187
|
+
- app/assets/stylesheets/essence/beyond/simple_form/control.css
|
|
188
|
+
- app/assets/stylesheets/essence/beyond/simple_form/error.css
|
|
189
|
+
- app/assets/stylesheets/essence/beyond/simple_form/fieldset.css
|
|
190
|
+
- app/assets/stylesheets/essence/beyond/simple_form/group.css
|
|
191
|
+
- app/assets/stylesheets/essence/beyond/simple_form/hint.css
|
|
192
|
+
- app/assets/stylesheets/essence/beyond/simple_form/label.css
|
|
193
|
+
- app/assets/stylesheets/essence/beyond/simple_form/row.css
|
|
194
|
+
- app/assets/stylesheets/essence/beyond/simple_form/wrapper.css
|
|
195
|
+
- app/assets/stylesheets/essence/beyond/utils/margin.css
|
|
196
|
+
- app/assets/stylesheets/essence/beyond/variables.css
|
|
194
197
|
- app/components/essence/action_bar_component.rb
|
|
198
|
+
- app/components/essence/action_bar_component/action_bar_component.css
|
|
195
199
|
- app/components/essence/action_bar_component/action_bar_component.html.erb
|
|
196
|
-
- app/components/essence/action_bar_component/action_bar_component.scss
|
|
197
200
|
- app/components/essence/app_info_component.rb
|
|
201
|
+
- app/components/essence/app_info_component/app_info_component.css
|
|
198
202
|
- app/components/essence/app_info_component/app_info_component.html.erb
|
|
199
|
-
- app/components/essence/app_info_component/app_info_component.scss
|
|
200
203
|
- app/components/essence/application_component.rb
|
|
201
204
|
- app/components/essence/breadcrumb_component.rb
|
|
205
|
+
- app/components/essence/breadcrumb_component/breadcrumb_component.css
|
|
202
206
|
- app/components/essence/breadcrumb_component/breadcrumb_component.html.erb
|
|
203
|
-
- app/components/essence/breadcrumb_component/breadcrumb_component.scss
|
|
204
207
|
- app/components/essence/button_component.rb
|
|
208
|
+
- app/components/essence/button_component/button_component.css
|
|
205
209
|
- app/components/essence/button_component/button_component.html.erb
|
|
206
|
-
- app/components/essence/button_component/
|
|
210
|
+
- app/components/essence/button_component/button_component_controller.js
|
|
211
|
+
- app/components/essence/button_group_component.rb
|
|
212
|
+
- app/components/essence/button_group_component/button_group_component.css
|
|
213
|
+
- app/components/essence/button_group_component/button_group_component.html.erb
|
|
207
214
|
- app/components/essence/card_component.rb
|
|
215
|
+
- app/components/essence/card_component/card_component.css
|
|
208
216
|
- app/components/essence/card_component/card_component.html.erb
|
|
209
|
-
- app/components/essence/card_component/
|
|
217
|
+
- app/components/essence/card_component/ribbon_component.html.erb
|
|
210
218
|
- app/components/essence/clipboard_copy_component.rb
|
|
219
|
+
- app/components/essence/clipboard_copy_component/clipboard_copy_component.css
|
|
211
220
|
- app/components/essence/clipboard_copy_component/clipboard_copy_component.html.erb
|
|
212
|
-
- app/components/essence/clipboard_copy_component/clipboard_copy_component.scss
|
|
213
221
|
- app/components/essence/clipboard_copy_component/clipboard_copy_component.yml
|
|
214
222
|
- app/components/essence/clipboard_copy_component/clipboard_copy_component_controller.js
|
|
215
223
|
- app/components/essence/empty_state_component.rb
|
|
224
|
+
- app/components/essence/empty_state_component/empty_state_component.css
|
|
216
225
|
- app/components/essence/empty_state_component/empty_state_component.html.erb
|
|
217
|
-
- app/components/essence/
|
|
226
|
+
- app/components/essence/expandable_component.rb
|
|
227
|
+
- app/components/essence/expandable_component/expandable_component.css
|
|
228
|
+
- app/components/essence/expandable_component/expandable_component.html.erb
|
|
229
|
+
- app/components/essence/expandable_component/expandable_component_controller.js
|
|
230
|
+
- app/components/essence/expandable_toggle_component.rb
|
|
231
|
+
- app/components/essence/expandable_toggle_component/expandable_toggle_component.css
|
|
232
|
+
- app/components/essence/expandable_toggle_component/expandable_toggle_component.html.erb
|
|
233
|
+
- app/components/essence/expandable_toggle_component/expandable_toggle_component.yml
|
|
234
|
+
- app/components/essence/expandable_toggle_component/expandable_toggle_component_controller.js
|
|
235
|
+
- app/components/essence/flash_component.rb
|
|
236
|
+
- app/components/essence/flash_component/container_component.html.erb
|
|
237
|
+
- app/components/essence/flash_component/flash_component.css
|
|
238
|
+
- app/components/essence/flash_component/flash_component.html.erb
|
|
239
|
+
- app/components/essence/flash_component/flash_component_controller.js
|
|
218
240
|
- app/components/essence/icon_component.rb
|
|
219
241
|
- app/components/essence/icon_component/icon_component.html.erb
|
|
220
242
|
- app/components/essence/link_component.rb
|
|
243
|
+
- app/components/essence/link_component/link_component.css
|
|
221
244
|
- app/components/essence/link_component/link_component.html.erb
|
|
222
|
-
- app/components/essence/link_component/link_component.scss
|
|
223
245
|
- app/components/essence/notification_component.rb
|
|
246
|
+
- app/components/essence/notification_component/notification_component.css
|
|
224
247
|
- app/components/essence/notification_component/notification_component.html.erb
|
|
225
|
-
- app/components/essence/notification_component/notification_component.scss
|
|
226
248
|
- app/components/essence/paragraph_component.rb
|
|
249
|
+
- app/components/essence/paragraph_component/paragraph_component.css
|
|
227
250
|
- app/components/essence/paragraph_component/paragraph_component.html.erb
|
|
228
|
-
- app/components/essence/paragraph_component/paragraph_component.scss
|
|
229
251
|
- app/components/essence/paragraph_component/paragraph_component_controller.js
|
|
230
252
|
- app/components/essence/scroll_shadow_component.rb
|
|
253
|
+
- app/components/essence/scroll_shadow_component/scroll_shadow_component.css
|
|
231
254
|
- app/components/essence/scroll_shadow_component/scroll_shadow_component.html.erb
|
|
232
|
-
- app/components/essence/scroll_shadow_component/scroll_shadow_component.scss
|
|
233
255
|
- app/components/essence/spinner_component.rb
|
|
256
|
+
- app/components/essence/spinner_component/spinner_component.css
|
|
234
257
|
- app/components/essence/spinner_component/spinner_component.html.erb
|
|
235
|
-
- app/components/essence/spinner_component/spinner_component.scss
|
|
236
258
|
- app/components/essence/status_component.rb
|
|
259
|
+
- app/components/essence/status_component/status_component.css
|
|
237
260
|
- app/components/essence/status_component/status_component.html.erb
|
|
238
|
-
- app/components/essence/status_component/status_component.scss
|
|
239
261
|
- app/components/essence/step_list_component.rb
|
|
240
262
|
- app/components/essence/step_list_component/item_component.html.erb
|
|
263
|
+
- app/components/essence/step_list_component/step_list_component.css
|
|
241
264
|
- app/components/essence/step_list_component/step_list_component.html.erb
|
|
242
|
-
- app/components/essence/step_list_component/step_list_component.scss
|
|
243
265
|
- app/components/essence/table_component.rb
|
|
266
|
+
- app/components/essence/table_component/table_component.css
|
|
244
267
|
- app/components/essence/table_component/table_component.html.erb
|
|
245
|
-
- app/components/essence/table_component/table_component.scss
|
|
246
268
|
- app/components/essence/title_component.rb
|
|
269
|
+
- app/components/essence/title_component/title_component.css
|
|
247
270
|
- app/components/essence/title_component/title_component.html.erb
|
|
248
|
-
- app/components/essence/title_component/title_component.scss
|
|
249
271
|
- app/components/essence/tooltip_component.rb
|
|
272
|
+
- app/components/essence/tooltip_component/tooltip_component.css
|
|
250
273
|
- app/components/essence/tooltip_component/tooltip_component.html.erb
|
|
251
|
-
- app/components/essence/tooltip_component/tooltip_component.scss
|
|
252
274
|
- app/components/essence/tooltip_component/tooltip_component_controller.js
|
|
253
275
|
- app/helpers/essence/fetch_or_fallback_helper.rb
|
|
254
276
|
- app/inputs/essence/toggle_input.rb
|
|
277
|
+
- app/inputs/file_input.rb
|
|
255
278
|
- app/javascript/essence/application.js
|
|
256
279
|
- app/javascript/essence/controllers/application.js
|
|
280
|
+
- app/javascript/essence/controllers/file_input_controller.js
|
|
257
281
|
- app/javascript/essence/controllers/index.js
|
|
258
282
|
- app/views/essence/beyond/body.html.erb
|
|
259
283
|
- config/importmap.rb
|
|
284
|
+
- config/initializers/essence/inline_svg.rb
|
|
260
285
|
- config/initializers/essence/simple_form.rb
|
|
261
286
|
- config/locales/essence.en.yml
|
|
287
|
+
- lib/components/input_group.rb
|
|
262
288
|
- lib/epages/essence.rb
|
|
263
289
|
- lib/essence.rb
|
|
264
290
|
- lib/essence/engine.rb
|
|
265
291
|
- lib/essence/utils.rb
|
|
266
292
|
- lib/essence/version.rb
|
|
267
293
|
- lib/tasks/essence_tasks.rake
|
|
294
|
+
- vendor/assets/stylesheets/essence/flexboxgrid.css
|
|
268
295
|
- vendor/javascript/@floating-ui--core.js
|
|
269
296
|
- vendor/javascript/@floating-ui--dom.js
|
|
270
297
|
- vendor/javascript/@floating-ui--utils--dom.js
|
|
@@ -278,7 +305,6 @@ metadata:
|
|
|
278
305
|
homepage_uri: https://github.com/ePages-de/essence
|
|
279
306
|
source_code_uri: https://github.com/ePages-de/essence
|
|
280
307
|
rubygems_mfa_required: 'true'
|
|
281
|
-
post_install_message:
|
|
282
308
|
rdoc_options: []
|
|
283
309
|
require_paths:
|
|
284
310
|
- lib
|
|
@@ -293,8 +319,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
293
319
|
- !ruby/object:Gem::Version
|
|
294
320
|
version: '0'
|
|
295
321
|
requirements: []
|
|
296
|
-
rubygems_version: 3.
|
|
297
|
-
signing_key:
|
|
322
|
+
rubygems_version: 3.6.2
|
|
298
323
|
specification_version: 4
|
|
299
324
|
summary: ViewComponents for ePages's online shop software Beyond
|
|
300
325
|
test_files: []
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@import '../../../../../components/essence/action_bar_component/action_bar_component';
|
|
2
|
-
@import '../../../../../components/essence/app_info_component/app_info_component';
|
|
3
|
-
@import '../../../../../components/essence/breadcrumb_component/breadcrumb_component';
|
|
4
|
-
@import '../../../../../components/essence/button_component/button_component';
|
|
5
|
-
@import '../../../../../components/essence/card_component/card_component';
|
|
6
|
-
@import '../../../../../components/essence/clipboard_copy_component/clipboard_copy_component';
|
|
7
|
-
@import '../../../../../components/essence/empty_state_component/empty_state_component';
|
|
8
|
-
@import '../../../../../components/essence/link_component/link_component';
|
|
9
|
-
@import '../../../../../components/essence/notification_component/notification_component';
|
|
10
|
-
@import '../../../../../components/essence/paragraph_component/paragraph_component';
|
|
11
|
-
@import '../../../../../components/essence/scroll_shadow_component/scroll_shadow_component';
|
|
12
|
-
@import '../../../../../components/essence/spinner_component/spinner_component';
|
|
13
|
-
@import '../../../../../components/essence/status_component/status_component';
|
|
14
|
-
@import '../../../../../components/essence/step_list_component/step_list_component';
|
|
15
|
-
@import '../../../../../components/essence/table_component/table_component';
|
|
16
|
-
@import '../../../../../components/essence/title_component/title_component';
|
|
17
|
-
@import '../../../../../components/essence/tooltip_component/tooltip_component';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import 'content';
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
.form {
|
|
2
|
-
&-control {
|
|
3
|
-
&.country,
|
|
4
|
-
&.numeric,
|
|
5
|
-
&.password,
|
|
6
|
-
&.select,
|
|
7
|
-
&.string {
|
|
8
|
-
background-color: var(--inputField-background);
|
|
9
|
-
border: 1px solid var(--inputField-border);
|
|
10
|
-
border-radius: var(--inputField-borderRadius);
|
|
11
|
-
color: var(--inputField-text);
|
|
12
|
-
display: block;
|
|
13
|
-
font-size: 14px;
|
|
14
|
-
outline: none;
|
|
15
|
-
padding: 6px 8px;
|
|
16
|
-
transition: border-color 0.125s ease-in, box-shadow 0.125s ease-in;
|
|
17
|
-
width: 100%;
|
|
18
|
-
|
|
19
|
-
&::placeholder {
|
|
20
|
-
color: var(--inputField-placeholder-text);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&:focus {
|
|
24
|
-
border-color: var(--inputField-border-focus);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&:disabled {
|
|
28
|
-
background-color: var(--inputField-background-disabled);
|
|
29
|
-
color: var(--inputField-text-disabled);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&.invalid {
|
|
33
|
-
box-shadow: inset 2px 0 0 0 var(--formGroup-validation-error);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&.numeric,
|
|
38
|
-
&.password,
|
|
39
|
-
&.string {
|
|
40
|
-
&:read-only {
|
|
41
|
-
background-color: var(--inputField-background-disabled);
|
|
42
|
-
color: var(--inputField-text-disabled);
|
|
43
|
-
border-color: var(--inputField-border);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
&.select {
|
|
48
|
-
-webkit-appearance: none;
|
|
49
|
-
appearance: none;
|
|
50
|
-
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg data-token-category=%27icons%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27%237a764c%27%3E %3Cpath d=%27M24,7L12,19L0,7H24z%27/%3E %3C/svg%3E');
|
|
51
|
-
background-position: right 10px top 50%;
|
|
52
|
-
background-repeat: no-repeat;
|
|
53
|
-
background-size: 10px auto;
|
|
54
|
-
padding-right: 30px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&.boolean,
|
|
58
|
-
&.check_boxes {
|
|
59
|
-
appearance: none;
|
|
60
|
-
border: 2px solid var(--uncheck-color);
|
|
61
|
-
border-radius: 0;
|
|
62
|
-
cursor: pointer;
|
|
63
|
-
flex-shrink: 0;
|
|
64
|
-
height: 16px;
|
|
65
|
-
margin: 0;
|
|
66
|
-
width: 16px;
|
|
67
|
-
|
|
68
|
-
&:checked {
|
|
69
|
-
background-color: var(--check-color);
|
|
70
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon fill='%23ffffff' points='9.6,18.4 3.8,12.8 5.8,10.7 9.5,14.3 18,5.6 20.1,7.7'/%3E%3C/svg%3E%0A");
|
|
71
|
-
background-size: contain;
|
|
72
|
-
border: none;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
~ .form-label {
|
|
76
|
-
cursor: pointer;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
&:disabled {
|
|
80
|
-
border-color: var(--check-disabled-icon);
|
|
81
|
-
|
|
82
|
-
&:checked {
|
|
83
|
-
background-color: var(--check-disabled-text);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
~ .form-label {
|
|
87
|
-
color: var(--check-disabled-text);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
&.toggle {
|
|
93
|
-
border: 1px solid var(--flipSwitch-border);
|
|
94
|
-
border-radius: 11px;
|
|
95
|
-
cursor: pointer;
|
|
96
|
-
display: block;
|
|
97
|
-
height: 22px;
|
|
98
|
-
position: relative;
|
|
99
|
-
width: 42px;
|
|
100
|
-
|
|
101
|
-
&::before {
|
|
102
|
-
background-color: var(--flipSwitch-unchecked-background);
|
|
103
|
-
border-radius: 100%;
|
|
104
|
-
content: '';
|
|
105
|
-
height: 18px;
|
|
106
|
-
left: 1px;
|
|
107
|
-
position: absolute;
|
|
108
|
-
top: 1px;
|
|
109
|
-
transition: .3s;
|
|
110
|
-
width: 18px;
|
|
111
|
-
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.5" height="20.5" viewBox="0 0 20.5 20.5"><path fill="%23ffffff" d="M15.2,13.7l-3.5-3.4,3.4-3.5-1.5-1.5-3.4,3.5-3.5-3.4-1.5,1.5,3.5,3.4-3.4,3.5,1.5,1.5,3.4-3.5,3.5,3.4,1.5-1.5Z"/></svg>');
|
|
112
|
-
background-size: contain;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
&:has(~ input[type="checkbox"]:checked) {
|
|
116
|
-
&::before {
|
|
117
|
-
background-color: var(--flipSwitch-checked-background);
|
|
118
|
-
left: calc(100% - 19px);
|
|
119
|
-
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20.5" height="20.5" viewBox="0 0 20.5 20.5"><path fill="%23ffffff" d="M8.6,15.3l-5-4.8,1.6-1.6,3.4,3.3,6.8-7,1.6,1.6-8.4,8.5Z"/></svg>');
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
~ input[type="checkbox"] {
|
|
124
|
-
opacity: 0;
|
|
125
|
-
width: 0;
|
|
126
|
-
height: 0;
|
|
127
|
-
margin: 0;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
~ .form-label {
|
|
131
|
-
cursor: pointer;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
&.radio_buttons {
|
|
136
|
-
appearance: none;
|
|
137
|
-
border: 2px solid var(--uncheck-color);
|
|
138
|
-
border-radius: 100%;
|
|
139
|
-
cursor: pointer;
|
|
140
|
-
flex-shrink: 0;
|
|
141
|
-
height: 16px;
|
|
142
|
-
margin: 0;
|
|
143
|
-
width: 16px;
|
|
144
|
-
|
|
145
|
-
&:checked {
|
|
146
|
-
background-color: var(--check-color);
|
|
147
|
-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' %3E%3Cpath d='M12,2.4c-5.3,0-9.6,4.3-9.6,9.6s4.3,9.6,9.6,9.6s9.6-4.3,9.6-9.6S17.3,2.4,12,2.4z M12,18.2c-3.5,0-6.3-2.7-6.3-6.2 S8.6,5.7,12,5.7s6.2,2.9,6.2,6.3S15.5,18.2,12,18.2z' /%3E%3C/svg%3E");
|
|
148
|
-
background-size: contain;
|
|
149
|
-
border: none;
|
|
150
|
-
cursor: default;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
&:not(:checked) {
|
|
154
|
-
~ .form-label {
|
|
155
|
-
cursor: pointer;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
&:disabled {
|
|
160
|
-
border-color: var(--check-disabled-icon);
|
|
161
|
-
|
|
162
|
-
&:checked {
|
|
163
|
-
background-color: var(--check-disabled-text);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
~ .form-label {
|
|
167
|
-
color: var(--check-disabled-text);
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
.form {
|
|
2
|
-
&-error {
|
|
3
|
-
background-color: var(--formGroup-validation-error);
|
|
4
|
-
border-radius: var(--formGroup-validation-borderRadius);
|
|
5
|
-
color: var(--formGroup-validation-text);
|
|
6
|
-
font-size: 13px;
|
|
7
|
-
font-weight: normal;
|
|
8
|
-
margin: 0;
|
|
9
|
-
padding: 5px 7px;
|
|
10
|
-
position: absolute;
|
|
11
|
-
top: calc(100% + 8px);
|
|
12
|
-
z-index: 1;
|
|
13
|
-
|
|
14
|
-
&::before {
|
|
15
|
-
border: solid transparent;
|
|
16
|
-
border-bottom-color: var(--formGroup-validation-error);
|
|
17
|
-
border-width: 6px;
|
|
18
|
-
bottom: 100%;
|
|
19
|
-
content: '';
|
|
20
|
-
height: 0;
|
|
21
|
-
left: 8px;
|
|
22
|
-
pointer-events: none;
|
|
23
|
-
position: absolute;
|
|
24
|
-
width: 0;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
.form {
|
|
2
|
-
&-fieldset {
|
|
3
|
-
border: none;
|
|
4
|
-
margin: 0;
|
|
5
|
-
padding: 0;
|
|
6
|
-
|
|
7
|
-
&.check_boxes,
|
|
8
|
-
&.radio_buttons {
|
|
9
|
-
.form-wrapper {
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
gap: 7px;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
&.check_boxes {
|
|
17
|
-
.form-legend {
|
|
18
|
-
color: #3e3e3e;
|
|
19
|
-
margin-bottom: 15px;
|
|
20
|
-
font-size: 20px;
|
|
21
|
-
font-weight: normal;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&.radio_buttons {
|
|
26
|
-
.form-legend {
|
|
27
|
-
color: var(--formGroup-label);
|
|
28
|
-
font-size: 13px;
|
|
29
|
-
font-weight: bold;
|
|
30
|
-
margin-bottom: 8px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--formGroup-label: gray;
|
|
3
|
-
--formGroup-validation-error: #da3c3c;
|
|
4
|
-
--formGroup-validation-text: white;
|
|
5
|
-
--formGroup-validation-borderRadius: 3px;
|
|
6
|
-
|
|
7
|
-
--inputField-borderRadius: 3px;
|
|
8
|
-
--inputField-border: #d2d2d2;
|
|
9
|
-
--inputField-border-focus: orange;
|
|
10
|
-
--inputField-text: #3e3e3e;
|
|
11
|
-
--inputField-background: white;
|
|
12
|
-
--inputField-background-focus: white;
|
|
13
|
-
--inputField-background-disabled: #f5f5f5;
|
|
14
|
-
--inputField-text-disabled: #9a9a9a;
|
|
15
|
-
--inputField-placeholder-text: #a4a4a4;
|
|
16
|
-
--inputField-hint-text: gray;
|
|
17
|
-
|
|
18
|
-
--smartInputField-suggestion-active: #b3ecff;
|
|
19
|
-
--smartInputField-value-background: #d9d9d9;
|
|
20
|
-
--smartInputField-value-text: #666666;
|
|
21
|
-
--smartInputField-value-icon: currentColor;
|
|
22
|
-
--smartInputField-value-icon-hover: #4d4d4d;
|
|
23
|
-
--smartInputField-value-borderRadius: 3px;
|
|
24
|
-
|
|
25
|
-
--check-color: #97c344;
|
|
26
|
-
--uncheck-color: #b3b3b3;
|
|
27
|
-
--check-disabled-text: #c5c5c5;
|
|
28
|
-
--check-disabled-icon: #d9d9d9;
|
|
29
|
-
|
|
30
|
-
--flipSwitch-unchecked-background: #b3b3b3;
|
|
31
|
-
--flipSwitch-checked-background: #97c344;
|
|
32
|
-
--flipSwitch-border: #c0c0c0;
|
|
33
|
-
--flipSwitch-label: gray;
|
|
34
|
-
--flipSwitch-text: silver;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
@import 'control';
|
|
38
|
-
@import 'error';
|
|
39
|
-
@import 'fieldset';
|
|
40
|
-
@import 'group';
|
|
41
|
-
@import 'hint';
|
|
42
|
-
@import 'label';
|
|
43
|
-
@import 'wrapper';
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
.form {
|
|
2
|
-
&-label {
|
|
3
|
-
&.collection_radio_buttons {
|
|
4
|
-
color: #808080;
|
|
5
|
-
font-size: 13px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
&:not(.collection_radio_buttons) {
|
|
9
|
-
color: var(--formGroup-label);
|
|
10
|
-
font-size: 13px;
|
|
11
|
-
font-weight: bold;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&.boolean,
|
|
15
|
-
&.collection_check_boxes,
|
|
16
|
-
&.collection_radio_buttons {
|
|
17
|
-
line-height: 16px;
|
|
18
|
-
padding-left: 7px;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&.toggle {
|
|
22
|
-
line-height: 16px;
|
|
23
|
-
padding-left: 10px;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|