forstok-ui-lib 5.13.10 → 5.13.11
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/index.js +15 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -10
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/stylesheets/shares.styles.ts +16 -13
package/dist/index.js
CHANGED
|
@@ -1002,10 +1002,18 @@
|
|
|
1002
1002
|
border: 1px solid var(--ck-clr-ln);
|
|
1003
1003
|
cursor: pointer;
|
|
1004
1004
|
border-radius: var(--ter-rd);
|
|
1005
|
+
box-shadow: none;
|
|
1006
|
+
${D}
|
|
1007
|
+
&:hover {
|
|
1008
|
+
${P}
|
|
1009
|
+
}
|
|
1010
|
+
&:active {
|
|
1011
|
+
${N}
|
|
1012
|
+
}
|
|
1005
1013
|
i {
|
|
1006
1014
|
margin-top: -3px;
|
|
1007
1015
|
}
|
|
1008
|
-
${({$activated:e,$disabled:t})=>{let n="";return e?n
|
|
1016
|
+
${({$activated:e,$disabled:t})=>{let n="";return e?n+=`\n ${N}\n `:t&&(n+="\n background: var(--mt-clr-bg);\n border-color: var(--ck-clr-ln);\n opacity: .5;\n cursor: auto;\n "),n}}
|
|
1009
1017
|
`,lt=o.default.span`
|
|
1010
1018
|
font-size: 12px;
|
|
1011
1019
|
text-align: center;
|
|
@@ -1063,8 +1071,7 @@
|
|
|
1063
1071
|
grid-template-columns: 148px 1fr;
|
|
1064
1072
|
position: relative;
|
|
1065
1073
|
width: 100%;
|
|
1066
|
-
|
|
1067
|
-
background-color: var(--ter-clr-bg);
|
|
1074
|
+
${D}
|
|
1068
1075
|
i {
|
|
1069
1076
|
position: absolute;
|
|
1070
1077
|
top: 50%;
|
|
@@ -1074,7 +1081,7 @@
|
|
|
1074
1081
|
}
|
|
1075
1082
|
input {
|
|
1076
1083
|
padding-right: 30px;
|
|
1077
|
-
padding-left:
|
|
1084
|
+
padding-left: 8px;
|
|
1078
1085
|
&::placeholder {
|
|
1079
1086
|
font-style: normal;
|
|
1080
1087
|
}
|
|
@@ -1082,9 +1089,7 @@
|
|
|
1082
1089
|
button {
|
|
1083
1090
|
width: 148px;
|
|
1084
1091
|
padding: 6px 23px 6px 12px;
|
|
1085
|
-
|
|
1086
|
-
._refContainer {
|
|
1087
|
-
border-right: 1px solid var(--sec-clr-ln);
|
|
1092
|
+
border-radius: .5rem 0 0 .5rem;
|
|
1088
1093
|
}
|
|
1089
1094
|
@media only screen and (min-width: 1280px) {
|
|
1090
1095
|
width: 350px;
|
|
@@ -1097,14 +1102,14 @@
|
|
|
1097
1102
|
position: relative;
|
|
1098
1103
|
display: grid;
|
|
1099
1104
|
grid-auto-flow: column;
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
background-color: var(--ter-clr-bg);
|
|
1105
|
+
overflow: hidden;
|
|
1106
|
+
${D}
|
|
1103
1107
|
> button {
|
|
1104
1108
|
width: auto;
|
|
1105
1109
|
min-width: auto;
|
|
1106
1110
|
border-radius: 0;
|
|
1107
1111
|
color: var(--mt-clr);
|
|
1112
|
+
padding: 0 12px;
|
|
1108
1113
|
}
|
|
1109
1114
|
> button ,
|
|
1110
1115
|
._refContainer {
|