giime 0.0.0-dev.1 → 0.0.0-dev.2

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 (15) hide show
  1. package/README.md +15 -0
  2. package/es/components/src/text/Text.vue.mjs +1 -1
  3. package/es/components/src/text/Text.vue2.mjs +1 -1
  4. package/es/index.css +2 -2
  5. package/es/theme-chalk/tailwindPreset.d.ts +93 -0
  6. package/es/theme-chalk/tailwindPreset.mjs +70 -0
  7. package/es/theme-chalk/tailwindPreset.mjs.map +1 -0
  8. package/lib/components/src/text/Text.vue.js +1 -1
  9. package/lib/components/src/text/Text.vue2.js +1 -1
  10. package/lib/index.css +2 -2
  11. package/lib/theme-chalk/tailwindPreset.d.ts +93 -0
  12. package/lib/theme-chalk/tailwindPreset.js +74 -0
  13. package/lib/theme-chalk/tailwindPreset.js.map +1 -0
  14. package/package.json +1 -1
  15. package/theme-chalk/index.css +61 -0
package/README.md CHANGED
@@ -16,6 +16,21 @@
16
16
  ```bash
17
17
  pnpm add giime
18
18
  ```
19
+ ## 待办项
20
+
21
+ - [] 组件自动导入
22
+ - [] css如何分块
23
+ - [] 接入tailwind
24
+ - [] 接入pinia
25
+ - [] 实现playground（测试操场）
26
+
27
+ ## 组件
28
+
29
+ - [] 按钮
30
+ - [] 输入框
31
+ - [] 抽屉表单
32
+ - [] 弹窗表单
33
+ - [] 表格
19
34
 
20
35
  ## 贡献
21
36
 
package/es/components/src/text/Text.vue.mjs CHANGED
@@ -2,7 +2,7 @@ import _sfc_main from './Text.vue2.mjs';
2
2
  import './Text.vue3.mjs';
3
3
  import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
4
4
 
5
- var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e095b5b"], ["__file", "Text.vue"]]);
5
+ var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65b605ec"], ["__file", "Text.vue"]]);
6
6
 
7
7
  export { Text as default };
8
8
  //# sourceMappingURL=Text.vue.mjs.map
package/es/components/src/text/Text.vue2.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { pushScopeId, popScopeId, defineComponent, openBlock, createElementBlock } from 'vue';
2
2
 
3
- const _withScopeId = (n) => (pushScopeId("data-v-7e095b5b"), n = n(), popScopeId(), n);
3
+ const _withScopeId = (n) => (pushScopeId("data-v-65b605ec"), n = n(), popScopeId(), n);
4
4
  const _hoisted_1 = { class: "gm-text" };
