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.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +1 -1
  3. data/README.md +4 -3
  4. data/app/assets/images/essence/icon_component/arrow_right.svg +1 -0
  5. data/app/assets/images/essence/icon_component/chevron_up_down.svg +3 -0
  6. data/app/assets/images/essence/icon_component/power_off.svg +1 -0
  7. data/app/assets/images/essence/icon_component/sparkles.svg +1 -0
  8. data/app/assets/images/essence/icon_component/x_mark.svg +3 -0
  9. data/app/assets/stylesheets/essence/beyond/{_base.scss → layout/base.css} +0 -5
  10. data/app/assets/stylesheets/essence/beyond/layout/{_content.scss → content.css} +1 -1
  11. data/app/assets/stylesheets/essence/beyond/simple_form/control.css +249 -0
  12. data/app/assets/stylesheets/essence/beyond/simple_form/error.css +29 -0
  13. data/app/assets/stylesheets/essence/beyond/simple_form/fieldset.css +32 -0
  14. data/app/assets/stylesheets/essence/beyond/simple_form/group.css +21 -0
  15. data/app/assets/stylesheets/essence/beyond/simple_form/hint.css +6 -0
  16. data/app/assets/stylesheets/essence/beyond/simple_form/label.css +38 -0
  17. data/app/assets/stylesheets/essence/beyond/simple_form/row.css +5 -0
  18. data/app/assets/stylesheets/essence/beyond/simple_form/wrapper.css +3 -0
  19. data/app/assets/stylesheets/essence/beyond/utils/margin.css +15 -0
  20. data/app/assets/stylesheets/essence/beyond/variables.css +281 -0
  21. data/app/assets/stylesheets/essence/beyond.css +39 -0
  22. data/app/components/essence/action_bar_component/action_bar_component.css +23 -0
  23. data/app/components/essence/action_bar_component.rb +2 -1
  24. data/app/components/essence/app_info_component/app_info_component.css +45 -0
  25. data/app/components/essence/application_component.rb +1 -3
  26. data/app/components/essence/breadcrumb_component/breadcrumb_component.css +35 -0
  27. data/app/components/essence/button_component/button_component.css +140 -0
  28. data/app/components/essence/button_component/button_component.html.erb +2 -0
  29. data/app/components/essence/button_component/button_component_controller.js +27 -0
  30. data/app/components/essence/button_component.rb +27 -2
  31. data/app/components/essence/button_group_component/button_group_component.css +21 -0
  32. data/app/components/essence/button_group_component/button_group_component.html.erb +5 -0
  33. data/app/components/essence/button_group_component.rb +28 -0
  34. data/app/components/essence/card_component/card_component.css +66 -0
  35. data/app/components/essence/card_component/card_component.html.erb +6 -0
  36. data/app/components/essence/card_component/ribbon_component.html.erb +3 -0
  37. data/app/components/essence/card_component.rb +38 -4
  38. data/app/components/essence/clipboard_copy_component/{clipboard_copy_component.scss → clipboard_copy_component.css} +4 -4
  39. data/app/components/essence/empty_state_component/empty_state_component.css +42 -0
  40. data/app/components/essence/expandable_component/expandable_component.css +36 -0
  41. data/app/components/essence/expandable_component/expandable_component.html.erb +8 -0
  42. data/app/components/essence/expandable_component/expandable_component_controller.js +32 -0
  43. data/app/components/essence/expandable_component.rb +30 -0
  44. data/app/components/essence/expandable_toggle_component/expandable_toggle_component.css +7 -0
  45. data/app/components/essence/expandable_toggle_component/expandable_toggle_component.html.erb +3 -0
  46. data/app/components/essence/expandable_toggle_component/expandable_toggle_component.yml +4 -0
  47. data/app/components/essence/expandable_toggle_component/expandable_toggle_component_controller.js +52 -0
  48. data/app/components/essence/expandable_toggle_component.rb +38 -0
  49. data/app/components/essence/flash_component/container_component.html.erb +7 -0
  50. data/app/components/essence/flash_component/flash_component.css +101 -0
  51. data/app/components/essence/flash_component/flash_component.html.erb +11 -0
  52. data/app/components/essence/flash_component/flash_component_controller.js +24 -0
  53. data/app/components/essence/flash_component.rb +29 -0
  54. data/app/components/essence/link_component/link_component.css +49 -0
  55. data/app/components/essence/notification_component/notification_component.css +55 -0
  56. data/app/components/essence/notification_component.rb +6 -2
  57. data/app/components/essence/paragraph_component/{paragraph_component.scss → paragraph_component.css} +0 -5
  58. data/app/components/essence/scroll_shadow_component/{scroll_shadow_component.scss → scroll_shadow_component.css} +4 -0
  59. data/app/components/essence/spinner_component/{spinner_component.scss → spinner_component.css} +5 -12
  60. data/app/components/essence/spinner_component/spinner_component.html.erb +1 -1
  61. data/app/components/essence/spinner_component.rb +4 -2
  62. data/app/components/essence/status_component/status_component.css +64 -0
  63. data/app/components/essence/status_component.rb +1 -1
  64. data/app/components/essence/step_list_component/step_list_component.css +72 -0
  65. data/app/components/essence/step_list_component/step_list_component.html.erb +3 -1
  66. data/app/components/essence/step_list_component.rb +7 -1
  67. data/app/components/essence/table_component/{table_component.scss → table_component.css} +5 -8
  68. data/app/components/essence/title_component/{title_component.scss → title_component.css} +0 -4
  69. data/app/components/essence/tooltip_component/tooltip_component.css +55 -0
  70. data/app/inputs/file_input.rb +73 -0
  71. data/app/javascript/essence/application.js +2 -2
  72. data/app/javascript/essence/controllers/file_input_controller.js +41 -0
  73. data/app/javascript/essence/controllers/index.js +18 -3
  74. data/app/views/essence/beyond/body.html.erb +1 -0
  75. data/config/importmap.rb +3 -0
  76. data/config/initializers/essence/inline_svg.rb +5 -0
  77. data/config/initializers/essence/simple_form.rb +29 -8
  78. data/config/locales/essence.en.yml +3 -0
  79. data/lib/components/input_group.rb +19 -0
  80. data/lib/essence/engine.rb +20 -5
  81. data/lib/essence/version.rb +1 -1
  82. data/lib/essence.rb +1 -1
  83. data/vendor/assets/stylesheets/essence/flexboxgrid.css +824 -0
  84. metadata +78 -53
  85. data/app/assets/config/essence_manifest.js +0 -5
  86. data/app/assets/stylesheets/essence/beyond/components/_index.scss +0 -17
  87. data/app/assets/stylesheets/essence/beyond/layout/_index.scss +0 -1
  88. data/app/assets/stylesheets/essence/beyond/simple_form/_control.scss +0 -172
  89. data/app/assets/stylesheets/essence/beyond/simple_form/_error.scss +0 -27
  90. data/app/assets/stylesheets/essence/beyond/simple_form/_fieldset.scss +0 -34
  91. data/app/assets/stylesheets/essence/beyond/simple_form/_group.scss +0 -6
  92. data/app/assets/stylesheets/essence/beyond/simple_form/_hint.scss +0 -8
  93. data/app/assets/stylesheets/essence/beyond/simple_form/_index.scss +0 -43
  94. data/app/assets/stylesheets/essence/beyond/simple_form/_label.scss +0 -26
  95. data/app/assets/stylesheets/essence/beyond/simple_form/_wrapper.scss +0 -5
  96. data/app/assets/stylesheets/essence/beyond.scss +0 -4
  97. data/app/components/essence/action_bar_component/action_bar_component.scss +0 -29
  98. data/app/components/essence/app_info_component/app_info_component.scss +0 -45
  99. data/app/components/essence/breadcrumb_component/breadcrumb_component.scss +0 -39
  100. data/app/components/essence/button_component/button_component.scss +0 -105
  101. data/app/components/essence/card_component/card_component.scss +0 -21
  102. data/app/components/essence/empty_state_component/empty_state_component.scss +0 -50
  103. data/app/components/essence/link_component/link_component.scss +0 -58
  104. data/app/components/essence/notification_component/notification_component.scss +0 -63
  105. data/app/components/essence/status_component/status_component.scss +0 -80
  106. data/app/components/essence/step_list_component/step_list_component.scss +0 -79
  107. 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.1.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: 2024-10-16 00:00:00.000000000 Z
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.0'
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.0'
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: 7.1.4
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: 7.1.4
84
+ version: 8.0.2
86
85
  - !ruby/object:Gem::Dependency
