@heliux-org/design-system-core 0.0.359 → 0.0.360
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/esm/src/components/PanelLayout/PanelLayout.module.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/dist/main.css.map +1 -1
- package/dist/mocked_classnames_esm/src/components/PanelLayout/PanelLayout.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/package.json +2 -2
- package/src/components/PanelLayout/PanelLayout.module.scss +20 -11
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
|
1
|
+
!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a7595e3367a4_0_0_359";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".panel {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n border-radius: 6px;\n gap: 4px;\n overflow: hidden;\n}\n.panel .emptyState {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n.mainContent {\n flex: 1;\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n.overlay-panel {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.resize-handle {\n z-index: 50;\n background-color: transparent;\n width: 2px;\n transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n background-color: var(--divider-secondary);\n box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n z-index: 100;\n max-width: 2px;\n width: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.collapse-handle svg rect {\n fill: var(--divider-secondary);\n max-width: 2px;\n width: 2px;\n}\n.collapse-handle:hover {\n background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n fill: var(--text-color-on-primary);\n}\n.styled-handle {\n height: 100%;\n width: 6px;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n background-color: var(--divider-selected);\n}\n.handle {\n height: 100%;\n background-color: var(--divider-primary);\n cursor: ew-resize;\n transition: background-color 0.3s ease-in-out;\n width: 134px;\n}\n.handle:hover {\n background-color: var(--divider-selected);\n}");
|
|
2
2
|
//# sourceMappingURL=PanelLayout.module.scss.js.map
|
package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=".tree-file-icon {\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
|
1
|
+
var e=".tree-file-icon {\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_354";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
|
|
2
2
|
//# sourceMappingURL=TreeFileIcon.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=".tree-folder-icon {\n stroke: currentColor;\n stroke-width: 0;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
|
1
|
+
var e=".tree-folder-icon {\n stroke: currentColor;\n stroke-width: 0;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_354";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
|
|
2
2
|
//# sourceMappingURL=TreeFolderIcon.scss.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@heliux-org/design-system-core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.360",
|
|
4
4
|
"description": "Official Heliux design system resources for application development in React.js",
|
|
5
5
|
"main": "./dist/main.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -301,5 +301,5 @@
|
|
|
301
301
|
"PR: Icon 💎": "New Icons"
|
|
302
302
|
}
|
|
303
303
|
},
|
|
304
|
-
"gitHead": "
|
|
304
|
+
"gitHead": "0b556652a0a17d72707256c1834c6cdf39e5acef"
|
|
305
305
|
}
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
border-radius: 6px;
|
|
9
9
|
gap: 4px;
|
|
10
10
|
overflow: hidden;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
|
|
12
|
+
|
|
13
13
|
.emptyState {
|
|
14
14
|
display: flex;
|
|
15
15
|
align-items: center;
|
|
@@ -43,11 +43,13 @@
|
|
|
43
43
|
background-color: transparent;
|
|
44
44
|
width: 2px;
|
|
45
45
|
transition: all 0.3s ease-in-out;
|
|
46
|
+
|
|
46
47
|
&:hover {
|
|
47
|
-
|
|
48
|
-
|
|
48
|
+
background-color: var(--divider-secondary);
|
|
49
|
+
box-shadow: 2px 0px 0px 0px var(--divider-secondary);
|
|
49
50
|
}
|
|
50
51
|
}
|
|
52
|
+
|
|
51
53
|
.collapse-handle {
|
|
52
54
|
z-index: 100;
|
|
53
55
|
max-width: 2px;
|
|
@@ -55,18 +57,22 @@
|
|
|
55
57
|
display: flex;
|
|
56
58
|
align-items: center;
|
|
57
59
|
justify-content: center;
|
|
60
|
+
|
|
58
61
|
svg rect {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
+
fill: var(--divider-secondary);
|
|
63
|
+
max-width: 2px;
|
|
64
|
+
width: 2px;
|
|
62
65
|
}
|
|
66
|
+
|
|
63
67
|
&:hover {
|
|
64
68
|
background-color: var(--divider-secondary);
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
69
|
+
|
|
70
|
+
svg rect {
|
|
71
|
+
fill: var(--text-color-on-primary);
|
|
72
|
+
}
|
|
68
73
|
}
|
|
69
74
|
}
|
|
75
|
+
|
|
70
76
|
.styled-handle {
|
|
71
77
|
height: 100%;
|
|
72
78
|
width: 6px;
|
|
@@ -75,16 +81,19 @@
|
|
|
75
81
|
align-items: center;
|
|
76
82
|
justify-content: center;
|
|
77
83
|
transition: all 0.3s ease-in-out;
|
|
84
|
+
|
|
78
85
|
&:hover {
|
|
79
86
|
background-color: var(--divider-selected);
|
|
80
87
|
}
|
|
81
88
|
}
|
|
89
|
+
|
|
82
90
|
.handle {
|
|
83
91
|
height: 100%;
|
|
84
92
|
background-color: var(--divider-primary);
|
|
85
93
|
cursor: ew-resize;
|
|
86
94
|
transition: background-color 0.3s ease-in-out;
|
|
87
|
-
width:134px;
|
|
95
|
+
width: 134px;
|
|
96
|
+
|
|
88
97
|
&:hover {
|
|
89
98
|
background-color: var(--divider-selected);
|
|
90
99
|
}
|