@sk-web-gui/core 0.1.16 → 0.1.19

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "0.1.16",
3
+ "version": "0.1.19",
4
4
  "license": "MIT",
5
5
  "main": "src/index.js",
6
6
  "files": [
@@ -31,5 +31,5 @@
31
31
  "postcss-import": "^14.0.2",
32
32
  "tailwindcss": "^2.2.4"
33
33
  },
34
- "gitHead": "6b946108d5420acd623bfb225c211d42b823acbb"
34
+ "gitHead": "c5e1188ece9f826c14f75368bbc6a277826e2429"
35
35
  }
@@ -235,6 +235,10 @@ module.exports = Forms = (colors) => ({
235
235
  ".form-textarea": {
236
236
  //"@apply leading-tight": {},
237
237
  minHeight: "5rem",
238
+
239
+ "&-counter": {
240
+ "@apply mt-xs text-right": {},
241
+ },
238
242
  },
239
243
 
240
244
  ".form-select": {
@@ -1,13 +1,13 @@
1
1
  module.exports = Message = () => ({
2
2
  ".message": {
3
- "@apply flex items-center px-3 py-1.5 m-2 text-sm rounded-base shadow-sm w-max break-words": {},
3
+ "@apply max-w-2xl flex items-center px-3 py-1.5 m-2 text-sm rounded-base shadow-sm w-max break-words": {},
4
4
  "@apply text-neutral-900 bg-white border border-neutral-200": {},
5
5
  // dark
6
6
  "@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600": {},
7
7
  },
8
8
 
9
9
  ".message-icon": {
10
- "@apply mr-2": {},
10
+ "@apply mr-2 flex-shrink-0": {},
11
11
 
12
12
  "&-info": {
13
13
  "--tw-text-opacity": "1",
@@ -18,22 +18,29 @@ module.exports = ZebraTable = () => ({
18
18
  },
19
19
  },
20
20
 
21
- "&-icon": {
22
- "&-sort": {
23
- "@apply ml-2 text-black transform rotate-90": {},
21
+ "&-sortbutton": {
22
+ "@apply flex items-center": {},
23
+
24
+ "&-icon": {
25
+ "@apply inline-flex pl-sm": {},
24
26
 
25
- "&[data-sortmodeascending='false']": {
26
- "@apply -rotate-90": {},
27
+
28
+ "&-sort": {
29
+ "@apply text-black transform": {},
30
+
31
+ "&[data-sortmodeascending='true']": {
32
+ "@apply -rotate-90": {},
33
+ },
34
+
35
+ "&[data-sortmodeascending='false']": {
36
+ "@apply rotate-90": {},
37
+ },
38
+ },
39
+
40
+ "&-more": {
41
+ "@apply text-gray-300": {},
27
42
  },
28
43
  },
29
-
30
- "&-more": {
31
- "@apply pl-sm text-gray-300": {},
32
- },
33
- },
34
-
35
- "&-sortbutton": {
36
- "@apply flex items-center": {},
37
44
  },
38
45
 
39
46
  ".material-icons-outlined": {