@aures5g/vue-component-library 0.28.0 → 0.30.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 (90) hide show
  1. package/dist/src/components/badge/UIBadge.vue.d.ts +17 -0
  2. package/dist/src/components/button/UIButton.vue.d.ts +21 -0
  3. package/dist/src/components/buttonRounded/UIButtonRounded.vue.d.ts +17 -0
  4. package/dist/src/components/checkbox/UICheckbox.vue.d.ts +27 -0
  5. package/dist/src/components/chip/UIChip.vue.d.ts +27 -0
  6. package/dist/src/components/contextPanel/UIContextPanel.vue.d.ts +22 -0
  7. package/dist/src/components/copyToClipboard/UICopy.vue.d.ts +31 -0
  8. package/dist/src/components/iconButton/UIIconButton.vue.d.ts +19 -0
  9. package/dist/src/components/languagePicker/UILanguagePicker.vue.d.ts +15 -0
  10. package/dist/{components → src/components}/languagePicker/uiLanguagePicker.theme.d.ts +6 -0
  11. package/dist/src/components/list/UIList.vue.d.ts +17 -0
  12. package/dist/src/components/list/UIListItem.vue.d.ts +28 -0
  13. package/dist/src/components/menu/UIMenu.vue.d.ts +16 -0
  14. package/dist/{components → src/components}/menu/useMenu.composables.d.ts +5 -5
  15. package/dist/src/components/radioButton/UIRadioButton.vue.d.ts +25 -0
  16. package/dist/src/components/richTooltip/UIRichTooltip.vue.d.ts +28 -0
  17. package/dist/src/components/snackbar/UISnackbar.vue.d.ts +32 -0
  18. package/dist/src/components/tabs/UITabPanel.vue.d.ts +7 -0
  19. package/dist/{components → src/components}/tabs/UITabView.d.ts +7 -7
  20. package/dist/{components → src/components}/tabs/uiTabPanel.const.d.ts +1 -1
  21. package/dist/src/components/tag/UITag.vue.d.ts +19 -0
  22. package/dist/src/components/textField/UITextField.vue.d.ts +29 -0
  23. package/dist/src/components/toggleButton/UIToggleButton.vue.d.ts +26 -0
  24. package/dist/src/components/toolbar/UIToolbar.vue.d.ts +20 -0
  25. package/dist/src/config/primevue.d.ts +18 -0
  26. package/dist/{index.d.ts → src/index.d.ts} +2 -3
  27. package/dist/tailwind.config.cjs +1 -0
  28. package/dist/tailwind.config.d.ts +86 -0
  29. package/dist/tailwind.config.js +159 -0
  30. package/dist/vue-component-library.cjs +1648 -0
  31. package/dist/vue-component-library.css +1 -0
  32. package/dist/vue-component-library.js +5644 -3874
  33. package/package.json +57 -63
  34. package/dist/components/HelloWorld/HelloWorld.vue.d.ts +0 -16
  35. package/dist/components/badge/UIBadge.vue.d.ts +0 -53
  36. package/dist/components/button/UIButton.vue.d.ts +0 -63
  37. package/dist/components/buttonRounded/UIButtonRounded.vue.d.ts +0 -54
  38. package/dist/components/checkbox/UICheckbox.vue.d.ts +0 -74
  39. package/dist/components/chip/UIChip.vue.d.ts +0 -79
  40. package/dist/components/contextPanel/UIContextPanel.vue.d.ts +0 -24
  41. package/dist/components/copyToClipboard/UICopy.vue.d.ts +0 -55
  42. package/dist/components/iconButton/UIIconButton.vue.d.ts +0 -59
  43. package/dist/components/languagePicker/UILanguagePicker.vue.d.ts +0 -36
  44. package/dist/components/list/UIList.vue.d.ts +0 -9
  45. package/dist/components/list/UIListItem.vue.d.ts +0 -48
  46. package/dist/components/menu/UIMenu.vue.d.ts +0 -46
  47. package/dist/components/radioButton/UIRadioButton.vue.d.ts +0 -69
  48. package/dist/components/richTooltip/UIRichTooltip.vue.d.ts +0 -48
  49. package/dist/components/snackbar/UISnackbar.vue.d.ts +0 -52
  50. package/dist/components/tabs/UITabPanel.vue.d.ts +0 -38
  51. package/dist/components/tag/UITag.vue.d.ts +0 -58
  52. package/dist/components/textField/UITextField.vue.d.ts +0 -66
  53. package/dist/components/toggleButton/UIToggleButton.vue.d.ts +0 -70
  54. package/dist/components/toolbar/UIToolbar.vue.d.ts +0 -22
  55. package/dist/config/primevue.d.ts +0 -19
  56. package/dist/style.css +0 -1
  57. package/dist/vue-component-library.umd.cjs +0 -81
  58. package/tailwind.config.ts +0 -127
  59. /package/dist/{components → src/components}/badge/uiBadge.const.d.ts +0 -0
  60. /package/dist/{components → src/components}/badge/uiBadge.theme.d.ts +0 -0
  61. /package/dist/{components → src/components}/button/uiButton.const.d.ts +0 -0
  62. /package/dist/{components → src/components}/button/uiButton.theme.d.ts +0 -0
  63. /package/dist/{components → src/components}/buttonRounded/uiButtonRounded.const.d.ts +0 -0
  64. /package/dist/{components → src/components}/buttonRounded/uiButtonRounded.theme.d.ts +0 -0
  65. /package/dist/{components → src/components}/checkbox/uiCheckbox.theme.d.ts +0 -0
  66. /package/dist/{components → src/components}/chip/uiChip.const.d.ts +0 -0
  67. /package/dist/{components → src/components}/chip/uiChip.theme.d.ts +0 -0
  68. /package/dist/{components → src/components}/contextPanel/uiContextPanel.theme.d.ts +0 -0
  69. /package/dist/{components → src/components}/copyToClipboard/uiCopy.const.d.ts +0 -0
  70. /package/dist/{components → src/components}/copyToClipboard/uiCopy.theme.d.ts +0 -0
  71. /package/dist/{components → src/components}/iconButton/uiIconButton.const.d.ts +0 -0
  72. /package/dist/{components → src/components}/iconButton/uiIconButton.theme.d.ts +0 -0
  73. /package/dist/{components → src/components}/languagePicker/uiLanguagePicker.const.d.ts +0 -0
  74. /package/dist/{components → src/components}/list/uiList.theme.d.ts +0 -0
  75. /package/dist/{components → src/components}/menu/menu.types.d.ts +0 -0
  76. /package/dist/{components → src/components}/radioButton/uiRadioButton.theme.d.ts +0 -0
  77. /package/dist/{components → src/components}/richTooltip/uiRichTooltip.theme.d.ts +0 -0
  78. /package/dist/{components → src/components}/snackbar/uiSnackbar.theme.d.ts +0 -0
  79. /package/dist/{components → src/components}/tabs/tabs.utils.d.ts +0 -0
  80. /package/dist/{components → src/components}/tabs/uiTabPanel.theme.d.ts +0 -0
  81. /package/dist/{components → src/components}/tabs/uiTabView.theme.d.ts +0 -0
  82. /package/dist/{components → src/components}/tag/uiTag.const.d.ts +0 -0
  83. /package/dist/{components → src/components}/tag/uiTag.theme.d.ts +0 -0
  84. /package/dist/{components → src/components}/textField/uiTextField.theme.d.ts +0 -0
  85. /package/dist/{components → src/components}/toggleButton/uiToggleButton.const.d.ts +0 -0
  86. /package/dist/{components → src/components}/toggleButton/uiToggleButton.theme.d.ts +0 -0
  87. /package/dist/{components → src/components}/toolbar/uiToolbar.theme.d.ts +0 -0
  88. /package/dist/{components → src/components}/tooltip/tooltip.theme.d.ts +0 -0
  89. /package/dist/{config → src/config}/acbs.d.ts +0 -0
  90. /package/dist/{types → src/types}/fa.d.ts +0 -0
