@kubit-ui-web/react-components 1.10.1 → 1.11.0
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/cjs/components/button/button.styled.js +14 -2
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +2 -2
- package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -3
- package/dist/cjs/components/calendar/selector/selector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/selector.styled.js +2 -1
- package/dist/cjs/components/calendar/selector/selector.styled.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +1 -1
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/table.js +3 -3
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/component/tableRow.js +2 -2
- package/dist/cjs/components/table/component/tableRow.js.map +1 -1
- package/dist/cjs/components/virtualKeyboard/components/digitButton.js +23 -0
- package/dist/cjs/components/virtualKeyboard/components/digitButton.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/index.js +21 -0
- package/dist/cjs/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/index.js +20 -0
- package/dist/cjs/components/virtualKeyboard/types/index.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/state.js +24 -0
- package/dist/cjs/components/virtualKeyboard/types/state.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboard.js +3 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboard.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboardTheme.js +3 -0
- package/dist/cjs/components/virtualKeyboard/types/virtualKeyboardTheme.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js +51 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.styled.js +43 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboard.styled.js.map +1 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +48 -0
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/styles.js +105 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/astra/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/astra/index.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/styles.js +169 -24
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/variants.js +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/link/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/styles.js +3 -8
- package/dist/cjs/designSystem/kubitWireframe/commons/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/variants.js +2 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js +19 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js +151 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js +8 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/foundations/colors.js +3 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/foundations/colors.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/index.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/index.js +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/index.js.map +1 -1
- package/dist/esm/components/button/button.styled.js +14 -2
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js +2 -2
- package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/selector/selector.js +1 -3
- package/dist/esm/components/calendar/selector/selector.js.map +1 -1
- package/dist/esm/components/calendar/selector/selector.styled.d.ts +1 -1
- package/dist/esm/components/calendar/selector/selector.styled.js +2 -1
- package/dist/esm/components/calendar/selector/selector.styled.js.map +1 -1
- package/dist/esm/components/calendar/selector/types/selector.d.ts +1 -0
- package/dist/esm/components/calendar/types/calendar.d.ts +1 -0
- package/dist/esm/components/icon/icon.js +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/icon/types/icon.d.ts +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/esm/components/stepperNumber/types/prefixSuffix.d.ts +2 -0
- package/dist/esm/components/table/component/listColumnHeaderPriority.js +1 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/table.d.ts +1 -1
- package/dist/esm/components/table/component/table.js +3 -3
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/component/tableRow.js +2 -2
- package/dist/esm/components/table/component/tableRow.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +3 -0
- package/dist/esm/components/virtualKeyboard/components/digitButton.d.ts +7 -0
- package/dist/esm/components/virtualKeyboard/components/digitButton.js +19 -0
- package/dist/esm/components/virtualKeyboard/components/digitButton.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/index.d.ts +3 -0
- package/dist/esm/components/virtualKeyboard/types/index.js +4 -0
- package/dist/esm/components/virtualKeyboard/types/index.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/state.d.ts +18 -0
- package/dist/esm/components/virtualKeyboard/types/state.js +21 -0
- package/dist/esm/components/virtualKeyboard/types/state.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.d.ts +47 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.js +2 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboard.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.d.ts +26 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.js +2 -0
- package/dist/esm/components/virtualKeyboard/types/virtualKeyboardTheme.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.d.ts +12 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.js +29 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.d.ts +12 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.js +37 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboard.styled.js.map +1 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.d.ts +8 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +21 -0
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.js +102 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/index.d.ts +2 -0
- package/dist/esm/designSystem/kubitWireframe/astra/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/astra/index.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/styles.js +169 -24
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.js +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/link/variants.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/styles.js +3 -8
- package/dist/esm/designSystem/kubitWireframe/commons/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.js +2 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.d.ts +2 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/index.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.d.ts +7 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js +147 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/styles.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js +5 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/virtualKeyboard/variants.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.d.ts +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.js +3 -1
- package/dist/esm/designSystem/kubitWireframe/commons/foundations/colors.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/index.d.ts +2 -1
- package/dist/esm/designSystem/kubitWireframe/root/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/root/index.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/vulcan/index.js +1 -1
- package/dist/esm/designSystem/kubitWireframe/vulcan/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.VirtualKeyboardStyled = exports.RemoveButtonStyled = exports.DigitButtonGrid = exports.DigitButtonStyled = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
9
|
+
// type
|
|
10
|
+
const types_1 = require("./types");
|
|
11
|
+
exports.DigitButtonStyled = styled_components_1.default.button `
|
|
12
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.digitButtons?.wrapper?.[types_1.ButtonKeyboardStateType.DEFAULT]?.button)}
|
|
13
|
+
& > span {
|
|
14
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.digitButtons?.wrapper?.[types_1.ButtonKeyboardStateType.DEFAULT]?.text)}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* When pressed the button */
|
|
18
|
+
&:active {
|
|
19
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.digitButtons?.wrapper?.[types_1.ButtonKeyboardStateType.PRESSED]?.button)};
|
|
20
|
+
span {
|
|
21
|
+
${({ styles }) => (0, getStyles_1.getTypographyStyles)(styles?.digitButtons?.wrapper?.[types_1.ButtonKeyboardStateType.PRESSED]?.text)}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
exports.DigitButtonGrid = styled_components_1.default.div `
|
|
26
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.digitButtons?.wrapper)}
|
|
27
|
+
button:nth-child(n + 6) {
|
|
28
|
+
border-bottom: none;
|
|
29
|
+
}
|
|
30
|
+
`;
|
|
31
|
+
exports.RemoveButtonStyled = styled_components_1.default.button `
|
|
32
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.removeButton?.[types_1.ButtonKeyboardStateType.DEFAULT])}
|
|
33
|
+
|
|
34
|
+
/* When pressed the button */
|
|
35
|
+
&:active {
|
|
36
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.removeButton?.[types_1.ButtonKeyboardStateType.PRESSED])}
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
exports.VirtualKeyboardStyled = styled_components_1.default.div `
|
|
40
|
+
// get tokens styles
|
|
41
|
+
${({ styles }) => (0, getStyles_1.getStyles)(styles?.container)}
|
|
42
|
+
`;
|
|
43
|
+
//# sourceMappingURL=virtualKeyboard.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboard.styled.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/virtualKeyboard.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,2DAA6E;AAE7E,OAAO;AACP,mCAAkF;AAUrE,QAAA,iBAAiB,GAAG,2BAAM,CAAC,MAAM,CAAyB;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;;MAEjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;;;;;MAKjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;;QAEjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,IAAA,+BAAmB,EAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;;;CAGlG,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAyB;IAC9D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC;;;;CAI3D,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,MAAM,CAAyB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,CAAC;;;;MAIhF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,YAAY,EAAE,CAAC,+BAAuB,CAAC,OAAO,CAAC,CAAC;;CAEvF,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAiC;;IAE5E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;CAC/C,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.VirtualKeyboardStandAlone = exports.VirtualKeyboardStandAloneComponent = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const useId_1 = require("../../hooks/useId/useId");
|
|
30
|
+
const types_1 = require("../button/types");
|
|
31
|
+
const elementOrIcon_1 = require("../elementOrIcon");
|
|
32
|
+
const digitButton_1 = require("./components/digitButton");
|
|
33
|
+
// styles
|
|
34
|
+
const virtualKeyboard_styled_1 = require("./virtualKeyboard.styled");
|
|
35
|
+
const VirtualKeyboardStandAloneComponent = ({ dataTestId, ...props }, ref) => {
|
|
36
|
+
const uniqueId = (0, useId_1.useId)('virtualKeyboard');
|
|
37
|
+
const virtualKeyboardId = props.id ?? uniqueId;
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(virtualKeyboard_styled_1.VirtualKeyboardStyled, { ref: ref, "data-testid": dataTestId, id: virtualKeyboardId, styles: props.styles?.[props.state], onBlur: props.onVirtualKeyboardBlur, onFocus: props.onVirtualKeyboardFocus, children: [(0, jsx_runtime_1.jsx)(virtualKeyboard_styled_1.DigitButtonGrid, { styles: props.styles?.[props.state], children: props.digits.map((digit, index) => {
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(digitButton_1.DigitButton, { dataTestId: `${dataTestId}DigitButton${index}`, digit: digit, styles: props.styles?.[props.state], onClick: props.onDigitButtonClick }, digit));
|
|
40
|
+
}) }), (0, jsx_runtime_1.jsx)(virtualKeyboard_styled_1.RemoveButtonStyled, { styles: props.styles?.[props.state], type: types_1.ButtonType.BUTTON, onClick: props.onRemoveButtonClick, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.container?.icon, dataTestId: `${dataTestId}RemoveButton`, ...props.icon }) })] }));
|
|
41
|
+
};
|
|
42
|
+
exports.VirtualKeyboardStandAloneComponent = VirtualKeyboardStandAloneComponent;
|
|
43
|
+
/**
|
|
44
|
+
* @description
|
|
45
|
+
* VirtualKeyboardStandAlone component
|
|
46
|
+
*/
|
|
47
|
+
exports.VirtualKeyboardStandAlone = React.forwardRef(exports.VirtualKeyboardStandAloneComponent);
|
|
48
|
+
//# sourceMappingURL=virtualKeyboardStandAlone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtualKeyboardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/virtualKeyboard/virtualKeyboardStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,+CAA4C;AAE5C,2CAA6C;AAC7C,oDAAiD;AACjD,0DAAuD;AAEvD,SAAS;AACT,qEAIkC;AAE3B,MAAM,kCAAkC,GAAG,CAChD,EAAE,UAAU,EAAE,GAAG,KAAK,EAA8B,EACpD,GAA0D,EAC7C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC;IAE/C,OAAO,CACL,wBAAC,8CAAqB,IACpB,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,MAAM,EAAE,KAAK,CAAC,qBAAqB,EACnC,OAAO,EAAE,KAAK,CAAC,sBAAsB,aAErC,uBAAC,wCAAe,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACjD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACjC,OAAO,CACL,uBAAC,yBAAW,IAEV,UAAU,EAAE,GAAG,UAAU,cAAc,KAAK,EAAE,EAC9C,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,KAAK,CAAC,kBAAkB,IAJ5B,KAAK,CAKV,CACH,CAAC;gBACJ,CAAC,CAAC,GACc,EAClB,uBAAC,2CAAkB,IACjB,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EACnC,IAAI,EAAE,kBAAU,CAAC,MAAM,EACvB,OAAO,EAAE,KAAK,CAAC,mBAAmB,YAElC,uBAAC,6BAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAC9D,UAAU,EAAE,GAAG,UAAU,cAAc,KACnC,KAAK,CAAC,IAAI,GACd,GACiB,IACC,CACzB,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,kCAAkC,sCA0C7C;AAEF;;;GAGG;AACU,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,0CAAkC,CAAC,CAAC"}
|
|
@@ -104,4 +104,5 @@ __exportStar(require("./tableCaption/styles"), exports);
|
|
|
104
104
|
__exportStar(require("./tableDivider/styles"), exports);
|
|
105
105
|
__exportStar(require("./tableV2/styles"), exports);
|
|
106
106
|
__exportStar(require("./dataTable/styles"), exports);
|
|
107
|
+
__exportStar(require("./virtualKeyboard/styles"), exports);
|
|
107
108
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,kDAAgC;AAChC,wDAAsC;AACtC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,kDAAgC;AAChC,wDAAsC;AACtC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC;AACnC,2DAAyC"}
|
|
@@ -104,4 +104,5 @@ __exportStar(require("./tableCaption/variants"), exports);
|
|
|
104
104
|
__exportStar(require("./tableDivider/variants"), exports);
|
|
105
105
|
__exportStar(require("./tableV2/variants"), exports);
|
|
106
106
|
__exportStar(require("./dataTable/variants"), exports);
|
|
107
|
+
__exportStar(require("./virtualKeyboard/variants"), exports);
|
|
107
108
|
//# sourceMappingURL=variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,2DAAyC;AACzC,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,wDAAsC;AACtC,kDAAgC;AAChC,oDAAkC;AAClC,0DAAwC;AACxC,4DAA0C;AAC1C,yDAAuC;AACvC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,mDAAiC;AACjC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,gEAA8C;AAC9C,6DAA2C;AAC3C,sDAAoC;AACpC,oDAAkC;AAClC,6DAA2C;AAC3C,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,uDAAqC;AACrC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,uDAAqC;AACrC,0DAAwC;AACxC,0DAAwC;AACxC,qDAAmC;AACnC,uDAAqC"}
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,2DAAyC;AACzC,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,wDAAsC;AACtC,kDAAgC;AAChC,oDAAkC;AAClC,0DAAwC;AACxC,4DAA0C;AAC1C,yDAAuC;AACvC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,mDAAiC;AACjC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,gEAA8C;AAC9C,6DAA2C;AAC3C,sDAAoC;AACpC,oDAAkC;AAClC,6DAA2C;AAC3C,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,uDAAqC;AACrC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,uDAAqC;AACrC,0DAAwC;AACxC,0DAAwC;AACxC,qDAAmC;AACnC,uDAAqC;AACrC,6DAA2C"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./styles"), exports);
|
|
18
|
+
__exportStar(require("./variants"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/virtualKeyboard/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VIRTUAL_KEYBOARD_STYLES = void 0;
|
|
4
|
+
const virtualKeyboard_1 = require("../../../../components/virtualKeyboard");
|
|
5
|
+
const foundations_1 = require("../../foundations");
|
|
6
|
+
const text_1 = require("../text");
|
|
7
|
+
const variants_1 = require("./variants");
|
|
8
|
+
const commonVirtualKeyboardStateProps = {
|
|
9
|
+
display: 'grid',
|
|
10
|
+
grid_template_columns: 'repeat(6, 1fr)',
|
|
11
|
+
grid_template_rows: 'repeat(2, 1fr)',
|
|
12
|
+
grid_column_gap: foundations_1.SPACINGS.spacing_0,
|
|
13
|
+
grid_row_gap: foundations_1.SPACINGS.spacing_0,
|
|
14
|
+
overflow: 'hidden',
|
|
15
|
+
background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
|
|
16
|
+
min_width: '20.5rem',
|
|
17
|
+
border_style: 'solid',
|
|
18
|
+
border_width: foundations_1.BORDERS.border_50,
|
|
19
|
+
border_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_150,
|
|
20
|
+
border_radius: `${foundations_1.RADIUS.radius_00} ${foundations_1.RADIUS.radius_00} ${foundations_1.RADIUS.radius_75} ${foundations_1.RADIUS.radius_75}`,
|
|
21
|
+
icon: {
|
|
22
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_icon_100,
|
|
23
|
+
height: foundations_1.SPACINGS.spacing_400,
|
|
24
|
+
width: foundations_1.SPACINGS.spacing_400,
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
const commonWrapperButtonsProps = {
|
|
28
|
+
grid_area: '1 / 1 / 3 / 6',
|
|
29
|
+
display: 'grid',
|
|
30
|
+
grid_template_columns: 'auto auto auto auto auto',
|
|
31
|
+
};
|
|
32
|
+
const commonDigitButtonProps = {
|
|
33
|
+
cursor: 'pointer',
|
|
34
|
+
display: 'flex',
|
|
35
|
+
align_items: 'center',
|
|
36
|
+
justify_content: 'center',
|
|
37
|
+
background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
|
|
38
|
+
border_style: 'solid',
|
|
39
|
+
border_right_width: foundations_1.BORDERS.border_50,
|
|
40
|
+
border_bottom_width: foundations_1.BORDERS.border_50,
|
|
41
|
+
border_right_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_150,
|
|
42
|
+
border_bottom_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_150,
|
|
43
|
+
padding: `${foundations_1.SPACINGS.spacing_200} ${foundations_1.SPACINGS.spacing_150}`,
|
|
44
|
+
};
|
|
45
|
+
const commonDigitButtonTextProps = {
|
|
46
|
+
display: 'flex',
|
|
47
|
+
align_items: 'center',
|
|
48
|
+
justify_content: 'center',
|
|
49
|
+
font_variant: text_1.TextVariantType.PARAGRAPH_MEDIUM_EXPANDED,
|
|
50
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
|
|
51
|
+
};
|
|
52
|
+
const digitButtonProps = {
|
|
53
|
+
wrapper: {
|
|
54
|
+
...commonWrapperButtonsProps,
|
|
55
|
+
[virtualKeyboard_1.ButtonKeyboardStateType.DEFAULT]: {
|
|
56
|
+
button: commonDigitButtonProps,
|
|
57
|
+
text: commonDigitButtonTextProps,
|
|
58
|
+
},
|
|
59
|
+
[virtualKeyboard_1.ButtonKeyboardStateType.PRESSED]: {
|
|
60
|
+
button: {
|
|
61
|
+
...commonDigitButtonProps,
|
|
62
|
+
background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_200,
|
|
63
|
+
},
|
|
64
|
+
text: {
|
|
65
|
+
...commonDigitButtonTextProps,
|
|
66
|
+
font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
const commonRemoveButtonProps = {
|
|
72
|
+
justify_content: 'center',
|
|
73
|
+
align_items: 'center',
|
|
74
|
+
grid_area: '1 / 6 / 3 / 7',
|
|
75
|
+
cursor: 'pointer',
|
|
76
|
+
padding: `${foundations_1.SPACINGS.spacing_0} ${foundations_1.SPACINGS.spacing_50}`,
|
|
77
|
+
min_width: '3.5rem',
|
|
78
|
+
};
|
|
79
|
+
const removeButtonProps = {
|
|
80
|
+
[virtualKeyboard_1.ButtonKeyboardStateType.DEFAULT]: {
|
|
81
|
+
...commonRemoveButtonProps,
|
|
82
|
+
},
|
|
83
|
+
[virtualKeyboard_1.ButtonKeyboardStateType.PRESSED]: {
|
|
84
|
+
...commonRemoveButtonProps,
|
|
85
|
+
background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_200,
|
|
86
|
+
},
|
|
87
|
+
};
|
|
88
|
+
exports.VIRTUAL_KEYBOARD_STYLES = {
|
|
89
|
+
[variants_1.VirtualKeyboardVariantType.DEFAULT]: {
|
|
90
|
+
[virtualKeyboard_1.VirtualKeyboardStateType.INACTIVE]: {
|
|
91
|
+
container: commonVirtualKeyboardStateProps,
|
|
92
|
+
removeButton: removeButtonProps,
|
|
93
|
+
digitButtons: digitButtonProps,
|
|
94
|
+
},
|
|
95
|
+
[virtualKeyboard_1.VirtualKeyboardStateType.ACTIVE]: {
|
|
96
|
+
container: {
|
|
97
|
+
...commonVirtualKeyboardStateProps,
|
|
98
|
+
box_shadow: foundations_1.SHADOW.shadow_10,
|
|
99
|
+
},
|
|
100
|
+
removeButton: removeButtonProps,
|
|
101
|
+
digitButtons: digitButtonProps,
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/virtualKeyboard/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VirtualKeyboardVariantType = void 0;
|
|
4
|
+
var VirtualKeyboardVariantType;
|
|
5
|
+
(function (VirtualKeyboardVariantType) {
|
|
6
|
+
VirtualKeyboardVariantType["DEFAULT"] = "DEFAULT";
|
|
7
|
+
})(VirtualKeyboardVariantType || (exports.VirtualKeyboardVariantType = VirtualKeyboardVariantType = {}));
|
|
8
|
+
//# sourceMappingURL=variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/virtualKeyboard/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,0BAEX;AAFD,WAAY,0BAA0B;IACpC,iDAAmB,CAAA;AACrB,CAAC,EAFW,0BAA0B,0CAA1B,0BAA0B,QAErC"}
|
|
@@ -5,7 +5,7 @@ const assets_1 = require("../../../designSystem/kubit/assets");
|
|
|
5
5
|
const styles_1 = require("../commons/components/styles");
|
|
6
6
|
const foundations_1 = require("../commons/foundations");
|
|
7
7
|
const colors_1 = require("../commons/foundations/colors");
|
|
8
|
-
const COLORS = { ...(0, colors_1.getColors)('#A092F1') };
|
|
8
|
+
const COLORS = { ...(0, colors_1.getColors)('#A092F1', '#6E64A6') };
|
|
9
9
|
const COMPONENTS_STYLES = { ...(0, styles_1.getComponentsStyles)(COLORS) };
|
|
10
10
|
const FOUNDATIONS_STYLES = { ...(0, foundations_1.getFoundations)('#A092F1') };
|
|
11
11
|
exports.KUBIT_WIREFRAME_ASTRA_STYLES = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubitWireframe/astra/index.ts"],"names":[],"mappings":";;;AAAA,wDAAoD;AAEpD,yDAAmE;AACnE,wDAAwD;AACxD,0DAA0D;AAE1D,MAAM,MAAM,GAAG,EAAE,GAAG,IAAA,kBAAS,EAAC,SAAS,CAAC,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubitWireframe/astra/index.ts"],"names":[],"mappings":";;;AAAA,wDAAoD;AAEpD,yDAAmE;AACnE,wDAAwD;AACxD,0DAA0D;AAE1D,MAAM,MAAM,GAAG,EAAE,GAAG,IAAA,kBAAS,EAAC,SAAS,EAAE,SAAS,CAAC,EAAE,CAAC;AACtD,MAAM,iBAAiB,GAAG,EAAE,GAAG,IAAA,4BAAmB,EAAC,MAAM,CAAC,EAAE,CAAC;AAC7D,MAAM,kBAAkB,GAAG,EAAE,GAAG,IAAA,4BAAc,EAAC,SAAS,CAAC,EAAE,CAAC;AAE/C,QAAA,4BAA4B,GAAG;IAC1C,GAAG,kBAAkB;IACrB,GAAG,iBAAiB;IACpB,KAAK,EAAL,cAAK;CACN,CAAC"}
|
|
@@ -21,8 +21,8 @@ const commonContainerTokens = COLORS => ({
|
|
|
21
21
|
font_variant: variants_1.TextVariantType.PARAGRAPH_SMALL_EXPANDED,
|
|
22
22
|
font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
|
|
23
23
|
cursor: 'pointer',
|
|
24
|
-
...(0, wireframe_1.transformShadow)(foundations_1.RADIUS.
|
|
25
|
-
...(0, wireframe_1.shadowAfterStylesSpecificProps)(foundations_1.RADIUS.radius_300, COLORS
|
|
24
|
+
...(0, wireframe_1.transformShadow)(foundations_1.RADIUS.radius_00),
|
|
25
|
+
...(0, wireframe_1.shadowAfterStylesSpecificProps)(foundations_1.RADIUS.radius_300, COLORS, foundations_1.SPACINGS.spacing_50, `calc(100% + ${foundations_1.SPACINGS.spacing_100})`, foundations_1.SPACINGS.spacing_50, foundations_1.SPACINGS.spacing_0, `calc(100% + ${foundations_1.SPACINGS.spacing_100})`),
|
|
26
26
|
});
|
|
27
27
|
const commonContainerTokensWithouShadow = {
|
|
28
28
|
display: types_2.TextDisplayType.INLINE_FLEX,
|
|
@@ -44,14 +44,25 @@ const getLinkStyles = (COLORS) => {
|
|
|
44
44
|
...commonTokens,
|
|
45
45
|
container: {
|
|
46
46
|
...commonContainerTokens(COLORS),
|
|
47
|
-
color: COLORS.ACCENT.
|
|
47
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
48
48
|
},
|
|
49
49
|
icon: {
|
|
50
50
|
...commonIconTokens,
|
|
51
|
-
color: COLORS.ACCENT.
|
|
51
|
+
color: COLORS.ACCENT.color_accent_default_icon_100,
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
55
|
+
...commonTokens,
|
|
56
|
+
container: {
|
|
57
|
+
...commonContainerTokens(COLORS),
|
|
58
|
+
color: COLORS.PRESSED.color_accent_pressed_font_200,
|
|
59
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_100,
|
|
60
|
+
},
|
|
61
|
+
icon: {
|
|
62
|
+
...commonIconTokens,
|
|
63
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_200,
|
|
52
64
|
},
|
|
53
65
|
},
|
|
54
|
-
[types_1.LinkStateType.PRESSED]: {},
|
|
55
66
|
[types_1.LinkStateType.VISITED]: {},
|
|
56
67
|
[types_1.LinkStateType.DISABLED]: {
|
|
57
68
|
...commonTokens,
|
|
@@ -68,11 +79,11 @@ const getLinkStyles = (COLORS) => {
|
|
|
68
79
|
...commonTokens,
|
|
69
80
|
container: {
|
|
70
81
|
...commonContainerTokens(COLORS),
|
|
71
|
-
color: COLORS.ACCENT.
|
|
82
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
72
83
|
},
|
|
73
84
|
icon: {
|
|
74
85
|
...commonIconTokens,
|
|
75
|
-
color: COLORS.ACCENT.
|
|
86
|
+
color: COLORS.ACCENT.color_accent_default_icon_100,
|
|
76
87
|
},
|
|
77
88
|
},
|
|
78
89
|
},
|
|
@@ -80,15 +91,26 @@ const getLinkStyles = (COLORS) => {
|
|
|
80
91
|
[types_1.LinkStateType.DEFAULT]: {
|
|
81
92
|
...commonTokens,
|
|
82
93
|
container: {
|
|
83
|
-
...
|
|
84
|
-
color: COLORS.ACCENT.
|
|
94
|
+
...commonContainerTokens(COLORS),
|
|
95
|
+
color: COLORS.ACCENT.color_accent_default_font_50,
|
|
85
96
|
},
|
|
86
97
|
icon: {
|
|
87
98
|
...commonIconTokens,
|
|
88
|
-
color: COLORS.ACCENT.
|
|
99
|
+
color: COLORS.ACCENT.color_accent_default_icon_50,
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
103
|
+
...commonTokens,
|
|
104
|
+
container: {
|
|
105
|
+
...commonContainerTokens(COLORS),
|
|
106
|
+
color: COLORS.PRESSED.color_accent_pressed_font_150,
|
|
107
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_100,
|
|
108
|
+
},
|
|
109
|
+
icon: {
|
|
110
|
+
...commonIconTokens,
|
|
111
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_150,
|
|
89
112
|
},
|
|
90
113
|
},
|
|
91
|
-
[types_1.LinkStateType.PRESSED]: {},
|
|
92
114
|
[types_1.LinkStateType.VISITED]: {},
|
|
93
115
|
[types_1.LinkStateType.DISABLED]: {
|
|
94
116
|
...commonTokens,
|
|
@@ -102,14 +124,62 @@ const getLinkStyles = (COLORS) => {
|
|
|
102
124
|
},
|
|
103
125
|
},
|
|
104
126
|
[types_1.LinkStateType.HOVER]: {
|
|
127
|
+
...commonTokens,
|
|
128
|
+
container: {
|
|
129
|
+
...commonContainerTokens(COLORS),
|
|
130
|
+
color: COLORS.ACCENT.color_accent_default_font_50,
|
|
131
|
+
},
|
|
132
|
+
icon: {
|
|
133
|
+
...commonIconTokens,
|
|
134
|
+
color: COLORS.ACCENT.color_accent_default_icon_50,
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
},
|
|
138
|
+
[variants_1.LinkVariantType.SECONDARY_ALT]: {
|
|
139
|
+
[types_1.LinkStateType.DEFAULT]: {
|
|
140
|
+
...commonTokens,
|
|
141
|
+
container: {
|
|
142
|
+
...commonContainerTokens(COLORS),
|
|
143
|
+
color: COLORS.ACCENT.color_accent_default_font_150,
|
|
144
|
+
},
|
|
145
|
+
icon: {
|
|
146
|
+
...commonIconTokens,
|
|
147
|
+
color: COLORS.ACCENT.color_accent_default_icon_150,
|
|
148
|
+
},
|
|
149
|
+
},
|
|
150
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
151
|
+
...commonTokens,
|
|
152
|
+
container: {
|
|
153
|
+
...commonContainerTokens(COLORS),
|
|
154
|
+
color: COLORS.PRESSED.color_accent_pressed_font_100,
|
|
155
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_200,
|
|
156
|
+
},
|
|
157
|
+
icon: {
|
|
158
|
+
...commonIconTokens,
|
|
159
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_100,
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
|
+
[types_1.LinkStateType.VISITED]: {},
|
|
163
|
+
[types_1.LinkStateType.DISABLED]: {
|
|
105
164
|
...commonTokens,
|
|
106
165
|
container: {
|
|
107
166
|
...commonContainerTokensWithouShadow,
|
|
108
|
-
color: COLORS.
|
|
167
|
+
color: COLORS.DISABLED.color_accentDisabled_font_100,
|
|
168
|
+
},
|
|
169
|
+
icon: {
|
|
170
|
+
...commonIconTokens,
|
|
171
|
+
color: COLORS.DISABLED.color_accentDisabled_icon_100,
|
|
172
|
+
},
|
|
173
|
+
},
|
|
174
|
+
[types_1.LinkStateType.HOVER]: {
|
|
175
|
+
...commonTokens,
|
|
176
|
+
container: {
|
|
177
|
+
...commonContainerTokens(COLORS),
|
|
178
|
+
color: COLORS.ACCENT.color_accent_default_font_150,
|
|
109
179
|
},
|
|
110
180
|
icon: {
|
|
111
181
|
...commonIconTokens,
|
|
112
|
-
color: COLORS.ACCENT.
|
|
182
|
+
color: COLORS.ACCENT.color_accent_default_icon_150,
|
|
113
183
|
},
|
|
114
184
|
},
|
|
115
185
|
},
|
|
@@ -120,14 +190,25 @@ const getLinkStyles = (COLORS) => {
|
|
|
120
190
|
...commonTokens,
|
|
121
191
|
container: {
|
|
122
192
|
...commonContainerTokens(COLORS),
|
|
123
|
-
color: COLORS.ACCENT.
|
|
193
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
124
194
|
},
|
|
125
195
|
icon: {
|
|
126
196
|
...commonIconTokens,
|
|
127
|
-
color: COLORS.ACCENT.
|
|
197
|
+
color: COLORS.ACCENT.color_accent_default_icon_100,
|
|
198
|
+
},
|
|
199
|
+
},
|
|
200
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
201
|
+
...commonTokens,
|
|
202
|
+
container: {
|
|
203
|
+
...commonContainerTokens(COLORS),
|
|
204
|
+
color: COLORS.PRESSED.color_accent_pressed_font_200,
|
|
205
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_100,
|
|
206
|
+
},
|
|
207
|
+
icon: {
|
|
208
|
+
...commonIconTokens,
|
|
209
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_200,
|
|
128
210
|
},
|
|
129
211
|
},
|
|
130
|
-
[types_1.LinkStateType.PRESSED]: {},
|
|
131
212
|
[types_1.LinkStateType.VISITED]: {},
|
|
132
213
|
[types_1.LinkStateType.DISABLED]: {
|
|
133
214
|
...commonTokens,
|
|
@@ -137,17 +218,19 @@ const getLinkStyles = (COLORS) => {
|
|
|
137
218
|
},
|
|
138
219
|
icon: {
|
|
139
220
|
color: COLORS.DISABLED.color_accentDisabled_icon_100,
|
|
221
|
+
width: foundations_1.SPACINGS.spacing_350,
|
|
222
|
+
height: foundations_1.SPACINGS.spacing_350,
|
|
140
223
|
},
|
|
141
224
|
},
|
|
142
225
|
[types_1.LinkStateType.HOVER]: {
|
|
143
226
|
...commonTokens,
|
|
144
227
|
container: {
|
|
145
228
|
...commonContainerTokens(COLORS),
|
|
146
|
-
color: COLORS.ACCENT.
|
|
229
|
+
color: COLORS.ACCENT.color_accent_default_font_100,
|
|
147
230
|
},
|
|
148
231
|
icon: {
|
|
149
232
|
...commonIconTokens,
|
|
150
|
-
color: COLORS.ACCENT.
|
|
233
|
+
color: COLORS.ACCENT.color_accent_default_icon_100,
|
|
151
234
|
},
|
|
152
235
|
},
|
|
153
236
|
},
|
|
@@ -155,15 +238,26 @@ const getLinkStyles = (COLORS) => {
|
|
|
155
238
|
[types_1.LinkStateType.DEFAULT]: {
|
|
156
239
|
...commonTokens,
|
|
157
240
|
container: {
|
|
158
|
-
...
|
|
159
|
-
color: COLORS.ACCENT.
|
|
241
|
+
...commonContainerTokens(COLORS),
|
|
242
|
+
color: COLORS.ACCENT.color_accent_default_font_50,
|
|
243
|
+
},
|
|
244
|
+
icon: {
|
|
245
|
+
...commonIconTokens,
|
|
246
|
+
color: COLORS.ACCENT.color_accent_default_icon_50,
|
|
247
|
+
},
|
|
248
|
+
},
|
|
249
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
250
|
+
...commonTokens,
|
|
251
|
+
container: {
|
|
252
|
+
...commonContainerTokens(COLORS),
|
|
253
|
+
color: COLORS.PRESSED.color_accent_pressed_font_150,
|
|
254
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_100,
|
|
160
255
|
},
|
|
161
256
|
icon: {
|
|
162
257
|
...commonIconTokens,
|
|
163
|
-
color: COLORS.
|
|
258
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_150,
|
|
164
259
|
},
|
|
165
260
|
},
|
|
166
|
-
[types_1.LinkStateType.PRESSED]: {},
|
|
167
261
|
[types_1.LinkStateType.VISITED]: {},
|
|
168
262
|
[types_1.LinkStateType.DISABLED]: {
|
|
169
263
|
...commonTokens,
|
|
@@ -173,17 +267,68 @@ const getLinkStyles = (COLORS) => {
|
|
|
173
267
|
},
|
|
174
268
|
icon: {
|
|
175
269
|
color: COLORS.DISABLED.color_accentDisabled_icon_100,
|
|
270
|
+
width: foundations_1.SPACINGS.spacing_350,
|
|
271
|
+
height: foundations_1.SPACINGS.spacing_350,
|
|
176
272
|
},
|
|
177
273
|
},
|
|
178
274
|
[types_1.LinkStateType.HOVER]: {
|
|
275
|
+
...commonTokens,
|
|
276
|
+
container: {
|
|
277
|
+
...commonContainerTokens(COLORS),
|
|
278
|
+
color: COLORS.ACCENT.color_accent_default_font_50,
|
|
279
|
+
},
|
|
280
|
+
icon: {
|
|
281
|
+
...commonIconTokens,
|
|
282
|
+
color: COLORS.ACCENT.color_accent_default_icon_50,
|
|
283
|
+
},
|
|
284
|
+
},
|
|
285
|
+
},
|
|
286
|
+
[variants_1.LinkVariantType.SECONDARY_ALT]: {
|
|
287
|
+
[types_1.LinkStateType.DEFAULT]: {
|
|
288
|
+
...commonTokens,
|
|
289
|
+
container: {
|
|
290
|
+
...commonContainerTokens(COLORS),
|
|
291
|
+
color: COLORS.ACCENT.color_accent_default_font_150,
|
|
292
|
+
},
|
|
293
|
+
icon: {
|
|
294
|
+
...commonIconTokens,
|
|
295
|
+
color: COLORS.ACCENT.color_accent_default_icon_150,
|
|
296
|
+
},
|
|
297
|
+
},
|
|
298
|
+
[types_1.LinkStateType.PRESSED]: {
|
|
299
|
+
...commonTokens,
|
|
300
|
+
container: {
|
|
301
|
+
...commonContainerTokens(COLORS),
|
|
302
|
+
color: COLORS.PRESSED.color_accent_pressed_font_100,
|
|
303
|
+
background_color: COLORS.PRESSED.color_accent_pressed_bg_200,
|
|
304
|
+
},
|
|
305
|
+
icon: {
|
|
306
|
+
...commonIconTokens,
|
|
307
|
+
color: COLORS.PRESSED.color_accent_pressed_icon_100,
|
|
308
|
+
},
|
|
309
|
+
},
|
|
310
|
+
[types_1.LinkStateType.VISITED]: {},
|
|
311
|
+
[types_1.LinkStateType.DISABLED]: {
|
|
179
312
|
...commonTokens,
|
|
180
313
|
container: {
|
|
181
314
|
...commonContainerTokensWithouShadow,
|
|
182
|
-
color: COLORS.
|
|
315
|
+
color: COLORS.DISABLED.color_accentDisabled_font_100,
|
|
316
|
+
},
|
|
317
|
+
icon: {
|
|
318
|
+
color: COLORS.DISABLED.color_accentDisabled_icon_100,
|
|
319
|
+
width: foundations_1.SPACINGS.spacing_350,
|
|
320
|
+
height: foundations_1.SPACINGS.spacing_350,
|
|
321
|
+
},
|
|
322
|
+
},
|
|
323
|
+
[types_1.LinkStateType.HOVER]: {
|
|
324
|
+
...commonTokens,
|
|
325
|
+
container: {
|
|
326
|
+
...commonContainerTokens(COLORS),
|
|
327
|
+
color: COLORS.ACCENT.color_accent_default_font_150,
|
|
183
328
|
},
|
|
184
329
|
icon: {
|
|
185
330
|
...commonIconTokens,
|
|
186
|
-
color: COLORS.ACCENT.
|
|
331
|
+
color: COLORS.ACCENT.color_accent_default_icon_150,
|
|
187
332
|
},
|
|
188
333
|
},
|
|
189
334
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/components/link/styles.ts"],"names":[],"mappings":";;;AAAA,mDAAwF;AACxF,mDAA0D;AAC1D,6EAGuD;AAEvD,mDAAkE;AAClE,0CAA+D;AAE/D,MAAM,YAAY,GAAG;IACnB,kBAAkB,EAAE;QAClB,OAAO,EAAE,uBAAe,CAAC,WAAW;QACpC,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,sBAAQ,CAAC,WAAW;KAC1B;CACF,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IACvC,OAAO,EAAE,uBAAe,CAAC,WAAW;IACpC,0BAA0B;IAC1B,aAAa,EAAE,oBAAM,CAAC,WAAW;IACjC,YAAY,EAAE,0BAAe,CAAC,wBAAwB;IACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;IACxC,MAAM,EAAE,SAAS;IACjB,GAAG,IAAA,2BAAe,EAAC,oBAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubitWireframe/commons/components/link/styles.ts"],"names":[],"mappings":"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"}
|