@festo-ui/web-essentials 7.2.0-dev.414 → 7.2.0-dev.416
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/css/festo-web-essentials.css +19 -10
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +2 -2
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_chips.scss +1 -2
- package/dist/scss/_sidebar-overlay.scss +15 -6
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_chips.scss +1 -2
- package/scss/_sidebar-overlay.scss +15 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v7.2.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v7.2.0-dev.416 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -14930,7 +14930,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
|
|
|
14930
14930
|
.fwe-chip-container {
|
|
14931
14931
|
display: flex;
|
|
14932
14932
|
flex-wrap: wrap;
|
|
14933
|
-
|
|
14933
|
+
gap: 8px;
|
|
14934
14934
|
}
|
|
14935
14935
|
.fwe-chip {
|
|
14936
14936
|
-webkit-user-select: none;
|
|
@@ -14949,7 +14949,6 @@ label.fwe-input-text.fwe-input-text-icon textarea {
|
|
|
14949
14949
|
border: 1px solid var(--fwe-control);
|
|
14950
14950
|
box-sizing: border-box;
|
|
14951
14951
|
padding: 0px 12px 1px 12px;
|
|
14952
|
-
margin: 0px 8px 8px 0px;
|
|
14953
14952
|
}
|
|
14954
14953
|
.fwe-chip i[class^=fwe-icon-],
|
|
14955
14954
|
.fwe-chip i[class*=" fwe-icon-"],
|
|
@@ -18002,32 +18001,42 @@ input[type=search]::-webkit-search-cancel-button {
|
|
|
18002
18001
|
transform: translateX(480px);
|
|
18003
18002
|
transition: opacity 400ms, transform 400ms;
|
|
18004
18003
|
opacity: 0;
|
|
18004
|
+
pointer-events: none;
|
|
18005
18005
|
}
|
|
18006
18006
|
.fwe-sidebar-overlay--open {
|
|
18007
|
+
pointer-events: unset;
|
|
18008
|
+
display: block;
|
|
18007
18009
|
opacity: 1;
|
|
18008
18010
|
transform: translateX(0px);
|
|
18009
18011
|
}
|
|
18010
|
-
.fwe-sidebar-overlay
|
|
18011
|
-
|
|
18012
|
+
.fwe-sidebar-overlay-close-btn {
|
|
18013
|
+
float: inherit;
|
|
18012
18014
|
display: block;
|
|
18013
|
-
|
|
18014
|
-
|
|
18015
|
+
width: 24px;
|
|
18016
|
+
height: 24px;
|
|
18015
18017
|
padding: 0;
|
|
18016
18018
|
margin: 0 0 0 auto;
|
|
18019
|
+
border: none;
|
|
18017
18020
|
outline: none;
|
|
18018
18021
|
text-align: right;
|
|
18019
18022
|
cursor: pointer;
|
|
18023
|
+
background: var(--fwe-text);
|
|
18024
|
+
-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjExIC0xODMpIj48cGF0aCBkPSJNMCwwSDI0VjI0SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTEgMTgzKSIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNSAxODcpIj48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuOTUsNC40NjQsMTEuNTM2LDMuMDUsOCw2LjU4Niw0LjQ2NCwzLjA1LDMuMDUsNC40NjQsNi41ODYsOCwzLjA1LDExLjUzNiw0LjQ2NCwxMi45NSw4LDkuNDE0bDMuNTM2LDMuNTM2LDEuNDE0LTEuNDE0TDkuNDE0LDhaIiBmaWxsPSIjMzMzIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNSAxODcpIj48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuOTUsNC40NjQsMTEuNTM2LDMuMDUsOCw2LjU4Niw0LjQ2NCwzLjA1LDMuMDUsNC40NjQsNi41ODYsOCwzLjA1LDExLjUzNiw0LjQ2NCwxMi45NSw4LDkuNDE0bDMuNTM2LDMuNTM2LDEuNDE0LTEuNDE0TDkuNDE0LDhaIiBmaWxsPSIjMzMzIi8+PC9nPjwvZz48L3N2Zz4=");
|
|
18025
|
+
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjExIC0xODMpIj48cGF0aCBkPSJNMCwwSDI0VjI0SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTEgMTgzKSIgZmlsbD0ibm9uZSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNSAxODcpIj48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuOTUsNC40NjQsMTEuNTM2LDMuMDUsOCw2LjU4Niw0LjQ2NCwzLjA1LDMuMDUsNC40NjQsNi41ODYsOCwzLjA1LDExLjUzNiw0LjQ2NCwxMi45NSw4LDkuNDE0bDMuNTM2LDMuNTM2LDEuNDE0LTEuNDE0TDkuNDE0LDhaIiBmaWxsPSIjMzMzIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNSAxODcpIj48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIuOTUsNC40NjQsMTEuNTM2LDMuMDUsOCw2LjU4Niw0LjQ2NCwzLjA1LDMuMDUsNC40NjQsNi41ODYsOCwzLjA1LDExLjUzNiw0LjQ2NCwxMi45NSw4LDkuNDE0bDMuNTM2LDMuNTM2LDEuNDE0LTEuNDE0TDkuNDE0LDhaIiBmaWxsPSIjMzMzIi8+PC9nPjwvZz48L3N2Zz4=");
|
|
18020
18026
|
}
|
|
18021
|
-
.fwe-sidebar-overlay
|
|
18022
|
-
|
|
18027
|
+
.fwe-sidebar-overlay-close-btn:hover {
|
|
18028
|
+
background: var(--fwe-hero);
|
|
18023
18029
|
}
|
|
18024
|
-
@media (max-width:
|
|
18030
|
+
@media (max-width: 599px) {
|
|
18025
18031
|
.fwe-sidebar-overlay {
|
|
18026
18032
|
padding: 16px;
|
|
18027
18033
|
left: 0px;
|
|
18028
18034
|
width: unset;
|
|
18029
18035
|
transform: none;
|
|
18030
18036
|
}
|
|
18037
|
+
.fwe-sidebar-overlay:not(.fwe-sidebar-overlay--open) {
|
|
18038
|
+
display: none;
|
|
18039
|
+
}
|
|
18031
18040
|
}
|
|
18032
18041
|
|
|
18033
18042
|
.fwe-bottom-sheet-header {
|