package/dist/tailwind.config.d.ts ADDED
@@ -0,0 +1,86 @@
1
+ import type { PluginCreator } from 'tailwindcss/types/config';
2
+ declare const _default: {
3
+ readonly content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"];
4
+ readonly theme: {
5
+ readonly colors: {
6
+ readonly primary: "rgb(from var(--color-primary) R G B / <alpha-value>)";
7
+ readonly 'on-primary': "rgb(from var(--color-on-primary) R G B / <alpha-value>)";
8
+ readonly 'primary-container': "rgb(from var(--color-primary-container) R G B / <alpha-value>)";
9
+ readonly 'on-primary-container': "rgb(from var(--color-on-primary-container) R G B / <alpha-value>)";
10
+ readonly 'primary-fixed': "rgb(from var(--color-primary-fixed) R G B / <alpha-value>)";
11
+ readonly 'primary-fixed-dim': "rgb(from var(--color-primary-fixed-dim) R G B / <alpha-value>)";
12
+ readonly 'on-primary-fixed': "rgb(from var(--color-on-primary-fixed) R G B / <alpha-value>)";
13
+ readonly 'on-primary-fixed-variant': "rgb(from var(--color-on-primary-fixed-variant) R G B / <alpha-value>)";
14
+ readonly secondary: "rgb(from var(--color-secondary) R G B / <alpha-value>)";
15
+ readonly 'on-secondary': "rgb(from var(--color-on-secondary) R G B / <alpha-value>)";
16
+ readonly 'secondary-container': "rgb(from var(--color-secondary-container) R G B / <alpha-value>)";
17
+ readonly 'on-secondary-container': "rgb(from var(--color-on-secondary-container) R G B / <alpha-value>)";
18
+ readonly 'secondary-fixed': "rgb(from var(--color-secondary-fixed) R G B / <alpha-value>)";
19
+ readonly 'secondary-fixed-dim': "rgb(from var(--color-secondary-fixed-dim) R G B / <alpha-value>)";
20
+ readonly 'on-secondary-fixed': "rgb(from var(--color-on-secondary-fixed) R G B / <alpha-value>)";
21
+ readonly 'on-secondary-fixed-variant': "rgb(from var(--color-on-secondary-fixed-variant) R G B / <alpha-value>)";
22
+ readonly tertiary: "rgb(from var(--color-tertiary) R G B / <alpha-value>)";
23
+ readonly 'on-tertiary': "rgb(from var(--color-on-tertiary) R G B / <alpha-value>)";
24
+ readonly 'tertiary-container': "rgb(from var(--color-tertiary-container) R G B / <alpha-value>)";
25
+ readonly 'on-tertiary-container': "rgb(from var(--color-on-tertiary-container) R G B / <alpha-value>)";
26
+ readonly 'tertiary-fixed': "rgb(from var(--color-tertiary-fixed) R G B / <alpha-value>)";
27
+ readonly 'tertiary-fixed-dim': "rgb(from var(--color-tertiary-fixed-dim) R G B / <alpha-value>)";
28
+ readonly 'on-tertiary-fixed': "rgb(from var(--color-on-tertiary-fixed) R G B / <alpha-value>)";
29
+ readonly 'on-tertiary-fixed-variant': "rgb(from var(--color-on-tertiary-fixed-variant) R G B / <alpha-value>)";
30
+ readonly error: "rgb(from var(--color-error) R G B / <alpha-value>)";
31
+ readonly 'on-error': "rgb(from var(--color-on-error) R G B / <alpha-value>)";
32
+ readonly 'error-container': "rgb(from var(--color-error-container) R G B / <alpha-value>)";
33
+ readonly 'on-error-container': "rgb(from var(--color-on-error-container) R G B / <alpha-value>)";
34
+ readonly warning: "rgb(from var(--color-warning) R G B / <alpha-value>)";
35
+ readonly 'on-warning': "rgb(from var(--color-on-warning) R G B / <alpha-value>)";
36
+ readonly 'warning-container': "rgb(from var(--color-warning-container) R G B / <alpha-value>)";
37
+ readonly 'on-warning-container': "rgb(from var(--color-on-warning-container) R G B / <alpha-value>)";
38
+ readonly success: "rgb(from var(--color-success) R G B / <alpha-value>)";
39
+ readonly 'on-success': "rgb(from var(--color-on-success) R G B / <alpha-value>)";
40
+ readonly 'success-container': "rgb(from var(--color-success-container) R G B / <alpha-value>)";
41
+ readonly 'on-success-container': "rgb(from var(--color-on-success-container) R G B / <alpha-value>)";
42
+ readonly 'surface-dim': "rgb(from var(--color-surface-dim) R G B / <alpha-value>)";
43
+ readonly surface: "rgb(from var(--color-surface) R G B / <alpha-value>)";
44
+ readonly 'surface-container-lowest': "rgb(from var(--color-surface-container-lowest) R G B / <alpha-value>)";
45
+ readonly 'surface-container-low': "rgb(from var(--color-surface-container-low) R G B / <alpha-value>)";
46
+ readonly 'surface-container': "rgb(from var(--color-surface-container) R G B / <alpha-value>)";
47
+ readonly 'surface-container-high': "rgb(from var(--color-surface-container-high) R G B / <alpha-value>)";
48
+ readonly 'surface-container-highest': "rgb(from var(--color-surface-container-highest) R G B / <alpha-value>)";
49
+ readonly 'on-surface': "rgb(from var(--color-on-surface) R G B / <alpha-value>)";
50
+ readonly 'on-surface-variant': "rgb(from var(--color-on-surface-variant) R G B / <alpha-value>)";
51
+ readonly outline: "rgb(from var(--color-outline) R G B / <alpha-value>)";
52
+ readonly 'outline-variant': "rgb(from var(--color-outline-variant) R G B / <alpha-value>)";
53
+ readonly 'inverse-surface': "rgb(from var(--color-inverse-surface) R G B / <alpha-value>)";
54
+ readonly 'inverse-on-surface': "rgb(from var(--color-inverse-on-surface) R G B / <alpha-value>)";
55
+ readonly 'inverse-primary': "rgb(from var(--color-inverse-primary) R G B / <alpha-value>)";
56
+ readonly scrim: "rgb(from var(--color-scrim) R G B / <alpha-value>)";
57
+ readonly shadow: "rgb(from var(--color-shadow) R G B / <alpha-value>)";
58
+ };
59
+ readonly borderRadius: {
60
+ readonly xs: "var(--radius-extra-small)";
61
+ readonly sm: "var(--radius-small)";
62
+ readonly md: "var(--radius-medium)";
63
+ readonly lg: "var(--radius-large)";
64
+ readonly xl: "var(--radius-extra-large)";
65
+ readonly full: "var(--radius-full)";
66
+ };
67
+ readonly spacing: {
68
+ readonly 0: "0";
69
+ readonly xs: "var(--spacing-extra-small)";
70
+ readonly sm: "var(--spacing-small)";
71
+ readonly md: "var(--spacing-medium)";
72
+ readonly lg: "var(--spacing-large)";
73
+ readonly xl: "var(--spacing-extra-large)";
74
+ };
75
+ readonly boxShadow: {
76
+ readonly 0: "var(--elevation-0)";
77
+ readonly 1: "var(--elevation-1)";
78
+ readonly 2: "var(--elevation-2)";
79
+ readonly 3: "var(--elevation-3)";
80
+ readonly 4: "var(--elevation-4)";
81
+ readonly 5: "var(--elevation-5)";
82
+ };
83
+ };
84
+ readonly plugins: [PluginCreator];
85
+ };
86
+ export default _default;
package/dist/tailwind.config.js ADDED
@@ -0,0 +1,159 @@
1
+ const e = ({ addBase: r, addUtilities: a, addComponents: o }) => {
2
+ r({
3
+ html: {
4
+ "font-family": "var(--typescale-font-family)"
5
+ },
6
+ "*::-webkit-scrollbar": {
7
+ width: "4px",
8
+ height: "4px"
9
+ },
10
+ "*::-webkit-scrollbar-thumb": {
11
+ background: "var(--color-outline)",
12
+ "border-radius": "5px"
13
+ }
14
+ }), a({
15
+ ".no-scrollbar::-webkit-scrollbar": {
16
+ display: "none"
17
+ },
18
+ ".no-scrollbar": {
19
+ "-ms-overflow-style": "none",
20
+ "scrollbar-width": "none"
21
+ }
22
+ }), o({
23
+ ".label-small": {
24
+ "font-size": "11px",
25
+ "font-style": "normal",
26
+ "font-weight": "500",
27
+ "line-height": "16px",
28
+ "letter-spacing": "0.5px"
29
+ },
30
+ ".label-medium": {
31
+ "font-size": "12px",
32
+ "font-style": "normal",
33
+ "font-weight": "500",
34
+ "line-height": "16px",
35
+ "letter-spacing": "0.5px"
36
+ },
37
+ ".label-large": {
38
+ "font-size": "14px",
39
+ "font-style": "normal",
40
+ "font-weight": "500",
41
+ "line-height": "20px",
42
+ "letter-spacing": "0.1px"
43
+ },
44
+ ".headline-small": {
45
+ "font-size": "24px",
46
+ "font-style": "normal",
47
+ "font-weight": "400",
48
+ "line-height": "32px",
49
+ "letter-spacing": "0em"
50
+ },
51
+ ".title-small": {
52
+ "font-size": "14px",
53
+ "font-style": "normal",
54
+ "font-weight": "500",
55
+ "line-height": "20px",
56
+ "letter-spacing": "0.1px"
57
+ },
58
+ ".title-large": {
59
+ "font-size": "22px",
60
+ "font-style": "normal",
61
+ "font-weight": "400",
62
+ "line-height": "28px",
63
+ "letter-spacing": "0em"
64
+ },
65
+ ".body-small": {
66
+ "font-size": "12px",
67
+ "font-style": "normal",
68
+ "font-weight": "400",
69
+ "line-height": "16px",
70
+ "letter-spacing": "0.4px"
71
+ }
72
+ });
73
+ }, l = {
74
+ content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
75
+ theme: {
76
+ colors: {
77
+ primary: "rgb(from var(--color-primary) R G B / <alpha-value>)",
78
+ "on-primary": "rgb(from var(--color-on-primary) R G B / <alpha-value>)",
79
+ "primary-container": "rgb(from var(--color-primary-container) R G B / <alpha-value>)",
80
+ "on-primary-container": "rgb(from var(--color-on-primary-container) R G B / <alpha-value>)",
81
+ "primary-fixed": "rgb(from var(--color-primary-fixed) R G B / <alpha-value>)",
82
+ "primary-fixed-dim": "rgb(from var(--color-primary-fixed-dim) R G B / <alpha-value>)",
83
+ "on-primary-fixed": "rgb(from var(--color-on-primary-fixed) R G B / <alpha-value>)",
84
+ "on-primary-fixed-variant": "rgb(from var(--color-on-primary-fixed-variant) R G B / <alpha-value>)",
85
+ secondary: "rgb(from var(--color-secondary) R G B / <alpha-value>)",
86
+ "on-secondary": "rgb(from var(--color-on-secondary) R G B / <alpha-value>)",
87
+ "secondary-container": "rgb(from var(--color-secondary-container) R G B / <alpha-value>)",
88
+ "on-secondary-container": "rgb(from var(--color-on-secondary-container) R G B / <alpha-value>)",
89
+ "secondary-fixed": "rgb(from var(--color-secondary-fixed) R G B / <alpha-value>)",
90
+ "secondary-fixed-dim": "rgb(from var(--color-secondary-fixed-dim) R G B / <alpha-value>)",
91
+ "on-secondary-fixed": "rgb(from var(--color-on-secondary-fixed) R G B / <alpha-value>)",
92
+ "on-secondary-fixed-variant": "rgb(from var(--color-on-secondary-fixed-variant) R G B / <alpha-value>)",
93
+ tertiary: "rgb(from var(--color-tertiary) R G B / <alpha-value>)",
94
+ "on-tertiary": "rgb(from var(--color-on-tertiary) R G B / <alpha-value>)",
95
+ "tertiary-container": "rgb(from var(--color-tertiary-container) R G B / <alpha-value>)",
96
+ "on-tertiary-container": "rgb(from var(--color-on-tertiary-container) R G B / <alpha-value>)",
97
+ "tertiary-fixed": "rgb(from var(--color-tertiary-fixed) R G B / <alpha-value>)",
98
+ "tertiary-fixed-dim": "rgb(from var(--color-tertiary-fixed-dim) R G B / <alpha-value>)",
99
+ "on-tertiary-fixed": "rgb(from var(--color-on-tertiary-fixed) R G B / <alpha-value>)",
100
+ "on-tertiary-fixed-variant": "rgb(from var(--color-on-tertiary-fixed-variant) R G B / <alpha-value>)",
101
+ error: "rgb(from var(--color-error) R G B / <alpha-value>)",
102
+ "on-error": "rgb(from var(--color-on-error) R G B / <alpha-value>)",
103
+ "error-container": "rgb(from var(--color-error-container) R G B / <alpha-value>)",
104
+ "on-error-container": "rgb(from var(--color-on-error-container) R G B / <alpha-value>)",
105
+ warning: "rgb(from var(--color-warning) R G B / <alpha-value>)",
106
+ "on-warning": "rgb(from var(--color-on-warning) R G B / <alpha-value>)",
107
+ "warning-container": "rgb(from var(--color-warning-container) R G B / <alpha-value>)",
108
+ "on-warning-container": "rgb(from var(--color-on-warning-container) R G B / <alpha-value>)",
109
+ success: "rgb(from var(--color-success) R G B / <alpha-value>)",
110
+ "on-success": "rgb(from var(--color-on-success) R G B / <alpha-value>)",
111
+ "success-container": "rgb(from var(--color-success-container) R G B / <alpha-value>)",
112
+ "on-success-container": "rgb(from var(--color-on-success-container) R G B / <alpha-value>)",
113
+ "surface-dim": "rgb(from var(--color-surface-dim) R G B / <alpha-value>)",
114
+ surface: "rgb(from var(--color-surface) R G B / <alpha-value>)",
115
+ "surface-container-lowest": "rgb(from var(--color-surface-container-lowest) R G B / <alpha-value>)",
116
+ "surface-container-low": "rgb(from var(--color-surface-container-low) R G B / <alpha-value>)",
117
+ "surface-container": "rgb(from var(--color-surface-container) R G B / <alpha-value>)",
118
+ "surface-container-high": "rgb(from var(--color-surface-container-high) R G B / <alpha-value>)",
119
+ "surface-container-highest": "rgb(from var(--color-surface-container-highest) R G B / <alpha-value>)",
120
+ "on-surface": "rgb(from var(--color-on-surface) R G B / <alpha-value>)",
121
+ "on-surface-variant": "rgb(from var(--color-on-surface-variant) R G B / <alpha-value>)",
122
+ outline: "rgb(from var(--color-outline) R G B / <alpha-value>)",
123
+ "outline-variant": "rgb(from var(--color-outline-variant) R G B / <alpha-value>)",
124
+ "inverse-surface": "rgb(from var(--color-inverse-surface) R G B / <alpha-value>)",
125
+ "inverse-on-surface": "rgb(from var(--color-inverse-on-surface) R G B / <alpha-value>)",
126
+ "inverse-primary": "rgb(from var(--color-inverse-primary) R G B / <alpha-value>)",
127
+ scrim: "rgb(from var(--color-scrim) R G B / <alpha-value>)",
128
+ shadow: "rgb(from var(--color-shadow) R G B / <alpha-value>)"
129
+ },
130
+ borderRadius: {
131
+ xs: "var(--radius-extra-small)",
132
+ sm: "var(--radius-small)",
133
+ md: "var(--radius-medium)",
134
+ lg: "var(--radius-large)",
135
+ xl: "var(--radius-extra-large)",
136
+ full: "var(--radius-full)"
137
+ },
138
+ spacing: {
139
+ 0: "0",
140
+ xs: "var(--spacing-extra-small)",
141
+ sm: "var(--spacing-small)",
142
+ md: "var(--spacing-medium)",
143
+ lg: "var(--spacing-large)",
144
+ xl: "var(--spacing-extra-large)"
145
+ },
146
+ boxShadow: {
147
+ 0: "var(--elevation-0)",
148
+ 1: "var(--elevation-1)",
149
+ 2: "var(--elevation-2)",
150
+ 3: "var(--elevation-3)",
151
+ 4: "var(--elevation-4)",
152
+ 5: "var(--elevation-5)"
153
+ }
154
+ },
155
+ plugins: [e]
156
+ };
157
+ export {
158
+ l as default
159
+ };