@aures5g/vue-component-library 0.35.0 → 0.37.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.
Files changed (11) hide show
  1. package/dist/src/components/dropdown/UIDropdown.vue.d.ts +31 -0
  2. package/dist/src/components/dropdown/uiDropdown.theme.d.ts +8 -0
  3. package/dist/src/components/textField/uiTextField.theme.d.ts +3 -3
  4. package/dist/src/index.d.ts +2 -1
  5. package/dist/tailwind.config.cjs +1 -1
  6. package/dist/tailwind.config.d.ts +1 -0
  7. package/dist/tailwind.config.js +2 -1
  8. package/dist/vue-component-library.cjs +999 -571
  9. package/dist/vue-component-library.css +1 -1
  10. package/dist/vue-component-library.js +6519 -3536
  11. package/package.json +1 -1
package/dist/src/components/dropdown/UIDropdown.vue.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ import { type SelectPassThroughOptions } from 'primevue/select';
2
+ import { type PassThroughOptions } from 'primevue/passthrough';
3
+ import type { PassThrough } from '@primevue/core';
4
+ type __VLS_Props = {
5
+ pt?: PassThrough<SelectPassThroughOptions>;
6
+ ptOptions?: PassThroughOptions;
7
+ label: string;
8
+ disabled?: boolean;
9
+ options: unknown[];
10
+ optionLabel?: string | ((item: unknown) => string);
11
+ optionValue?: string | ((item: unknown) => string);
12
+ showClear: boolean;
13
+ required?: boolean;
14
+ };
15
+ type __VLS_PublicProps = {
16
+ modelValue?: unknown;
17
+ } & __VLS_Props;
18
+ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ "update:modelValue": (value: unknown) => any;
20
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
21
+ "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
22
+ }>, {
23
+ pt: object | SelectPassThroughOptions<any>;
24
+ ptOptions: PassThroughOptions;
25
+ disabled: boolean;
26
+ required: boolean;
27
+ optionLabel: string | ((item: unknown) => string);
28
+ optionValue: string | ((item: unknown) => string);
29
+ showClear: boolean;
30
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
31
+ export default _default;
package/dist/src/components/dropdown/uiDropdown.theme.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const BASE = "peer select-none min-w-[16rem] border border-on-surface-variant flex justify-end items-center px-[0.25rem] pl-[1rem] rounded-[0.25rem] w-fit h-[2.5rem] bg-inherit overflow-hidden";
2
+ export declare const DROPDOWN = "cursor-pointer text-[1rem] h-fit p-[0.12rem] mx-[0.5rem] flex items-center rounded-full border-2 border-on-surface-variant";
3
+ export declare const DISABLED_DROPDOWN = "!text-on-surface/[0.12] border-on-surface/[0.12] !cursor-auto";
4
+ export declare const CLEAR_ICON = "!w-[1.25rem] cursor-pointer mr-[0.5rem]";
5
+ export declare const SELECT_LABEL = "w-full flex justify-start bg-transparent text-on-surface-variant focus-visible:outline-none";
6
+ export declare const FLOATING_LABEL = "absolute select-none ml-[1rem] top-[50%] text-[1rem] -translate-y-1/2 peer-[.focused]:top-0 peer-[.focused]:text-[0.75rem] peer-[.focused]:leading-[1rem] peer-[.focused]:px-[0.25rem] peer-[.focused]:ml-[0.5rem] leading-[1rem] text-on-surface-variant peer-[.focused]:bg-inherit bg-inherit transition-all";
7
+ export declare const OVERLAY_PANEL = "max-h-[8rem] overflow-auto shadow-1 rounded-[0.25rem] py-[0.5rem] bg-on-primary";
8
+ export declare const ITEM = "cursor-pointer px-[1rem] hover:bg-primary-fixed text-[1rem] leading-[2.5rem] text-on-surface-variant";
package/dist/src/components/textField/uiTextField.theme.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export declare const BASE = "relative rounded-[0.25rem] p-[0.25rem] w-fit h-[2.5rem] box-border flex items-center";
2
- export declare const INPUT_STYLE = "text-[1rem] text-on-surface border-none peer focus:outline-none leading-[1.5rem] mr-[0.75rem] placeholder:invisible";
1
+ export declare const BASE = "relative rounded-[0.25rem] p-[0.25rem] w-fit h-[2.5rem] box-border bg-inherit flex items-center";
2
+ export declare const INPUT_STYLE = "bg-inherit text-[1rem] text-on-surface border-none peer focus:outline-none leading-[1.5rem] mr-[0.75rem] placeholder:invisible";
3
3
  export declare const INPUT_DISABLED = "cursor-default bg-[transparent]";
4
- export declare const LABEL = "absolute peer-placeholder-shown:text-[1rem] text-[0.75rem] peer-placeholder-shown:leading-[0.5rem] leading-[1rem] peer-placeholder-shown:top-[1rem] -top-[0.625rem] peer-focus:-top-[0.625rem] peer-focus:leading-[1rem] text-on-surface-variant peer-placeholder-shown:px-0 peer-focus:px-[0.25rem] px-[0.25rem] bg-on-primary peer-focus:text-[0.75rem] peer-placeholder-shown:left-[1rem] left-[0.75rem] peer-focus:left-[0.75rem] transition-all";
4
+ export declare const LABEL = "absolute peer-placeholder-shown:text-[1rem] text-[0.75rem] peer-placeholder-shown:leading-[0.5rem] leading-[1rem] peer-placeholder-shown:top-[1rem] -top-[0.625rem] peer-focus:-top-[0.625rem] peer-focus:leading-[1rem] text-on-surface-variant peer-placeholder-shown:px-0 peer-focus:px-[0.25rem] px-[0.25rem] bg-inherit peer-focus:text-[0.75rem] peer-placeholder-shown:left-[1rem] left-[0.75rem] peer-focus:left-[0.75rem] transition-all";
5
5
  export declare const LABEL_SEARCH_ICON = "peer-placeholder-shown:left-[3rem]";
6
6
  export declare const INVALID_TEXT = "!text-error";
7
7
  export declare const DISABLED_TEXT = "!text-on-surface/[0.38] cursor-default";
package/dist/src/index.d.ts CHANGED
@@ -22,4 +22,5 @@ import UIToolbar from './components/toolbar/UIToolbar.vue';
22
22
  import UILanguagePicker from './components/languagePicker/UILanguagePicker.vue';
23
23
  import UIDivider from './components/divider/UIDivider.vue';
24
24
  import UISwitch from './components/switch/UISwitch.vue';
25
- export { ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy, UITabView, UITabPanel, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIChip, UITextField, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, };
25
+ import UIDropdown from './components/dropdown/UIDropdown.vue';
26
+ export { ACBSPlugin, useACBSConfig, UIButton, UIMenu, UITag, UIBadge, UICopy, UITabView, UITabPanel, UIIconButton, UIToggleButton, UIRadioButton, UICheckbox, UIChip, UITextField, UIRichTooltip, UISnackbar, UIListItem, UIList, UIContextPanel, UIToolbar, UILanguagePicker, UIDivider, UISwitch, UIDropdown, };
package/dist/tailwind.config.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const e=({addBase:r,addUtilities:a,addComponents:o})=>{r({html:{"font-family":"var(--typescale-font-family)"},"*::-webkit-scrollbar":{width:"4px",height:"4px"},"*::-webkit-scrollbar-thumb":{background:"var(--color-outline)","border-radius":"5px"}}),a({".no-scrollbar::-webkit-scrollbar":{display:"none"},".no-scrollbar":{"-ms-overflow-style":"none","scrollbar-width":"none"}}),o({".label-small":{"font-size":"11px","font-style":"normal","font-weight":"500","line-height":"16px","letter-spacing":"0.5px"},".label-medium":{"font-size":"12px","font-style":"normal","font-weight":"500","line-height":"16px","letter-spacing":"0.5px"},".label-large":{"font-size":"14px","font-style":"normal","font-weight":"500","line-height":"20px","letter-spacing":"0.1px"},".headline-small":{"font-size":"24px","font-style":"normal","font-weight":"400","line-height":"32px","letter-spacing":"0em"},".title-small":{"font-size":"14px","font-style":"normal","font-weight":"500","line-height":"20px","letter-spacing":"0.1px"},".title-large":{"font-size":"22px","font-style":"normal","font-weight":"400","line-height":"28px","letter-spacing":"0em"},".body-small":{"font-size":"12px","font-style":"normal","font-weight":"400","line-height":"16px","letter-spacing":"0.4px"}})},l={content:["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}"],theme:{colors:{primary:"rgb(from var(--color-primary) R G B / <alpha-value>)","on-primary":"rgb(from var(--color-on-primary) R G B / <alpha-value>)","primary-container":"rgb(from var(--color-primary-container) R G B / <alpha-value>)","on-primary-container":"rgb(from var(--color-on-primary-container) R G B / <alpha-value>)","primary-fixed":"rgb(from var(--color-primary-fixed) R G B / <alpha-value>)","primary-fixed-dim":"rgb(from var(--color-primary-fixed-dim) R G B / <alpha-value>)","on-primary-fixed":"rgb(from var(--color-on-primary-fixed) R G B / <alpha-value>)","on-primary-fixed-variant":"rgb(from var(--color-on-primary-fixed-variant) R G B / <alpha-value>)",secondary:"rgb(from var(--color-secondary) R G B / <alpha-value>)","on-secondary":"rgb(from var(--color-on-secondary) R G B / <alpha-value>)","secondary-container":"rgb(from var(--color-secondary-container) R G B / <alpha-value>)","on-secondary-container":"rgb(from var(--color-on-secondary-container) R G B / <alpha-value>)","secondary-fixed":"rgb(from var(--color-secondary-fixed) R G B / <alpha-value>)","secondary-fixed-dim":"rgb(from var(--color-secondary-fixed-dim) R G B / <alpha-value>)","on-secondary-fixed":"rgb(from var(--color-on-secondary-fixed) R G B / <alpha-value>)","on-secondary-fixed-variant":"rgb(from var(--color-on-secondary-fixed-variant) R G B / <alpha-value>)",tertiary:"rgb(from var(--color-tertiary) R G B / <alpha-value>)","on-tertiary":"rgb(from var(--color-on-tertiary) R G B / <alpha-value>)","tertiary-container":"rgb(from var(--color-tertiary-container) R G B / <alpha-value>)","on-tertiary-container":"rgb(from var(--color-on-tertiary-container) R G B / <alpha-value>)","tertiary-fixed":"rgb(from var(--color-tertiary-fixed) R G B / <alpha-value>)","tertiary-fixed-dim":"rgb(from var(--color-tertiary-fixed-dim) R G B / <alpha-value>)","on-tertiary-fixed":"rgb(from var(--color-on-tertiary-fixed) R G B / <alpha-value>)","on-tertiary-fixed-variant":"rgb(from var(--color-on-tertiary-fixed-variant) R G B / <alpha-value>)",error:"rgb(from var(--color-error) R G B / <alpha-value>)","on-error":"rgb(from var(--color-on-error) R G B / <alpha-value>)","error-container":"rgb(from var(--color-error-container) R G B / <alpha-value>)","on-error-container":"rgb(from var(--color-on-error-container) R G B / <alpha-value>)",warning:"rgb(from var(--color-warning) R G B / <alpha-value>)","on-warning":"rgb(from var(--color-on-warning) R G B / <alpha-value>)","warning-container":"rgb(from var(--color-warning-container) R G B / <alpha-value>)","on-warning-container":"rgb(from var(--color-on-warning-container) R G B / <alpha-value>)",success:"rgb(from var(--color-success) R G B / <alpha-value>)","on-success":"rgb(from var(--color-on-success) R G B / <alpha-value>)","success-container":"rgb(from var(--color-success-container) R G B / <alpha-value>)","on-success-container":"rgb(from var(--color-on-success-container) R G B / <alpha-value>)","surface-dim":"rgb(from var(--color-surface-dim) R G B / <alpha-value>)",surface:"rgb(from var(--color-surface) R G B / <alpha-value>)","surface-container-lowest":"rgb(from var(--color-surface-container-lowest) R G B / <alpha-value>)","surface-container-low":"rgb(from var(--color-surface-container-low) R G B / <alpha-value>)","surface-container":"rgb(from var(--color-surface-container) R G B / <alpha-value>)","surface-container-high":"rgb(from var(--color-surface-container-high) R G B / <alpha-value>)","surface-container-highest":"rgb(from var(--color-surface-container-highest) R G B / <alpha-value>)","on-surface":"rgb(from var(--color-on-surface) R G B / <alpha-value>)","on-surface-variant":"rgb(from var(--color-on-surface-variant) R G B / <alpha-value>)",outline:"rgb(from var(--color-outline) R G B / <alpha-value>)","outline-variant":"rgb(from var(--color-outline-variant) R G B / <alpha-value>)","inverse-surface":"rgb(from var(--color-inverse-surface) R G B / <alpha-value>)","inverse-on-surface":"rgb(from var(--color-inverse-on-surface) R G B / <alpha-value>)","inverse-primary":"rgb(from var(--color-inverse-primary) R G B / <alpha-value>)",scrim:"rgb(from var(--color-scrim) R G B / <alpha-value>)",shadow:"rgb(from var(--color-shadow) R G B / <alpha-value>)"},borderRadius:{xs:"var(--radius-extra-small)",sm:"var(--radius-small)",md:"var(--radius-medium)",lg:"var(--radius-large)",xl:"var(--radius-extra-large)",full:"var(--radius-full)"},spacing:{0:"0",xs:"var(--spacing-extra-small)",sm:"var(--spacing-small)",md:"var(--spacing-medium)",lg:"var(--spacing-large)",xl:"var(--spacing-extra-large)"},boxShadow:{0:"var(--elevation-0)",1:"var(--elevation-1)",2:"var(--elevation-2)",3:"var(--elevation-3)",4:"var(--elevation-4)",5:"var(--elevation-5)"}},plugins:[e]};module.exports=l;
1
+ "use strict";const e=({addBase:r,addUtilities:a,addComponents:o})=>{r({html:{"font-family":"var(--typescale-font-family)"},"*::-webkit-scrollbar":{width:"4px",height:"4px"},"*::-webkit-scrollbar-thumb":{background:"var(--color-outline)","border-radius":"5px"}}),a({".no-scrollbar::-webkit-scrollbar":{display:"none"},".no-scrollbar":{"-ms-overflow-style":"none","scrollbar-width":"none"}}),o({".label-small":{"font-size":"11px","font-style":"normal","font-weight":"500","line-height":"16px","letter-spacing":"0.5px"},".label-medium":{"font-size":"12px","font-style":"normal","font-weight":"500","line-height":"16px","letter-spacing":"0.5px"},".label-large":{"font-size":"14px","font-style":"normal","font-weight":"500","line-height":"20px","letter-spacing":"0.1px"},".headline-small":{"font-size":"24px","font-style":"normal","font-weight":"400","line-height":"32px","letter-spacing":"0em"},".title-small":{"font-size":"14px","font-style":"normal","font-weight":"500","line-height":"20px","letter-spacing":"0.1px"},".title-large":{"font-size":"22px","font-style":"normal","font-weight":"400","line-height":"28px","letter-spacing":"0em"},".body-small":{"font-size":"12px","font-style":"normal","font-weight":"400","line-height":"16px","letter-spacing":"0.4px"}})},l={content:["./index.html","./src/**/*.{vue,js,ts,jsx,tsx}"],theme:{colors:{primary:"rgb(from var(--color-primary) R G B / <alpha-value>)","on-primary":"rgb(from var(--color-on-primary) R G B / <alpha-value>)","primary-container":"rgb(from var(--color-primary-container) R G B / <alpha-value>)","on-primary-container":"rgb(from var(--color-on-primary-container) R G B / <alpha-value>)","primary-fixed":"rgb(from var(--color-primary-fixed) R G B / <alpha-value>)","primary-fixed-dim":"rgb(from var(--color-primary-fixed-dim) R G B / <alpha-value>)","on-primary-fixed":"rgb(from var(--color-on-primary-fixed) R G B / <alpha-value>)","on-primary-fixed-variant":"rgb(from var(--color-on-primary-fixed-variant) R G B / <alpha-value>)",secondary:"rgb(from var(--color-secondary) R G B / <alpha-value>)","on-secondary":"rgb(from var(--color-on-secondary) R G B / <alpha-value>)","secondary-container":"rgb(from var(--color-secondary-container) R G B / <alpha-value>)","on-secondary-container":"rgb(from var(--color-on-secondary-container) R G B / <alpha-value>)","secondary-fixed":"rgb(from var(--color-secondary-fixed) R G B / <alpha-value>)","secondary-fixed-dim":"rgb(from var(--color-secondary-fixed-dim) R G B / <alpha-value>)","on-secondary-fixed":"rgb(from var(--color-on-secondary-fixed) R G B / <alpha-value>)","on-secondary-fixed-variant":"rgb(from var(--color-on-secondary-fixed-variant) R G B / <alpha-value>)",tertiary:"rgb(from var(--color-tertiary) R G B / <alpha-value>)","on-tertiary":"rgb(from var(--color-on-tertiary) R G B / <alpha-value>)","tertiary-container":"rgb(from var(--color-tertiary-container) R G B / <alpha-value>)","on-tertiary-container":"rgb(from var(--color-on-tertiary-container) R G B / <alpha-value>)","tertiary-fixed":"rgb(from var(--color-tertiary-fixed) R G B / <alpha-value>)","tertiary-fixed-dim":"rgb(from var(--color-tertiary-fixed-dim) R G B / <alpha-value>)","on-tertiary-fixed":"rgb(from var(--color-on-tertiary-fixed) R G B / <alpha-value>)","on-tertiary-fixed-variant":"rgb(from var(--color-on-tertiary-fixed-variant) R G B / <alpha-value>)",error:"rgb(from var(--color-error) R G B / <alpha-value>)","on-error":"rgb(from var(--color-on-error) R G B / <alpha-value>)","error-container":"rgb(from var(--color-error-container) R G B / <alpha-value>)","on-error-container":"rgb(from var(--color-on-error-container) R G B / <alpha-value>)",warning:"rgb(from var(--color-warning) R G B / <alpha-value>)","on-warning":"rgb(from var(--color-on-warning) R G B / <alpha-value>)","warning-container":"rgb(from var(--color-warning-container) R G B / <alpha-value>)","on-warning-container":"rgb(from var(--color-on-warning-container) R G B / <alpha-value>)",success:"rgb(from var(--color-success) R G B / <alpha-value>)","on-success":"rgb(from var(--color-on-success) R G B / <alpha-value>)","success-container":"rgb(from var(--color-success-container) R G B / <alpha-value>)","on-success-container":"rgb(from var(--color-on-success-container) R G B / <alpha-value>)","surface-dim":"rgb(from var(--color-surface-dim) R G B / <alpha-value>)",surface:"rgb(from var(--color-surface) R G B / <alpha-value>)","surface-container-lowest":"rgb(from var(--color-surface-container-lowest) R G B / <alpha-value>)","surface-container-low":"rgb(from var(--color-surface-container-low) R G B / <alpha-value>)","surface-container":"rgb(from var(--color-surface-container) R G B / <alpha-value>)","surface-container-high":"rgb(from var(--color-surface-container-high) R G B / <alpha-value>)","surface-container-highest":"rgb(from var(--color-surface-container-highest) R G B / <alpha-value>)","on-surface":"rgb(from var(--color-on-surface) R G B / <alpha-value>)","on-surface-variant":"rgb(from var(--color-on-surface-variant) R G B / <alpha-value>)",outline:"rgb(from var(--color-outline) R G B / <alpha-value>)","outline-variant":"rgb(from var(--color-outline-variant) R G B / <alpha-value>)","inverse-surface":"rgb(from var(--color-inverse-surface) R G B / <alpha-value>)","inverse-on-surface":"rgb(from var(--color-inverse-on-surface) R G B / <alpha-value>)","inverse-primary":"rgb(from var(--color-inverse-primary) R G B / <alpha-value>)",scrim:"rgb(from var(--color-scrim) R G B / <alpha-value>)",shadow:"rgb(from var(--color-shadow) R G B / <alpha-value>)",inherit:"inherit"},borderRadius:{xs:"var(--radius-extra-small)",sm:"var(--radius-small)",md:"var(--radius-medium)",lg:"var(--radius-large)",xl:"var(--radius-extra-large)",full:"var(--radius-full)"},spacing:{0:"0",xs:"var(--spacing-extra-small)",sm:"var(--spacing-small)",md:"var(--spacing-medium)",lg:"var(--spacing-large)",xl:"var(--spacing-extra-large)"},boxShadow:{0:"var(--elevation-0)",1:"var(--elevation-1)",2:"var(--elevation-2)",3:"var(--elevation-3)",4:"var(--elevation-4)",5:"var(--elevation-5)"}},plugins:[e]};module.exports=l;
package/dist/tailwind.config.d.ts CHANGED
@@ -55,6 +55,7 @@ declare const _default: {
55
55
  readonly 'inverse-primary': "rgb(from var(--color-inverse-primary) R G B / <alpha-value>)";
56
56
  readonly scrim: "rgb(from var(--color-scrim) R G B / <alpha-value>)";
57
57
  readonly shadow: "rgb(from var(--color-shadow) R G B / <alpha-value>)";
58
+ readonly inherit: "inherit";
58
59
  };
59
60
  readonly borderRadius: {
60
61
  readonly xs: "var(--radius-extra-small)";
package/dist/tailwind.config.js CHANGED
@@ -125,7 +125,8 @@ const e = ({ addBase: r, addUtilities: a, addComponents: o }) => {
125
125
  "inverse-on-surface": "rgb(from var(--color-inverse-on-surface) R G B / <alpha-value>)",
126
126
  "inverse-primary": "rgb(from var(--color-inverse-primary) R G B / <alpha-value>)",
127
127
  scrim: "rgb(from var(--color-scrim) R G B / <alpha-value>)",
128
- shadow: "rgb(from var(--color-shadow) R G B / <alpha-value>)"
128
+ shadow: "rgb(from var(--color-shadow) R G B / <alpha-value>)",
129
+ inherit: "inherit"
129
130
  },
130
131
  borderRadius: {
131
132
  xs: "var(--radius-extra-small)",