5
5
  var _sfc_main = /* @__PURE__ */ defineComponent({
6
6
  ...{
package/es/index.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- .gm-text[data-v-7e095b5b] {
3
- color: red;
2
+ .gm-text[data-v-65b605ec] {
3
+ color: var(--gm-text-color-primary);
4
4
  }
package/es/theme-chalk/tailwindPreset.d.ts ADDED
@@ -0,0 +1,93 @@
1
+ declare const _default: {
2
+ theme: {
3
+ extend: {
4
+ fontSize: {
5
+ title: (string | {
6
+ lineHeight: string;
7
+ color: string;
8
+ fontWeight: number;
9
+ })[];
10
+ model: (string | {
11
+ lineHeight: string;
12
+ color: string;
13
+ fontWeight: number;
14
+ })[];
15
+ primary: (string | {
16
+ lineHeight: string;
17
+ color: string;
18
+ })[];
19
+ link: (string | {
20
+ lineHeight: string;
21
+ color: string;
22
+ })[];
23
+ error: (string | {
24
+ lineHeight: string;
25
+ color: string;
26
+ })[];
27
+ warning: (string | {
28
+ lineHeight: string;
29
+ color: string;
30
+ })[];
31
+ success: (string | {
32
+ lineHeight: string;
33
+ color: string;
34
+ })[];
35
+ };
36
+ lineHeight: {
37
+ title: string;
38
+ model: string;
39
+ primary: string;
40
+ };
41
+ borderWidth: {
42
+ primary: (string | {
43
+ borderColor: string;
44
+ })[];
45
+ secondary: (string | {
46
+ borderColor: string;
47
+ })[];
48
+ tertiary: (string | {
49
+ borderColor: string;
50
+ })[];
51
+ };
52
+ borderRadius: {
53
+ small: string;
54
+ large: string;
55
+ };
56
+ boxShadow: {
57
+ primary: string;
58
+ dark: string;
59
+ light: string;
60
+ 'input-focus': string;
61
+ dialog: string;
62
+ };
63
+ colors: {
64
+ primary: string;
65
+ 'primary-light-3': string;
66
+ success: string;
67
+ warning: string;
68
+ error: string;
69
+ 'content-title': string;
70
+ 'content-primary': string;
71
+ 'content-secondary': string;
72
+ 'content-decs': string;
73
+ background: string;
74
+ 'border-color-primary': string;
75
+ 'border-color-secondary': string;
76
+ 'border-color-tertiary': string;
77
+ 'data-crimson': string;
78
+ 'data-sky-blue': string;
79
+ 'data-lavender': string;
80
+ 'data-fresh-green': string;
81
+ 'data-soft-pink': string;
82
+ 'data-golden-tangerine': string;
83
+ 'data-breeze-blue': string;
84
+ 'data-slate-gray': string;
85
+ 'data-teal-blue': string;
86
+ 'data-sunset-yellow': string;
87
+ 'data-ocean-blue': string;
88
+ 'data-spring-green': string;
89
+ };
90
+ };
91
+ };
92
+ };
93
+ export default _default;
package/es/theme-chalk/tailwindPreset.mjs ADDED
@@ -0,0 +1,70 @@
1
+ var tailwindPreset = {
2
+ theme: {
3
+ extend: {
4
+ fontSize: {
5
+ title: ["var(--gm-text-title)", { lineHeight: "var(--gm-leading-title)", color: "var(--gm-text-color-title)", fontWeight: 700 }],
6
+ model: ["var(--gm-text-model)", { lineHeight: "var(--gm-leading-model)", color: "var(--gm-text-color-title)", fontWeight: 700 }],
7
+ primary: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-primary)" }],
8
+ link: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-link)" }],
9
+ error: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-error)" }],
10
+ warning: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-warning)" }],
11
+ success: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-success)" }]
12
+ },
13
+ lineHeight: {
14
+ title: "var(--gm-leading-title)",
15
+ model: "var(--gm-leading-model)",
16
+ primary: "var(--gm-leading-primary)"
17
+ },
18
+ borderWidth: {
19
+ primary: ["1px", { borderColor: "var(--gm-border-color-primary)" }],
20
+ secondary: ["1px", { borderColor: "var(--gm-border-color-secondary)" }],
21
+ tertiary: ["1px", { borderColor: "var(--gm-border-color-tertiary)" }]
22
+ },
23
+ borderRadius: {
24
+ small: "var(--gm-border-radius-small)",
25
+ large: "var(--gm-border-radius-large)"
26
+ },
27
+ boxShadow: {
28
+ primary: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-blur) var(--gm-shadow-color)",
29
+ dark: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dark-blur) var(--gm-shadow-dark-color)",
30
+ light: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-light-blur) var(--gm-shadow-light-color)",
31
+ "input-focus": "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-input-focus-blur) var(--gm-shadow-input-focus-color)",
32
+ dialog: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dialog-blur) var(--gm-shadow-dialog-color)"
33
+ },
34
+ colors: {
35
+ primary: "var(--gm-color-primary)",
36
+ "primary-light-3": "var(--gm-color-primary-light-3)",
37
+ success: "var(--gm-color-success)",
38
+ warning: "var(--gm-color-warning)",
39
+ error: "var(--gm-color-error)",
40
+ /* ----文字颜色---- */
41
+ "content-title": "var(--gm-text-color-title)",
42
+ "content-primary": "var(--gm-text-color-primary)",
43
+ "content-secondary": "var(--gm-text-color-secondary)",
44
+ "content-decs": "var(--gm-text-color-decs)",
45
+ /* 背景色 */
46
+ background: "var(--gm-bg-color)",
47
+ /* ---- 边框颜色---- */
48
+ "border-color-primary": "var(--gm-border-color-primary)",
49
+ "border-color-secondary": "var(--gm-border-color-secondary)",
50
+ "border-color-tertiary": "var(--gm-border-color-tertiary)",
51
+ /* ---- 数据配色---- */
52
+ "data-crimson": "var(--gm-data-crimson)",
53
+ "data-sky-blue": "var(--gm-data-sky-blue)",
54
+ "data-lavender": "var(--gm-data-lavender)",
55
+ "data-fresh-green": "var(--gm-data-fresh-green)",
56
+ "data-soft-pink": "var(--gm-data-soft-pink)",
57
+ "data-golden-tangerine": "var(--gm-data-golden-tangerine)",
58
+ "data-breeze-blue": "var(--gm-data-breeze-blue)",
59
+ "data-slate-gray": "var(--gm-data-slate-gray)",
60
+ "data-teal-blue": "var(--gm-data-teal-blue)",
61
+ "data-sunset-yellow": "var(--gm-data-sunset-yellow)",
62
+ "data-ocean-blue": "var(--gm-data-ocean-blue)",
63
+ "data-spring-green": "var(--gm-data-spring-green)"
64
+ }
65
+ }
66
+ }
67
+ };
68
+
69
+ export { tailwindPreset as default };
70
+ //# sourceMappingURL=tailwindPreset.mjs.map
package/es/theme-chalk/tailwindPreset.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwindPreset.mjs","sources":["../../../../packages/theme-chalk/tailwindPreset.ts"],"sourcesContent":["// Example preset\r\nexport default {\r\n theme: {\r\n extend: {\r\n fontSize: {\r\n title: ['var(--gm-text-title)', { lineHeight: 'var(--gm-leading-title)', color: 'var(--gm-text-color-title)', fontWeight: 700 }],\r\n model: ['var(--gm-text-model)', { lineHeight: 'var(--gm-leading-model)', color: 'var(--gm-text-color-title)', fontWeight: 700 }],\r\n primary: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-primary)' }],\r\n link: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-link)' }],\r\n error: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-error)' }],\r\n warning: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-warning)' }],\r\n success: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-success)' }],\r\n },\r\n lineHeight: {\r\n title: 'var(--gm-leading-title)',\r\n model: 'var(--gm-leading-model)',\r\n primary: 'var(--gm-leading-primary)',\r\n },\r\n borderWidth: {\r\n primary: ['1px', { borderColor: 'var(--gm-border-color-primary)' }],\r\n secondary: ['1px', { borderColor: 'var(--gm-border-color-secondary)' }],\r\n tertiary: ['1px', { borderColor: 'var(--gm-border-color-tertiary)' }],\r\n },\r\n borderRadius: {\r\n small: 'var(--gm-border-radius-small)',\r\n large: 'var(--gm-border-radius-large)',\r\n },\r\n boxShadow: {\r\n primary: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-blur) var(--gm-shadow-color)',\r\n dark: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dark-blur) var(--gm-shadow-dark-color)',\r\n light: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-light-blur) var(--gm-shadow-light-color)',\r\n 'input-focus': 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-input-focus-blur) var(--gm-shadow-input-focus-color)',\r\n dialog: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dialog-blur) var(--gm-shadow-dialog-color)',\r\n },\r\n colors: {\r\n primary: 'var(--gm-color-primary)',\r\n 'primary-light-3': 'var(--gm-color-primary-light-3)',\r\n success: 'var(--gm-color-success)',\r\n warning: 'var(--gm-color-warning)',\r\n error: 'var(--gm-color-error)',\r\n /* ----文字颜色---- */\r\n 'content-title': 'var(--gm-text-color-title)',\r\n 'content-primary': 'var(--gm-text-color-primary)',\r\n 'content-secondary': 'var(--gm-text-color-secondary)',\r\n 'content-decs': 'var(--gm-text-color-decs)',\r\n /* 背景色 */\r\n background: 'var(--gm-bg-color)',\r\n /* ---- 边框颜色---- */\r\n 'border-color-primary': 'var(--gm-border-color-primary)',\r\n 'border-color-secondary': 'var(--gm-border-color-secondary)',\r\n 'border-color-tertiary': 'var(--gm-border-color-tertiary)',\r\n /* ---- 数据配色---- */\r\n\r\n 'data-crimson': 'var(--gm-data-crimson)',\r\n 'data-sky-blue': 'var(--gm-data-sky-blue)',\r\n 'data-lavender': 'var(--gm-data-lavender)',\r\n 'data-fresh-green': 'var(--gm-data-fresh-green)',\r\n 'data-soft-pink': 'var(--gm-data-soft-pink)',\r\n 'data-golden-tangerine': 'var(--gm-data-golden-tangerine)',\r\n 'data-breeze-blue': 'var(--gm-data-breeze-blue)',\r\n 'data-slate-gray': 'var(--gm-data-slate-gray)',\r\n 'data-teal-blue': 'var(--gm-data-teal-blue)',\r\n 'data-sunset-yellow': 'var(--gm-data-sunset-yellow)',\r\n 'data-ocean-blue': 'var(--gm-data-ocean-blue)',\r\n 'data-spring-green': 'var(--gm-data-spring-green)',\r\n },\r\n },\r\n },\r\n};\r\n"],"names":[],"mappings":"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"}
package/lib/components/src/text/Text.vue.js CHANGED
@@ -6,7 +6,7 @@ var Text_vue_vue_type_script_setup_true_lang = require('./Text.vue2.js');
6
6
  require('./Text.vue3.js');
