@aures5g/vue-component-library 2.0.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/UIBadge-CC6Xl4yz.js +4 -0
- package/dist/src/components/badge/UIBadge.vue.d.ts +2 -12
- package/dist/src/components/button/UIButton.vue.d.ts +3 -2
- package/dist/src/components/fab/UIFab.vue.d.ts +19 -0
- package/dist/src/components/iconButton/UIIconButton.vue.d.ts +23 -16
- package/dist/src/components/iconButton/uiIconButton.const.d.ts +18 -16
- package/dist/src/components/toggleButton/UIToggleButton.vue.d.ts +1 -1
- package/dist/src/components/toggleButton/uiToggleButton.const.d.ts +1 -1
- package/dist/src/consts/componentPlacement.const.d.ts +7 -0
- package/dist/src/index.d.ts +2 -1
- package/dist/vue-component-library.css +1 -1
- package/dist/vue-component-library.js +1756 -1694
- package/dist/vue-component-library.umd.cjs +31 -31
- package/package.json +1 -1
- package/src/assets/theme.css +5 -0
- package/dist/src/components/badge/uiBadge.const.d.ts +0 -10
- package/dist/src/components/badge/uiBadge.theme.d.ts +0 -12
- package/dist/src/components/iconButton/uiIconButton.theme.d.ts +0 -15
package/package.json
CHANGED
package/src/assets/theme.css
CHANGED
|
@@ -58,10 +58,15 @@
|
|
|
58
58
|
|
|
59
59
|
--radius-*: initial;
|
|
60
60
|
--radius-xs: var(--acbs-radius-extra-small);
|
|
61
|
+
--radius-extra-small: var(--acbs-radius-extra-small);
|
|
61
62
|
--radius-sm: var(--acbs-radius-small);
|
|
63
|
+
--radius-small: var(--acbs-radius-small);
|
|
62
64
|
--radius-md: var(--acbs-radius-medium);
|
|
65
|
+
--radius-medium: var(--acbs-radius-medium);
|
|
63
66
|
--radius-lg: var(--acbs-radius-large);
|
|
67
|
+
--radius-large: var(--acbs-radius-large);
|
|
64
68
|
--radius-xl: var(--acbs-radius-extra-large);
|
|
69
|
+
--radius-extra-large: var(--acbs-radius-extra-large);
|
|
65
70
|
--radius-full: calc(infinity * 1px);
|
|
66
71
|
|
|
67
72
|
--spacing-*: initial;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare const BADGE_SEVERITY: {
|
|
2
|
-
readonly PRIMARY: "primary";
|
|
3
|
-
readonly SECONDARY: "secondary";
|
|
4
|
-
readonly INFO: "info";
|
|
5
|
-
readonly SUCCESS: "success";
|
|
6
|
-
readonly WARNING: "warning";
|
|
7
|
-
readonly DANGER: "danger";
|
|
8
|
-
readonly CONTRAST: "contrast";
|
|
9
|
-
};
|
|
10
|
-
export declare const SINGLE_CHAR_OR_DIGIT = 1;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export declare const BASE_BADGE = "label-small justify-center inline-flex";
|
|
2
|
-
export declare const BADGE_NOT_EMPTY = "px-xs min-w-[16px]";
|
|
3
|
-
export declare const BADGE_EMPTY = "size-[6px]";
|
|
4
|
-
export declare const BADGE_SINGLE_CHAR = "rounded-full";
|
|
5
|
-
export declare const BADGE_LONG = "rounded-md";
|
|
6
|
-
export declare const BADGE_PRIMARY = "bg-primary text-on-primary";
|
|
7
|
-
export declare const BADGE_SECONDARY = "border-secondary border text-secondary";
|
|
8
|
-
export declare const BADGE_SUCCESS = "bg-success text-on-success";
|
|
9
|
-
export declare const BADGE_INFO = "bg-secondary-container text-on-secondary-container";
|
|
10
|
-
export declare const BADGE_WARNING = "bg-warning text-on-warning";
|
|
11
|
-
export declare const BADGE_DANGER = "bg-error text-on-error";
|
|
12
|
-
export declare const BADGE_CONTRAST = "bg-inverse-surface text-inverse-on-surface";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const BASE_ICON_BUTTON = "rounded-full flex justify-center items-center relative hover:after:rounded-full hover:after:size-full hover:after:absolute hover:after:left-0";
|
|
2
|
-
export declare const NO_LABEL = "hidden";
|
|
3
|
-
export declare const ICON_BUTTON_PRIMARY = "bg-primary text-on-primary hover:after:bg-on-primary/8";
|
|
4
|
-
export declare const ICON_BUTTON_SECONDARY = "bg-secondary-container text-on-secondary-container hover:after:bg-on-secondary-container/8";
|
|
5
|
-
export declare const ICON_BUTTON_OUTLINED = "border border-on-surface-variant text-on-surface-variant hover:after:bg-on-surface-variant/8";
|
|
6
|
-
export declare const ICON_BUTTON_STANDARD = "text-on-surface-variant hover:after:bg-on-surface-variant/8";
|
|
7
|
-
export declare const ICON_BUTTON_FILLED = "bg-on-primary hover:after:bg-on-surface-variant/8";
|
|
8
|
-
export declare const ICON_BUTTON_TRANSPARENT = "bg-transparent border border-on-primary/16 text-on-primary";
|
|
9
|
-
export declare const ICON_BUTTON_TEXT = "text-on-primary";
|
|
10
|
-
export declare const DEFAULT_DISABLED = "bg-on-surface/8 text-on-surface/38 hover:after:hidden";
|
|
11
|
-
export declare const OUTLINED_DISABLED = "border border-on-surface/12 bg-transparent text-on-surface/38 hover:after:hidden";
|
|
12
|
-
export declare const STANDARD_DISABLED = "bg-transparent text-on-surface/38 hover:after:hidden";
|
|
13
|
-
export declare const FILLED_DISABLED = "bg-on-primary/12 text-on-primary/[0.28] hover:after:hidden";
|
|
14
|
-
export declare const TRANSPARENT_DISABLED = "bg-transparent border border-on-primary/8 text-on-primary/50 hover:after:hidden";
|
|
15
|
-
export declare const TEXT_DISABLED = "text-on-primary/50 hover:after:hidden";
|