@helpwave/hightide 0.2.0 → 0.3.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/index.d.mts +142 -196
- package/dist/index.d.ts +142 -196
- package/dist/index.js +862 -986
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1048 -1166
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +441 -556
- package/dist/style/uncompiled/globals.css +0 -215
- package/dist/style/uncompiled/theme/breakpoints.css +8 -0
- package/dist/style/uncompiled/theme/colors-basic.css +2 -0
- package/dist/style/uncompiled/theme/colors-component.css +1 -77
- package/dist/style/uncompiled/theme/colors-semantic.css +24 -20
- package/dist/style/uncompiled/theme/components.css +211 -0
- package/dist/style/uncompiled/theme/index.css +4 -1
- package/dist/style/uncompiled/utitlity/animation.css +3 -3
- package/dist/style/uncompiled/utitlity/coloring.css +126 -0
- package/dist/style/uncompiled/utitlity/index.css +2 -1
- package/package.json +1 -4
- /package/dist/style/uncompiled/{typography.css → theme/typography.css} +0 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
@utility coloring-solid {
|
|
4
|
+
@apply
|
|
5
|
+
bg-[var(--coloring-solid-color,var(--coloring-color))]
|
|
6
|
+
text-[var(--coloring-solid-text,var(--coloring-on-color))];
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@utility coloring-solid-hover {
|
|
10
|
+
@apply
|
|
11
|
+
coloring-solid
|
|
12
|
+
hover:bg-[var(--coloring-solid-hover,var(--coloring-hover))];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@utility coloring-tonal {
|
|
16
|
+
@apply
|
|
17
|
+
bg-[var(--coloring-color)]/20
|
|
18
|
+
text-[var(--coloring-color)];
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@utility coloring-tonal-hover {
|
|
22
|
+
@apply
|
|
23
|
+
coloring-tonal
|
|
24
|
+
hover:bg-[var(--coloring-color)]/30;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@utility coloring-text {
|
|
28
|
+
@apply
|
|
29
|
+
text-[var(--coloring-text,var(--coloring-color))];
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@utility coloring-text-hover {
|
|
33
|
+
@apply
|
|
34
|
+
coloring-text
|
|
35
|
+
hover:bg-[var(--coloring-text-hover,var(--coloring-text,var(--coloring-color)))]/20;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@utility coloring-outline {
|
|
39
|
+
@apply
|
|
40
|
+
border-1
|
|
41
|
+
border-[var(--coloring-border,var(--coloring-outline,var(--coloring-color)))]
|
|
42
|
+
text-[var(--coloring-outline,var(--coloring-color))];
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@utility coloring-outline-hover {
|
|
46
|
+
@apply
|
|
47
|
+
coloring-outline
|
|
48
|
+
hover:border-[var(--coloring-border-hover,--coloring-hover)]
|
|
49
|
+
hover:text-[var(--coloring-outline-hover,var(--coloring-hover))];
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@utility reset-coloring-variables {
|
|
53
|
+
--coloring-color: initial;
|
|
54
|
+
--coloring-on-color: initial;
|
|
55
|
+
--coloring-hover: initial;
|
|
56
|
+
--coloring-text: initial;
|
|
57
|
+
--coloring-text-hover: initial;
|
|
58
|
+
--coloring-outline: initial;
|
|
59
|
+
--coloring-outline-hover: initial;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@utility primary {
|
|
63
|
+
@apply reset-coloring-variables;
|
|
64
|
+
--coloring-color: var(--color-primary);
|
|
65
|
+
--coloring-on-color: var(--color-on-primary);
|
|
66
|
+
--coloring-hover: var(--color-primary-hover);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@utility secondary {
|
|
70
|
+
@apply reset-coloring-variables;
|
|
71
|
+
--coloring-color: var(--color-secondary);
|
|
72
|
+
--coloring-on-color: var(--color-on-secondary);
|
|
73
|
+
--coloring-hover: var(--color-secondary-hover);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@utility positive {
|
|
77
|
+
@apply reset-coloring-variables;
|
|
78
|
+
--coloring-color: var(--color-positive);
|
|
79
|
+
--coloring-on-color: var(--color-on-positive);
|
|
80
|
+
--coloring-hover: var(--color-positive-hover);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@utility negative {
|
|
84
|
+
@apply reset-coloring-variables;
|
|
85
|
+
--coloring-color: var(--color-negative);
|
|
86
|
+
--coloring-on-color: var(--color-on-negative);
|
|
87
|
+
--coloring-hover: var(--color-negative-hover);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
@utility warning {
|
|
91
|
+
@apply reset-coloring-variables;
|
|
92
|
+
--coloring-color: var(--color-warning);
|
|
93
|
+
--coloring-on-color: var(--color-on-warning);
|
|
94
|
+
--coloring-hover: var(--color-warning-hover);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@utility neutral {
|
|
98
|
+
@apply reset-coloring-variables;
|
|
99
|
+
--coloring-color: var(--color-neutral);
|
|
100
|
+
--coloring-on-color: var(--color-on-neutral);
|
|
101
|
+
--coloring-hover: var(--color-neutral-hover);
|
|
102
|
+
--coloring-text: var(--color-neutral-text);
|
|
103
|
+
--coloring-text-hover: var(--color-neutral-text-hover);
|
|
104
|
+
--coloring-outline: var(--color-neutral-outline);
|
|
105
|
+
--coloring-outline-hover: var(--color-neutral-outline-hover);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@utility disabled {
|
|
109
|
+
@apply reset-coloring-variables;
|
|
110
|
+
--coloring-color: var(--color-disabled);
|
|
111
|
+
--coloring-on-color: var(--color-on-disabled);
|
|
112
|
+
--coloring-hover: var(--color-disabled);
|
|
113
|
+
--coloring-text-hover: transparent;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
@utility description {
|
|
117
|
+
@apply reset-coloring-variables;
|
|
118
|
+
--coloring-color: var(--color-description);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@utility surface {
|
|
122
|
+
@apply reset-coloring-variables;
|
|
123
|
+
--coloring-color: var(--color-surface);
|
|
124
|
+
--coloring-on-color: var(--color-on-surface);
|
|
125
|
+
--coloring-hover: var(--color-surface-hover);
|
|
126
|
+
}
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "git+https://github.com/helpwave/hightide.git"
|
|
8
8
|
},
|
|
9
9
|
"license": "MPL-2.0",
|
|
10
|
-
"version": "0.
|
|
10
|
+
"version": "0.3.0",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist"
|
|
13
13
|
],
|
|
@@ -44,10 +44,8 @@
|
|
|
44
44
|
"lucide-react": "0.468.0",
|
|
45
45
|
"postcss": "8.5.3",
|
|
46
46
|
"react": "18.3.1",
|
|
47
|
-
"react-custom-scrollbars-2": "4.5.0",
|
|
48
47
|
"react-dom": "18.3.1",
|
|
49
48
|
"tailwindcss": "4.1.3",
|
|
50
|
-
"tinycolor2": "1.6.0",
|
|
51
49
|
"@helpwave/internationalization": "0.4.0"
|
|
52
50
|
},
|
|
53
51
|
"devDependencies": {
|
|
@@ -66,7 +64,6 @@
|
|
|
66
64
|
"@types/react": "18.3.17",
|
|
67
65
|
"@types/react-dom": "18.3.5",
|
|
68
66
|
"@types/tinycolor2": "1.4.6",
|
|
69
|
-
"barrelsby": "2.8.1",
|
|
70
67
|
"eslint": "9.31.0",
|
|
71
68
|
"eslint-plugin-storybook": "9.0.12",
|
|
72
69
|
"jest": "30.2.0",
|
|
File without changes
|