7
7
  var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
8
8
 
9
- var Text = /* @__PURE__ */ _pluginVue_exportHelper.default(Text_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-7e095b5b"], ["__file", "Text.vue"]]);
9
+ var Text = /* @__PURE__ */ _pluginVue_exportHelper.default(Text_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-65b605ec"], ["__file", "Text.vue"]]);
10
10
 
11
11
  exports.default = Text;
12
12
  //# sourceMappingURL=Text.vue.js.map
package/lib/components/src/text/Text.vue2.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var vue = require('vue');
6
6
 
7
- const _withScopeId = (n) => (vue.pushScopeId("data-v-7e095b5b"), n = n(), vue.popScopeId(), n);
7
+ const _withScopeId = (n) => (vue.pushScopeId("data-v-65b605ec"), n = n(), vue.popScopeId(), n);
8
8
  const _hoisted_1 = { class: "gm-text" };
9
9
  var _sfc_main = /* @__PURE__ */ vue.defineComponent({
10
10
  ...{
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
1
 
2
- .gm-text[data-v-7e095b5b] {
3
- color: red;
2
+ .gm-text[data-v-65b605ec] {
3
+ color: var(--gm-text-color-primary);
4
4
  }
package/lib/theme-chalk/tailwindPreset.d.ts ADDED
@@ -0,0 +1,93 @@
1
+ declare const _default: {
2
+ theme: {
3
+ extend: {
4
+ fontSize: {
5
+ title: (string | {
6
+ lineHeight: string;
7
+ color: string;
8
+ fontWeight: number;
9
+ })[];
10
+ model: (string | {
11
+ lineHeight: string;
12
+ color: string;
13
+ fontWeight: number;
14
+ })[];
15
+ primary: (string | {
16
+ lineHeight: string;
17
+ color: string;
18
+ })[];
19
+ link: (string | {
20
+ lineHeight: string;
21
+ color: string;
22
+ })[];
23
+ error: (string | {
24
+ lineHeight: string;
25
+ color: string;
26
+ })[];
27
+ warning: (string | {
28
+ lineHeight: string;
29
+ color: string;
30
+ })[];
31
+ success: (string | {
32
+ lineHeight: string;
33
+ color: string;
34
+ })[];
35
+ };
36
+ lineHeight: {
37
+ title: string;
38
+ model: string;
39
+ primary: string;
40
+ };
41
+ borderWidth: {
42
+ primary: (string | {
43
+ borderColor: string;
44
+ })[];
45
+ secondary: (string | {
46
+ borderColor: string;
47
+ })[];
48
+ tertiary: (string | {
49
+ borderColor: string;
50
+ })[];
51
+ };
52
+ borderRadius: {
53
+ small: string;
54
+ large: string;
55
+ };
56
+ boxShadow: {
57
+ primary: string;
58
+ dark: string;
59
+ light: string;
60
+ 'input-focus': string;
61
+ dialog: string;
62
+ };
63
+ colors: {
64
+ primary: string;
65
+ 'primary-light-3': string;
66
+ success: string;
67
+ warning: string;
68
+ error: string;
69
+ 'content-title': string;
70
+ 'content-primary': string;
71
+ 'content-secondary': string;
72
+ 'content-decs': string;
73
+ background: string;
74
+ 'border-color-primary': string;
75
+ 'border-color-secondary': string;
76
+ 'border-color-tertiary': string;
77
+ 'data-crimson': string;
78
+ 'data-sky-blue': string;
79
+ 'data-lavender': string;
80
+ 'data-fresh-green': string;
81
+ 'data-soft-pink': string;
82
+ 'data-golden-tangerine': string;
83
+ 'data-breeze-blue': string;
84
+ 'data-slate-gray': string;
85
+ 'data-teal-blue': string;
86
+ 'data-sunset-yellow': string;
87
+ 'data-ocean-blue': string;
88
+ 'data-spring-green': string;
89
+ };
90
+ };
91
+ };
92
+ };
93
+ export default _default;
package/lib/theme-chalk/tailwindPreset.js ADDED
@@ -0,0 +1,74 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tailwindPreset = {
6
+ theme: {
7
+ extend: {
8
+ fontSize: {
9
+ title: ["var(--gm-text-title)", { lineHeight: "var(--gm-leading-title)", color: "var(--gm-text-color-title)", fontWeight: 700 }],
10
+ model: ["var(--gm-text-model)", { lineHeight: "var(--gm-leading-model)", color: "var(--gm-text-color-title)", fontWeight: 700 }],
11
+ primary: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-primary)" }],
12
+ link: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-link)" }],
13
+ error: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-error)" }],
14
+ warning: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-warning)" }],
15
+ success: ["var(--gm-text-primary)", { lineHeight: "var(--gm-leading-primary)", color: "var(--gm-text-color-success)" }]
16
+ },
17
+ lineHeight: {
18
+ title: "var(--gm-leading-title)",
19
+ model: "var(--gm-leading-model)",
20
+ primary: "var(--gm-leading-primary)"
21
+ },
22
+ borderWidth: {
23
+ primary: ["1px", { borderColor: "var(--gm-border-color-primary)" }],
24
+ secondary: ["1px", { borderColor: "var(--gm-border-color-secondary)" }],
25
+ tertiary: ["1px", { borderColor: "var(--gm-border-color-tertiary)" }]
26
+ },
27
+ borderRadius: {
28
+ small: "var(--gm-border-radius-small)",
29
+ large: "var(--gm-border-radius-large)"
30
+ },
31
+ boxShadow: {
32
+ primary: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-blur) var(--gm-shadow-color)",
33
+ dark: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dark-blur) var(--gm-shadow-dark-color)",
34
+ light: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-light-blur) var(--gm-shadow-light-color)",
35
+ "input-focus": "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-input-focus-blur) var(--gm-shadow-input-focus-color)",
36
+ dialog: "var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dialog-blur) var(--gm-shadow-dialog-color)"
37
+ },
38
+ colors: {
39
+ primary: "var(--gm-color-primary)",
40
+ "primary-light-3": "var(--gm-color-primary-light-3)",
41
+ success: "var(--gm-color-success)",
42
+ warning: "var(--gm-color-warning)",
43
+ error: "var(--gm-color-error)",
44
+ /* ----文字颜色---- */
45
+ "content-title": "var(--gm-text-color-title)",
46
+ "content-primary": "var(--gm-text-color-primary)",
47
+ "content-secondary": "var(--gm-text-color-secondary)",
48
+ "content-decs": "var(--gm-text-color-decs)",
49
+ /* 背景色 */
50
+ background: "var(--gm-bg-color)",
51
+ /* ---- 边框颜色---- */
52
+ "border-color-primary": "var(--gm-border-color-primary)",
53
+ "border-color-secondary": "var(--gm-border-color-secondary)",
54
+ "border-color-tertiary": "var(--gm-border-color-tertiary)",
55
+ /* ---- 数据配色---- */
56
+ "data-crimson": "var(--gm-data-crimson)",
57
+ "data-sky-blue": "var(--gm-data-sky-blue)",
58
+ "data-lavender": "var(--gm-data-lavender)",
59
+ "data-fresh-green": "var(--gm-data-fresh-green)",
60
+ "data-soft-pink": "var(--gm-data-soft-pink)",
61
+ "data-golden-tangerine": "var(--gm-data-golden-tangerine)",
62
+ "data-breeze-blue": "var(--gm-data-breeze-blue)",
63
+ "data-slate-gray": "var(--gm-data-slate-gray)",
64
+ "data-teal-blue": "var(--gm-data-teal-blue)",
65
+ "data-sunset-yellow": "var(--gm-data-sunset-yellow)",
66
+ "data-ocean-blue": "var(--gm-data-ocean-blue)",
67
+ "data-spring-green": "var(--gm-data-spring-green)"
68
+ }
69
+ }
70
+ }
71
+ };
72
+
73
+ exports.default = tailwindPreset;
74
+ //# sourceMappingURL=tailwindPreset.js.map
package/lib/theme-chalk/tailwindPreset.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tailwindPreset.js","sources":["../../../../packages/theme-chalk/tailwindPreset.ts"],"sourcesContent":["// Example preset\r\nexport default {\r\n theme: {\r\n extend: {\r\n fontSize: {\r\n title: ['var(--gm-text-title)', { lineHeight: 'var(--gm-leading-title)', color: 'var(--gm-text-color-title)', fontWeight: 700 }],\r\n model: ['var(--gm-text-model)', { lineHeight: 'var(--gm-leading-model)', color: 'var(--gm-text-color-title)', fontWeight: 700 }],\r\n primary: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-primary)' }],\r\n link: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-link)' }],\r\n error: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-error)' }],\r\n warning: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-warning)' }],\r\n success: ['var(--gm-text-primary)', { lineHeight: 'var(--gm-leading-primary)', color: 'var(--gm-text-color-success)' }],\r\n },\r\n lineHeight: {\r\n title: 'var(--gm-leading-title)',\r\n model: 'var(--gm-leading-model)',\r\n primary: 'var(--gm-leading-primary)',\r\n },\r\n borderWidth: {\r\n primary: ['1px', { borderColor: 'var(--gm-border-color-primary)' }],\r\n secondary: ['1px', { borderColor: 'var(--gm-border-color-secondary)' }],\r\n tertiary: ['1px', { borderColor: 'var(--gm-border-color-tertiary)' }],\r\n },\r\n borderRadius: {\r\n small: 'var(--gm-border-radius-small)',\r\n large: 'var(--gm-border-radius-large)',\r\n },\r\n boxShadow: {\r\n primary: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-blur) var(--gm-shadow-color)',\r\n dark: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dark-blur) var(--gm-shadow-dark-color)',\r\n light: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-light-blur) var(--gm-shadow-light-color)',\r\n 'input-focus': 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-input-focus-blur) var(--gm-shadow-input-focus-color)',\r\n dialog: 'var(--gm-shadow-offset-x) var(--gm-shadow-offset-y) var(--gm-shadow-dialog-blur) var(--gm-shadow-dialog-color)',\r\n },\r\n colors: {\r\n primary: 'var(--gm-color-primary)',\r\n 'primary-light-3': 'var(--gm-color-primary-light-3)',\r\n success: 'var(--gm-color-success)',\r\n warning: 'var(--gm-color-warning)',\r\n error: 'var(--gm-color-error)',\r\n /* ----文字颜色---- */\r\n 'content-title': 'var(--gm-text-color-title)',\r\n 'content-primary': 'var(--gm-text-color-primary)',\r\n 'content-secondary': 'var(--gm-text-color-secondary)',\r\n 'content-decs': 'var(--gm-text-color-decs)',\r\n /* 背景色 */\r\n background: 'var(--gm-bg-color)',\r\n /* ---- 边框颜色---- */\r\n 'border-color-primary': 'var(--gm-border-color-primary)',\r\n 'border-color-secondary': 'var(--gm-border-color-secondary)',\r\n 'border-color-tertiary': 'var(--gm-border-color-tertiary)',\r\n /* ---- 数据配色---- */\r\n\r\n 'data-crimson': 'var(--gm-data-crimson)',\r\n 'data-sky-blue': 'var(--gm-data-sky-blue)',\r\n 'data-lavender': 'var(--gm-data-lavender)',\r\n 'data-fresh-green': 'var(--gm-data-fresh-green)',\r\n 'data-soft-pink': 'var(--gm-data-soft-pink)',\r\n 'data-golden-tangerine': 'var(--gm-data-golden-tangerine)',\r\n 'data-breeze-blue': 'var(--gm-data-breeze-blue)',\r\n 'data-slate-gray': 'var(--gm-data-slate-gray)',\r\n 'data-teal-blue': 'var(--gm-data-teal-blue)',\r\n 'data-sunset-yellow': 'var(--gm-data-sunset-yellow)',\r\n 'data-ocean-blue': 'var(--gm-data-ocean-blue)',\r\n 'data-spring-green': 'var(--gm-data-spring-green)',\r\n },\r\n },\r\n },\r\n};\r\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "giime",
3
- "version": "0.0.0-dev.1",
3
+ "version": "0.0.0-dev.2",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "keywords": [
6
6
  "giime",
package/theme-chalk/index.css ADDED
@@ -0,0 +1,61 @@
1
+ /* index.css */
2
+ :root {
3
+ --gm-border-color-primary: #e4e4e4;
4
+ --gm-border-color-secondary: #e9e9e9;
5
+ --gm-border-color-tertiary: #f2f2f2;
6
+ --gm-border-radius-small: 4px;
7
+ --gm-border-radius-large: 8px;
8
+ --gm-color-primary: #0000ff;
9
+ --gm-color-primary-light-3: #3366ff;
10
+ --gm-color-success: #19be6b;
11
+ --gm-color-warning: #ff9900;
12
+ --gm-color-error: #f56c6c;
13
+ --gm-color-error-light-3: #f89898;
14
+ --gm-color-error-light-5: #fab6b6;
15
+ --gm-color-error-light-7: #fcd3d3;
16
+ --gm-color-error-light-8: #fde2e2;
17
+ --gm-color-error-light-9: #fef0f0;
18
+ --gm-text-color-title: #333;
19
+
20
+ --gm-text-color-primary: #666;
21
+ --gm-text-color-secondary: #999;
22
+ --gm-text-color-decs: #ccc;
23
+ --gm-text-color-link: #0000ff;
24
+ --gm-text-color-error: #f56c6c;
25
+ --gm-text-color-warning: #ff9900;
26
+ --gm-text-color-success: #19be6b;
27
+
28
+ --gm-bg-color: #f5f5f5;
29
+ --gm-data-crimson: #fb6260;
30
+ --gm-data-sky-blue: #0099ff;
31
+ --gm-data-lavender: #8167f5;
32
+ --gm-data-fresh-green: #51d351;
33
+ --gm-data-soft-pink: #ff7a8c;
34
+ --gm-data-golden-tangerine: #ffa94c;
35
+ --gm-data-breeze-blue: #73a0fa;
36
+ --gm-data-slate-gray: #7585a2;
37
+ --gm-data-teal-blue: #24d2d3;
38
+ --gm-data-sunset-yellow: #fec03d;
39
+ --gm-data-ocean-blue: #52c1f5;
40
+ --gm-data-spring-green: #82d588;
41
+ --gm-shadow-color: rgba(0, 0, 0, 0.1);
42
+ --gm-shadow-blur: 10px;
43
+ --gm-shadow-offset-x: 0px;
44
+ --gm-shadow-offset-y: 0px;
45
+ --gm-shadow-dark-color: rgba(0, 0, 0, 0.15);
46
+ --gm-shadow-dark-blur: 10px;
47
+ --gm-shadow-light-color: rgba(0, 0, 0, 0.05);
48
+ --gm-shadow-light-blur: 5px;
49
+ --gm-shadow-input-focus-color: rgba(64, 158, 255, 0.5);
50
+ --gm-shadow-input-focus-blur: 5px;
51
+ --gm-shadow-dialog-color: rgba(0, 0, 0, 0.15);
52
+ --gm-shadow-dialog-blur: 10px;
53
+ --gm-text-title: 20px;
54
+ --gm-text-model: 16px;
55
+ --gm-text-primary: 14px;
56
+ /* ---- 行高---- */
57
+ --gm-leading-title: 28px;
58
+ --gm-leading-model: 24px;
59
+ --gm-leading-primary: 22px;
60
+ }
61
+ /* 其他全局样式或 CSS 变量可以放在这里或其它相关的文件中 */