dgrcorrientes-modulos 1.0.3 → 1.0.4

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 (263) hide show
  1. package/README.md +12 -21
  2. package/package.json +1 -61
  3. package/.nvmrc +0 -1
  4. package/.prettierrc.cjs +0 -8
  5. package/.storybook/main.cjs +0 -11
  6. package/.storybook/manager-head.html +0 -2
  7. package/.storybook/manager.cjs +0 -6
  8. package/.storybook/preview-head.html +0 -3
  9. package/.storybook/preview.cjs +0 -11
  10. package/.storybook/themes.cjs +0 -14
  11. package/StoryBook.txt +0 -19
  12. package/dist/README.md +0 -12
  13. package/dist/package.json +0 -1
  14. package/dist-config.cjs +0 -57
  15. package/index.html +0 -13
  16. package/public/elevation.ico +0 -0
  17. package/public/elevationImage.png +0 -0
  18. package/public/vite.svg +0 -1
  19. package/src/App.scss +0 -36
  20. package/src/App.tsx +0 -34
  21. package/src/assets/react.svg +0 -1
  22. package/src/index.js +0 -70
  23. package/src/index.scss +0 -63
  24. package/src/index.ts +0 -108
  25. package/src/main.tsx +0 -11
  26. package/src/sass/base/_base.scss +0 -50
  27. package/src/sass/base/_controls.scss +0 -90
  28. package/src/sass/base/_datepicker.scss +0 -114
  29. package/src/sass/base/_typo.scss +0 -71
  30. package/src/sass/base/fonts/SFUIText-Bold.ttf +0 -0
  31. package/src/sass/base/fonts/SFUIText-BoldItalic.ttf +0 -0
  32. package/src/sass/base/fonts/SFUIText-Heavy.ttf +0 -0
  33. package/src/sass/base/fonts/SFUIText-HeavyItalic.ttf +0 -0
  34. package/src/sass/base/fonts/SFUIText-Light.ttf +0 -0
  35. package/src/sass/base/fonts/SFUIText-LightItalic.ttf +0 -0
  36. package/src/sass/base/fonts/SFUIText-Medium.ttf +0 -0
  37. package/src/sass/base/fonts/SFUIText-MediumItalic.ttf +0 -0
  38. package/src/sass/base/fonts/SFUIText-Regular.ttf +0 -0
  39. package/src/sass/base/fonts/SFUIText-RegularItalic.ttf +0 -0
  40. package/src/sass/base/fonts/SFUIText-Semibold.ttf +0 -0
  41. package/src/sass/base/fonts/SFUIText-SemiboldItalic.ttf +0 -0
  42. package/src/sass/bulma/bulma-changes.scss +0 -19
  43. package/src/sass/bulma/extensions/extensions.sass +0 -1
  44. package/src/sass/bulma/extensions/steps/bulma-steps.sass +0 -3
  45. package/src/sass/bulma/extensions/steps/index.sass +0 -421
  46. package/src/sass/bulma/variables/_variables-bulma.sass +0 -16
  47. package/src/sass/bulma/variables/components/card.sass +0 -20
  48. package/src/sass/bulma/variables/components/navbar.sass +0 -50
  49. package/src/sass/bulma/variables/components/tabs.sass +0 -28
  50. package/src/sass/bulma/variables/elements/button.sass +0 -46
  51. package/src/sass/bulma/variables/elements/notification.sass +0 -8
  52. package/src/sass/bulma/variables/elements/title.sass +0 -20
  53. package/src/sass/bulma/variables/grid/column.sass +0 -2
  54. package/src/sass/main.sass +0 -16
  55. package/src/sass/utilities/_bulma-variables.sass +0 -20
  56. package/src/sass/utilities/_derived-variables.scss +0 -68
  57. package/src/sass/utilities/_helpers.scss +0 -70
  58. package/src/sass/utilities/_variables.scss +0 -147
  59. package/src/stories/Changelog.stories.tsx +0 -73
  60. package/src/stories/Components/AssistanceDiary/AssistanceDiary.scss +0 -19
  61. package/src/stories/Components/AssistanceDiary/AssistanceDiary.stories.tsx +0 -25
  62. package/src/stories/Components/AssistanceDiary/AssistanceDiary.tsx +0 -57
  63. package/src/stories/Components/AverageAttended/AverageAttended.scss +0 -39
  64. package/src/stories/Components/AverageAttended/AverageAttended.stories.tsx +0 -71
  65. package/src/stories/Components/AverageAttended/AverageAttended.tsx +0 -311
  66. package/src/stories/Components/Breadcrumb/Breadcrumb.stories.tsx +0 -45
  67. package/src/stories/Components/Breadcrumb/Breadcrumb.tsx +0 -68
  68. package/src/stories/Components/Breadcrumb/breadcrumb.scss +0 -82
  69. package/src/stories/Components/CTA/CTA.scss +0 -76
  70. package/src/stories/Components/CTA/CTA.stories.tsx +0 -46
  71. package/src/stories/Components/CTA/CTA.tsx +0 -70
  72. package/src/stories/Components/Cards/Card CTA/CardCta.stories.tsx +0 -34
  73. package/src/stories/Components/Cards/Card CTA/CardCta.tsx +0 -81
  74. package/src/stories/Components/Cards/Card CTA/cardCta.scss +0 -71
  75. package/src/stories/Components/Cards/Card Expiration/cardExpiration.scss +0 -105
  76. package/src/stories/Components/Cards/Card Expiration/cardExpiration.stories.tsx +0 -40
  77. package/src/stories/Components/Cards/Card Expiration/cardExpiration.tsx +0 -95
  78. package/src/stories/Components/Cards/Card Vertical/CardVertical.stories.tsx +0 -43
  79. package/src/stories/Components/Cards/Card Vertical/CardVertical.tsx +0 -106
  80. package/src/stories/Components/Cards/Card Vertical/cardVertical.scss +0 -130
  81. package/src/stories/Components/Cards/CardActivity/cardActivity.scss +0 -31
  82. package/src/stories/Components/Cards/CardActivity/cardActivity.stories.tsx +0 -20
  83. package/src/stories/Components/Cards/CardActivity/cardActivity.tsx +0 -48
  84. package/src/stories/Components/Cards/CardHorizontal/CardHorizontal.stories.tsx +0 -96
  85. package/src/stories/Components/Cards/CardHorizontal/CardHorizontal.tsx +0 -94
  86. package/src/stories/Components/Cards/CardHorizontal/cardHorizontal.scss +0 -65
  87. package/src/stories/Components/Cards/CardUser/CardUser.stories.tsx +0 -135
  88. package/src/stories/Components/Cards/CardUser/CardUser.tsx +0 -122
  89. package/src/stories/Components/Cards/CardUser/cardUser.scss +0 -115
  90. package/src/stories/Components/Cart/Cart.scss +0 -279
  91. package/src/stories/Components/Cart/Cart.stories.tsx +0 -350
  92. package/src/stories/Components/Cart/Cart.tsx +0 -277
  93. package/src/stories/Components/Collapse/Collapse.scss +0 -339
  94. package/src/stories/Components/Collapse/Collapse.stories.tsx +0 -766
  95. package/src/stories/Components/Collapse/Collapse.tsx +0 -451
  96. package/src/stories/Components/CollapseEdit/CollapseEdit.scss +0 -128
  97. package/src/stories/Components/CollapseEdit/CollapseEdit.stories.tsx +0 -29
  98. package/src/stories/Components/CollapseEdit/CollapseEdit.tsx +0 -185
  99. package/src/stories/Components/CompleteDiary/CompleteDiary.scss +0 -165
  100. package/src/stories/Components/CompleteDiary/CompleteDiary.stories.tsx +0 -219
  101. package/src/stories/Components/CompleteDiary/CompleteDiary.tsx +0 -394
  102. package/src/stories/Components/Dropdown/Dropdown.scss +0 -60
  103. package/src/stories/Components/Dropdown/Dropdown.stories.tsx +0 -19
  104. package/src/stories/Components/Dropdown/Dropdown.tsx +0 -99
  105. package/src/stories/Components/EmptyState/EmptyState.stories.tsx +0 -46
  106. package/src/stories/Components/EmptyState/EmptyState.tsx +0 -44
  107. package/src/stories/Components/EmptyState/emptyState.scss +0 -75
  108. package/src/stories/Components/ErrorPage/ErrorPage.scss +0 -65
  109. package/src/stories/Components/ErrorPage/ErrorPage.stories.tsx +0 -164
  110. package/src/stories/Components/ErrorPage/ErrorPage.tsx +0 -107
  111. package/src/stories/Components/IncomingCall/IncomingCall.scss +0 -27
  112. package/src/stories/Components/IncomingCall/IncomingCall.stories.tsx +0 -43
  113. package/src/stories/Components/IncomingCall/IncomingCall.tsx +0 -76
  114. package/src/stories/Components/ModalConfirm/ModalConfirm.scss +0 -30
  115. package/src/stories/Components/ModalConfirm/ModalConfirm.stories.tsx +0 -21
  116. package/src/stories/Components/ModalConfirm/ModalConfirm.tsx +0 -118
  117. package/src/stories/Components/Pagination/Pagination.scss +0 -42
  118. package/src/stories/Components/Pagination/Pagination.stories.tsx +0 -25
  119. package/src/stories/Components/Pagination/Pagination.tsx +0 -143
  120. package/src/stories/Components/PerformanceAssessment/PerformanceAssessment.scss +0 -26
  121. package/src/stories/Components/PerformanceAssessment/PerformanceAssessment.stories.tsx +0 -27
  122. package/src/stories/Components/PerformanceAssessment/PerformanceAssessment.tsx +0 -108
  123. package/src/stories/Components/ShiftDiary/ShiftDiary.scss +0 -45
  124. package/src/stories/Components/ShiftDiary/ShiftDiary.stories.tsx +0 -32
  125. package/src/stories/Components/ShiftDiary/ShiftDiary.tsx +0 -92
  126. package/src/stories/Components/Stepper/Stepper.stories.tsx +0 -26
  127. package/src/stories/Components/Stepper/Stepper.tsx +0 -102
  128. package/src/stories/Components/Stepper/stepper.scss +0 -59
  129. package/src/stories/Components/Tabs/Tabs.stories.tsx +0 -76
  130. package/src/stories/Components/Tabs/Tabs.tsx +0 -111
  131. package/src/stories/Components/Tabs/tabs.scss +0 -118
  132. package/src/stories/Components/Tooltip/Tooltip.scss +0 -235
  133. package/src/stories/Components/Tooltip/Tooltip.stories.tsx +0 -125
  134. package/src/stories/Components/Tooltip/Tooltip.tsx +0 -222
  135. package/src/stories/Elements/Alert/Alert.stories.tsx +0 -65
  136. package/src/stories/Elements/Alert/Alert.tsx +0 -49
  137. package/src/stories/Elements/Alert/alert.scss +0 -189
  138. package/src/stories/Elements/Badge/Badge.stories.tsx +0 -15
  139. package/src/stories/Elements/Badge/Badge.tsx +0 -21
  140. package/src/stories/Elements/Badge/badge.scss +0 -24
  141. package/src/stories/Elements/Button/Button.stories.tsx +0 -54
  142. package/src/stories/Elements/Button/Button.tsx +0 -118
  143. package/src/stories/Elements/Button/button.scss +0 -102
  144. package/src/stories/Elements/Icon/Icon.stories.tsx +0 -33
  145. package/src/stories/Elements/Icon/Icon.tsx +0 -57
  146. package/src/stories/Elements/Icon/icon.scss +0 -15
  147. package/src/stories/Elements/Icon/icono.svg +0 -1
  148. package/src/stories/Elements/ProgressBar/ProgressBar.scss +0 -26
  149. package/src/stories/Elements/ProgressBar/ProgressBar.stories.tsx +0 -19
  150. package/src/stories/Elements/ProgressBar/ProgressBar.tsx +0 -35
  151. package/src/stories/Form/Autocomplete/Autocomplete.stories.tsx +0 -55
  152. package/src/stories/Form/Autocomplete/Autocomplete.tsx +0 -160
  153. package/src/stories/Form/Autocomplete/autocomplete.scss +0 -311
  154. package/src/stories/Form/Autocomplete-Prueba/Autocomplete.stories.tsx +0 -50
  155. package/src/stories/Form/Autocomplete-Prueba/AutocompletePrueba.tsx +0 -83
  156. package/src/stories/Form/Checkbox/Checkbox.stories.tsx +0 -26
  157. package/src/stories/Form/Checkbox/Checkbox.tsx +0 -89
  158. package/src/stories/Form/Checkbox/checkbox.scss +0 -41
  159. package/src/stories/Form/DatePicker/DatePickerExample.stories.tsx +0 -27
  160. package/src/stories/Form/DatePicker/DatePickerExample.tsx +0 -65
  161. package/src/stories/Form/DatePickerComponent/DatePickerComponent.scss +0 -116
  162. package/src/stories/Form/DatePickerComponent/DatePickerComponent.stories.tsx +0 -37
  163. package/src/stories/Form/DatePickerComponent/DatePickerComponent.tsx +0 -97
  164. package/src/stories/Form/Filters/Filters.stories.tsx +0 -84
  165. package/src/stories/Form/Filters/Filters.tsx +0 -230
  166. package/src/stories/Form/Filters/filters.scss +0 -261
  167. package/src/stories/Form/Input/Input.stories.tsx +0 -25
  168. package/src/stories/Form/Input/Input.tsx +0 -86
  169. package/src/stories/Form/Input/InputVar.sass +0 -26
  170. package/src/stories/Form/Input/input.scss +0 -19
  171. package/src/stories/Form/InputFormControl/Input-form-control.stories.tsx +0 -26
  172. package/src/stories/Form/InputFormControl/Input-form-control.tsx +0 -48
  173. package/src/stories/Form/InputFormControl/input-form-control.scss +0 -34
  174. package/src/stories/Form/Radio/Radio.stories.tsx +0 -19
  175. package/src/stories/Form/Radio/Radio.tsx +0 -84
  176. package/src/stories/Form/Radio/radio.scss +0 -19
  177. package/src/stories/Form/Search/Search.scss +0 -50
  178. package/src/stories/Form/Search/Search.stories.tsx +0 -26
  179. package/src/stories/Form/Search/Search.tsx +0 -84
  180. package/src/stories/Form/Select/Select.stories.tsx +0 -55
  181. package/src/stories/Form/Select/Select.tsx +0 -121
  182. package/src/stories/Form/Select/select.scss +0 -303
  183. package/src/stories/Form/Switch/Switch.stories.tsx +0 -17
  184. package/src/stories/Form/Switch/Switch.tsx +0 -36
  185. package/src/stories/Form/Switch/switch.scss +0 -123
  186. package/src/stories/Form/Textarea/Textarea.stories.tsx +0 -19
  187. package/src/stories/Form/Textarea/Textarea.tsx +0 -52
  188. package/src/stories/Form/Textarea/textarea.scss +0 -25
  189. package/src/stories/Form/UploadFileItem/UploadFileItem.scss +0 -49
  190. package/src/stories/Form/UploadFileItem/UploadFileItem.stories.tsx +0 -18
  191. package/src/stories/Form/UploadFileItem/UploadFileItem.tsx +0 -89
  192. package/src/stories/Form/UploadFiles/UploadFiles.scss +0 -17
  193. package/src/stories/Form/UploadFiles/UploadFiles.stories.tsx +0 -32
  194. package/src/stories/Form/UploadFiles/UploadFiles.tsx +0 -177
  195. package/src/stories/Layout/Footer/Footer.scss +0 -129
  196. package/src/stories/Layout/Footer/Footer.stories.tsx +0 -101
  197. package/src/stories/Layout/Footer/Footer.tsx +0 -81
  198. package/src/stories/Layout/Header/Header.scss +0 -190
  199. package/src/stories/Layout/Header/Header.stories.tsx +0 -223
  200. package/src/stories/Layout/Header/Header.tsx +0 -278
  201. package/src/stories/Layout/HeaderTable/HeaderTable.scss +0 -21
  202. package/src/stories/Layout/HeaderTable/HeaderTable.stories.tsx +0 -112
  203. package/src/stories/Layout/HeaderTable/HeaderTable.tsx +0 -72
  204. package/src/stories/Layout/Sidebar/Sidebar.scss +0 -50
  205. package/src/stories/Layout/Sidebar/Sidebar.stories.tsx +0 -744
  206. package/src/stories/Layout/Sidebar/Sidebar.tsx +0 -129
  207. package/src/stories/Layout/SidebarEmpty/SidebarEmpty.scss +0 -64
  208. package/src/stories/Layout/SidebarEmpty/SidebarEmpty.stories.tsx +0 -26
  209. package/src/stories/Layout/SidebarEmpty/SidebarEmpty.tsx +0 -100
  210. package/src/stories/Layout/Subtitle/Subtitle.scss +0 -88
  211. package/src/stories/Layout/Subtitle/Subtitle.stories.tsx +0 -46
  212. package/src/stories/Layout/Subtitle/Subtitle.tsx +0 -108
  213. package/src/stories/Layout/Title/Title.scss +0 -79
  214. package/src/stories/Layout/Title/Title.stories.tsx +0 -86
  215. package/src/stories/Layout/Title/Title.tsx +0 -96
  216. package/src/stories/Welcome.stories.tsx +0 -111
  217. package/src/stories/assets/404 Page Not Found _Two Color (1).png +0 -0
  218. package/src/stories/assets/404 Page Not Found _Two Color.png +0 -0
  219. package/src/stories/assets/Empty Inbox _Two Color.png +0 -0
  220. package/src/stories/assets/Loading _Two Color.png +0 -0
  221. package/src/stories/assets/Notifications_Two Color 1.png +0 -0
  222. package/src/stories/assets/Online protection_Two Color.png +0 -0
  223. package/src/stories/assets/Under Constructions _Two Color.png +0 -0
  224. package/src/stories/assets/bulma.png +0 -0
  225. package/src/stories/assets/burger.svg +0 -5
  226. package/src/stories/assets/code-brackets.svg +0 -1
  227. package/src/stories/assets/colors.svg +0 -1
  228. package/src/stories/assets/comments.svg +0 -1
  229. package/src/stories/assets/decor-bg.png +0 -0
  230. package/src/stories/assets/direction.svg +0 -1
  231. package/src/stories/assets/e-isologo.svg +0 -4
  232. package/src/stories/assets/e-isotype.svg +0 -4
  233. package/src/stories/assets/e-logo_negative.svg +0 -14
  234. package/src/stories/assets/e-logotype.svg +0 -14
  235. package/src/stories/assets/flow.svg +0 -1
  236. package/src/stories/assets/logo_gobierno_corrientes.svg +0 -9
  237. package/src/stories/assets/logo_rentas_corrientes.svg +0 -10
  238. package/src/stories/assets/logo_rentas_corrientes_compacto.svg +0 -10
  239. package/src/stories/assets/plugin.svg +0 -1
  240. package/src/stories/assets/repo.svg +0 -1
  241. package/src/stories/assets/stackalt.svg +0 -1
  242. package/src/stories/assets/storybook.svg +0 -13
  243. package/src/stories/assets/thumbnail-black.jpg +0 -0
  244. package/src/stories/assets/thumbnail-black[2].jpg +0 -0
  245. package/src/stories/assets/thumbnail.jpg +0 -0
  246. package/src/stories/assets/thumbnail[2].jpg +0 -0
  247. package/src/stories/changelog.ts +0 -389
  248. package/src/utils/functions.ts +0 -57
  249. package/src/vite-env.d.ts +0 -2
  250. package/static/e-isologo-192.jpg +0 -0
  251. package/static/e-isologo.svg +0 -4
  252. package/static/e-logotype.svg +0 -14
  253. package/static/favicon.ico +0 -0
  254. package/tsconfig.json +0 -22
  255. package/tsconfig.node.json +0 -9
  256. package/vite.config.ts +0 -22
  257. /package/{dist/components.js → components.js} +0 -0
  258. /package/{dist/components.umd.cjs → components.umd.cjs} +0 -0
  259. /package/{dist/elevation.ico → elevation.ico} +0 -0
  260. /package/{dist/elevationImage.png → elevationImage.png} +0 -0
  261. /package/{dist/index.d.ts → index.d.ts} +0 -0
  262. /package/{dist/style.css → style.css} +0 -0
  263. /package/{dist/vite.svg → vite.svg} +0 -0