87
- name: sassc-rails
86
+ name: simple_form
88
87
  requirement: !ruby/object:Gem::Requirement
89
88
  requirements:
90
89
  - - "~>"
91
90
  - !ruby/object:Gem::Version
92
- version: '2.1'
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: '2.1'
98
+ version: '5.3'
100
99
  - !ruby/object:Gem::Dependency
101
- name: simple_form
100
+ name: stimulus-rails
102
101
  requirement: !ruby/object:Gem::Requirement
103
102
  requirements:
104
103
  - - "~>"
105
104
  - !ruby/object:Gem::Version
106
- version: '5.3'
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: '5.3'
112
+ version: '1.3'
114
113
  - !ruby/object:Gem::Dependency
115
- name: stimulus-rails
114
+ name: turbo-rails
116
115
  requirement: !ruby/object:Gem::Requirement
117
116
  requirements:
118
117
  - - "~>"
119
118
  - !ruby/object:Gem::Version
120
- version: '1.3'
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: '1.3'
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.17'
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.17'
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 appsdesigned and developed for the
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/config/essence_manifest.js
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/stylesheets/essence/beyond.scss
182
- - app/assets/stylesheets/essence/beyond/_base.scss
183
- - app/assets/stylesheets/essence/beyond/components/_index.scss
184
- - app/assets/stylesheets/essence/beyond/layout/_content.scss
185
- - app/assets/stylesheets/essence/beyond/layout/_index.scss
186
- - app/assets/stylesheets/essence/beyond/simple_form/_control.scss
187
- - app/assets/stylesheets/essence/beyond/simple_form/_error.scss
188
- - app/assets/stylesheets/essence/beyond/simple_form/_fieldset.scss
189
- - app/assets/stylesheets/essence/beyond/simple_form/_group.scss
190
- - app/assets/stylesheets/essence/beyond/simple_form/_hint.scss
191
- - app/assets/stylesheets/essence/beyond/simple_form/_index.scss
192
- - app/assets/stylesheets/essence/beyond/simple_form/_label.scss
193
- - app/assets/stylesheets/essence/beyond/simple_form/_wrapper.scss
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/button_component.scss
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/card_component.scss
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/empty_state_component/empty_state_component.scss
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.5.21
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,5 +0,0 @@
1
- //= link_tree ../images
2
- //= link_tree ../stylesheets .css
3
- //= link_tree ../../javascript .js
4
- //= link_tree ../../components .js
5
- //= link_tree ../../../vendor/javascript .js
@@ -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,6 +0,0 @@
1
- .form {
2
- &-group {
3
- align-items: center;
4
- display: flex;
5
- }
6
- }
@@ -1,8 +0,0 @@
1
- .form {
2
- &-hint {
3
- color: var(--inputField-hint-text);
4
- font-size: 13px;
5
- line-height: 1.2;
6
- margin-top: .25em;
7
- }
8
- }
@@ -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
- }
@@ -1,5 +0,0 @@
1
- .form {
2
- &-wrapper {
3
- position: relative;
4
- }
5
- }