do-ui-design-system 0.0.13 → 0.1.1
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/atoms/Button/Button.svelte +37 -0
- package/dist/{components/atoms → atoms}/Button/Button.svelte.d.ts +8 -5
- package/dist/atoms/Button/Button.svelte.d.ts.map +1 -0
- package/dist/{components/atoms → atoms}/Button/iProps.d.ts +4 -2
- package/dist/atoms/Button/iProps.d.ts.map +1 -0
- package/dist/{components/atoms → atoms}/Icons/Icon.svelte +4 -3
- package/dist/{components/atoms → atoms}/Icons/Icon.svelte.d.ts +2 -1
- package/dist/atoms/Icons/Icon.svelte.d.ts.map +1 -0
- package/dist/{components/atoms → atoms}/Icons/iProps.d.ts +1 -0
- package/dist/atoms/Icons/iProps.d.ts.map +1 -0
- package/dist/{components/atoms → atoms}/index.d.ts +1 -0
- package/dist/atoms/index.d.ts.map +1 -0
- package/dist/do-theme/button.css +66 -26
- package/dist/do-theme/font.css +2 -1
- package/dist/do-theme/icomoon/backup-icons.json +1 -1
- package/dist/do-theme/icomoon/fonts/icomoon.eot +0 -0
- package/dist/do-theme/icomoon/fonts/icomoon.svg +33 -0
- package/dist/do-theme/icomoon/fonts/icomoon.ttf +0 -0
- package/dist/do-theme/icomoon/fonts/icomoon.woff +0 -0
- package/dist/do-theme/icomoon/generate-icon-list.d.cts +2 -0
- package/dist/do-theme/icomoon/generate-icon-list.d.cts.map +1 -0
- package/dist/do-theme/icomoon/iconList.d.ts +2 -1
- package/dist/do-theme/icomoon/iconList.d.ts.map +1 -0
- package/dist/do-theme/icomoon/iconList.js +12 -2
- package/dist/do-theme/icomoon/icons.css +37 -7
- package/dist/do-theme/index.css +5 -16
- package/dist/do-theme/post-compiled.css +1661 -482
- package/dist/do-theme/var-dark.css +1 -4
- package/dist/do-theme/var-light.css +15 -23
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -3
- package/dist/molecules/IconButton/IconButton.svelte +45 -0
- package/dist/{components/molecules → molecules}/IconButton/IconButton.svelte.d.ts +12 -9
- package/dist/molecules/IconButton/IconButton.svelte.d.ts.map +1 -0
- package/dist/molecules/IconButton/iProps.d.ts +15 -0
- package/dist/molecules/IconButton/iProps.d.ts.map +1 -0
- package/dist/{components/molecules → molecules}/index.d.ts +1 -0
- package/dist/molecules/index.d.ts.map +1 -0
- package/package.json +24 -43
- package/src/lib/do-theme/index.css +5 -16
- package/dist/components/atoms/Button/Button.stories.svelte +0 -92
- package/dist/components/atoms/Button/Button.stories.svelte.d.ts +0 -19
- package/dist/components/atoms/Button/Button.svelte +0 -34
- package/dist/components/atoms/Icons/Icons.stories.svelte +0 -50
- package/dist/components/atoms/Icons/Icons.stories.svelte.d.ts +0 -18
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.js +0 -3
- package/dist/components/molecules/IconButton/IconButton.stories.svelte +0 -77
- package/dist/components/molecules/IconButton/IconButton.stories.svelte.d.ts +0 -19
- package/dist/components/molecules/IconButton/IconButton.svelte +0 -48
- package/dist/components/molecules/IconButton/iProps.d.ts +0 -13
- package/dist/do-theme/icomoon/icomoon.eot +0 -0
- package/dist/do-theme/icomoon/icomoon.svg +0 -23
- package/dist/do-theme/icomoon/icomoon.ttf +0 -0
- package/dist/do-theme/icomoon/icomoon.woff +0 -0
- package/src/lib/do-theme/post-compiled.css +0 -482
- /package/dist/{components/atoms → atoms}/Button/iProps.js +0 -0
- /package/dist/{components/atoms → atoms}/Icons/iProps.js +0 -0
- /package/dist/{components/atoms → atoms}/index.js +0 -0
- /package/dist/{components/molecules → molecules}/IconButton/iProps.js +0 -0
- /package/dist/{components/molecules → molecules}/index.js +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'icomoon';
|
|
3
|
-
src: url('icomoon.eot?
|
|
4
|
-
src: url('icomoon.eot?
|
|
5
|
-
url('icomoon.ttf?
|
|
6
|
-
url('icomoon.woff?
|
|
7
|
-
url('icomoon.svg?
|
|
3
|
+
src: url('./fonts/icomoon.eot?cmzihx');
|
|
4
|
+
src: url('./fonts/icomoon.eot?cmzihx#iefix') format('embedded-opentype'),
|
|
5
|
+
url('./fonts/icomoon.ttf?cmzihx') format('truetype'),
|
|
6
|
+
url('./fonts/icomoon.woff?cmzihx') format('woff'),
|
|
7
|
+
url('./fonts/icomoon.svg?cmzihx#icomoon') format('svg');
|
|
8
8
|
font-weight: normal;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-display: block;
|
|
@@ -25,13 +25,43 @@
|
|
|
25
25
|
-moz-osx-font-smoothing: grayscale;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
+
.icon-loading:before {
|
|
29
|
+
content: "\e916";
|
|
30
|
+
}
|
|
31
|
+
.icon-close:before {
|
|
32
|
+
content: "\e915";
|
|
33
|
+
}
|
|
34
|
+
.icon-copy:before {
|
|
35
|
+
content: "\e914";
|
|
36
|
+
}
|
|
37
|
+
.icon-alert:before {
|
|
38
|
+
content: "\e90d";
|
|
39
|
+
}
|
|
40
|
+
.icon-eye:before {
|
|
41
|
+
content: "\e90e";
|
|
42
|
+
}
|
|
43
|
+
.icon-eye-closed:before {
|
|
44
|
+
content: "\e90f";
|
|
45
|
+
}
|
|
46
|
+
.icon-info:before {
|
|
47
|
+
content: "\e910";
|
|
48
|
+
}
|
|
49
|
+
.icon-layers:before {
|
|
50
|
+
content: "\e911";
|
|
51
|
+
}
|
|
52
|
+
.icon-marker:before {
|
|
53
|
+
content: "\e912";
|
|
54
|
+
}
|
|
55
|
+
.icon-move:before {
|
|
56
|
+
content: "\e913";
|
|
57
|
+
}
|
|
28
58
|
.icon-contrast:before {
|
|
29
59
|
content: "\e906";
|
|
30
60
|
}
|
|
31
61
|
.icon-arrow:before {
|
|
32
62
|
content: "\e907";
|
|
33
63
|
}
|
|
34
|
-
.icon-
|
|
64
|
+
.icon-chevron-up-down:before {
|
|
35
65
|
content: "\e908";
|
|
36
66
|
}
|
|
37
67
|
.icon-chevron-down:before {
|
|
@@ -52,7 +82,7 @@
|
|
|
52
82
|
.icon-check:before {
|
|
53
83
|
content: "\e901";
|
|
54
84
|
}
|
|
55
|
-
.icon-
|
|
85
|
+
.icon-frame:before {
|
|
56
86
|
content: "\e902";
|
|
57
87
|
}
|
|
58
88
|
.icon-database:before {
|
package/dist/do-theme/index.css
CHANGED
|
@@ -1,27 +1,16 @@
|
|
|
1
1
|
@import "./var-light.css";
|
|
2
2
|
@import "./var-dark.css";
|
|
3
|
+
@import "./font.css";
|
|
4
|
+
@import "./icomoon/icons.css";
|
|
3
5
|
@import "./button.css";
|
|
4
6
|
@import "./border.css";
|
|
5
7
|
@import "./color.css";
|
|
6
|
-
@import "./icomoon/icons.css";
|
|
7
|
-
@import "./font.css";
|
|
8
8
|
|
|
9
9
|
/*
|
|
10
|
-
|
|
10
|
+
To modify themes (light and dark):
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
@plugin "daisyui/theme" {
|
|
14
|
-
name: "light" | "dark";
|
|
15
|
-
default: true;
|
|
16
|
-
--daisy-variable: some value;
|
|
17
|
-
}
|
|
12
|
+
There are 2 files, var-dark.css and var-light.css, where you can find colors and base definitions.
|
|
18
13
|
|
|
19
|
-
|
|
20
|
-
[data-theme="dark"] {
|
|
21
|
-
.daisy-class {
|
|
22
|
-
background-color: red;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
14
|
+
Then are css component files with style definitions that use those variables.
|
|
25
15
|
|
|
26
|
-
For more info and variables: https://daisyui.com/docs/themes/
|
|
27
16
|
*/
|