@@ -1,421 +0,0 @@
1
- @import "/src/sass/utilities/_variables.scss"
2
-
3
- // ------------------------------------------ STEPPER VARIABLES ------------------------------------------
4
- $steps-default-color: $muted-300 !default
5
- $steps-completed-color: $success-600 !default
6
- $steps-active-color: $primary-600 !default
7
- $steps-horizontal-min-width: 10em !default
8
- $steps-vertical-min-height: 4em !default
9
- $steps-marker-size: 2 !default
10
- $steps-divider-size: .2em !default
11
- $steps-gap-size: .3rem !default
12
- $steps-hollow-border-size: .3em !default
13
- $steps-thin-divider-size: 1px !default
14
- $steps-thin-marker-size: .8em !default
15
-
16
- =steps-horizontal
17
- +tablet
18
- &:not(.is-vertical)
19
- @content
20
- &.is-horizontal
21
- @content
22
-
23
- =steps-vertical
24
- +mobile
25
- &:not(.is-horizontal)
26
- @content
27
- &.is-vertical
28
- @content
29
-
30
- =steps-all-segments
31
- &.steps .steps-segment
32
- @content
33
-
34
- =steps-active-segment
35
- &.steps .steps-segment.is-active
36
- @content
37
-
38
- =steps-inactive-segments
39
- &.steps .steps-segment.is-active ~ .steps-segment
40
- @content
41
-
42
- .steps
43
- +block
44
-
45
- .steps-segment
46
- position: relative
47
- &:not(:last-child):after
48
- // This will contain the horizontal or vertical divider
49
- content: " "
50
- display: block
51
- position: absolute
52
-
53
- +steps-vertical
54
- .steps-segment
55
- display: block
56
- &:not(:last-child)
57
- min-height: $steps-vertical-min-height
58
- &.is-short
59
- .steps-segment
60
- flex-grow: 0
61
- &:not(:last-child)
62
- //this is commented because text would be running perpendicular to the line, so we won't need as much room
63
- // min-height: $steps-horizontal-min-width
64
-
65
- &.is-short.is-centered
66
- justify-content: center
67
-
68
- &.is-short.is-bottom
69
- justify-content: flex-end
70
-
71
- &:not(.is-short)
72
- height: 100%
73
- display: flex
74
- flex-direction: column
75
- .steps-segment:not(:last-child)
76
- flex-grow: 1
77
-
78
- +steps-horizontal
79
- display: flex
80
- .steps-segment:not(:last-child)
81
- flex-basis: 1rem
82
- flex-grow: 1
83
- flex-shrink: 1
84
-
85
- &.is-narrow
86
- .steps-segment
87
- flex-grow: 0
88
- &:not(:last-child)
89
- min-width: $steps-horizontal-min-width
90
-
91
- &.is-narrow.is-centered
92
- justify-content: center
93
-
94
- &.is-narrow.is-right
95
- justify-content: flex-end
96
-
97
- &.has-content-centered
98
- text-align: center
99
-
100
- &.is-balanced, &.has-content-centered
101
- .steps-segment:last-child
102
- flex-basis: 1rem
103
- flex-grow: 1
104
- flex-shrink: 1
105
-
106
- &.is-narrow.has-content-centered
107
- .steps-segment:last-child
108
- flex-grow: 0
109
- min-width: $steps-horizontal-min-width
110
-
111
- .steps-content.is-divider-content
112
- text-align: center
113
-
114
- // Marker style
115
- .steps-marker
116
- align-items: center
117
- display: flex
118
- border-radius: 50%
119
- font-weight: $weight-bold
120
- justify-content: center
121
- // Position & z-index are needed to put it above the divider
122
- position: relative
123
- z-index: 5
124
-
125
- // Use a mixin to define all ratios in the same spot
126
- =steps-size($size)
127
- font-size: $size
128
-
129
- .steps-marker
130
- height: $size * $steps-marker-size
131
- width: $size * $steps-marker-size
132
- overflow: hidden
133
-
134
- +steps-vertical
135
- // Draw a vertical divider
136
- display: flex
137
- flex-direction: column
138
-
139
- .steps-segment:not(:last-child):after
140
- // top and bottom position is almost touching the inner side of a hollow border marker
141
- bottom: -$steps-gap-size * 0.8
142
- left: calc(#{$size * (calc($steps-marker-size / 2))} - (#{calc($steps-divider-size / 2)}))
143
- top: ($size * $steps-marker-size) - ($steps-gap-size * 0.8)
144
- width: $steps-divider-size
145
-
146
- // Align the content with the marker
147
- .steps-content
148
- margin-left: calc(#{$size * calc($steps-marker-size / 2)} + .5em)
149
- margin-top: -$size * $steps-marker-size
150
- padding-left: 1em
151
- padding-bottom: 1em
152
-
153
- .steps-content.is-divider-content
154
- margin-top: 0
155
- padding-bottom: 0
156
-
157
- &.has-content-centered
158
- .steps-content
159
- padding-top: calc(#{$size * calc($steps-marker-size / 2)} - .5em)
160
-
161
- &:not(.is-thin)
162
- &.has-gaps .steps-segment, .steps-segment.has-gaps
163
- &:not(:last-child):after
164
- top: ($size * $steps-marker-size) + $steps-gap-size
165
- bottom: $steps-gap-size
166
-
167
- +steps-horizontal
168
- // Draw a horizontal divider
169
- .steps-segment:not(:last-child):after
170
- height: $steps-divider-size
171
- // top and bottom position is almost touching the inner side of a hollow border marker
172
- left: ($size * $steps-marker-size) - ($steps-gap-size * 0.8)
173
- right: -$steps-gap-size * 0.8
174
- top: calc(#{$size * (calc($steps-marker-size / 2))} - (#{calc($steps-divider-size / 2)}))
175
-
176
- &.has-content-above .steps-segment:not(:last-child)::after
177
- bottom: calc(#{$size * calc($steps-marker-size / 2)} - (#{calc($steps-divider-size / 2)}))
178
- top: auto
179
-
180
- // extra data
181
- .extra-data
182
- left: calc(50% + #{($size * calc($steps-marker-size / 2)) + $steps-gap-size})
183
- right: calc(-50% + #{($size * calc($steps-marker-size / 2)) + $steps-gap-size})
184
- bottom: 100%
185
- position: absolute
186
-
187
- &.has-overflow-right
188
- overflow: visible
189
- right: auto
190
- white-space: nowrap
191
- min-width: calc(100% - #{$size * calc($steps-marker-size / 2)} - (#{calc($steps-divider-size / 2)}))
192
-
193
- &.has-overflow-left
194
- overflow: visible
195
- left: auto
196
- white-space: nowrap
197
- min-width: calc(100% - #{$size * calc($steps-marker-size / 2)} - (#{calc($steps-divider-size / 2)}))
198
-
199
- &.has-overflow-centered
200
- overflow: visible
201
- left: auto
202
- white-space: nowrap
203
- min-width: calc(100% - #{$size * calc($steps-marker-size / 2)} - (#{calc($steps-divider-size / 2)}))
204
-
205
- &.has-content-above .extra-data
206
- top: 100%
207
- bottom: auto
208
-
209
- // Align the content with the marker
210
- .steps-content
211
- margin-left: $size * calc($steps-marker-size / 2)
212
- &:not(:last-child)
213
- margin-right: -$size * calc($steps-marker-size / 2)
214
-
215
- &.is-divider-content
216
- margin-right: -$size * calc($steps-marker-size / 2)
217
- padding-left: 2em
218
- padding-right: 2em
219
-
220
- &.has-content-centered
221
- .steps-segment:not(:last-child):after
222
- left: 50%
223
- right: -50%
224
- .steps-marker
225
- position: absolute
226
- left: calc(50% - #{$size * calc($steps-marker-size / 2)})
227
- .steps-content
228
- margin-top: $size * $steps-marker-size
229
- margin-left: .5em
230
- margin-right: .5em
231
- padding-top: .2em
232
-
233
- &.has-content-above.has-content-centered .steps-content
234
- margin-bottom: $size * $steps-marker-size
235
- padding-bottom: .2em
236
-
237
- &:not(.is-thin)
238
- &.has-gaps .steps-segment, .steps-segment.has-gaps
239
- &:not(:last-child):after
240
- left: ($size * $steps-marker-size) + $steps-gap-size
241
- right: $steps-gap-size
242
-
243
- &.has-content-centered
244
- &.has-gaps .steps-segment, .steps-segment.has-gaps
245
- &:not(:last-child):after
246
- left: calc(50% + #{($size * calc($steps-marker-size / 2)) + $steps-gap-size})
247
- right: calc(-50% + #{($size * calc($steps-marker-size / 2)) + $steps-gap-size})
248
-
249
- .steps
250
- +steps-size($size-normal)
251
-
252
- .steps.is-small
253
- +steps-size($size-small)
254
-
255
- .steps.is-medium
256
- +steps-size($size-medium)
257
-
258
- .steps.is-large
259
- +steps-size($size-large)
260
-
261
- // Divider Default Colors
262
- .steps-segment
263
- &:after
264
- background-color: $steps-completed-color
265
-
266
- &.is-active
267
- &:after
268
- background-color: $steps-default-color
269
-
270
- &.is-active ~ .steps-segment
271
- &:after
272
- background-color: $steps-default-color
273
-
274
- // Marker Default Colors
275
- .steps:not(.is-hollow)
276
- .steps-marker:not(.is-hollow)
277
- background-color: $steps-completed-color
278
- color: findColorInvert($steps-completed-color)
279
-
280
- .steps-segment.is-active
281
- .steps-marker:not(.is-hollow)
282
- background-color: $steps-active-color
283
- color: findColorInvert($steps-active-color)
284
-
285
- .steps-segment.is-active
286
- & ~ .steps-segment .steps-marker:not(.is-hollow)
287
- background-color: $steps-default-color
288
- color: findColorInvert($steps-default-color)
289
-
290
- // Hollow style
291
- .steps.is-hollow .steps-marker,
292
- .steps-marker.is-hollow
293
- border: $steps-hollow-border-size solid $steps-completed-color
294
-
295
- .steps.is-hollow .is-active .steps-marker,
296
- .steps .is-active .steps-marker.is-hollow
297
- border-color: $steps-active-color
298
-
299
- .steps.is-hollow .steps-segment.is-active ~ .steps-segment .steps-marker,
300
- .steps-segment.is-active ~ .steps-segment .steps-marker.is-hollow
301
- border-color: $steps-default-color
302
-
303
- // Override marker color per step
304
- @each $name, $pair in $colors
305
- $color: nth($pair, 1)
306
- $color-invert: nth($pair, 2)
307
- .steps:not(.is-hollow) .steps-marker:not(.is-hollow)
308
- &.is-#{$name}
309
- background-color: $color !important
310
- color: $color-invert !important
311
-
312
- .steps.is-hollow .steps-marker,
313
- .steps .steps-marker.is-hollow
314
- &.is-#{$name}
315
- border-color: $color !important
316
-
317
- // Divider dashed style
318
- =steps-divider-background($angle, $color, $size)
319
- background: repeating-linear-gradient($angle, $color, $color $size, transparent $size, transparent #{$size * 2})
320
- .steps
321
- +steps-vertical
322
- &.is-dashed .steps-segment, .steps-segment.is-dashed
323
- &:after
324
- +steps-divider-background(0deg, $steps-completed-color, 5px)
325
-
326
- &.is-dashed .steps-segment.is-active,
327
- &.is-dashed .steps-segment.is-active ~ .steps-segment,
328
- .steps-segment.is-active.is-dashed,
329
- .steps-segment.is-active ~ .steps-segment.is-dashed
330
- &:after
331
- +steps-divider-background(0deg, $steps-default-color, 5px)
332
-
333
- +steps-horizontal
334
- &.is-dashed .steps-segment,
335
- .steps-segment.is-dashed
336
- &:after
337
- +steps-divider-background(90deg, $steps-completed-color, 10px)
338
-
339
- // the active segment and any subsequent segment get the default colot
340
- &.is-dashed .steps-segment.is-active,
341
- &.is-dashed .steps-segment.is-active ~ .steps-segment,
342
- .steps-segment.is-active.is-dashed,
343
- .steps-segment.is-active ~ .steps-segment.is-dashed
344
- &:after
345
- +steps-divider-background(90deg, $steps-default-color, 10px)
346
-
347
- // Thin modifier
348
- .steps.is-thin
349
- .steps-marker
350
- width: $steps-thin-marker-size
351
- height: $steps-thin-marker-size
352
- &.is-hollow .steps-marker,
353
- .steps-marker.is-hollow
354
- border-width: $steps-thin-divider-size
355
- height: calc(#{$steps-thin-marker-size} + #{$steps-thin-divider-size})
356
- width: calc(#{$steps-thin-marker-size} + #{$steps-thin-divider-size})
357
-
358
- +steps-vertical
359
- .steps-segment
360
- &:not(:last-child):after
361
- bottom: 0
362
- left: calc(#{calc($steps-thin-marker-size / 2)} - #{calc($steps-thin-divider-size / 2)})
363
- top: $steps-thin-marker-size
364
- width: $steps-thin-divider-size
365
-
366
- .steps-content
367
- margin-top: -$steps-thin-marker-size * 1.5
368
- margin-left: $steps-thin-marker-size
369
-
370
- &.has-gaps .steps-segment, .steps-segment.has-gaps
371
- &:not(:last-child):after
372
- bottom: calc($steps-thin-marker-size / 2)
373
- top: $steps-thin-marker-size * 1.5
374
-
375
- &.has-content-centered
376
- .steps-content
377
- padding-top: $steps-thin-marker-size * 2
378
-
379
- +steps-horizontal
380
- .steps-segment
381
- &:not(:last-child):after
382
- left: $steps-thin-marker-size
383
- right: 0
384
- top: calc(#{calc($steps-thin-marker-size / 2)} - #{calc($steps-thin-divider-size / 2)})
385
- height: $steps-thin-divider-size
386
- &.has-content-above .steps-segment:not(:last-child)::after
387
- bottom: calc(#{calc($steps-thin-marker-size / 2)} - #{calc($steps-thin-divider-size / 2)})
388
- top: auto
389
- .steps-content
390
- margin-top: $steps-thin-marker-size
391
-
392
- &.has-content-centered
393
- .steps-segment
394
- &:not(:last-child):after
395
- left: calc(50% + #{calc($steps-thin-marker-size / 2)})
396
- right: calc(-50% + #{calc($steps-thin-marker-size / 2)})
397
- .steps-marker
398
- position: absolute
399
- left: calc(50% - #{calc($steps-thin-marker-size / 2)})
400
-
401
- &.has-gaps .steps-segment, .steps-segment.has-gaps
402
- &:not(:last-child):after
403
- left: $steps-thin-marker-size * 1.5
404
- right: calc($steps-thin-marker-size / 2)
405
-
406
- &.has-content-centered.has-gaps .steps-segment, &.has-content-centered .steps-segment.has-gaps
407
- &:not(:last-child):after
408
- left: calc(50% + #{(calc($steps-thin-marker-size / 2)) + (calc($steps-thin-marker-size / 2))})
409
- right: calc(-50% + #{(calc($steps-thin-marker-size / 2)) + (calc($steps-thin-marker-size / 2))})
410
-
411
- //.has-content-above
412
- .steps:not(.is-vertical).has-content-above
413
- .steps-segment
414
- display: flex
415
- flex-direction: column-reverse
416
-
417
- .steps-content
418
- margin-top: 0
419
- padding-top: 0
420
- display: flex
421
- flex-direction: column-reverse
@@ -1,16 +0,0 @@
1
- @import "/src/sass/utilities/_variables.scss"
2
- @import "/node_modules/bulma/sass/utilities/controls"
3
- @import "/node_modules/bulma/sass/utilities/mixins"
4
-
5
- // ======================== IMPORTS VARIABLES / COMPONENTS ============================
6
- @import "/src/sass/bulma/variables/components/tabs.sass"
7
- @import "/src/sass/bulma/variables/components/card.sass"
8
- @import "/src/sass/bulma/variables/components/navbar.sass"
9
-
10
- // ======================== IMPORTS VARIABLES / GRID ============================
11
- @import "/src/sass/bulma/variables/grid/column.sass"
12
-
13
- // ======================== IMPORTS VARIABLES / ELEMENTS ============================
14
- @import "/src/sass/bulma/variables/elements/title.sass"
15
- @import "/src/sass/bulma/variables/elements/notification.sass"
16
- @import "/src/sass/bulma/variables/elements/button.sass"
@@ -1,20 +0,0 @@
1
- //================================ CARD ================================
2
- $card-color: $text !default
3
- $card-background-color: $scheme-main !default
4
- $card-shadow: $shadow !default
5
- $card-radius: 16px !default
6
-
7
- $card-header-background-color: transparent !default
8
- $card-header-color: $text-strong !default
9
- $card-header-padding: 0.75rem 1rem !default
10
- $card-header-shadow: none
11
- $card-header-weight: $weight-bold !default
12
-
13
- $card-content-background-color: transparent !default
14
- $card-content-padding: 1.5rem !default
15
-
16
- $card-footer-background-color: transparent !default
17
- $card-footer-border-top: 0px
18
- $card-footer-padding: 0.75rem !default
19
-
20
- $card-media-margin: $block-spacing !default
@@ -1,50 +0,0 @@
1
- //================================ NAVBAR ================================
2
- $navbar-background-color: $scheme-main !default
3
- $navbar-box-shadow-size: 0 2px 0 0 !default
4
- $navbar-box-shadow-color: $background !default
5
- $navbar-height: 3.25rem !default
6
- $navbar-padding-vertical: 1rem !default
7
- $navbar-padding-horizontal: 2rem !default
8
- $navbar-z: 30 !default
9
- $navbar-fixed-z: 30 !default
10
-
11
- $navbar-item-color: $primary-600 !default
12
- $navbar-item-hover-color: $primary-600 !default
13
- $navbar-item-hover-background-color: $primary-100 !default
14
- $navbar-item-active-color: $scheme-invert !default
15
- $navbar-item-active-background-color: transparent !default
16
- $navbar-item-img-max-height: 5rem !default
17
-
18
- $navbar-burger-color: $navbar-item-color !default
19
-
20
- $navbar-tab-hover-background-color: transparent !default
21
- $navbar-tab-hover-border-bottom-color: $link !default
22
- $navbar-tab-active-color: $link !default
23
- $navbar-tab-active-background-color: transparent !default
24
- $navbar-tab-active-border-bottom-color: $link !default
25
- $navbar-tab-active-border-bottom-style: solid !default
26
- $navbar-tab-active-border-bottom-width: 3px !default
27
-
28
- $navbar-dropdown-background-color: $scheme-main !default
29
- $navbar-dropdown-border-top: 2px solid $border !default
30
- $navbar-dropdown-offset: -4px !default
31
- $navbar-dropdown-arrow: $link !default
32
- $navbar-dropdown-radius: $radius-large !default
33
- $navbar-dropdown-z: 20 !default
34
-
35
- $navbar-dropdown-boxed-radius: $radius-large !default
36
- $navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
37
-
38
- $navbar-dropdown-item-hover-color: $scheme-invert !default
39
- $navbar-dropdown-item-hover-background-color: $background !default
40
- $navbar-dropdown-item-active-color: $link !default
41
- $navbar-dropdown-item-active-background-color: $background !default
42
-
43
- $navbar-divider-background-color: $background !default
44
- $navbar-divider-height: 2px !default
45
-
46
- $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
47
-
48
- $navbar-breakpoint: $breakpoint_header3_burger !default
49
-
50
- $navbar-colors: $colors !default
@@ -1,28 +0,0 @@
1
- //================================ TABS ================================
2
- $tabs-border-bottom-color: transparent !default
3
- $tabs-border-bottom-style: solid !default
4
- $tabs-border-bottom-width: 3px !default
5
- $tabs-link-color: $text-800 !default
6
- $tabs-link-hover-border-bottom-color: $primary-600 !default
7
- $tabs-link-hover-color: $primary-600 !default
8
- $tabs-link-active-border-bottom-color: $primary-600 !default
9
- $tabs-link-active-color: $primary-600 !default
10
- $tabs-link-padding: 0.5em 1em !default
11
-
12
- $tabs-boxed-link-radius: $radius !default
13
- $tabs-boxed-link-hover-background-color: $background !default
14
- $tabs-boxed-link-hover-border-bottom-color: $border !default
15
-
16
- $tabs-boxed-link-active-background-color: $scheme-main !default
17
- $tabs-boxed-link-active-border-color: $border !default
18
- $tabs-boxed-link-active-border-bottom-color: transparent !default
19
-
20
- $tabs-toggle-link-border-color: $border !default
21
- $tabs-toggle-link-border-style: solid !default
22
- $tabs-toggle-link-border-width: 1px !default
23
- $tabs-toggle-link-hover-background-color: $background !default
24
- $tabs-toggle-link-hover-border-color: $border-hover !default
25
- $tabs-toggle-link-radius: $radius !default
26
- $tabs-toggle-link-active-background-color: $link !default
27
- $tabs-toggle-link-active-border-color: $link !default
28
- $tabs-toggle-link-active-color: $link-invert !default
@@ -1,46 +0,0 @@
1
- @import "/src/sass/utilities/_variables.scss"
2
-
3
- $button-color: $text-strong !default
4
- $button-background-color: $scheme-main !default
5
- $button-family: 'SF UI Text', sans-serif !default //EDITADO
6
-
7
- $button-border-color: $border !default
8
- $button-border-width: $control-border-width !default
9
-
10
- $button-padding-vertical: calc(0.5em - #{$button-border-width}) !default //EDITADO
11
- $button-padding-horizontal: 1em !default
12
-
13
- $button-hover-color: $link-hover !default
14
- $button-hover-border-color: $link-hover-border !default
15
-
16
- $button-focus-color: $link-focus !default
17
- $button-focus-border-color: $primary-600 !default //EDITADO
18
- $button-focus-box-shadow-size: 0 0 0 0.125em !default
19
- $button-focus-box-shadow-color: bulmaRgba($primary-600, 0.25) !default //EDITADO
20
-
21
- $button-active-color: $link-active !default
22
- $button-active-border-color: $primary-600 !default //EDITADO
23
-
24
- $button-text-color: $text !default
25
- $button-text-decoration: underline !default
26
- $button-text-hover-background-color: $background !default
27
- $button-text-hover-color: $text-strong !default
28
-
29
- $button-ghost-background: none !default
30
- $button-ghost-border-color: transparent !default
31
- $button-ghost-color: $link !default
32
- $button-ghost-decoration: none !default
33
- $button-ghost-hover-color: $link !default
34
- $button-ghost-hover-decoration: underline !default
35
-
36
- $button-disabled-background-color: $scheme-main !default
37
- $button-disabled-border-color: $border !default
38
- $button-disabled-shadow: none !default
39
- $button-disabled-opacity: 0.5 !default
40
-
41
- $button-static-color: $text-light !default
42
- $button-static-background-color: $scheme-main-ter !default
43
- $button-static-border-color: $border !default
44
-
45
- $button-colors: $colors !default
46
- $button-responsive-sizes: ("mobile": ("small": ($size-small * 0.75), "normal": ($size-small * 0.875), "medium": $size-small, "large": $size-normal), "tablet-only": ("small": ($size-small * 0.875), "normal": ($size-small), "medium": $size-normal, "large": $size-medium)) !default
@@ -1,8 +0,0 @@
1
- $notification-background-color: $background !default
2
- $notification-code-background-color: $scheme-main !default
3
- $notification-radius: $radius !default
4
- $notification-padding: 0px !default
5
- $notification-padding-ltr: 0px !default
6
- $notification-padding-rtl: 0px !default
7
-
8
- $notification-colors: $colors !default
@@ -1,20 +0,0 @@
1
- @import "/src/sass/utilities/_variables.scss"
2
-
3
- $title-color: $text-strong !default
4
- $title-family: false !default
5
- $title-size: $size-3 !default
6
- $title-weight: $fw-semibold !default
7
- $title-line-height: 150% !default
8
- $title-strong-color: inherit !default
9
- $title-strong-weight: inherit !default
10
- $title-sub-size: 0.75em !default
11
- $title-sup-size: 0.75em !default
12
-
13
- $subtitle-color: $text !default
14
- $subtitle-family: false !default
15
- $subtitle-size: $size-5 !default
16
- $subtitle-weight: $weight-normal !default
17
- $subtitle-line-height: 1.25 !default
18
- $subtitle-strong-color: $text-strong !default
19
- $subtitle-strong-weight: $weight-semibold !default
20
- $subtitle-negative-margin: -1.25rem !default
@@ -1,2 +0,0 @@
1
- //================================ COLUMNS ================================
2
- $column-gap: 0rem !default
@@ -1,16 +0,0 @@
1
- .elv-component
2
- // BULMA IMPORTS -----------------------------
3
- //Base
4
- @import "./utilities/bulma-variables.sass"
5
- @import 'bulma/bulma.sass'
6
-
7
- //EXTENSIONS
8
- @import "./bulma/extensions/extensions"
9
- @import '/src/sass/utilities/_helpers.scss'
10
-
11
- // ICONS -----------------------------
12
- @import '@fortawesome/fontawesome-free/css/all.css'
13
-
14
- // base -----------------------------
15
- @import './base/_typo'
16
- @import './base/_base.scss'
@@ -1,20 +0,0 @@
1
- @import "/src/sass/utilities/_variables.scss"
2
- @import "/src/sass/utilities/_derived-variables"
3
- @import "/node_modules/bulma/sass/utilities/controls"
4
- @import "/node_modules/bulma/sass/utilities/mixins"
5
-
6
- // ======================== IMPORTS VARIABLES / COMPONENTS ============================
7
- @import "/src/sass/bulma/variables/components/tabs.sass"
8
- @import "/src/sass/bulma/variables/components/card.sass"
9
- @import "/src/sass/bulma/variables/components/navbar.sass"
10
-
11
- // ======================== IMPORTS VARIABLES / GRID ============================
12
- @import "/src/sass/bulma/variables/grid/column.sass"
13
-
14
- // ======================== IMPORTS VARIABLES / ELEMENTS ============================
15
- @import "/src/sass/bulma/variables/elements/title.sass"
16
- @import "/src/sass/bulma/variables/elements/notification.sass"
17
- @import "/src/sass/bulma/variables/elements/button.sass"
18
-
19
- // ======================== IMPORTS VARIABLES / FORMS ============================
20
- @import "/src/stories/Form/Input/InputVar.sass"