@ornikar/kitt-universal 4.5.1 → 4.6.1
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/definitions/Button/Button.d.ts +1 -1
- package/dist/definitions/Button/Button.d.ts.map +1 -1
- package/dist/definitions/forms/Checkbox/Checkbox.d.ts +4 -4
- package/dist/definitions/forms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/definitions/forms/InputEmail/InputEmail.d.ts +1 -1
- package/dist/definitions/forms/InputEmail/InputEmail.d.ts.map +1 -1
- package/dist/index-browser-all.es.android.js +8 -7
- package/dist/index-browser-all.es.android.js.map +1 -1
- package/dist/index-browser-all.es.css +2 -2
- package/dist/index-browser-all.es.ios.js +8 -7
- package/dist/index-browser-all.es.ios.js.map +1 -1
- package/dist/index-browser-all.es.js +10 -9
- package/dist/index-browser-all.es.js.map +1 -1
- package/dist/index-browser-all.es.web.js +15 -14
- package/dist/index-browser-all.es.web.js.map +1 -1
- package/dist/index-node-14.17.cjs.css +2 -2
- package/dist/index-node-14.17.cjs.js +9 -8
- package/dist/index-node-14.17.cjs.js.map +1 -1
- package/dist/index-node-14.17.cjs.web.css +7 -7
- package/dist/index-node-14.17.cjs.web.js +14 -13
- package/dist/index-node-14.17.cjs.web.js.map +1 -1
- package/dist/styles.css +7 -7
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
@media (hover:none) and (pointer:coarse){.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.kitt-u_StyledSpinningIconContainer_ssn8o83{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.kitt-u_StyledSpinningIconContainer_ssn8o83 > svg{-webkit-animation:spin-kitt-u_StyledSpinningIconContainer_ssn8o83 1.1s infinite linear;animation:spin-kitt-u_StyledSpinningIconContainer_ssn8o83 1.1s infinite linear;}@-webkit-keyframes spin-kitt-u_StyledSpinningIconContainer_ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}@keyframes spin-kitt-u_StyledSpinningIconContainer_ssn8o83{0%{-webkit-transform:rotate(-1deg);-ms-transform:rotate(-1deg);transform:rotate(-1deg);}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg);}}
|
|
2
|
+
.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh{width:auto;display:var(--a1vkj3mh-0);-webkit-align-self:var(--a1vkj3mh-1);-ms-flex-item-align:var(--a1vkj3mh-1);align-self:var(--a1vkj3mh-1);outline:none;}@media (min-width:768px){.kitt-hover .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:hover > * > *{-webkit-transform:scale(var(--a1vkj3mh-3));-ms-transform:scale(var(--a1vkj3mh-3));transform:scale(var(--a1vkj3mh-3));}}.kitt-active .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:active > * > *{-webkit-transform:var(--a1vkj3mh-4);-ms-transform:var(--a1vkj3mh-4);transform:var(--a1vkj3mh-4);}.kitt-active .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:active > * > *,.kitt-hover .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:hover > * > *{background:var(--a1vkj3mh-5);}.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *{-webkit-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:var(--a1vkj3mh-6);transition:var(--a1vkj3mh-6);}.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::after,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::before{content:'';position:absolute;border-radius:var(--a1vkj3mh-7);-webkit-transition:var(--a1vkj3mh-8);transition:var(--a1vkj3mh-8);}.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::after{opacity:var(--a1vkj3mh-9);top:var(--a1vkj3mh-10);left:var(--a1vkj3mh-10);width:var(--a1vkj3mh-12);height:var(--a1vkj3mh-12);border:var(--a1vkj3mh-14);}.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::before{opacity:0;border:var(--a1vkj3mh-15);width:100%;height:100%;top:var(--a1vkj3mh-16);left:var(--a1vkj3mh-16);}.kitt-focus .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:focus > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > [data-focusvisible-polyfill]{outline:none;}.kitt-focus .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::before,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:focus > * > *::before,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > [data-focusvisible-polyfill] > *::before{opacity:1;}.kitt-hover .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::before,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:hover > * > *::before,.kitt-active .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > * > *::before,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:active > * > *::before{opacity:0;}.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > *{color:var(--a1vkj3mh-18);}.kitt-hover .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:hover > *{color:var(--a1vkj3mh-19);}.kitt-active .kitt-u_AnimatedButtonPressableContainer_a1vkj3mh > *,.kitt-u_AnimatedButtonPressableContainer_a1vkj3mh:active > *{color:var(--a1vkj3mh-20);}
|
|
3
|
+
@media (hover:none) and (pointer:coarse){.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:hover,.kitt-hover .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-0));-ms-transform:scale(var(--p1nlccvg-0));transform:scale(var(--p1nlccvg-0));}}@media (min-width:768px){.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:hover,.kitt-hover .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-2));-ms-transform:scale(var(--p1nlccvg-2));transform:scale(var(--p1nlccvg-2));}}.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:active,.kitt-active .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *{-webkit-transform:scale(var(--p1nlccvg-3));-ms-transform:scale(var(--p1nlccvg-3));transform:scale(var(--p1nlccvg-3));}.kitt-u_PressableIconButtonWebWrapper_p1nlccvg,.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > [data-focusvisible-polyfill]{outline:none;}.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:hover,.kitt-hover .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *,.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:focus,.kitt-focus .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *,.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > [data-focusvisible-polyfill],.kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *:active,.kitt-active .kitt-u_PressableIconButtonWebWrapper_p1nlccvg > *{background-color:var(--p1nlccvg-4);}
|
|
4
|
+
.kitt-u_InputTextContainer_i1encr9g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;}.kitt-u_InputTextContainer_i1encr9g > [data-focusvisible-polyfill]{outline:none;}.kitt-u_InputTextContainer_i1encr9g > *::-ms-clear,.kitt-u_InputTextContainer_i1encr9g > *::-ms-reveal{display:none;}.kitt-u_InputTextContainer_i1encr9g,.kitt-u_InputTextContainer_i1encr9g > *{cursor:var(--i1encr9g-0);}.kitt-u_InputTextContainer_i1encr9g > *{-webkit-transition:var(--i1encr9g-1);transition:var(--i1encr9g-1);}.kitt-u_InputTextContainer_i1encr9g:hover > *,.kitt-hover .kitt-u_InputTextContainer_i1encr9g > *{border-color:var(--i1encr9g-2);}.kitt-u_InputTextContainer_i1encr9g:focus > *,.kitt-u_InputTextContainer_i1encr9g > *:focus,.kitt-focus .kitt-u_InputTextContainer_i1encr9g > *{border-color:var(--i1encr9g-3);}
|
|
5
|
+
.kitt-u_LargeLoaderContainer_l2im3sa{width:60px;height:60px;-webkit-transform:scale(-1) rotate(90deg);-ms-transform:scale(-1) rotate(90deg);transform:scale(-1) rotate(90deg);}@-webkit-keyframes LargeLoaderInit-kitt-u_LargeLoaderContainer_l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:0;}}@keyframes LargeLoaderInit-kitt-u_LargeLoaderContainer_l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:0;}}@-webkit-keyframes LargeLoaderOffset-kitt-u_LargeLoaderContainer_l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:34px;}}@keyframes LargeLoaderOffset-kitt-u_LargeLoaderContainer_l2im3sa{0%{stroke-dashoffset:169.64px;}100%{stroke-dashoffset:34px;}}@-webkit-keyframes LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}.kitt-u_LargeLoaderContainer_l2im3sa circle,.kitt-u_LargeLoaderContainer_l2im3sa g{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}.kitt-u_LargeLoaderContainer_l2im3sa circle{stroke-width:3px;stroke-dasharray:169.64px;stroke-dashoffset:169.64px;stroke-linecap:round;}.kitt-u_LargeLoaderContainer_l2im3sa g[data-large-loader='base'] circle{stroke:var(--l2im3sa-0);-webkit-animation:LargeLoaderInit-kitt-u_LargeLoaderContainer_l2im3sa 1s cubic-bezier(0.39,0.575,0.565,1) 0.5s forwards;animation:LargeLoaderInit-kitt-u_LargeLoaderContainer_l2im3sa 1s cubic-bezier(0.39,0.575,0.565,1) 0.5s forwards;}.kitt-u_LargeLoaderContainer_l2im3sa g[data-large-loader='fill']{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa 1.8s linear 0.5s infinite;animation:LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa 1.8s linear 0.5s infinite;}.kitt-u_LargeLoaderContainer_l2im3sa g[data-large-loader='fill'] circle{stroke:var(--l2im3sa-1);-webkit-animation:LargeLoaderOffset-kitt-u_LargeLoaderContainer_l2im3sa 1.8s cubic-bezier(0.39,0.575,0.565,1) 0.5s infinite alternate,LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa 2.16s linear 0.5s infinite;animation:LargeLoaderOffset-kitt-u_LargeLoaderContainer_l2im3sa 1.8s cubic-bezier(0.39,0.575,0.565,1) 0.5s infinite alternate,LargeLoaderRotation-kitt-u_LargeLoaderContainer_l2im3sa 2.16s linear 0.5s infinite;}
|
|
6
|
+
.kitt-u_StyledSkeleton_sc3upcl{background-color:var(--sc3upcl-0);position:relative;overflow:hidden;height:100%;width:100%;}@-webkit-keyframes flareTranslate-kitt-u_StyledSkeleton_sc3upcl{from{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}}@keyframes flareTranslate-kitt-u_StyledSkeleton_sc3upcl{from{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}}.kitt-u_StyledSkeleton_sc3upcl::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:var(--sc3upcl-1);-webkit-animation:var(--sc3upcl-2);animation:var(--sc3upcl-2);-webkit-animation-name:flareTranslate-kitt-u_StyledSkeleton_sc3upcl;animation-name:flareTranslate-kitt-u_StyledSkeleton_sc3upcl;}
|
|
7
|
+
.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:hover,.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:active,.kitt-hover .kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:none;text-decoration:none;}.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:hover,.kitt-u_TypographyLinkWebWrapper_tcwz3nt > *:active,.kitt-hover .kitt-u_TypographyLinkWebWrapper_tcwz3nt > *{-webkit-text-decoration:var(--tcwz3nt-0);text-decoration:var(--tcwz3nt-0);}
|
|
@@ -44,7 +44,7 @@ function withTheme(WrappedComponent) {
|
|
|
44
44
|
|
|
45
45
|
const StyledSpinningIconContainer = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
46
46
|
name: "StyledSpinningIconContainer",
|
|
47
|
-
class: "
|
|
47
|
+
class: "kitt-u_StyledSpinningIconContainer_ssn8o83"
|
|
48
48
|
}));
|
|
49
49
|
function SpinningIcon({
|
|
50
50
|
children
|
|
@@ -399,7 +399,7 @@ function isSubtle(type) {
|
|
|
399
399
|
|
|
400
400
|
const AnimatedButtonPressableContainer = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
401
401
|
name: "AnimatedButtonPressableContainer",
|
|
402
|
-
class: "
|
|
402
|
+
class: "kitt-u_AnimatedButtonPressableContainer_a1vkj3mh",
|
|
403
403
|
vars: {
|
|
404
404
|
"a1vkj3mh-0": [({
|
|
405
405
|
$isStretch
|
|
@@ -1482,7 +1482,7 @@ function Checkbox({
|
|
|
1482
1482
|
onChange,
|
|
1483
1483
|
onBlur,
|
|
1484
1484
|
onFocus,
|
|
1485
|
-
|
|
1485
|
+
checked,
|
|
1486
1486
|
hitSlop = 40,
|
|
1487
1487
|
id,
|
|
1488
1488
|
children
|
|
@@ -1491,19 +1491,19 @@ function Checkbox({
|
|
|
1491
1491
|
return /*#__PURE__*/jsxRuntime.jsxs(CheckboxAndLabelPressableWrapper, {
|
|
1492
1492
|
accessibilityRole: "checkbox",
|
|
1493
1493
|
accessibilityState: {
|
|
1494
|
-
checked
|
|
1494
|
+
checked
|
|
1495
1495
|
},
|
|
1496
1496
|
hitSlop: hitSlop,
|
|
1497
1497
|
onPress: e => {
|
|
1498
1498
|
if (onFocus) onFocus(e);
|
|
1499
|
-
if (onChange) onChange(e);
|
|
1499
|
+
if (onChange) onChange(!checked, e);
|
|
1500
1500
|
if (onBlur) onBlur(e);
|
|
1501
1501
|
},
|
|
1502
1502
|
children: [/*#__PURE__*/jsxRuntime.jsx(CheckboxContainer, {
|
|
1503
|
-
$isChecked:
|
|
1503
|
+
$isChecked: checked,
|
|
1504
1504
|
$hasLabel: !!children,
|
|
1505
1505
|
testID: id,
|
|
1506
|
-
children:
|
|
1506
|
+
children: checked ? /*#__PURE__*/jsxRuntime.jsx(Icon, {
|
|
1507
1507
|
align: "center",
|
|
1508
1508
|
color: theme.kitt.forms.checkbox.markColor,
|
|
1509
1509
|
size: theme.kitt.forms.checkbox.iconSize,
|
|
@@ -1650,7 +1650,7 @@ function StyleWebWrapper({
|
|
|
1650
1650
|
|
|
1651
1651
|
const PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
1652
1652
|
name: "PressableIconButtonWebWrapper",
|
|
1653
|
-
class: "
|
|
1653
|
+
class: "kitt-u_PressableIconButtonWebWrapper_p1nlccvg",
|
|
1654
1654
|
vars: {
|
|
1655
1655
|
"p1nlccvg-0": [({
|
|
1656
1656
|
theme,
|
|
@@ -2079,7 +2079,7 @@ function DatePicker({
|
|
|
2079
2079
|
$isStretch: stretch,
|
|
2080
2080
|
children: /*#__PURE__*/jsxRuntime.jsx(DatePickerInputPart, { ...sharedPartProps,
|
|
2081
2081
|
partName: "year",
|
|
2082
|
-
value: currentValue
|
|
2082
|
+
value: currentValue ? currentValue.getFullYear() : undefined,
|
|
2083
2083
|
placeholder: placeholder?.year
|
|
2084
2084
|
})
|
|
2085
2085
|
})]
|
|
@@ -2097,7 +2097,7 @@ function DatePicker({
|
|
|
2097
2097
|
|
|
2098
2098
|
const InputTextContainer = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
2099
2099
|
name: "InputTextContainer",
|
|
2100
|
-
class: "
|
|
2100
|
+
class: "kitt-u_InputTextContainer_i1encr9g",
|
|
2101
2101
|
vars: {
|
|
2102
2102
|
"i1encr9g-0": [({
|
|
2103
2103
|
$isDisabled
|
|
@@ -2211,6 +2211,7 @@ function InputEmail(props) {
|
|
|
2211
2211
|
autoCompleteType: "email",
|
|
2212
2212
|
keyboardType: "email-address",
|
|
2213
2213
|
textContentType: "emailAddress",
|
|
2214
|
+
autoCapitalize: "none",
|
|
2214
2215
|
...props
|
|
2215
2216
|
});
|
|
2216
2217
|
}
|
|
@@ -2776,7 +2777,7 @@ ListItem.SideContainer = ListItemSideContainer;
|
|
|
2776
2777
|
|
|
2777
2778
|
const LargeLoaderContainer = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
2778
2779
|
name: "LargeLoaderContainer",
|
|
2779
|
-
class: "
|
|
2780
|
+
class: "kitt-u_LargeLoaderContainer_l2im3sa",
|
|
2780
2781
|
vars: {
|
|
2781
2782
|
"l2im3sa-0": [({
|
|
2782
2783
|
theme
|
|
@@ -3009,7 +3010,7 @@ function Notification({
|
|
|
3009
3010
|
|
|
3010
3011
|
const StyledSkeleton = withTheme( /*#__PURE__*/react$1.styled("div")({
|
|
3011
3012
|
name: "StyledSkeleton",
|
|
3012
|
-
class: "
|
|
3013
|
+
class: "kitt-u_StyledSkeleton_sc3upcl",
|
|
3013
3014
|
vars: {
|
|
3014
3015
|
"sc3upcl-0": [({
|
|
3015
3016
|
theme
|
|
@@ -3705,7 +3706,7 @@ function TypographyEmoji({
|
|
|
3705
3706
|
|
|
3706
3707
|
const TypographyLinkWebWrapper = withTheme( /*#__PURE__*/react$1.styled("span")({
|
|
3707
3708
|
name: "TypographyLinkWebWrapper",
|
|
3708
|
-
class: "
|
|
3709
|
+
class: "kitt-u_TypographyLinkWebWrapper_tcwz3nt",
|
|
3709
3710
|
vars: {
|
|
3710
3711
|
"tcwz3nt-0": [({
|
|
3711
3712
|
$hasNoUnderline
|