@kupola/kupola 1.5.3 → 1.5.4
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/css/components-ext.css +58 -0
- package/dist/css/components-ext.css +58 -0
- package/dist/kupola.cjs.js +21 -21
- package/dist/kupola.cjs.js.map +1 -1
- package/dist/kupola.esm.js +1055 -955
- package/dist/kupola.esm.js.map +1 -1
- package/dist/kupola.umd.js +26 -26
- package/dist/kupola.umd.js.map +1 -1
- package/dist/types/kupola.d.ts +135 -0
- package/js/datepicker.js +177 -106
- package/js/dropdown.js +186 -98
- package/js/kupola-config.js +54 -39
- package/js/message.js +66 -53
- package/js/modal.js +62 -59
- package/js/notification.js +63 -60
- package/js/select.js +88 -3
- package/js/tooltip.js +300 -297
- package/js/validation.js +155 -140
- package/package.json +2 -1
- package/types/kupola.d.ts +135 -0
package/css/components-ext.css
CHANGED
|
@@ -1918,6 +1918,29 @@
|
|
|
1918
1918
|
gap: 12px;
|
|
1919
1919
|
}
|
|
1920
1920
|
|
|
1921
|
+
.ds-notification--top-left {
|
|
1922
|
+
top: 24px;
|
|
1923
|
+
right: auto;
|
|
1924
|
+
left: 24px;
|
|
1925
|
+
}
|
|
1926
|
+
|
|
1927
|
+
.ds-notification--bottom {
|
|
1928
|
+
top: auto;
|
|
1929
|
+
bottom: 24px;
|
|
1930
|
+
}
|
|
1931
|
+
|
|
1932
|
+
.ds-notification--bottom-right {
|
|
1933
|
+
top: auto;
|
|
1934
|
+
bottom: 24px;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
.ds-notification--bottom-left {
|
|
1938
|
+
top: auto;
|
|
1939
|
+
bottom: 24px;
|
|
1940
|
+
right: auto;
|
|
1941
|
+
left: 24px;
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1921
1944
|
.ds-notification__item {
|
|
1922
1945
|
display: flex;
|
|
1923
1946
|
align-items: flex-start;
|
|
@@ -2027,6 +2050,41 @@
|
|
|
2027
2050
|
pointer-events: none;
|
|
2028
2051
|
}
|
|
2029
2052
|
|
|
2053
|
+
.ds-message--top-right {
|
|
2054
|
+
align-items: flex-end;
|
|
2055
|
+
padding-right: 24px;
|
|
2056
|
+
}
|
|
2057
|
+
|
|
2058
|
+
.ds-message--top-left {
|
|
2059
|
+
align-items: flex-start;
|
|
2060
|
+
padding-left: 24px;
|
|
2061
|
+
}
|
|
2062
|
+
|
|
2063
|
+
.ds-message--bottom {
|
|
2064
|
+
top: auto;
|
|
2065
|
+
bottom: 0;
|
|
2066
|
+
padding-top: 0;
|
|
2067
|
+
padding-bottom: 16px;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
.ds-message--bottom-right {
|
|
2071
|
+
top: auto;
|
|
2072
|
+
bottom: 0;
|
|
2073
|
+
align-items: flex-end;
|
|
2074
|
+
padding-top: 0;
|
|
2075
|
+
padding-bottom: 16px;
|
|
2076
|
+
padding-right: 24px;
|
|
2077
|
+
}
|
|
2078
|
+
|
|
2079
|
+
.ds-message--bottom-left {
|
|
2080
|
+
top: auto;
|
|
2081
|
+
bottom: 0;
|
|
2082
|
+
align-items: flex-start;
|
|
2083
|
+
padding-top: 0;
|
|
2084
|
+
padding-bottom: 16px;
|
|
2085
|
+
padding-left: 24px;
|
|
2086
|
+
}
|
|
2087
|
+
|
|
2030
2088
|
.ds-message__item {
|
|
2031
2089
|
display: flex;
|
|
2032
2090
|
align-items: center;
|
|
@@ -1918,6 +1918,29 @@
|
|
|
1918
1918
|
gap: 12px;
|
|
1919
1919
|
}
|
|
1920
1920
|
|
|
1921
|
+
.ds-notification--top-left {
|
|
1922
|
+
top: 24px;
|
|
1923
|
+
right: auto;
|
|
1924
|
+
left: 24px;
|
|
1925
|
+
}
|
|
1926
|
+
|
|
1927
|
+
.ds-notification--bottom {
|
|
1928
|
+
top: auto;
|
|
1929
|
+
bottom: 24px;
|
|
1930
|
+
}
|
|
1931
|
+
|
|
1932
|
+
.ds-notification--bottom-right {
|
|
1933
|
+
top: auto;
|
|
1934
|
+
bottom: 24px;
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1937
|
+
.ds-notification--bottom-left {
|
|
1938
|
+
top: auto;
|
|
1939
|
+
bottom: 24px;
|
|
1940
|
+
right: auto;
|
|
1941
|
+
left: 24px;
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1921
1944
|
.ds-notification__item {
|
|
1922
1945
|
display: flex;
|
|
1923
1946
|
align-items: flex-start;
|
|
@@ -2027,6 +2050,41 @@
|
|
|
2027
2050
|
pointer-events: none;
|
|
2028
2051
|
}
|
|
2029
2052
|
|
|
2053
|
+
.ds-message--top-right {
|
|
2054
|
+
align-items: flex-end;
|
|
2055
|
+
padding-right: 24px;
|
|
2056
|
+
}
|
|
2057
|
+
|
|
2058
|
+
.ds-message--top-left {
|
|
2059
|
+
align-items: flex-start;
|
|
2060
|
+
padding-left: 24px;
|
|
2061
|
+
}
|
|
2062
|
+
|
|
2063
|
+
.ds-message--bottom {
|
|
2064
|
+
top: auto;
|
|
2065
|
+
bottom: 0;
|
|
2066
|
+
padding-top: 0;
|
|
2067
|
+
padding-bottom: 16px;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
.ds-message--bottom-right {
|
|
2071
|
+
top: auto;
|
|
2072
|
+
bottom: 0;
|
|
2073
|
+
align-items: flex-end;
|
|
2074
|
+
padding-top: 0;
|
|
2075
|
+
padding-bottom: 16px;
|
|
2076
|
+
padding-right: 24px;
|
|
2077
|
+
}
|
|
2078
|
+
|
|
2079
|
+
.ds-message--bottom-left {
|
|
2080
|
+
top: auto;
|
|
2081
|
+
bottom: 0;
|
|
2082
|
+
align-items: flex-start;
|
|
2083
|
+
padding-top: 0;
|
|
2084
|
+
padding-bottom: 16px;
|
|
2085
|
+
padding-left: 24px;
|
|
2086
|
+
}
|
|
2087
|
+
|
|
2030
2088
|
.ds-message__item {
|
|
2031
2089
|
display: flex;
|
|
2032
2090
|
align-items: center;
|