@aures5g/vue-component-library 0.53.0 → 1.0.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/src/components/button/uiButton.theme.d.ts +11 -11
- package/dist/src/components/checkbox/uiCheckbox.theme.d.ts +5 -5
- package/dist/src/components/chip/uiChip.theme.d.ts +6 -6
- package/dist/src/components/copyToClipboard/UICopy.vue.d.ts +2 -2
- package/dist/src/components/divider/uiDivider.theme.d.ts +1 -1
- package/dist/src/components/dropdown/UIDropdown.vue.d.ts +4 -4
- package/dist/src/components/dropdown/uiDropdown.theme.d.ts +2 -2
- package/dist/src/components/form/FormFieldWrapper.vue.d.ts +5 -5
- package/dist/src/components/iconButton/uiIconButton.theme.d.ts +12 -12
- package/dist/src/components/infoStrip/UIInfoStrip.vue.d.ts +5 -5
- package/dist/src/components/infoStrip/UIInfoStripSecondaryBox.vue.d.ts +2 -2
- package/dist/src/components/infoStrip/brandLogo/uiBrandLogo.theme.d.ts +1 -1
- package/dist/src/components/infoStrip/uiInfoStrip.theme.d.ts +5 -5
- package/dist/src/components/infoStrip/uiInfoStripSecondaryBox.theme.d.ts +1 -1
- package/dist/src/components/infoStrip/uiPersonList.theme.d.ts +2 -2
- package/dist/src/components/languagePicker/uiLanguagePicker.theme.d.ts +1 -1
- package/dist/src/components/list/UIListItem.vue.d.ts +3 -3
- package/dist/src/components/list/uiList.theme.d.ts +1 -1
- package/dist/src/components/menu/useMenu.composables.d.ts +1 -1
- package/dist/src/components/radioButton/UIRadioButton.vue.d.ts +1 -1
- package/dist/src/components/radioButton/uiRadioButton.theme.d.ts +5 -5
- package/dist/src/components/richTooltip/UIRichTooltip.vue.d.ts +4 -4
- package/dist/src/components/switch/uiSwitch.theme.d.ts +2 -2
- package/dist/src/components/tabs/uiTabPanel.theme.d.ts +2 -2
- package/dist/src/components/tag/uiTag.theme.d.ts +1 -1
- package/dist/src/components/textField/UITextField.vue.d.ts +4 -4
- package/dist/src/components/textField/uiTextField.theme.d.ts +5 -5
- package/dist/src/components/textarea/UITextArea.vue.d.ts +4 -4
- package/dist/src/components/toggleButton/uiToggleButton.const.d.ts +5 -5
- package/dist/src/components/toggleButton/uiToggleButton.theme.d.ts +15 -15
- package/dist/vue-component-library.css +1 -1
- package/dist/vue-component-library.js +6019 -6109
- package/dist/vue-component-library.umd.cjs +2362 -0
- package/package.json +47 -49
- package/src/assets/base.css +11 -0
- package/src/assets/components.css +56 -0
- package/src/assets/theme.css +82 -0
- package/src/assets/utilities.css +0 -0
- package/dist/tailwind.config.cjs +0 -1
- package/dist/tailwind.config.d.ts +0 -89
- package/dist/tailwind.config.js +0 -162
- package/dist/vue-component-library.cjs +0 -2286
package/package.json
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aures5g/vue-component-library",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
|
-
"dist"
|
|
6
|
+
"dist",
|
|
7
|
+
"src/assets/theme.css",
|
|
8
|
+
"src/assets/base.css",
|
|
9
|
+
"src/assets/utilities.css",
|
|
10
|
+
"src/assets/components.css"
|
|
7
11
|
],
|
|
8
12
|
"main": "./dist/vue-component-library.cjs",
|
|
9
13
|
"module": "./dist/vue-component-library.js",
|
|
@@ -16,12 +20,10 @@
|
|
|
16
20
|
"default": "./dist/vue-component-library.cjs"
|
|
17
21
|
},
|
|
18
22
|
"./style.css": "./dist/vue-component-library.css",
|
|
19
|
-
"./tailwind.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"default": "./dist/tailwind.config.cjs"
|
|
24
|
-
}
|
|
23
|
+
"./tailwind/theme.css": "./src/assets/theme.css",
|
|
24
|
+
"./tailwind/base.css": "./src/assets/base.css",
|
|
25
|
+
"./tailwind/utilities.css": "./src/assets/utilities.css",
|
|
26
|
+
"./tailwind/components.css": "./src/assets/components.css"
|
|
25
27
|
},
|
|
26
28
|
"scripts": {
|
|
27
29
|
"dev": "vite",
|
|
@@ -35,60 +37,56 @@
|
|
|
35
37
|
"lint:check": "eslint .",
|
|
36
38
|
"format": "prettier --write .",
|
|
37
39
|
"format:check": "prettier --check .",
|
|
38
|
-
"storybook": "storybook dev -p 6006",
|
|
39
|
-
"build-storybook": "storybook build",
|
|
40
|
+
"storybook": "cross-env NODE_OPTIONS=--max-old-space-size=32768 storybook dev -p 6006",
|
|
41
|
+
"build-storybook": "cross-env NODE_OPTIONS=--max-old-space-size=32768 storybook build",
|
|
40
42
|
"check-version": "./check-version.sh"
|
|
41
43
|
},
|
|
42
44
|
"devDependencies": {
|
|
43
|
-
"@aures5g/style-guide": "^
|
|
44
|
-
"@awesome.me/kit-bccbe657bb": "^1.0.
|
|
45
|
-
"@chromatic-com/storybook": "^
|
|
45
|
+
"@aures5g/style-guide": "^3.0.0",
|
|
46
|
+
"@awesome.me/kit-bccbe657bb": "^1.0.180",
|
|
47
|
+
"@chromatic-com/storybook": "^4.0.1",
|
|
46
48
|
"@fortawesome/vue-fontawesome": "^3.0.8",
|
|
47
|
-
"@storybook/addon-
|
|
48
|
-
"@storybook/addon-
|
|
49
|
-
"@storybook/
|
|
50
|
-
"@
|
|
51
|
-
"@
|
|
52
|
-
"@storybook/vue3": "^8.6.12",
|
|
53
|
-
"@storybook/vue3-vite": "^8.6.12",
|
|
54
|
-
"@tsconfig/node20": "^20.1.5",
|
|
49
|
+
"@storybook/addon-docs": "^9.0.16",
|
|
50
|
+
"@storybook/addon-links": "^9.0.16",
|
|
51
|
+
"@storybook/vue3-vite": "^9.0.16",
|
|
52
|
+
"@tailwindcss/vite": "^4.1.11",
|
|
53
|
+
"@tsconfig/node20": "^20.1.6",
|
|
55
54
|
"@types/jsdom": "^21.1.7",
|
|
56
|
-
"@types/node": "^
|
|
57
|
-
"@vitejs/plugin-vue": "^
|
|
58
|
-
"@vitejs/plugin-vue-jsx": "^
|
|
55
|
+
"@types/node": "^24.0.12",
|
|
56
|
+
"@vitejs/plugin-vue": "^6.0.0",
|
|
57
|
+
"@vitejs/plugin-vue-jsx": "^5.0.1",
|
|
59
58
|
"@vue/eslint-config-prettier": "^10.2.0",
|
|
60
|
-
"@vue/eslint-config-typescript": "^14.
|
|
59
|
+
"@vue/eslint-config-typescript": "^14.6.0",
|
|
61
60
|
"@vue/test-utils": "^2.4.6",
|
|
62
61
|
"@vue/tsconfig": "^0.7.0",
|
|
63
|
-
"@vueuse/components": "^13.
|
|
64
|
-
"@vueuse/core": "^13.
|
|
65
|
-
"
|
|
66
|
-
"eslint": "^9.
|
|
67
|
-
"eslint-plugin-storybook": "^0.
|
|
68
|
-
"eslint-plugin-vue": "^10.
|
|
62
|
+
"@vueuse/components": "^13.5.0",
|
|
63
|
+
"@vueuse/core": "^13.5.0",
|
|
64
|
+
"cross-env": "^7.0.3",
|
|
65
|
+
"eslint": "^9.30.1",
|
|
66
|
+
"eslint-plugin-storybook": "^9.0.16",
|
|
67
|
+
"eslint-plugin-vue": "^10.3.0",
|
|
69
68
|
"jsdom": "^26.1.0",
|
|
70
|
-
"npm-run-all2": "^
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"tailwindcss": "^3.4.17",
|
|
69
|
+
"npm-run-all2": "^8.0.4",
|
|
70
|
+
"prettier": "^3.6.2",
|
|
71
|
+
"primevue": "^4.3.6",
|
|
72
|
+
"storybook": "^9.0.16",
|
|
73
|
+
"tailwindcss": "^4.1.11",
|
|
76
74
|
"typescript": "~5.8.3",
|
|
77
|
-
"vite": "^
|
|
78
|
-
"vitest": "^3.
|
|
79
|
-
"vue": "^3.5.
|
|
80
|
-
"vue-router": "^4.5.
|
|
81
|
-
"vue-tippy": "^6.
|
|
82
|
-
"vue-tsc": "^
|
|
75
|
+
"vite": "^7.0.4",
|
|
76
|
+
"vitest": "^3.2.4",
|
|
77
|
+
"vue": "^3.5.17",
|
|
78
|
+
"vue-router": "^4.5.1",
|
|
79
|
+
"vue-tippy": "^6.7.1",
|
|
80
|
+
"vue-tsc": "^3.0.1"
|
|
83
81
|
},
|
|
84
82
|
"peerDependencies": {
|
|
85
|
-
"@awesome.me/kit-bccbe657bb": "^1.0.
|
|
83
|
+
"@awesome.me/kit-bccbe657bb": "^1.0.180",
|
|
86
84
|
"@fortawesome/vue-fontawesome": "^3.0.8",
|
|
87
|
-
"@vueuse/components": "^13.
|
|
88
|
-
"@vueuse/core": "^13.
|
|
89
|
-
"vue": "^3.5.
|
|
90
|
-
"vue-router": "^4.5.
|
|
91
|
-
"vue-tippy": "^6.
|
|
85
|
+
"@vueuse/components": "^13.5.0",
|
|
86
|
+
"@vueuse/core": "^13.5.0",
|
|
87
|
+
"vue": "^3.5.17",
|
|
88
|
+
"vue-router": "^4.5.1",
|
|
89
|
+
"vue-tippy": "^6.7.1"
|
|
92
90
|
},
|
|
93
91
|
"peerDependenciesMeta": {
|
|
94
92
|
"@awesome.me/kit-bccbe657bb": {
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
.label-small {
|
|
2
|
+
font-size: 11px;
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-weight: 500;
|
|
5
|
+
line-height: 16px;
|
|
6
|
+
letter-spacing: 0.5px;
|
|
7
|
+
}
|
|
8
|
+
.label-medium {
|
|
9
|
+
font-size: 12px;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
line-height: 16px;
|
|
13
|
+
letter-spacing: 0.5px;
|
|
14
|
+
}
|
|
15
|
+
.label-large {
|
|
16
|
+
font-size: 14px;
|
|
17
|
+
font-style: normal;
|
|
18
|
+
font-weight: 500;
|
|
19
|
+
line-height: 20px;
|
|
20
|
+
letter-spacing: 0.1px;
|
|
21
|
+
}
|
|
22
|
+
.headline-small {
|
|
23
|
+
font-size: 24px;
|
|
24
|
+
font-style: normal;
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
line-height: 32px;
|
|
27
|
+
letter-spacing: 0em;
|
|
28
|
+
}
|
|
29
|
+
.title-small {
|
|
30
|
+
font-size: 14px;
|
|
31
|
+
font-style: normal;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
line-height: 20px;
|
|
34
|
+
letter-spacing: 0.1px;
|
|
35
|
+
}
|
|
36
|
+
.title-large {
|
|
37
|
+
font-size: 22px;
|
|
38
|
+
font-style: normal;
|
|
39
|
+
font-weight: 400;
|
|
40
|
+
line-height: 28px;
|
|
41
|
+
letter-spacing: 0em;
|
|
42
|
+
}
|
|
43
|
+
.body-small {
|
|
44
|
+
font-size: 12px;
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
line-height: 16px;
|
|
48
|
+
letter-spacing: 0.4px;
|
|
49
|
+
}
|
|
50
|
+
.no-scrollbar::-webkit-scrollbar {
|
|
51
|
+
display: none;
|
|
52
|
+
}
|
|
53
|
+
.no-scrollbar {
|
|
54
|
+
-ms-overflow-style: none;
|
|
55
|
+
scrollbar-width: none;
|
|
56
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-*: initial;
|
|
3
|
+
--color-primary: var(--acbs-color-primary);
|
|
4
|
+
--color-on-primary: var(--acbs-color-on-primary);
|
|
5
|
+
--color-primary-container: var(--acbs-color-primary-container);
|
|
6
|
+
--color-on-primary-container: var(--acbs-color-on-primary-container);
|
|
7
|
+
--color-primary-fixed: var(--acbs-color-primary-fixed);
|
|
8
|
+
--color-primary-fixed-dim: var(--acbs-color-primary-fixed-dim);
|
|
9
|
+
--color-on-primary-fixed: var(--acbs-color-on-primary-fixed);
|
|
10
|
+
--color-on-primary-fixed-variant: var(--acbs-color-on-primary-fixed-variant);
|
|
11
|
+
--color-secondary: var(--acbs-color-secondary);
|
|
12
|
+
--color-on-secondary: var(--acbs-color-on-secondary);
|
|
13
|
+
--color-secondary-container: var(--acbs-color-secondary-container);
|
|
14
|
+
--color-on-secondary-container: var(--acbs-color-on-secondary-container);
|
|
15
|
+
--color-secondary-fixed: var(--acbs-color-secondary-fixed);
|
|
16
|
+
--color-secondary-fixed-dim: var(--acbs-color-secondary-fixed-dim);
|
|
17
|
+
--color-on-secondary-fixed: var(--acbs-color-on-secondary-fixed);
|
|
18
|
+
--color-on-secondary-fixed-variant: var(--acbs-color-on-secondary-fixed-variant);
|
|
19
|
+
--color-tertiary: var(--acbs-color-tertiary);
|
|
20
|
+
--color-on-tertiary: var(--acbs-color-on-tertiary);
|
|
21
|
+
--color-tertiary-container: var(--acbs-color-tertiary-container);
|
|
22
|
+
--color-on-tertiary-container: var(--acbs-color-on-tertiary-container);
|
|
23
|
+
--color-tertiary-fixed: var(--acbs-color-tertiary-fixed);
|
|
24
|
+
--color-tertiary-fixed-dim: var(--acbs-color-tertiary-fixed-dim);
|
|
25
|
+
--color-on-tertiary-fixed: var(--acbs-color-on-tertiary-fixed);
|
|
26
|
+
--color-on-tertiary-fixed-variant: var(--acbs-color-on-tertiary-fixed-variant);
|
|
27
|
+
--color-error: var(--acbs-color-error);
|
|
28
|
+
--color-on-error: var(--acbs-color-on-error);
|
|
29
|
+
--color-error-container: var(--acbs-color-error-container);
|
|
30
|
+
--color-on-error-container: var(--acbs-color-on-error-container);
|
|
31
|
+
--color-warning: var(--acbs-color-warning);
|
|
32
|
+
--color-on-warning: var(--acbs-color-on-warning);
|
|
33
|
+
--color-warning-container: var(--acbs-color-warning-container);
|
|
34
|
+
--color-on-warning-container: var(--acbs-color-on-warning-container);
|
|
35
|
+
--color-success: var(--acbs-color-success);
|
|
36
|
+
--color-on-success: var(--acbs-color-on-success);
|
|
37
|
+
--color-success-container: var(--acbs-color-success-container);
|
|
38
|
+
--color-on-success-container: var(--acbs-color-on-success-container);
|
|
39
|
+
--color-surface-dim: var(--acbs-color-surface-dim);
|
|
40
|
+
--color-surface: var(--acbs-color-surface);
|
|
41
|
+
--color-surface-container-lowest: var(--acbs-color-surface-container-lowest);
|
|
42
|
+
--color-surface-container-low: var(--acbs-color-surface-container-low);
|
|
43
|
+
--color-surface-container: var(--acbs-color-surface-container);
|
|
44
|
+
--color-surface-container-high: var(--acbs-color-surface-container-high);
|
|
45
|
+
--color-surface-container-highest: var(--acbs-color-surface-container-highest);
|
|
46
|
+
--color-on-surface: var(--acbs-color-on-surface);
|
|
47
|
+
--color-on-surface-variant: var(--acbs-color-on-surface-variant);
|
|
48
|
+
--color-outline: var(--acbs-color-outline);
|
|
49
|
+
--color-outline-variant: var(--acbs-color-outline-variant);
|
|
50
|
+
--color-inverse-surface: var(--acbs-color-inverse-surface);
|
|
51
|
+
--color-inverse-on-surface: var(--acbs-color-inverse-on-surface);
|
|
52
|
+
--color-inverse-primary: var(--acbs-color-inverse-primary);
|
|
53
|
+
--color-scrim: var(--acbs-color-scrim);
|
|
54
|
+
--color-shadow: var(--acbs-color-shadow);
|
|
55
|
+
--color-inherit: inherit;
|
|
56
|
+
--color-white: #ffffff;
|
|
57
|
+
--color-black: #000000;
|
|
58
|
+
|
|
59
|
+
--radius-*: initial;
|
|
60
|
+
--radius-xs: var(--acbs-radius-extra-small);
|
|
61
|
+
--radius-sm: var(--acbs-radius-small);
|
|
62
|
+
--radius-md: var(--acbs-radius-medium);
|
|
63
|
+
--radius-lg: var(--acbs-radius-large);
|
|
64
|
+
--radius-xl: var(--acbs-radius-extra-large);
|
|
65
|
+
--radius-full: var(--acbs-radius-full);
|
|
66
|
+
|
|
67
|
+
--spacing-*: initial;
|
|
68
|
+
--spacing-0: 0;
|
|
69
|
+
--spacing-xs: var(--acbs-spacing-xxxxs);
|
|
70
|
+
--spacing-sm: var(--acbs-spacing-xxxs);
|
|
71
|
+
--spacing-md: var(--acbs-spacing-xxs);
|
|
72
|
+
--spacing-lg: var(--acbs-spacing-xs);
|
|
73
|
+
--spacing-xl: var(--acbs-spacing-s);
|
|
74
|
+
|
|
75
|
+
--shadow-*: initial;
|
|
76
|
+
--shadow-0: var(--acbs-elevation-0);
|
|
77
|
+
--shadow-1: var(--acbs-elevation-1);
|
|
78
|
+
--shadow-2: var(--acbs-elevation-2);
|
|
79
|
+
--shadow-3: var(--acbs-elevation-3);
|
|
80
|
+
--shadow-4: var(--acbs-elevation-4);
|
|
81
|
+
--shadow-5: var(--acbs-elevation-5);
|
|
82
|
+
}
|
|
File without changes
|
package/dist/tailwind.config.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
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",white:"#ffffff",black:"#000000"},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,89 +0,0 @@
|
|
|
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
|
-
readonly inherit: "inherit";
|
|
59
|
-
readonly white: "#ffffff";
|
|
60
|
-
readonly black: "#000000";
|
|
61
|
-
};
|
|
62
|
-
readonly borderRadius: {
|
|
63
|
-
readonly xs: "var(--radius-extra-small)";
|
|
64
|
-
readonly sm: "var(--radius-small)";
|
|
65
|
-
readonly md: "var(--radius-medium)";
|
|
66
|
-
readonly lg: "var(--radius-large)";
|
|
67
|
-
readonly xl: "var(--radius-extra-large)";
|
|
68
|
-
readonly full: "var(--radius-full)";
|
|
69
|
-
};
|
|
70
|
-
readonly spacing: {
|
|
71
|
-
readonly 0: "0";
|
|
72
|
-
readonly xs: "var(--spacing-extra-small)";
|
|
73
|
-
readonly sm: "var(--spacing-small)";
|
|
74
|
-
readonly md: "var(--spacing-medium)";
|
|
75
|
-
readonly lg: "var(--spacing-large)";
|
|
76
|
-
readonly xl: "var(--spacing-extra-large)";
|
|
77
|
-
};
|
|
78
|
-
readonly boxShadow: {
|
|
79
|
-
readonly 0: "var(--elevation-0)";
|
|
80
|
-
readonly 1: "var(--elevation-1)";
|
|
81
|
-
readonly 2: "var(--elevation-2)";
|
|
82
|
-
readonly 3: "var(--elevation-3)";
|
|
83
|
-
readonly 4: "var(--elevation-4)";
|
|
84
|
-
readonly 5: "var(--elevation-5)";
|
|
85
|
-
};
|
|
86
|
-
};
|
|
87
|
-
readonly plugins: [PluginCreator];
|
|
88
|
-
};
|
|
89
|
-
export default _default;
|
package/dist/tailwind.config.js
DELETED
|
@@ -1,162 +0,0 @@
|
|
|
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
|
-
inherit: "inherit",
|
|
130
|
-
white: "#ffffff",
|
|
131
|
-
black: "#000000"
|
|
132
|
-
},
|
|
133
|
-
borderRadius: {
|
|
134
|
-
xs: "var(--radius-extra-small)",
|
|
135
|
-
sm: "var(--radius-small)",
|
|
136
|
-
md: "var(--radius-medium)",
|
|
137
|
-
lg: "var(--radius-large)",
|
|
138
|
-
xl: "var(--radius-extra-large)",
|
|
139
|
-
full: "var(--radius-full)"
|
|
140
|
-
},
|
|
141
|
-
spacing: {
|
|
142
|
-
0: "0",
|
|
143
|
-
xs: "var(--spacing-extra-small)",
|
|
144
|
-
sm: "var(--spacing-small)",
|
|
145
|
-
md: "var(--spacing-medium)",
|
|
146
|
-
lg: "var(--spacing-large)",
|
|
147
|
-
xl: "var(--spacing-extra-large)"
|
|
148
|
-
},
|
|
149
|
-
boxShadow: {
|
|
150
|
-
0: "var(--elevation-0)",
|
|
151
|
-
1: "var(--elevation-1)",
|
|
152
|
-
2: "var(--elevation-2)",
|
|
153
|
-
3: "var(--elevation-3)",
|
|
154
|
-
4: "var(--elevation-4)",
|
|
155
|
-
5: "var(--elevation-5)"
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
plugins: [e]
|
|
159
|
-
};
|
|
160
|
-
export {
|
|
161
|
-
l as default
|
|
162
|
-
};
|