@flyanra/vue-core 0.4.0 → 0.4.2

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 (161) hide show
  1. package/README.md +176 -176
  2. package/package.json +137 -138
  3. package/src/components/basic/fly-button/FlyButton.element.scss +3 -3
  4. package/src/components/basic/fly-button/FlyButton.mixins.scss +58 -58
  5. package/src/components/basic/fly-button/FlyButton.types.ts +29 -29
  6. package/src/components/basic/fly-button/FlyButton.vue +180 -180
  7. package/src/components/basic/fly-button/index.ts +11 -11
  8. package/src/components/basic/index.ts +2 -2
  9. package/src/components/basic/typography/FlyCollapseTitleRenderer.vue +46 -46
  10. package/src/components/feedback/index.ts +2 -2
  11. package/src/components/feedback/tooltip/FlyInfoTooltip.vue +48 -48
  12. package/src/components/feedback/tooltip/FlyTooltip.element.scss +4 -4
  13. package/src/components/feedback/tooltip/FlyTooltip.types.ts +5 -5
  14. package/src/components/feedback/tooltip/FlyTooltip.vue +60 -60
  15. package/src/components/feedback/tooltip/index.ts +6 -6
  16. package/src/components/form/form.utils.ts +57 -57
  17. package/src/components/form/input-renderers/boolean/FlyBoolean.scss +1 -1
  18. package/src/components/form/input-renderers/boolean/FlyBoolean.types.ts +16 -16
  19. package/src/components/form/input-renderers/boolean/FlyBoolean.vue +35 -35
  20. package/src/components/form/input-renderers/date-time/FlyDateTime.scss +1 -1
  21. package/src/components/form/input-renderers/date-time/FlyDateTime.types.ts +21 -21
  22. package/src/components/form/input-renderers/date-time/FlyDateTime.vue +85 -85
  23. package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss +4 -4
  24. package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -48
  25. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -3
  26. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +246 -246
  27. package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -75
  28. package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -97
  29. package/src/components/form/input-renderers/form-schema.types.ts +95 -95
  30. package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -49
  31. package/src/components/form/input-renderers/input-renderer.types.ts +49 -49
  32. package/src/components/form/input-renderers/input-renderer.utils.ts +18 -18
  33. package/src/components/form/input-renderers/number/FlyNumber.scss +1 -1
  34. package/src/components/form/input-renderers/number/FlyNumber.types.ts +13 -13
  35. package/src/components/form/input-renderers/number/FlyNumber.utils.ts +6 -6
  36. package/src/components/form/input-renderers/number/FlyNumber.vue +48 -48
  37. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -15
  38. package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -99
  39. package/src/components/form/input-renderers/select/FlySelect.scss +1 -1
  40. package/src/components/form/input-renderers/select/FlySelect.types.ts +25 -25
  41. package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -37
  42. package/src/components/form/input-renderers/select/FlySelect.vue +48 -48
  43. package/src/components/form/input-renderers/text/FlyText.scss +1 -1
  44. package/src/components/form/input-renderers/text/FlyText.types.ts +20 -20
  45. package/src/components/form/input-renderers/text/FlyText.vue +56 -56
  46. package/src/components/form/input-renderers/value-unit/FlyValueUnit.scss +2 -2
  47. package/src/components/form/input-renderers/value-unit/FlyValueUnit.types.ts +28 -28
  48. package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +101 -101
  49. package/src/components/form/input-validators.ts +121 -121
  50. package/src/components/general/fly-icon/FlyIcon.types.ts +12 -12
  51. package/src/components/general/fly-icon/FlyIcon.vue +24 -24
  52. package/src/components/general/fly-icon/index.ts +6 -6
  53. package/src/components/general/index.ts +2 -2
  54. package/src/components/index.ts +5 -5
  55. package/src/components/navigation/fly-steps/FlySteps.element.scss +100 -100
  56. package/src/components/navigation/fly-steps/FlySteps.types.ts +10 -10
  57. package/src/components/navigation/fly-steps/FlySteps.vue +30 -30
  58. package/src/components/navigation/fly-steps/index.ts +6 -6
  59. package/src/components/navigation/index.ts +2 -2
  60. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.element.scss +2 -2
  61. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.ts +8 -8
  62. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue +46 -46
  63. package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue +55 -55
  64. package/src/components/navigation/menu/fly-mini-sidebar/index.ts +6 -6
  65. package/src/components/navigation/menu/fly-sidebar/FlySidebar.element.scss +9 -9
  66. package/src/components/navigation/menu/fly-sidebar/FlySidebar.types.ts +36 -36
  67. package/src/components/navigation/menu/fly-sidebar/FlySidebar.vue +150 -150
  68. package/src/components/navigation/menu/fly-sidebar/FlySidebarNode.vue +47 -47
  69. package/src/components/navigation/menu/fly-sidebar/index.ts +12 -12
  70. package/src/components/navigation/menu/index.ts +5 -5
  71. package/src/index.ts +1 -1
  72. package/src/styles/_scss-tokens.scss +76 -76
  73. package/src/styles/core/animations.scss +40 -40
  74. package/src/styles/core/index.scss +36 -36
  75. package/src/styles/core/scrollbar.scss +36 -36
  76. package/src/styles/core/typography-utils.scss +9 -9
  77. package/src/styles/element/common.scss +56 -56
  78. package/src/styles/element/dark.scss +38 -38
  79. package/src/styles/element/mixins/collapse.scss +61 -61
  80. package/src/styles/element/mixins/dialog.scss +101 -101
  81. package/src/styles/element/overrides/alerts.scss +28 -28
  82. package/src/styles/element/overrides/badge.scss +6 -6
  83. package/src/styles/element/overrides/cascader.scss +2 -2
  84. package/src/styles/element/overrides/collapse.scss +2 -2
  85. package/src/styles/element/overrides/date-time.scss +11 -11
  86. package/src/styles/element/overrides/dialog.scss +2 -2
  87. package/src/styles/element/overrides/dropdown.scss +11 -11
  88. package/src/styles/element/overrides/form.scss +105 -105
  89. package/src/styles/element/overrides/message-box.scss +2 -2
  90. package/src/styles/element/overrides/message.scss +39 -39
  91. package/src/styles/element/overrides/notification.scss +46 -46
  92. package/src/styles/element/overrides/radio.scss +2 -2
  93. package/src/styles/element/overrides/segmented.scss +17 -17
  94. package/src/styles/element/overrides/select.scss +9 -9
  95. package/src/styles/element/overrides/table.scss +2 -2
  96. package/src/styles/element/overrides/tag.scss +19 -19
  97. package/src/styles/index.d.ts +1 -1
  98. package/src/styles/index.scss +5 -5
  99. package/src/styles/mixins/shadows.scss +15 -15
  100. package/src/styles/tokens.scss +84 -83
  101. package/dist/types/components/basic/fly-button/FlyButton.types.d.ts +0 -25
  102. package/dist/types/components/basic/fly-button/FlyButton.vue.d.ts +0 -26
  103. package/dist/types/components/basic/fly-button/index.d.ts +0 -4
  104. package/dist/types/components/basic/index.d.ts +0 -2
  105. package/dist/types/components/basic/typography/FlyCollapseTitleRenderer.vue.d.ts +0 -16
  106. package/dist/types/components/feedback/index.d.ts +0 -2
  107. package/dist/types/components/feedback/tooltip/FlyInfoTooltip.vue.d.ts +0 -36
  108. package/dist/types/components/feedback/tooltip/FlyTooltip.types.d.ts +0 -4
  109. package/dist/types/components/feedback/tooltip/FlyTooltip.vue.d.ts +0 -17
  110. package/dist/types/components/feedback/tooltip/index.d.ts +0 -4
  111. package/dist/types/components/form/form.utils.d.ts +0 -10
  112. package/dist/types/components/form/index.d.ts +0 -1
  113. package/dist/types/components/form/input-renderers/boolean/FlyBoolean.types.d.ts +0 -14
  114. package/dist/types/components/form/input-renderers/boolean/FlyBoolean.vue.d.ts +0 -15
  115. package/dist/types/components/form/input-renderers/date-time/FlyDateTime.types.d.ts +0 -20
  116. package/dist/types/components/form/input-renderers/date-time/FlyDateTime.vue.d.ts +0 -19
  117. package/dist/types/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue.d.ts +0 -19
  118. package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.d.ts +0 -2
  119. package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.d.ts +0 -23
  120. package/dist/types/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue.d.ts +0 -17
  121. package/dist/types/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.d.ts +0 -25
  122. package/dist/types/components/form/input-renderers/form-schema.types.d.ts +0 -77
  123. package/dist/types/components/form/input-renderers/input-renderer/FlyInputRenderer.vue.d.ts +0 -18
  124. package/dist/types/components/form/input-renderers/input-renderer.types.d.ts +0 -30
  125. package/dist/types/components/form/input-renderers/input-renderer.utils.d.ts +0 -2
  126. package/dist/types/components/form/input-renderers/number/FlyNumber.types.d.ts +0 -13
  127. package/dist/types/components/form/input-renderers/number/FlyNumber.utils.d.ts +0 -1
  128. package/dist/types/components/form/input-renderers/number/FlyNumber.vue.d.ts +0 -19
  129. package/dist/types/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.d.ts +0 -13
  130. package/dist/types/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue.d.ts +0 -20
  131. package/dist/types/components/form/input-renderers/select/FlySelect.types.d.ts +0 -22
  132. package/dist/types/components/form/input-renderers/select/FlySelect.utils.d.ts +0 -2
  133. package/dist/types/components/form/input-renderers/select/FlySelect.vue.d.ts +0 -19
  134. package/dist/types/components/form/input-renderers/text/FlyText.types.d.ts +0 -18
  135. package/dist/types/components/form/input-renderers/text/FlyText.vue.d.ts +0 -19
  136. package/dist/types/components/form/input-renderers/value-unit/FlyValueUnit.types.d.ts +0 -23
  137. package/dist/types/components/form/input-renderers/value-unit/FlyValueUnit.vue.d.ts +0 -19
  138. package/dist/types/components/form/input-validators.d.ts +0 -13
  139. package/dist/types/components/general/fly-icon/FlyIcon.types.d.ts +0 -7
  140. package/dist/types/components/general/fly-icon/FlyIcon.vue.d.ts +0 -6
  141. package/dist/types/components/general/fly-icon/index.d.ts +0 -4
  142. package/dist/types/components/general/index.d.ts +0 -2
  143. package/dist/types/components/index.d.ts +0 -4
  144. package/dist/types/components/navigation/fly-steps/FlySteps.types.d.ts +0 -9
  145. package/dist/types/components/navigation/fly-steps/FlySteps.vue.d.ts +0 -9
  146. package/dist/types/components/navigation/fly-steps/index.d.ts +0 -4
  147. package/dist/types/components/navigation/index.d.ts +0 -2
  148. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.d.ts +0 -7
  149. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue.d.ts +0 -8
  150. package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue.d.ts +0 -7
  151. package/dist/types/components/navigation/menu/fly-mini-sidebar/index.d.ts +0 -4
  152. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.types.d.ts +0 -29
  153. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.vue.d.ts +0 -8
  154. package/dist/types/components/navigation/menu/fly-sidebar/FlySidebarNode.vue.d.ts +0 -7
  155. package/dist/types/components/navigation/menu/fly-sidebar/index.d.ts +0 -4
  156. package/dist/types/components/navigation/menu/index.d.ts +0 -4
  157. package/dist/types/composables/UseLocaleInjector.d.ts +0 -6
  158. package/dist/types/index.d.ts +0 -1
  159. package/dist/types/types/index.d.ts +0 -1
  160. package/dist/types/utils/pure-functions.d.ts +0 -1
  161. package/dist/types/utils/validators.d.ts +0 -9
