@energie360/ui-library 0.0.4 → 0.1.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/base/_resets.scss +2 -0
- package/base/abstracts/_mixins.scss +11 -5
- package/base/main-base.scss +1 -0
- package/components/icon-text-block/icon-text-block.scss +55 -0
- package/components/icon-text-block/u-icon-text-block.vue +32 -0
- package/components/icon-text-block-group/icon-text-block-group.scss +5 -0
- package/components/icon-text-block-group/u-icon-text-block-group.vue +9 -0
- package/components/index.js +14 -0
- package/components/panel/panel.scss +70 -0
- package/components/panel/u-panel.vue +37 -0
- package/components/progress-bar/progress-bar.scss +37 -0
- package/components/progress-bar/u-progress-bar.vue +21 -0
- package/components/table/cell-ctas.scss +12 -0
- package/components/table/cell-icon-group.scss +12 -0
- package/components/table/cell-icon-text.scss +22 -0
- package/components/table/cell-progress-bar.scss +23 -0
- package/components/table/table-cell.mixins.scss +60 -0
- package/components/table/table-cell.scss +24 -0
- package/components/table/table-header.scss +5 -0
- package/components/table/table-heading.scss +8 -0
- package/components/table/table-row.scss +20 -0
- package/components/table/table.scss +12 -0
- package/components/table/table.type.ts +31 -0
- package/components/table/u-cell-ctas.vue +33 -0
- package/components/table/u-cell-icon-group.vue +31 -0
- package/components/table/u-cell-icon-text.vue +23 -0
- package/components/table/u-cell-progress-bar.vue +22 -0
- package/components/table/u-table-cell.vue +47 -0
- package/components/table/u-table-header.vue +9 -0
- package/components/table/u-table-heading.vue +24 -0
- package/components/table/u-table-row.vue +17 -0
- package/components/table/u-table.vue +11 -0
- package/components/tooltip/dom.js +167 -0
- package/components/tooltip/popover.js +200 -0
- package/components/tooltip/tooltip.scss +75 -0
- package/components/tooltip/u-tooltip.vue +92 -0
- package/components/tooltip/viewport.js +21 -0
- package/custom-elements.js +1 -0
- package/dist/base-style.css +1 -1
- package/dist/custom-elements.css +1 -0
- package/dist/{index.js → custom-elements.js} +1591 -1600
- package/dist/custom-elements.js.map +1 -0
- package/elements/button/_button-base.scss +1 -1
- package/elements/button/_button-filled-inverted.scss +3 -3
- package/elements/button/_button-filled.scss +3 -3
- package/elements/button/_button-outlined-inverted.scss +3 -3
- package/elements/button/_button-outlined.scss +3 -3
- package/elements/button/_button-plain.scss +3 -3
- package/elements/button/_button-secondary-outlined.scss +3 -3
- package/elements/button/button.js +2 -2
- package/elements/button/button.scss +1 -1
- package/elements/button/u-button.vue +44 -0
- package/elements/elements.js +35 -0
- package/elements/form-field/form-field-base.scss +142 -0
- package/elements/form-field/form-field-error.scss +20 -0
- package/elements/form-field/form-field-prefix-suffix.scss +80 -0
- package/elements/form-field/form-field-states.scss +59 -0
- package/elements/form-field/index.scss +4 -0
- package/elements/icon/icon.js +2 -2
- package/elements/icon/{icon.vue → u-icon.vue} +11 -15
- package/elements/icon-button/icon-button.js +2 -2
- package/elements/icon-button/{icon-button.vue → u-icon-button.vue} +14 -15
- package/elements/image/image.scss +3 -0
- package/elements/image/u-image.vue +17 -0
- package/elements/index.js +6 -31
- package/elements/loader/loader.js +2 -2
- package/elements/loader/{loader.vue → u-loader.vue} +6 -7
- package/elements/spectro/spectro.scss +13 -0
- package/elements/spectro/u-spectro.vue +11 -0
- package/elements/text-field/text-field.scss +30 -0
- package/elements/text-field/text-field.types.ts +6 -0
- package/elements/text-field/u-text-field.vue +164 -0
- package/elements/types.ts +12 -0
- package/env.d.ts +1 -0
- package/layout/container/container.scss +30 -0
- package/layout/grid/grid-row.scss +10 -0
- package/layout/grid/grid.mixin.scss +90 -0
- package/layout/grid/grid.scss +121 -0
- package/package.json +20 -8
- package/tsconfig.app.json +12 -0
- package/tsconfig.json +11 -0
- package/tsconfig.node.json +19 -0
- package/{vite.config.js → vite.config.ts} +1 -1
- package/wizard/index.js +4 -0
- package/wizard/wizard-intro/u-wizard-intro.vue +40 -0
- package/wizard/wizard-intro/wizard-intro.scss +39 -0
- package/wizard/wizard-layout/u-wizard-layout-block.vue +21 -0
- package/wizard/wizard-layout/u-wizard-layout-element.vue +9 -0
- package/wizard/wizard-layout/u-wizard-layout.vue +11 -0
- package/wizard/wizard-layout/wizard-layout-block.scss +45 -0
- package/wizard/wizard-layout/wizard-layout-element.scss +3 -0
- package/wizard/wizard-layout/wizard-layout.scss +40 -0
- package/dist/index.css +0 -1
- package/dist/index.js.map +0 -1
- package/elements/button/button.vue +0 -42
- package/index.js +0 -1
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import Icon from '../icon/icon.vue'
|
|
3
|
-
import Loader from '../loader/loader.vue'
|
|
4
|
-
|
|
5
|
-
defineProps({
|
|
6
|
-
label: String,
|
|
7
|
-
loading: Boolean,
|
|
8
|
-
disabled: Boolean,
|
|
9
|
-
icon: String,
|
|
10
|
-
href: String,
|
|
11
|
-
target: String,
|
|
12
|
-
variant: String,
|
|
13
|
-
})
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<template v-if="href">
|
|
18
|
-
<a :class="['button', variant]" :href="href" :target="target">
|
|
19
|
-
<Icon v-if="icon" :name="icon"></Icon>
|
|
20
|
-
<slot>{{ label }}</slot>
|
|
21
|
-
</a>
|
|
22
|
-
</template>
|
|
23
|
-
|
|
24
|
-
<template v-else>
|
|
25
|
-
<button
|
|
26
|
-
:class="['button', variant]"
|
|
27
|
-
:disabled="disabled || null"
|
|
28
|
-
:loading="loading || null"
|
|
29
|
-
>
|
|
30
|
-
<Icon v-if="icon" :name="icon" />
|
|
31
|
-
<slot>{{ label }}</slot>
|
|
32
|
-
|
|
33
|
-
<span class="button__loader" v-if="loading">
|
|
34
|
-
<Loader />
|
|
35
|
-
</span>
|
|
36
|
-
</button>
|
|
37
|
-
</template>
|
|
38
|
-
</template>
|
|
39
|
-
|
|
40
|
-
<style lang="scss" scoped>
|
|
41
|
-
@use './button.scss';
|
|
42
|
-
</style>
|
package/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './elements/'
|