@sk-web-gui/core 0.1.13 → 0.1.16

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 (4) hide show
  1. package/package.json +2 -2
  2. package/src/components/accordion.js +11 -10
  3. package/src/components/link.js +12 -0
  4. package/src/components/user-menu.js +3 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "0.1.13",
3
+ "version": "0.1.16",
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": "23cd898ff3d845c794ff3daa56aea2a24ee83463"
34
+ "gitHead": "6b946108d5420acd623bfb225c211d42b823acbb"
35
35
  }
package/src/components/accordion.js CHANGED
@@ -1,9 +1,5 @@
1
1
  module.exports = Accordion = () => ({
2
-
3
2
  ".accordion": {
4
- //"@apply": {},
5
- //padding: "2.4rem",
6
-
7
3
  "@apply border border-gray-stroke": {},
8
4
 
9
5
  "&-header": {
@@ -19,9 +15,10 @@ module.exports = Accordion = () => ({
19
15
  },
20
16
 
21
17
  "&-toggle": {
22
- "@apply flex text-left text-lg m-4 inline-block": {},
18
+ "@apply flex inline-block text-lg leading-lg text-left text-lg mx-lg my-md": {},
19
+ fontWeight: "bold",
23
20
  //"@apply focus-visible:shadow shadow-lg": {},
24
- "&:focus-visible, &:focus": {
21
+ "&:focus-visible": {
25
22
  boxShadow: "0 0 0 0.4rem #fff!important",
26
23
  outline: "0",
27
24
  //"@apply border-4": {},
@@ -29,13 +26,17 @@ module.exports = Accordion = () => ({
29
26
  },
30
27
 
31
28
  "&-body": {
32
- "@apply transition-all h-0 hidden overflow-hidden": {},
33
- transitionProperty: "height",
29
+ "@apply h-0 overflow-hidden m-lg": {},
30
+ transitionProperty: "height, padding, margin",
34
31
  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
35
- transitionDuration: "150m",
32
+ transitionDuration: "180ms",
33
+
34
+ "&[aria-hidden=\"true\"], &[data-hidden=\"true\"]": {
35
+ "@apply my-0": {},
36
+ },
36
37
 
37
38
  "&[aria-hidden=\"false\"], &[data-hidden=\"false\"]": {
38
- "@apply block h-auto p-lg": {},
39
+ "@apply block h-auto": {},
39
40
  },
40
41
  },
41
42
  },
package/src/components/link.js CHANGED
@@ -6,6 +6,18 @@ module.exports = Link = () => ({
6
6
 
7
7
  "@apply hover:text-primary-active": {},
8
8
 
9
+ "&[target='_blank']": {
10
+ "&::after": {
11
+ fontFamily: "Material Icons Outlined",
12
+ display: "inline-block",
13
+ position: "relative",
14
+ content: "'launch'",
15
+ lineHeight: "1",
16
+ marginLeft: ".25em",
17
+ verticalAlign: "text-top",
18
+ },
19
+ },
20
+
9
21
  "&-disabled": {
10
22
  "@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline": {},
11
23
  },
package/src/components/user-menu.js CHANGED
@@ -9,31 +9,14 @@ module.exports = UserMenu = (colors) => ({
9
9
  },
10
10
 
11
11
  "&-header": {
12
- // "@apply flex flex-col text-left m-0 px-0 py-sm": {},
13
12
  '[aria-expanded="true"] &': {
14
13
  "@apply bg-hover": {},
15
14
  },
16
15
  },
17
- "&-body": {
18
- // "@apply p-0 m-0 py-sm bg-white": {},
19
- },
20
16
  "&-item": {
21
- "&.link": {
22
- "@apply text-white no-underline": {},
23
- },
24
- "@apply text-white cursor-pointer bg-hover": {
25
- a: {
26
- "@apply text-white px-md py-sm w-full": {},
27
- },
28
- "a.link": {
29
- "@apply text-white px-md py-sm w-full": {},
30
- },
31
- },
32
- },
33
- ".inactive > &-item": {
34
- "@apply bg-white text-black no-underline": {},
35
- "a.link": {
36
- "@apply text-black no-underline": {},
17
+ "@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-black no-underline": {},
18
+ "&.active": {
19
+ "@apply bg-hover text-white no-underline": {},
37
20
  },
38
21
  },
39
22
  },