@@ -1,46 +1,46 @@
1
- @use 'element-plus/theme-chalk/src/notification.scss' as *;
2
-
3
- .el-notification {
4
- --el-notification-radius: 5px;
5
- width: 400px;
6
- background-color: var(--anra-bg-25);
7
- border-color: var(--anra-border-color);
8
- }
9
-
10
- .el-notification.collision-alert-notification-container {
11
- --border-color: var(--anra-state-error-lighter-50);
12
- --text-color: var(--default-text-color);
13
- --bg-color: var(--dynamic-dark);
14
-
15
- width: 500px;
16
- background-color: var(--bg-color);
17
- border-color: var(--border-color);
18
-
19
- .el-notification__icon,
20
- .el-notification__title {
21
- display: none;
22
- }
23
-
24
- .el-notification__content {
25
- color: var(--text-color);
26
- }
27
- }
28
-
29
- .el-notification.geofence-alert-notification-container {
30
- --border-color: var(--anra-state-warning-50);
31
- --text-color: var(--default-text-color);
32
- --bg-color: var(--dynamic-dark);
33
-
34
- width: 500px;
35
- background-color: var(--bg-color);
36
- border-color: var(--border-color);
37
-
38
- .el-notification__icon,
39
- .el-notification__title {
40
- display: none;
41
- }
42
-
43
- .el-notification__content {
44
- color: var(--text-color);
45
- }
46
- }
1
+ @use 'element-plus/theme-chalk/src/notification.scss' as *;
2
+
3
+ .el-notification {
4
+ --el-notification-radius: 5px;
5
+ width: 400px;
6
+ background-color: var(--anra-bg-25);
7
+ border-color: var(--anra-border-color);
8
+ }
9
+
10
+ .el-notification.collision-alert-notification-container {
11
+ --border-color: var(--anra-state-error-lighter-50);
12
+ --text-color: var(--default-text-color);
13
+ --bg-color: var(--dynamic-dark);
14
+
15
+ width: 500px;
16
+ background-color: var(--bg-color);
17
+ border-color: var(--border-color);
18
+
19
+ .el-notification__icon,
20
+ .el-notification__title {
21
+ display: none;
22
+ }
23
+
24
+ .el-notification__content {
25
+ color: var(--text-color);
26
+ }
27
+ }
28
+
29
+ .el-notification.geofence-alert-notification-container {
30
+ --border-color: var(--anra-state-warning-50);
31
+ --text-color: var(--default-text-color);
32
+ --bg-color: var(--dynamic-dark);
33
+
34
+ width: 500px;
35
+ background-color: var(--bg-color);
36
+ border-color: var(--border-color);
37
+
38
+ .el-notification__icon,
39
+ .el-notification__title {
40
+ display: none;
41
+ }
42
+
43
+ .el-notification__content {
44
+ color: var(--text-color);
45
+ }
46
+ }
@@ -1,2 +1,2 @@
1
- @use 'element-plus/theme-chalk/src/radio.scss';
2
- @use 'element-plus/theme-chalk/src/radio-group.scss';
1
+ @use 'element-plus/theme-chalk/src/radio.scss';
2
+ @use 'element-plus/theme-chalk/src/radio-group.scss';
@@ -1,17 +1,17 @@
1
- @use 'element-plus/theme-chalk/src/segmented.scss' as *;
2
-
3
- .el-segmented {
4
- border: 1px solid var(--anra-border-color);
5
-
6
- .el-segmented__item.is-selected {
7
- --el-segmented-item-selected-color: var(--anra-white);
8
- }
9
- }
10
-
11
- html.dark {
12
- .el-segmented {
13
- .el-segmented__item.is-selected {
14
- --el-segmented-item-selected-color: var(--anra-black);
15
- }
16
- }
17
- }
1
+ @use 'element-plus/theme-chalk/src/segmented.scss' as *;
2
+
3
+ .el-segmented {
4
+ border: 1px solid var(--anra-border-color);
5
+
6
+ .el-segmented__item.is-selected {
7
+ --el-segmented-item-selected-color: var(--anra-white);
8
+ }
9
+ }
10
+
11
+ html.dark {
12
+ .el-segmented {
13
+ .el-segmented__item.is-selected {
14
+ --el-segmented-item-selected-color: var(--anra-black);
15
+ }
16
+ }
17
+ }
@@ -1,9 +1,9 @@
1
- @use 'element-plus/theme-chalk/src/select.scss';
2
- @use 'element-plus/theme-chalk/src/option.scss';
3
-
4
- @use 'element-plus/theme-chalk/src/input.scss';
5
- @use 'element-plus/theme-chalk/src/tag.scss';
6
-
7
- @use 'element-plus/theme-chalk/src/popper.scss';
8
- @use 'element-plus/theme-chalk/src/scrollbar.scss';
9
- @use 'element-plus/theme-chalk/src/icon.scss';
1
+ @use 'element-plus/theme-chalk/src/select.scss';
2
+ @use 'element-plus/theme-chalk/src/option.scss';
3
+
4
+ @use 'element-plus/theme-chalk/src/input.scss';
5
+ @use 'element-plus/theme-chalk/src/tag.scss';
6
+
7
+ @use 'element-plus/theme-chalk/src/popper.scss';
8
+ @use 'element-plus/theme-chalk/src/scrollbar.scss';
9
+ @use 'element-plus/theme-chalk/src/icon.scss';
@@ -1,2 +1,2 @@
1
- @use 'element-plus/theme-chalk/src/table-column.scss';
2
- @use 'element-plus/theme-chalk/src/table.scss';
1
+ @use 'element-plus/theme-chalk/src/table-column.scss';
2
+ @use 'element-plus/theme-chalk/src/table.scss';
@@ -1,19 +1,19 @@
1
- @use 'element-plus/theme-chalk/src/tag.scss' as *;
2
-
3
- .el-tag--info {
4
- &.el-tag--light {
5
- --el-tag-text-color: var(--default-text-color);
6
- --el-tag-bg-color: var(--anra-info-bg);
7
- --el-tag-border-color: var(--anra-info-bg);
8
- }
9
- &.el-tag--dark {
10
- }
11
- }
12
-
13
- .el-tag--warning {
14
- &.el-tag--light {
15
- }
16
- &.el-tag--dark {
17
- --el-tag-text-color: var(--anra-black);
18
- }
19
- }
1
+ @use 'element-plus/theme-chalk/src/tag.scss' as *;
2
+
3
+ .el-tag--info {
4
+ &.el-tag--light {
5
+ --el-tag-text-color: var(--default-text-color);
6
+ --el-tag-bg-color: var(--anra-info-bg);
7
+ --el-tag-border-color: var(--anra-info-bg);
8
+ }
9
+ &.el-tag--dark {
10
+ }
11
+ }
12
+
13
+ .el-tag--warning {
14
+ &.el-tag--light {
15
+ }
16
+ &.el-tag--dark {
17
+ --el-tag-text-color: var(--anra-black);
18
+ }
19
+ }
@@ -1 +1 @@
1
- // Type declaration for side-effect style import
1
+ // Type declaration for side-effect style import
@@ -1,5 +1,5 @@
1
- @use './tokens.scss';
2
- @use './element/common.scss' as *;
3
- @use 'element-plus/theme-chalk/src/var.scss' as *;
4
- @use './element/dark.scss' as *;
5
- @use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
1
+ @forward './tokens';
2
+ @use './element/common.scss' as *;
3
+ @use 'element-plus/theme-chalk/src/var.scss' as *;
4
+ @use './element/dark.scss' as *;
5
+ @use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
@@ -1,15 +1,15 @@
1
- @mixin shadow {
2
- box-shadow:
3
- 0 0 #0000,
4
- 0 0 #0000,
5
- 0 1px 3px 0 rgb(0 0 0 / 0.1),
6
- 0 1px 2px -1px rgb(0 0 0 / 0.1);
7
- }
8
-
9
- @mixin shadow-lg {
10
- box-shadow:
11
- 0 0 #0000,
12
- 0 0 #0000,
13
- 0 10px 15px -3px rgb(0 0 0 / 0.1),
14
- 0 4px 6px -4px rgb(0 0 0 / 0.1);
15
- }
1
+ @mixin shadow {
2
+ box-shadow:
3
+ 0 0 #0000,
4
+ 0 0 #0000,
5
+ 0 1px 3px 0 rgb(0 0 0 / 0.1),
6
+ 0 1px 2px -1px rgb(0 0 0 / 0.1);
7
+ }
8
+
9
+ @mixin shadow-lg {
10
+ box-shadow:
11
+ 0 0 #0000,
12
+ 0 0 #0000,
13
+ 0 10px 15px -3px rgb(0 0 0 / 0.1),
14
+ 0 4px 6px -4px rgb(0 0 0 / 0.1);
15
+ }
@@ -1,83 +1,84 @@
1
- @use './scss-tokens' as vars;
2
-
3
- // Apply SCSS variables
4
- :root {
5
- --anra-primary: #{vars.$anra-primary};
6
- --anra-primary-accent: #{vars.$anra-primary-accent};
7
- --anra-black: #{vars.$anra-black};
8
- --anra-white: #{vars.$anra-white};
9
- }
10
-
11
- html.dark {
12
- --anra-primary-theme: #{vars.$anra-primary};
13
- --dynamic-light: #{vars.$anra-dark-dynamic-light};
14
- --dynamic-dark: #{vars.$anra-dark-dynamic-dark};
15
- --default-text-color: #{vars.$anra-dark-default-text-color};
16
- --anra-bg-10: #{vars.$anra-dark-bg-10};
17
- --anra-bg-15: #{vars.$anra-dark-bg-15};
18
- --anra-bg-15-accent: #{vars.$anra-dark-bg-15-accent};
19
- --anra-bg-15-accent-1: #{vars.$anra-dark-bg-15-accent-1};
20
- --anra-bg-20: #{vars.$anra-dark-bg-20};
21
- --anra-bg-20-rgb: #{vars.$anra-dark-bg-20-rgb};
22
- --anra-bg-20-subtitle: #{vars.$anra-dark-bg-20-subtitle};
23
- --anra-bg-25: #{vars.$anra-dark-bg-25};
24
- --anra-bg-blue-50: #{vars.$anra-dark-bg-blue-50};
25
- --anra-state-danger: #{vars.$anra-dark-state-danger};
26
- --anra-state-error: #{vars.$anra-dark-state-error};
27
- --anra-state-error-lighter: #{vars.$anra-dark-state-error-lighter};
28
- --anra-state-error-lighter-50: #{vars.$anra-dark-state-error-lighter-50};
29
- --anra-state-success: #{vars.$anra-dark-state-success};
30
- --anra-state-info: #{vars.$anra-dark-state-info};
31
- --anra-state-info-lighter: #{vars.$anra-dark-state-info-lighter};
32
- --anra-state-warning: #{vars.$anra-dark-state-warning};
33
- --anra-state-warning-50: #{vars.$anra-dark-state-warning-50};
34
- --anra-text-placeholder: #{vars.$anra-dark-text-placeholder};
35
- --anra-border-color: #{vars.$anra-dark-border-color};
36
- --anra-border-color-light: #{vars.$anra-dark-border-color-light};
37
- --anra-fill-color-light: #{vars.$anra-dark-fill-color-light};
38
- --anra-mask-color: #{vars.$anra-dark-mask-color};
39
- --anra-scroll-shadow: #{vars.$anra-dark-scroll-shadow};
40
- --anra-disabled-bg: #{vars.$anra-dark-disabled-bg};
41
- --anra-form-item-error-color: #{vars.$anra-dark-form-item-error-color};
42
- --anra-info-bg: #{vars.$anra-dark-tag-info-bg};
43
- --anra-form-input-border: #{vars.$anra-dark-form-input-border};
44
- --anra-text-on-primary: #{vars.$anra-dark-text-on-primary};
45
- --anra-text-subtle: #{vars.$anra-dark-text-subtle};
46
- }
47
-
48
- html.light {
49
- --anra-primary-theme: #{vars.$anra-primary-dark};
50
- --dynamic-light: #{vars.$anra-light-dynamic-light};
51
- --dynamic-dark: #{vars.$anra-light-dynamic-dark};
52
- --default-text-color: #{vars.$anra-light-default-text-color};
53
- --anra-bg-10: #{vars.$anra-light-bg-10};
54
- --anra-bg-15: #{vars.$anra-light-bg-15};
55
- --anra-bg-15-accent: #{vars.$anra-light-bg-15-accent};
56
- --anra-bg-15-accent-1: #{vars.$anra-light-bg-15-accent-1};
57
- --anra-bg-20: #{vars.$anra-light-bg-20};
58
- --anra-bg-20-rgb: #{vars.$anra-light-bg-20-rgb};
59
- --anra-bg-20-subtitle: #{vars.$anra-light-bg-20-subtitle};
60
- --anra-bg-25: #{vars.$anra-light-bg-25};
61
- --anra-bg-blue-50: #{vars.$anra-light-bg-blue-50};
62
- --anra-state-danger: #{vars.$anra-light-state-danger};
63
- --anra-state-error: #{vars.$anra-light-state-error};
64
- --anra-state-error-lighter: #{vars.$anra-light-state-error-lighter};
65
- --anra-state-error-lighter-50: #{vars.$anra-light-state-error-lighter-50};
66
- --anra-state-success: #{vars.$anra-light-state-success};
67
- --anra-state-info: #{vars.$anra-light-state-info};
68
- --anra-state-info-lighter: #{vars.$anra-light-state-info-lighter};
69
- --anra-state-warning: #{vars.$anra-light-state-warning};
70
- --anra-state-warning-50: #{vars.$anra-light-state-warning-50};
71
- --anra-text-placeholder: #{vars.$anra-light-text-placeholder};
72
- --anra-border-color: #{vars.$anra-light-border-color};
73
- --anra-border-color-light: #{vars.$anra-light-border-color-light};
74
- --anra-fill-color-light: #{vars.$anra-light-fill-color-light};
75
- --anra-mask-color: #{vars.$anra-light-mask-color};
76
- --anra-scroll-shadow: #{vars.$anra-light-scroll-shadow};
77
- --anra-disabled-bg: #{vars.$anra-light-disabled-bg};
78
- --anra-form-item-error-color: #{vars.$anra-light-form-item-error-color};
79
- --anra-info-bg: #{vars.$anra-light-tag-info-bg};
80
- --anra-form-input-border: #{vars.$anra-light-form-input-border};
81
- --anra-text-on-primary: #{vars.$anra-light-text-on-primary};
82
- --anra-text-subtle: #{vars.$anra-light-text-subtle};
83
- }
1
+ @forward './scss-tokens';
2
+ @use './scss-tokens' as vars;
3
+
4
+ // Apply SCSS variables
5
+ :root {
6
+ --anra-primary: #{vars.$anra-primary};
7
+ --anra-primary-accent: #{vars.$anra-primary-accent};
8
+ --anra-black: #{vars.$anra-black};
9
+ --anra-white: #{vars.$anra-white};
10
+ }
11
+
12
+ html.dark {
13
+ --anra-primary-theme: #{vars.$anra-primary};
14
+ --dynamic-light: #{vars.$anra-dark-dynamic-light};
15
+ --dynamic-dark: #{vars.$anra-dark-dynamic-dark};
16
+ --default-text-color: #{vars.$anra-dark-default-text-color};
17
+ --anra-bg-10: #{vars.$anra-dark-bg-10};
18
+ --anra-bg-15: #{vars.$anra-dark-bg-15};
19
+ --anra-bg-15-accent: #{vars.$anra-dark-bg-15-accent};
20
+ --anra-bg-15-accent-1: #{vars.$anra-dark-bg-15-accent-1};
21
+ --anra-bg-20: #{vars.$anra-dark-bg-20};
22
+ --anra-bg-20-rgb: #{vars.$anra-dark-bg-20-rgb};
23
+ --anra-bg-20-subtitle: #{vars.$anra-dark-bg-20-subtitle};
24
+ --anra-bg-25: #{vars.$anra-dark-bg-25};
25
+ --anra-bg-blue-50: #{vars.$anra-dark-bg-blue-50};
26
+ --anra-state-danger: #{vars.$anra-dark-state-danger};
27
+ --anra-state-error: #{vars.$anra-dark-state-error};
28
+ --anra-state-error-lighter: #{vars.$anra-dark-state-error-lighter};
29
+ --anra-state-error-lighter-50: #{vars.$anra-dark-state-error-lighter-50};
30
+ --anra-state-success: #{vars.$anra-dark-state-success};
31
+ --anra-state-info: #{vars.$anra-dark-state-info};
32
+ --anra-state-info-lighter: #{vars.$anra-dark-state-info-lighter};
33
+ --anra-state-warning: #{vars.$anra-dark-state-warning};
34
+ --anra-state-warning-50: #{vars.$anra-dark-state-warning-50};
35
+ --anra-text-placeholder: #{vars.$anra-dark-text-placeholder};
36
+ --anra-border-color: #{vars.$anra-dark-border-color};
37
+ --anra-border-color-light: #{vars.$anra-dark-border-color-light};
38
+ --anra-fill-color-light: #{vars.$anra-dark-fill-color-light};
39
+ --anra-mask-color: #{vars.$anra-dark-mask-color};
40
+ --anra-scroll-shadow: #{vars.$anra-dark-scroll-shadow};
41
+ --anra-disabled-bg: #{vars.$anra-dark-disabled-bg};
42
+ --anra-form-item-error-color: #{vars.$anra-dark-form-item-error-color};
43
+ --anra-info-bg: #{vars.$anra-dark-tag-info-bg};
44
+ --anra-form-input-border: #{vars.$anra-dark-form-input-border};
45
+ --anra-text-on-primary: #{vars.$anra-dark-text-on-primary};
46
+ --anra-text-subtle: #{vars.$anra-dark-text-subtle};
47
+ }
48
+
49
+ html.light {
50
+ --anra-primary-theme: #{vars.$anra-primary-dark};
51
+ --dynamic-light: #{vars.$anra-light-dynamic-light};
52
+ --dynamic-dark: #{vars.$anra-light-dynamic-dark};
53
+ --default-text-color: #{vars.$anra-light-default-text-color};
54
+ --anra-bg-10: #{vars.$anra-light-bg-10};
55
+ --anra-bg-15: #{vars.$anra-light-bg-15};
56
+ --anra-bg-15-accent: #{vars.$anra-light-bg-15-accent};
57
+ --anra-bg-15-accent-1: #{vars.$anra-light-bg-15-accent-1};
58
+ --anra-bg-20: #{vars.$anra-light-bg-20};
59
+ --anra-bg-20-rgb: #{vars.$anra-light-bg-20-rgb};
60
+ --anra-bg-20-subtitle: #{vars.$anra-light-bg-20-subtitle};
61
+ --anra-bg-25: #{vars.$anra-light-bg-25};
62
+ --anra-bg-blue-50: #{vars.$anra-light-bg-blue-50};
63
+ --anra-state-danger: #{vars.$anra-light-state-danger};
64
+ --anra-state-error: #{vars.$anra-light-state-error};
65
+ --anra-state-error-lighter: #{vars.$anra-light-state-error-lighter};
66
+ --anra-state-error-lighter-50: #{vars.$anra-light-state-error-lighter-50};
67
+ --anra-state-success: #{vars.$anra-light-state-success};
68
+ --anra-state-info: #{vars.$anra-light-state-info};
69
+ --anra-state-info-lighter: #{vars.$anra-light-state-info-lighter};
70
+ --anra-state-warning: #{vars.$anra-light-state-warning};
71
+ --anra-state-warning-50: #{vars.$anra-light-state-warning-50};
72
+ --anra-text-placeholder: #{vars.$anra-light-text-placeholder};
73
+ --anra-border-color: #{vars.$anra-light-border-color};
74
+ --anra-border-color-light: #{vars.$anra-light-border-color-light};
75
+ --anra-fill-color-light: #{vars.$anra-light-fill-color-light};
76
+ --anra-mask-color: #{vars.$anra-light-mask-color};
77
+ --anra-scroll-shadow: #{vars.$anra-light-scroll-shadow};
78
+ --anra-disabled-bg: #{vars.$anra-light-disabled-bg};
79
+ --anra-form-item-error-color: #{vars.$anra-light-form-item-error-color};
80
+ --anra-info-bg: #{vars.$anra-light-tag-info-bg};
81
+ --anra-form-input-border: #{vars.$anra-light-form-input-border};
82
+ --anra-text-on-primary: #{vars.$anra-light-text-on-primary};
83
+ --anra-text-subtle: #{vars.$anra-light-text-subtle};
84
+ }
@@ -1,25 +0,0 @@
1
- import type { ButtonType, ElButton, UseTooltipProps } from 'element-plus';
2
- import type { T_FlyIconTypes } from '../../general/fly-icon/FlyIcon.types';
3
- export type FlyButtonIconPosition = 'left' | 'right';
4
- export type FlyButtonSizes = InstanceType<typeof ElButton>['$props']['size'];
5
- export type FlyButtonTypes = ButtonType;
6
- export type FlyButtonProps = {
7
- active?: boolean;
8
- appButtonClass?: string;
9
- aspect1?: boolean;
10
- /**
11
- * Test
12
- */
13
- clipRound?: boolean;
14
- full?: boolean;
15
- icon?: string | object;
16
- iconPosition?: FlyButtonIconPosition;
17
- iconType?: T_FlyIconTypes;
18
- imageUrl?: string;
19
- label?: string;
20
- size?: FlyButtonSizes;
21
- stop?: boolean;
22
- title?: string;
23
- tooltip?: UseTooltipProps;
24
- type?: FlyButtonTypes;
25
- };
@@ -1,26 +0,0 @@
1
- import './FlyButton.element.scss';
2
- import type { FlyButtonProps } from './FlyButton.types';
3
- declare var __VLS_20: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_20) => any;
6
- };
7
- declare const __VLS_base: import("vue").DefineComponent<FlyButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
- click: (...args: any[]) => void;
9
- }, string, import("vue").PublicProps, Readonly<FlyButtonProps> & Readonly<{
10
- onClick?: ((...args: any[]) => any) | undefined;
11
- }>, {
12
- stop: boolean;
13
- active: boolean;
14
- tooltip: import("element-plus").UseTooltipProps;
15
- aspect1: boolean;
16
- clipRound: boolean;
17
- full: boolean;
18
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
- declare const _default: typeof __VLS_export;
21
- export default _default;
22
- type __VLS_WithSlots<T, S> = T & {
23
- new (): {
24
- $slots: S;
25
- };
26
- };
@@ -1,4 +0,0 @@
1
- import FlyButton from './FlyButton.vue';
2
- export default FlyButton;
3
- export { FlyButton };
4
- export type { FlyButtonProps, FlyButtonSizes, FlyButtonIconPosition, FlyButtonTypes } from './FlyButton.types';
@@ -1,2 +0,0 @@
1
- export { default as FlyButton } from './fly-button';
2
- export type * from './fly-button';
@@ -1,16 +0,0 @@
1
- type __VLS_Props = {
2
- title: string;
3
- };
4
- declare var __VLS_1: {};
5
- type __VLS_Slots = {} & {
6
- default?: (props: typeof __VLS_1) => any;
7
- };
8
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
10
- declare const _default: typeof __VLS_export;
11
- export default _default;
12
- type __VLS_WithSlots<T, S> = T & {
13
- new (): {
14
- $slots: S;
15
- };
16
- };
@@ -1,2 +0,0 @@
1
- export { default as FlyTooltip } from './tooltip';
2
- export type * from './tooltip';
@@ -1,36 +0,0 @@
1
- declare var __VLS_7: {}, __VLS_15: {};
2
- type __VLS_Slots = {} & {
3
- trigger?: (props: typeof __VLS_7) => any;
4
- } & {
5
- default?: (props: typeof __VLS_15) => any;
6
- };
7
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
- content: {
9
- type: StringConstructor;
10
- default: string;
11
- };
12
- html: {
13
- type: BooleanConstructor;
14
- default: boolean;
15
- };
16
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
17
- content: {
18
- type: StringConstructor;
19
- default: string;
20
- };
21
- html: {
22
- type: BooleanConstructor;
23
- default: boolean;
24
- };
25
- }>> & Readonly<{}>, {
26
- html: boolean;
27
- content: string;
28
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
29
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
30
- declare const _default: typeof __VLS_export;
31
- export default _default;
32
- type __VLS_WithSlots<T, S> = T & {
33
- new (): {
34
- $slots: S;
35
- };
36
- };
@@ -1,4 +0,0 @@
1
- import type { UseTooltipProps } from 'element-plus';
2
- export type T_FlyTooltipProps = {
3
- tooltip?: UseTooltipProps;
4
- };
@@ -1,17 +0,0 @@
1
- import './FlyTooltip.element.scss';
2
- import type { T_FlyTooltipProps } from './FlyTooltip.types';
3
- declare var __VLS_8: {}, __VLS_11: {};
4
- type __VLS_Slots = {} & {
5
- default?: (props: typeof __VLS_8) => any;
6
- } & {
7
- content?: (props: typeof __VLS_11) => any;
8
- };
9
- declare const __VLS_base: import("vue").DefineComponent<T_FlyTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<T_FlyTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
10
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
- declare const _default: typeof __VLS_export;
12
- export default _default;
13
- type __VLS_WithSlots<T, S> = T & {
14
- new (): {
15
- $slots: S;
16
- };
17
- };
@@ -1,4 +0,0 @@
1
- import FlyTooltip from './FlyTooltip.vue';
2
- export default FlyTooltip;
3
- export { FlyTooltip };
4
- export type { T_FlyTooltipProps } from './FlyTooltip.types';
@@ -1,10 +0,0 @@
1
- import type { Composer } from 'vue-i18n';
2
- export type ValidateFieldsError = {
3
- [K: string]: {
4
- message?: string;
5
- }[];
6
- };
7
- /**
8
- * @returns Translated error message based on active locale
9
- */
10
- export declare function formFieldErrorMessageFormatter(errors: ValidateFieldsError, composer?: Composer): string;
@@ -1 +0,0 @@
1
- export {};
@@ -1,14 +0,0 @@
1
- export type T_InputBooleanValues = string | number | boolean | undefined;
2
- export type T_InputBooleanBase = T_InputBoolean & {
3
- type: 'boolean';
4
- placeholder?: string;
5
- };
6
- export type T_InputBoolean = {
7
- /**
8
- * Attrs are passed directly to the input element as props
9
- */
10
- attrs?: {
11
- activeText?: string;
12
- inactiveText?: string;
13
- };
14
- };
@@ -1,15 +0,0 @@
1
- import './FlyBoolean.scss';
2
- import type { T_InputBoolean, T_InputBooleanValues } from './FlyBoolean.types';
3
- type __VLS_Props = {
4
- modelValue?: T_InputBooleanValues;
5
- input?: T_InputBoolean;
6
- };
7
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
8
- change: (v: T_InputBooleanValues) => any;
9
- "update:modelValue": (v: T_InputBooleanValues) => any;
10
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
11
- onChange?: ((v: T_InputBooleanValues) => any) | undefined;
12
- "onUpdate:modelValue"?: ((v: T_InputBooleanValues) => any) | undefined;
13
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
- declare const _default: typeof __VLS_export;
15
- export default _default;
@@ -1,20 +0,0 @@
1
- export type T_DateTimeRawValue = Date | [Date, Date] | undefined;
2
- export type T_DateTimeValues = string | string[] | undefined;
3
- export type T_DateInputTypes = 'date' | 'dateTime' | 'dateRange' | 'dateTimeRange';
4
- export type T_InputDateTimeBase = T_InputDateTime & {
5
- type: 'dateTime';
6
- };
7
- export type T_InputDateTime = {
8
- placeholder?: string;
9
- startPlaceholder?: string;
10
- endPlaceholder?: string;
11
- /**
12
- * Attrs are passed directly to the input element as props
13
- */
14
- attrs?: {
15
- [K: string]: unknown;
16
- };
17
- config?: {
18
- inputType?: T_DateInputTypes;
19
- };
20
- };