@flyanra/vue-core 0.3.0 → 0.4.1
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.
- package/README.md +176 -176
- package/package.json +137 -128
- package/src/components/basic/fly-button/FlyButton.element.scss +3 -3
- package/src/components/basic/fly-button/FlyButton.mixins.scss +58 -58
- package/src/components/basic/fly-button/FlyButton.types.ts +29 -29
- package/src/components/basic/fly-button/FlyButton.vue +180 -180
- package/src/components/basic/fly-button/index.ts +11 -11
- package/src/components/basic/index.ts +2 -2
- package/src/components/basic/typography/FlyCollapseTitleRenderer.vue +46 -0
- package/src/components/feedback/index.ts +2 -2
- package/src/components/feedback/tooltip/FlyInfoTooltip.vue +48 -0
- package/src/components/feedback/tooltip/FlyTooltip.element.scss +4 -4
- package/src/components/feedback/tooltip/FlyTooltip.types.ts +5 -5
- package/src/components/feedback/tooltip/FlyTooltip.vue +60 -59
- package/src/components/feedback/tooltip/index.ts +6 -6
- package/src/components/form/form.utils.ts +57 -0
- package/src/components/form/index.ts +0 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.scss +1 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.types.ts +16 -0
- package/src/components/form/input-renderers/boolean/FlyBoolean.vue +35 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.scss +1 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.types.ts +21 -0
- package/src/components/form/input-renderers/date-time/FlyDateTime.vue +85 -0
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.scss +4 -0
- package/src/components/form/input-renderers/form-item-renderer/FlyFormItemRenderer.vue +48 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.types.ts +3 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.utils.ts +246 -0
- package/src/components/form/input-renderers/form-schema-renderer/FlyFormSchemaRenderer.vue +75 -0
- package/src/components/form/input-renderers/form-schema-renderer/UseFormSchemaRenderer.ts +97 -0
- package/src/components/form/input-renderers/form-schema.types.ts +95 -0
- package/src/components/form/input-renderers/input-renderer/FlyInputRenderer.vue +49 -0
- package/src/components/form/input-renderers/input-renderer.types.ts +49 -0
- package/src/components/form/input-renderers/input-renderer.utils.ts +18 -0
- package/src/components/form/input-renderers/number/FlyNumber.scss +1 -0
- package/src/components/form/input-renderers/number/FlyNumber.types.ts +13 -0
- package/src/components/form/input-renderers/number/FlyNumber.utils.ts +6 -0
- package/src/components/form/input-renderers/number/FlyNumber.vue +48 -0
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.types.ts +15 -0
- package/src/components/form/input-renderers/regional-tenant-form-renderer/FlyRegionalTenantFormRenderer.vue +99 -0
- package/src/components/form/input-renderers/select/FlySelect.scss +9 -0
- package/src/components/form/input-renderers/select/FlySelect.types.ts +25 -0
- package/src/components/form/input-renderers/select/FlySelect.utils.ts +37 -0
- package/src/components/form/input-renderers/select/FlySelect.vue +48 -0
- package/src/components/form/input-renderers/text/FlyText.scss +1 -0
- package/src/components/form/input-renderers/text/FlyText.types.ts +20 -0
- package/src/components/form/input-renderers/text/FlyText.vue +56 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.scss +2 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.types.ts +28 -0
- package/src/components/form/input-renderers/value-unit/FlyValueUnit.vue +101 -0
- package/src/components/form/input-validators.ts +121 -0
- package/src/components/general/fly-icon/FlyIcon.types.ts +12 -12
- package/src/components/general/fly-icon/FlyIcon.vue +24 -24
- package/src/components/general/fly-icon/index.ts +6 -6
- package/src/components/general/index.ts +2 -2
- package/src/components/index.ts +5 -11
- package/src/components/navigation/fly-steps/FlySteps.element.scss +100 -100
- package/src/components/navigation/fly-steps/FlySteps.types.ts +10 -10
- package/src/components/navigation/fly-steps/FlySteps.vue +30 -30
- package/src/components/navigation/fly-steps/index.ts +6 -6
- package/src/components/navigation/index.ts +2 -2
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.element.scss +2 -2
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.ts +8 -8
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue +46 -46
- package/src/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue +55 -55
- package/src/components/navigation/menu/fly-mini-sidebar/index.ts +6 -6
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.element.scss +9 -9
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.types.ts +36 -36
- package/src/components/navigation/menu/fly-sidebar/FlySidebar.vue +150 -150
- package/src/components/navigation/menu/fly-sidebar/FlySidebarNode.vue +47 -47
- package/src/components/navigation/menu/fly-sidebar/index.ts +12 -12
- package/src/components/navigation/menu/index.ts +5 -5
- package/src/index.ts +1 -1
- package/src/styles/_scss-tokens.scss +76 -76
- package/src/styles/core/animations.scss +40 -40
- package/src/styles/core/index.scss +36 -36
- package/src/styles/core/scrollbar.scss +36 -36
- package/src/styles/core/typography-utils.scss +9 -9
- package/src/styles/element/common.scss +56 -56
- package/src/styles/element/dark.scss +38 -38
- package/src/styles/element/mixins/collapse.scss +61 -61
- package/src/styles/element/mixins/dialog.scss +101 -101
- package/src/styles/element/overrides/alerts.scss +28 -28
- package/src/styles/element/overrides/badge.scss +6 -6
- package/src/styles/element/overrides/cascader.scss +2 -2
- package/src/styles/element/overrides/collapse.scss +2 -2
- package/src/styles/element/overrides/date-time.scss +11 -0
- package/src/styles/element/overrides/dialog.scss +2 -2
- package/src/styles/element/overrides/dropdown.scss +11 -11
- package/src/styles/element/overrides/form.scss +107 -107
- package/src/styles/element/overrides/message.scss +39 -39
- package/src/styles/element/overrides/notification.scss +46 -46
- package/src/styles/element/overrides/segmented.scss +17 -17
- package/src/styles/element/overrides/table.scss +2 -2
- package/src/styles/element/overrides/tag.scss +19 -19
- package/src/styles/index.d.ts +1 -1
- package/src/styles/index.scss +5 -5
- package/src/styles/mixins/shadows.scss +15 -15
- package/src/styles/tokens.scss +84 -83
- package/dist/types/components/AppButton/AppButton.types.d.ts +0 -8
- package/dist/types/components/AppButton/AppButton.vue.d.ts +0 -20
- package/dist/types/components/AppButton/index.d.ts +0 -4
- package/dist/types/components/AppCard/AppCard.types.d.ts +0 -5
- package/dist/types/components/AppCard/AppCard.vue.d.ts +0 -17
- package/dist/types/components/AppCard/index.d.ts +0 -4
- package/dist/types/components/basic/fly-button/FlyButton.types.d.ts +0 -25
- package/dist/types/components/basic/fly-button/FlyButton.vue.d.ts +0 -26
- package/dist/types/components/basic/fly-button/index.d.ts +0 -4
- package/dist/types/components/basic/index.d.ts +0 -2
- package/dist/types/components/feedback/index.d.ts +0 -2
- package/dist/types/components/feedback/tooltip/FlyTooltip.types.d.ts +0 -4
- package/dist/types/components/feedback/tooltip/FlyTooltip.vue.d.ts +0 -16
- package/dist/types/components/feedback/tooltip/index.d.ts +0 -4
- package/dist/types/components/general/fly-icon/FlyIcon.types.d.ts +0 -7
- package/dist/types/components/general/fly-icon/FlyIcon.vue.d.ts +0 -6
- package/dist/types/components/general/fly-icon/index.d.ts +0 -4
- package/dist/types/components/general/index.d.ts +0 -2
- package/dist/types/components/index.d.ts +0 -8
- package/dist/types/components/navigation/fly-steps/FlySteps.types.d.ts +0 -9
- package/dist/types/components/navigation/fly-steps/FlySteps.vue.d.ts +0 -9
- package/dist/types/components/navigation/fly-steps/index.d.ts +0 -4
- package/dist/types/components/navigation/index.d.ts +0 -2
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.types.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebar.vue.d.ts +0 -8
- package/dist/types/components/navigation/menu/fly-mini-sidebar/FlyMiniSidebarItem.vue.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-mini-sidebar/index.d.ts +0 -4
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.types.d.ts +0 -29
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebar.vue.d.ts +0 -8
- package/dist/types/components/navigation/menu/fly-sidebar/FlySidebarNode.vue.d.ts +0 -7
- package/dist/types/components/navigation/menu/fly-sidebar/index.d.ts +0 -4
- package/dist/types/components/navigation/menu/index.d.ts +0 -4
- package/dist/types/index.d.ts +0 -1
- package/dist/types/types/index.d.ts +0 -1
- package/src/components/AppButton/AppButton.element.scss +0 -2
- package/src/components/AppButton/AppButton.types.ts +0 -10
- package/src/components/AppButton/AppButton.vue +0 -65
- package/src/components/AppButton/index.ts +0 -6
- package/src/components/AppCard/AppCard.types.ts +0 -5
- package/src/components/AppCard/AppCard.vue +0 -58
- package/src/components/AppCard/index.ts +0 -6
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { AppCardProps } from './AppCard.types'
|
|
3
|
-
|
|
4
|
-
const props = withDefaults(defineProps<AppCardProps>(), {
|
|
5
|
-
eyebrow: 'Featured',
|
|
6
|
-
body: ''
|
|
7
|
-
})
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<article class="app-card">
|
|
12
|
-
<p v-if="props.eyebrow" class="app-card__eyebrow">{{ props.eyebrow }}</p>
|
|
13
|
-
<h2 class="app-card__title">{{ props.title }}</h2>
|
|
14
|
-
<p v-if="props.body" class="app-card__body">{{ props.body }}</p>
|
|
15
|
-
<div v-if="$slots.default" class="app-card__content">
|
|
16
|
-
<slot />
|
|
17
|
-
</div>
|
|
18
|
-
</article>
|
|
19
|
-
</template>
|
|
20
|
-
|
|
21
|
-
<style scoped>
|
|
22
|
-
.app-card {
|
|
23
|
-
display: grid;
|
|
24
|
-
gap: 0.75rem;
|
|
25
|
-
padding: 1.25rem;
|
|
26
|
-
background: #ffffff;
|
|
27
|
-
border: 1px solid #e5e7eb;
|
|
28
|
-
border-radius: 1rem;
|
|
29
|
-
box-shadow: 0 14px 30px rgba(17, 24, 39, 0.08);
|
|
30
|
-
color: #111827;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.app-card__eyebrow {
|
|
34
|
-
margin: 0;
|
|
35
|
-
font-size: 0.8rem;
|
|
36
|
-
font-weight: 700;
|
|
37
|
-
letter-spacing: 0.08em;
|
|
38
|
-
text-transform: uppercase;
|
|
39
|
-
color: #2563eb;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.app-card__title {
|
|
43
|
-
margin: 0;
|
|
44
|
-
font-size: 1.125rem;
|
|
45
|
-
line-height: 1.3;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.app-card__body {
|
|
49
|
-
margin: 0;
|
|
50
|
-
line-height: 1.6;
|
|
51
|
-
color: #4b5563;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.app-card__content {
|
|
55
|
-
display: grid;
|
|
56
|
-
gap: 0.75rem;
|
|
57
|
-
}
|
|
58
|
-
</style>
|