@rokkit/themes 1.0.0-next.46 → 1.0.0-next.48
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/package.json +3 -3
- package/src/base/molecules.css +2 -1
- package/src/base/organisms.css +7 -2
- package/src/rokkit/organisms.css +18 -10
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rokkit/themes",
|
|
3
|
-
"version": "1.0.0-next.
|
|
3
|
+
"version": "1.0.0-next.48",
|
|
4
4
|
"description": "Themes for use with rokkit components.",
|
|
5
5
|
"author": "Jerry Thomas <me@jerrythomas.name>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
"typescript": "^5.2.2",
|
|
21
21
|
"vite": "^4.4.9",
|
|
22
22
|
"vitest": "~0.34.4",
|
|
23
|
-
"@rokkit/core": "1.0.0-next.
|
|
24
|
-
"shared-config": "1.0.0-next.
|
|
23
|
+
"@rokkit/core": "1.0.0-next.48",
|
|
24
|
+
"shared-config": "1.0.0-next.48"
|
|
25
25
|
},
|
|
26
26
|
"files": [
|
|
27
27
|
"src/**/*.js",
|
package/src/base/molecules.css
CHANGED
|
@@ -91,7 +91,8 @@ input-field input,
|
|
|
91
91
|
input-field textarea,
|
|
92
92
|
input-field select,
|
|
93
93
|
input-field > field > :not(icon) {
|
|
94
|
-
@apply
|
|
94
|
+
@apply px-3;
|
|
95
|
+
@apply flex-grow outline-none min-h-10 leading-loose;
|
|
95
96
|
@apply bg-skin-subtle text-skin-800;
|
|
96
97
|
}
|
|
97
98
|
input-field > label {
|
package/src/base/organisms.css
CHANGED
|
@@ -30,13 +30,18 @@ drop-down {
|
|
|
30
30
|
@apply overflow-visible cursor-pointer;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
+
input-field > field > input-select {
|
|
34
|
+
@apply px-0;
|
|
35
|
+
}
|
|
36
|
+
|
|
33
37
|
input-select selected-item > icon,
|
|
34
38
|
drop-down > button > span > icon {
|
|
35
|
-
@apply w-
|
|
39
|
+
@apply w-10 h-full;
|
|
36
40
|
}
|
|
37
41
|
|
|
38
42
|
input-select > selected-item,
|
|
39
43
|
drop-down > button > span {
|
|
40
|
-
@apply
|
|
44
|
+
/* @apply bg-skin-base pl-3; */
|
|
45
|
+
@apply pl-3 min-h-10 gap-2 items-center normal-case;
|
|
41
46
|
@apply rounded text-skin-800;
|
|
42
47
|
}
|
package/src/rokkit/organisms.css
CHANGED
|
@@ -105,7 +105,8 @@
|
|
|
105
105
|
/* Input and Drop-down styles */
|
|
106
106
|
.rokkit input-select,
|
|
107
107
|
.rokkit drop-down > button {
|
|
108
|
-
@apply
|
|
108
|
+
@apply rounded;
|
|
109
|
+
/* @apply border border-skin-muted; */
|
|
109
110
|
}
|
|
110
111
|
|
|
111
112
|
.rokkit drop-down > button {
|
|
@@ -118,21 +119,28 @@
|
|
|
118
119
|
@apply h-full items-center;
|
|
119
120
|
}
|
|
120
121
|
|
|
121
|
-
.rokkit input-select
|
|
122
|
+
.rokkit :not(field) > input-select {
|
|
123
|
+
@apply bg-skin-base border border-skin-muted p-2px;
|
|
124
|
+
}
|
|
125
|
+
.rokkit :not(field) > input-select > selected-item {
|
|
126
|
+
@apply bg-skin-subtle;
|
|
127
|
+
}
|
|
128
|
+
.rokkit :not(field) > input-select:focus-within,
|
|
122
129
|
.rokkit drop-down:focus-within > button {
|
|
123
|
-
@apply
|
|
130
|
+
/* @apply p-2px; */
|
|
131
|
+
@apply outline-none border-none;
|
|
124
132
|
@apply bg-gradient-to-r from-primary-500 to-secondary text-skin-50;
|
|
125
133
|
}
|
|
126
|
-
.rokkit input-select:focus-within > selected-item,
|
|
134
|
+
/* .rokkit :not(field) > input-select:focus-within > selected-item,
|
|
127
135
|
.rokkit drop-down:focus-within > button > span {
|
|
128
|
-
@apply bg-skin-muted outline-none;
|
|
129
|
-
}
|
|
136
|
+
@apply bg-skin-muted outline-none min-h-10;
|
|
137
|
+
} */
|
|
130
138
|
|
|
131
139
|
/* Hover and Icon styles */
|
|
132
|
-
.rokkit input-select:hover > icon,
|
|
140
|
+
/* .rokkit input-select:hover > icon,
|
|
133
141
|
.rokkit drop-down:hover > icon {
|
|
134
142
|
@apply border-skin-500;
|
|
135
|
-
}
|
|
143
|
+
} */
|
|
136
144
|
|
|
137
145
|
/* Scroll styles */
|
|
138
146
|
.rokkit input-select scroll,
|
|
@@ -140,9 +148,9 @@
|
|
|
140
148
|
@apply my-1 shadow-lg rounded;
|
|
141
149
|
}
|
|
142
150
|
|
|
143
|
-
.rokkit input-select > selected-item > items {
|
|
151
|
+
/* .rokkit input-select > selected-item > items {
|
|
144
152
|
@apply flex-grow flex-wrap gap-2;
|
|
145
|
-
}
|
|
153
|
+
} */
|
|
146
154
|
|
|
147
155
|
/* Accordion styles */
|
|
148
156
|
.rokkit accordion {
|