@pedidopago/ui 1.2.4 → 1.3.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/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +2 -1
- package/dist/components/Alert/styles.js +1 -1
- package/dist/components/Alert/types.d.ts +2 -1
- package/dist/components/Alert/types.d.ts.map +1 -1
- package/dist/components/Card/card.test.tsx.d.ts +2 -0
- package/dist/components/Card/card.test.tsx.d.ts.map +1 -0
- package/dist/components/Card/card.test.tsx.js +41 -0
- package/dist/components/Card/index.d.ts +2 -2
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.js +25 -69
- package/dist/components/Card/styles.d.ts +2 -52
- package/dist/components/Card/styles.d.ts.map +1 -1
- package/dist/components/Card/styles.js +7 -80
- package/dist/components/Card/types.d.ts +12 -37
- package/dist/components/Card/types.d.ts.map +1 -1
- package/dist/components/DateInput/styles.d.ts +1 -1
- package/dist/components/Flex/styles.d.ts +1 -0
- package/dist/components/Flex/styles.d.ts.map +1 -1
- package/dist/components/Grid/styles.d.ts +1 -0
- package/dist/components/Grid/styles.d.ts.map +1 -1
- package/dist/components/Icon/data/form.d.ts +9 -0
- package/dist/components/Icon/data/form.d.ts.map +1 -0
- package/dist/components/Icon/data/form.js +248 -0
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/Icon/scripts/build.d.ts.map +1 -1
- package/dist/components/Icon/scripts/build.js +9 -3
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/Icon/utils/allIcons.d.ts.map +1 -1
- package/dist/components/Icon/utils/allIcons.js +3 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +15 -1
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +43 -20
- package/dist/components/Modal/styles.d.ts +15 -2
- package/dist/components/Modal/styles.d.ts.map +1 -1
- package/dist/components/Modal/styles.js +25 -7
- package/dist/components/Modal/types.d.ts +6 -5
- package/dist/components/Modal/types.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/Label.js +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +52 -28
- package/dist/components/Select/styles.d.ts +13 -0
- package/dist/components/Select/styles.d.ts.map +1 -1
- package/dist/components/Select/styles.js +22 -4
- package/dist/components/Select/types.d.ts +2 -0
- package/dist/components/Select/types.d.ts.map +1 -1
- package/dist/components/Spinner/styles.d.ts +1 -0
- package/dist/components/Spinner/styles.d.ts.map +1 -1
- package/dist/components/Table/styles.d.ts.map +1 -1
- package/dist/components/Table/styles.js +56 -8
- package/dist/components/Tag/styles.d.ts +3 -0
- package/dist/components/Tag/styles.d.ts.map +1 -1
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.js +10 -26
- package/dist/components/Tooltip/styles.d.ts.map +1 -1
- package/dist/components/Tooltip/styles.js +13 -20
- package/dist/components/Tooltip/types.d.ts +1 -1
- package/dist/components/Tooltip/types.d.ts.map +1 -1
- package/dist/components/Tooltip/util.d.ts +0 -4
- package/dist/components/Tooltip/util.d.ts.map +1 -1
- package/dist/components/Tooltip/util.js +1 -87
- package/dist/components/Typography/index.js +1 -1
- package/dist/components/Typography/styles.d.ts +1 -1
- package/dist/index.d.ts +8 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +30 -21
- package/dist/shared/hooks/useDisableBodyScroll.js +2 -2
- package/dist/shared/hooks/useWindowSize.d.ts +5 -0
- package/dist/shared/hooks/useWindowSize.d.ts.map +1 -0
- package/dist/shared/hooks/useWindowSize.js +46 -0
- package/dist/shared/theme/hooks/useTheme.d.ts +1 -0
- package/dist/shared/theme/hooks/useTheme.d.ts.map +1 -1
- package/dist/shared/theme/theme.d.ts +1 -0
- package/dist/shared/theme/theme.d.ts.map +1 -1
- package/dist/shared/theme/theme.js +1 -0
- package/dist/utils/getColorValue.d.ts +1 -9
- package/dist/utils/getColorValue.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -17,7 +17,28 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
|
|
|
17
17
|
|
|
18
18
|
var StyledTable = _styled.default.table(function (props) {
|
|
19
19
|
var theme = props.theme;
|
|
20
|
-
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n
|
|
20
|
+
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-spacing: 0px;\n\n & > thead {\n & > tr {\n height: 64px;\n\n & > th {\n background: hsla(156, 13%, 92%, 0.5);\n border-top: 1px solid\n ", ";\n border-bottom: 1px solid\n ", ";\n padding-left: 16px;\n padding-right: 16px;\n text-align: left;\n * {\n color: #587169;\n font-size: ", ";\n }\n\n &:first-of-type {\n border-left: 1px solid\n ", ";\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-right: 1px solid\n ", ";\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n }\n\n & > tbody {\n tr {\n height: 64px;\n\n &:not(:last-child) {\n & > td {\n border-bottom: 1px solid\n ", ";\n }\n }\n\n &:hover {\n & > td {\n background: ", ";\n\n &:first-of-type {\n border-radius: 4px 0px 0px 4px;\n }\n\n &:last-child {\n border-radius: 0px 4px 4px 0px;\n }\n }\n }\n\n &:focus {\n outline: 2px solid ", ";\n border-radius: 4px;\n }\n\n &[data-selected='true'] {\n & > td {\n background: ", ";\n }\n }\n\n & > td {\n padding-left: 16px;\n padding-right: 16px;\n\n text-align: left;\n\n color: ", ";\n }\n }\n }\n "])), {
|
|
21
|
+
dark: theme.colors.neutral.neutral5,
|
|
22
|
+
light: theme.colors.neutral.neutral2
|
|
23
|
+
}[theme.colorMode], {
|
|
24
|
+
dark: theme.colors.neutral.neutral5,
|
|
25
|
+
light: theme.colors.neutral.neutral2
|
|
26
|
+
}[theme.colorMode], theme.fontSizes.xxxs, {
|
|
27
|
+
dark: theme.colors.neutral.neutral5,
|
|
28
|
+
light: theme.colors.neutral.neutral2
|
|
29
|
+
}[theme.colorMode], {
|
|
30
|
+
dark: theme.colors.neutral.neutral5,
|
|
31
|
+
light: theme.colors.neutral.neutral2
|
|
32
|
+
}[theme.colorMode], {
|
|
33
|
+
dark: theme.colors.neutral.neutral5,
|
|
34
|
+
light: theme.colors.neutral.neutral2
|
|
35
|
+
}[theme.colorMode], {
|
|
36
|
+
dark: theme.colors.neutral.neutral6,
|
|
37
|
+
light: theme.colors.neutral.neutral1
|
|
38
|
+
}[theme.colorMode], theme.colors.primary.focus, {
|
|
39
|
+
dark: theme.colors.neutral.neutral6,
|
|
40
|
+
light: theme.colors.neutral.neutral1
|
|
41
|
+
}[theme.colorMode], theme.colors.neutral.neutral5);
|
|
21
42
|
});
|
|
22
43
|
|
|
23
44
|
exports.StyledTable = StyledTable;
|
|
@@ -28,7 +49,22 @@ exports.SelectedHeader = SelectedHeader;
|
|
|
28
49
|
|
|
29
50
|
var ActionsButton = _styled.default.button(function (props) {
|
|
30
51
|
var theme = props.theme;
|
|
31
|
-
return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n appearance: none;\n font-family: inherit;\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n margin: 0px -2px 0px 0px;\n outline: none;\n border: 2px solid\n ", ";\n padding: 0px 24px;\n\n height: 44px;\n\n white-space: nowrap;\n\n color: ", ";\n background: ", ";\n\n transition: background-color linear ", ";\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-of-type {\n color: ", ";\n border-radius: 8px 0px 0px 8px;\n }\n\n &:last-of-type {\n border-radius: 0px 8px 8px 0px;\n }\n\n &:only-child {\n border-radius: 8px;\n }\n\n &:hover,\n &:focus {\n z-index: 1;\n\n border-color: ", ";\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])),
|
|
52
|
+
return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n appearance: none;\n font-family: inherit;\n\n display: flex;\n align-items: center;\n gap: 8px;\n\n margin: 0px -2px 0px 0px;\n outline: none;\n border: 2px solid\n ", ";\n padding: 0px 24px;\n\n height: 44px;\n\n white-space: nowrap;\n\n color: ", ";\n background: ", ";\n\n transition: background-color linear ", ";\n\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n\n &:first-of-type {\n color: ", ";\n border-radius: 8px 0px 0px 8px;\n }\n\n &:last-of-type {\n border-radius: 0px 8px 8px 0px;\n }\n\n &:only-child {\n border-radius: 8px;\n }\n\n &:hover,\n &:focus {\n z-index: 1;\n\n border-color: ", ";\n background: ", ";\n }\n\n &:active {\n background: ", ";\n }\n "])), {
|
|
53
|
+
dark: theme.colors.neutral.neutral4,
|
|
54
|
+
light: theme.colors.neutral.neutral2
|
|
55
|
+
}[theme.colorMode], theme.colors.neutral.neutral5, {
|
|
56
|
+
dark: theme.colors.neutral.black,
|
|
57
|
+
light: theme.colors.neutral.white
|
|
58
|
+
}[theme.colorMode], theme.transition.speed, theme.colors.neutral.black, {
|
|
59
|
+
dark: theme.colors.neutral.neutral4,
|
|
60
|
+
light: theme.colors.neutral.neutral3
|
|
61
|
+
}[theme.colorMode], {
|
|
62
|
+
dark: theme.colors.neutral.neutral5,
|
|
63
|
+
light: theme.colors.neutral.neutral1
|
|
64
|
+
}[theme.colorMode], {
|
|
65
|
+
dark: theme.colors.neutral.neutral4,
|
|
66
|
+
light: theme.colors.neutral.neutral2
|
|
67
|
+
}[theme.colorMode]);
|
|
32
68
|
});
|
|
33
69
|
|
|
34
70
|
exports.ActionsButton = ActionsButton;
|
|
@@ -47,8 +83,12 @@ exports.VerticalPointsButton = VerticalPointsButton;
|
|
|
47
83
|
|
|
48
84
|
var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n border-radius: 8px;\n background-color: ", ";\n box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);\n right: ", "px;\n top: ", "px;\n padding: 10px;\n\n z-index: ", ";\n"])), function (props) {
|
|
49
85
|
return props.isOpen ? 'block' : 'none';
|
|
50
|
-
}, function (
|
|
51
|
-
|
|
86
|
+
}, function (_ref) {
|
|
87
|
+
var theme = _ref.theme;
|
|
88
|
+
return {
|
|
89
|
+
dark: theme.colors.neutral.neutral6,
|
|
90
|
+
light: theme.colors.neutral.neutral1
|
|
91
|
+
}[theme.colorMode];
|
|
52
92
|
}, function (props) {
|
|
53
93
|
return props.posRight ? props.posRight : 0;
|
|
54
94
|
}, function (props) {
|
|
@@ -59,12 +99,20 @@ var MenuItemContainer = _styled.default.div(_templateObject6 || (_templateObject
|
|
|
59
99
|
|
|
60
100
|
exports.MenuItemContainer = MenuItemContainer;
|
|
61
101
|
|
|
62
|
-
var MenuItemContent = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n border-radius: 8px;\n padding: 10px 35px;\n cursor: pointer;\n user-select: none;\n font-size: 1rem;\n white-space: nowrap;\n\n color: ", ";\n\n transition: background linear ", ";\n\n &:hover {\n background: ", ";\n }\n"])), function (
|
|
63
|
-
|
|
102
|
+
var MenuItemContent = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n border-radius: 8px;\n padding: 10px 35px;\n cursor: pointer;\n user-select: none;\n font-size: 1rem;\n white-space: nowrap;\n\n color: ", ";\n\n transition: background linear ", ";\n\n &:hover {\n background: ", ";\n }\n"])), function (_ref2) {
|
|
103
|
+
var theme = _ref2.theme;
|
|
104
|
+
return {
|
|
105
|
+
dark: theme.colors.neutral.white,
|
|
106
|
+
light: theme.colors.neutral.black
|
|
107
|
+
}[theme.colorMode];
|
|
64
108
|
}, function (props) {
|
|
65
109
|
return props.theme.transition.speed;
|
|
66
|
-
}, function (
|
|
67
|
-
|
|
110
|
+
}, function (_ref3) {
|
|
111
|
+
var theme = _ref3.theme;
|
|
112
|
+
return {
|
|
113
|
+
dark: theme.colors.neutral.neutral4,
|
|
114
|
+
light: theme.colors.neutral.neutral1
|
|
115
|
+
}[theme.colorMode];
|
|
68
116
|
});
|
|
69
117
|
|
|
70
118
|
exports.MenuItemContent = MenuItemContent;
|
|
@@ -8,6 +8,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
|
|
8
8
|
size?: string | undefined;
|
|
9
9
|
theme?: {
|
|
10
10
|
fontSizes: {
|
|
11
|
+
tiny: string;
|
|
11
12
|
xxxs: string;
|
|
12
13
|
xxs: string;
|
|
13
14
|
xs: string;
|
|
@@ -294,6 +295,7 @@ export declare const Text: import("@emotion/styled").StyledComponent<{
|
|
|
294
295
|
} & {
|
|
295
296
|
theme?: {
|
|
296
297
|
fontSizes: {
|
|
298
|
+
tiny: string;
|
|
297
299
|
xxxs: string;
|
|
298
300
|
xxs: string;
|
|
299
301
|
xs: string;
|
|
@@ -582,6 +584,7 @@ export declare const Close: import("@emotion/styled").StyledComponent<{
|
|
|
582
584
|
} & {
|
|
583
585
|
theme?: {
|
|
584
586
|
fontSizes: {
|
|
587
|
+
tiny: string;
|
|
585
588
|
xxxs: string;
|
|
586
589
|
xxs: string;
|
|
587
590
|
xs: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yGAoBnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAGN,OAAO;2GASjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qHA2BjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,WAAW,CAoF5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -7,22 +7,12 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
|
|
10
|
-
var _theme = require("../../shared/theme");
|
|
11
|
-
|
|
12
10
|
var _styles = require("./styles");
|
|
13
11
|
|
|
14
|
-
var _componenteTeste = require("./componenteTeste");
|
|
15
|
-
|
|
16
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
13
|
|
|
18
14
|
var _excluded = ["position", "maxWidth", "label", "labelColor", "animationDuration", "backgroundColor", "width", "children"];
|
|
19
15
|
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
-
|
|
26
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
17
|
|
|
28
18
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -44,8 +34,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
44
34
|
position = _ref$position === void 0 ? 'top' : _ref$position,
|
|
45
35
|
_ref$maxWidth = _ref.maxWidth,
|
|
46
36
|
maxWidth = _ref$maxWidth === void 0 ? '280px' : _ref$maxWidth,
|
|
47
|
-
|
|
48
|
-
label = _ref$label === void 0 ? 'Testin' : _ref$label,
|
|
37
|
+
label = _ref.label,
|
|
49
38
|
labelColor = _ref.labelColor,
|
|
50
39
|
_ref$animationDuratio = _ref.animationDuration,
|
|
51
40
|
animationDuration = _ref$animationDuratio === void 0 ? 0.2 : _ref$animationDuratio,
|
|
@@ -54,9 +43,6 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
54
43
|
children = _ref.children,
|
|
55
44
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
56
45
|
|
|
57
|
-
var _useTheme = (0, _theme.useTheme)(),
|
|
58
|
-
theme = _useTheme.theme;
|
|
59
|
-
|
|
60
46
|
var _useState = (0, _react.useState)(false),
|
|
61
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
62
48
|
showTooltip = _useState2[0],
|
|
@@ -67,19 +53,19 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
67
53
|
|
|
68
54
|
function positionTooltip() {
|
|
69
55
|
var tooltip = motionDiv.current;
|
|
70
|
-
|
|
71
|
-
var tooltipInitialValues = _objectSpread({}, tooltip);
|
|
72
|
-
|
|
73
56
|
var container = componentDiv.current;
|
|
74
57
|
|
|
75
58
|
if (tooltip !== null && container !== null) {
|
|
76
59
|
var tooltipDimensions = tooltip.getBoundingClientRect();
|
|
77
|
-
tooltip.style = _objectSpread({}, tooltipInitialValues.style);
|
|
78
60
|
|
|
79
61
|
if (window.innerWidth < 500 && (tooltipDimensions.x < 0 || tooltipDimensions.x > window.innerWidth)) {
|
|
80
62
|
tooltip.style.top = container.offsetHeight + 5 + 'px';
|
|
81
63
|
tooltip.style.left = '0px';
|
|
82
64
|
tooltip.style.right = '0px';
|
|
65
|
+
tooltip.style.width = 'max-content';
|
|
66
|
+
} else if (tooltipDimensions.x < 0 && tooltipDimensions.y < 0) {
|
|
67
|
+
tooltip.style.top = container.offsetHeight + 5 + 'px';
|
|
68
|
+
tooltip.style.left = '0px';
|
|
83
69
|
} else if (tooltipDimensions.x < 0) {
|
|
84
70
|
tooltip.style.left = container.offsetWidth + 5 + 'px';
|
|
85
71
|
tooltip.style.width = 'max-content';
|
|
@@ -87,13 +73,14 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
87
73
|
} else if (tooltipDimensions.y < 0 || tooltipDimensions.x > window.innerWidth) {
|
|
88
74
|
tooltip.style.height = 'max-content';
|
|
89
75
|
tooltip.style.top = container.offsetHeight + 5 + 'px';
|
|
90
|
-
tooltip.style.left = container.offsetWidth / 2 - tooltip.offsetWidth / 2 + 'px';
|
|
91
76
|
}
|
|
92
77
|
}
|
|
93
78
|
}
|
|
94
79
|
|
|
95
80
|
(0, _react.useEffect)(function () {
|
|
96
|
-
|
|
81
|
+
if (showTooltip) {
|
|
82
|
+
positionTooltip();
|
|
83
|
+
}
|
|
97
84
|
}, [showTooltip]);
|
|
98
85
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.TooltipComponentWrapper, {
|
|
99
86
|
position: position,
|
|
@@ -107,7 +94,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
107
94
|
},
|
|
108
95
|
"data-testid": "tooltip-target",
|
|
109
96
|
ref: componentDiv,
|
|
110
|
-
children: children
|
|
97
|
+
children: children
|
|
111
98
|
}), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MotionDiv, {
|
|
112
99
|
initial: {
|
|
113
100
|
opacity: 0
|
|
@@ -126,14 +113,11 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
126
113
|
ref: motionDiv,
|
|
127
114
|
position: position,
|
|
128
115
|
backgroundColor: backgroundColor,
|
|
129
|
-
isLabelString: typeof label === 'string' && label.length > 0,
|
|
130
116
|
width: width,
|
|
131
117
|
maxWidth: maxWidth,
|
|
132
118
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TooltipWrapper, {
|
|
133
119
|
labelColor: labelColor,
|
|
134
|
-
children: label
|
|
135
|
-
theme: theme
|
|
136
|
-
})
|
|
120
|
+
children: label
|
|
137
121
|
})
|
|
138
122
|
})]
|
|
139
123
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,uBAAuB;;;uHAmBnC,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAI1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAerB,CAAC;AAEF,eAAO,MAAM,cAAc;;;uHAS1B,CAAC"}
|
|
@@ -19,15 +19,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
19
19
|
|
|
20
20
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
21
21
|
|
|
22
|
-
var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n\n ", "\n\n .TooltipArea {\n &::after {\n display: none;\n content: '';\n position: absolute;\n
|
|
22
|
+
var TooltipComponentWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n\n ", "\n\n .TooltipArea {\n &::after {\n display: none;\n content: '';\n position: absolute;\n background-color: ", ";\n width: 16px;\n height: 20px;\n z-index: -1;\n }\n }\n"])), _util.FlexPositionController, function (_ref) {
|
|
23
23
|
var backgroundColor = _ref.backgroundColor,
|
|
24
24
|
theme = _ref.theme;
|
|
25
|
-
return backgroundColor || theme.colors.neutral.black;
|
|
26
|
-
}, function (_ref2) {
|
|
27
|
-
var backgroundColor = _ref2.backgroundColor,
|
|
28
|
-
theme = _ref2.theme;
|
|
29
25
|
return backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.black);
|
|
30
|
-
}
|
|
26
|
+
});
|
|
31
27
|
|
|
32
28
|
exports.TooltipComponentWrapper = TooltipComponentWrapper;
|
|
33
29
|
|
|
@@ -35,23 +31,20 @@ var TooltipTarget = _styled.default.div(_templateObject2 || (_templateObject2 =
|
|
|
35
31
|
|
|
36
32
|
|
|
37
33
|
exports.TooltipTarget = TooltipTarget;
|
|
38
|
-
var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (
|
|
39
|
-
var
|
|
40
|
-
position =
|
|
41
|
-
backgroundColor =
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
theme
|
|
46
|
-
return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: ", ";\n justify-content: inherit;\n align-items: inherit;\n width: ", ";\n max-width: ", ";\n border-radius: ", ";\n ", ";\n ", ";\n "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, isLabelString ? {
|
|
47
|
-
padding: 10
|
|
48
|
-
} : null, (0, _util.TooltipAreaPositionController)(position));
|
|
34
|
+
var MotionDiv = (0, _styled.default)(_framerMotion.motion.div)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
|
|
35
|
+
var _ref2$position = _ref2.position,
|
|
36
|
+
position = _ref2$position === void 0 ? 'right' : _ref2$position,
|
|
37
|
+
backgroundColor = _ref2.backgroundColor,
|
|
38
|
+
width = _ref2.width,
|
|
39
|
+
maxWidth = _ref2.maxWidth,
|
|
40
|
+
theme = _ref2.theme;
|
|
41
|
+
return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: ", ";\n justify-content: inherit;\n align-items: inherit;\n width: ", ";\n max-width: ", ";\n border-radius: ", ";\n ", ";\n "])), backgroundColor || (theme.colorMode === 'dark' ? theme.colors.neutral.white : theme.colors.neutral.neutral5), width, maxWidth, theme.borderRadius.default, (0, _util.TooltipAreaPositionController)(position));
|
|
49
42
|
});
|
|
50
43
|
exports.MotionDiv = MotionDiv;
|
|
51
44
|
|
|
52
|
-
var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n height: inherit;\n overflow: hidden;\n\n color: ", ";\n"])), function (
|
|
53
|
-
var labelColor =
|
|
54
|
-
theme =
|
|
45
|
+
var TooltipWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n height: inherit;\n overflow: hidden;\n\n color: ", ";\n padding: 10px;\n"])), function (_ref3) {
|
|
46
|
+
var labelColor = _ref3.labelColor,
|
|
47
|
+
theme = _ref3.theme;
|
|
55
48
|
return labelColor || (theme.colorMode === 'dark' ? theme.colors.neutral.black : theme.colors.neutral.white);
|
|
56
49
|
});
|
|
57
50
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,YAAY,GACpB,WAAW,GACX,KAAK,GACL,SAAS,GACT,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,CAAC;AAEf,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC"}
|
|
@@ -25,8 +25,4 @@ export declare function TooltipAreaPositionController(position: positionType): {
|
|
|
25
25
|
left?: undefined;
|
|
26
26
|
} | null;
|
|
27
27
|
export declare function FlexPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
|
|
28
|
-
export declare function controlArrow(props: IStyleProps): import("@emotion/react").SerializedStyles;
|
|
29
|
-
export declare function ArrowPositionController({ position }: IStyleProps): import("@emotion/react").SerializedStyles | null;
|
|
30
|
-
export declare function chooseArrow({ position }: IStyleProps): "clip-path: polygon(0 100%, 100% 100%, 50% 0)" | "clip-path: polygon(0 0, 100% 0, 50% 100%)" | "clip-path: polygon(100% 0, 100% 100%, 0% 50%);" | "clip-path: polygon(0% 0, 0% 100%,100% 50%)" | null;
|
|
31
|
-
export declare function arrowMarginController({ position }: IStyleProps): import("@emotion/react").SerializedStyles;
|
|
32
28
|
//# sourceMappingURL=util.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE
|
|
1
|
+
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;SAqCnE;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAkB,EAAE,EAAE,WAAW,oDAoCzE"}
|
|
@@ -3,16 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ArrowPositionController = ArrowPositionController;
|
|
7
6
|
exports.FlexPositionController = FlexPositionController;
|
|
8
7
|
exports.TooltipAreaPositionController = TooltipAreaPositionController;
|
|
9
|
-
exports.arrowMarginController = arrowMarginController;
|
|
10
|
-
exports.chooseArrow = chooseArrow;
|
|
11
|
-
exports.controlArrow = controlArrow;
|
|
12
8
|
|
|
13
9
|
var _react = require("@emotion/react");
|
|
14
10
|
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
11
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
16
12
|
|
|
17
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
18
14
|
|
|
@@ -92,86 +88,4 @@ function FlexPositionController(_ref) {
|
|
|
92
88
|
default:
|
|
93
89
|
return null;
|
|
94
90
|
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
function controlArrow(props) {
|
|
98
|
-
var arrow = chooseArrow(props);
|
|
99
|
-
var arrowPosition = ArrowPositionController(props);
|
|
100
|
-
var arrowMargin = arrowMarginController(props);
|
|
101
|
-
return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", ";\n ", "\n ", "\n "])), arrow, arrowPosition, arrowMargin);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
function ArrowPositionController(_ref2) {
|
|
105
|
-
var _ref2$position = _ref2.position,
|
|
106
|
-
position = _ref2$position === void 0 ? 'bottom' : _ref2$position;
|
|
107
|
-
var distanceControl = 'calc(100% - 5px)';
|
|
108
|
-
|
|
109
|
-
switch (position) {
|
|
110
|
-
case 'bottom':
|
|
111
|
-
case 'bottom-start':
|
|
112
|
-
case 'bottom-end':
|
|
113
|
-
return (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n bottom: ", ";\n "])), distanceControl);
|
|
114
|
-
|
|
115
|
-
case 'left':
|
|
116
|
-
case 'left-start':
|
|
117
|
-
case 'left-end':
|
|
118
|
-
return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n left: ", ";\n "])), distanceControl);
|
|
119
|
-
|
|
120
|
-
case 'right':
|
|
121
|
-
case 'right-start':
|
|
122
|
-
case 'right-end':
|
|
123
|
-
return (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n right: ", ";\n "])), distanceControl);
|
|
124
|
-
|
|
125
|
-
case 'top':
|
|
126
|
-
case 'top-start':
|
|
127
|
-
case 'top-end':
|
|
128
|
-
return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n top: ", ";\n "])), distanceControl);
|
|
129
|
-
|
|
130
|
-
default:
|
|
131
|
-
return null;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
function chooseArrow(_ref3) {
|
|
136
|
-
var position = _ref3.position;
|
|
137
|
-
var arrowLeft = 'clip-path: polygon(100% 0, 100% 100%, 0% 50%);';
|
|
138
|
-
var arrowRight = 'clip-path: polygon(0% 0, 0% 100%,100% 50%)';
|
|
139
|
-
var arrowTop = 'clip-path: polygon(0 100%, 100% 100%, 50% 0)';
|
|
140
|
-
var arrowBottom = 'clip-path: polygon(0 0, 100% 0, 50% 100%)';
|
|
141
|
-
|
|
142
|
-
switch (position) {
|
|
143
|
-
case 'bottom':
|
|
144
|
-
case 'bottom-end':
|
|
145
|
-
case 'bottom-start':
|
|
146
|
-
return arrowTop;
|
|
147
|
-
|
|
148
|
-
case 'top':
|
|
149
|
-
case 'top-end':
|
|
150
|
-
case 'top-start':
|
|
151
|
-
return arrowBottom;
|
|
152
|
-
|
|
153
|
-
case 'right':
|
|
154
|
-
case 'right-start':
|
|
155
|
-
case 'right-end':
|
|
156
|
-
return arrowLeft;
|
|
157
|
-
|
|
158
|
-
case 'left':
|
|
159
|
-
case 'left-end':
|
|
160
|
-
case 'left-start':
|
|
161
|
-
return arrowRight;
|
|
162
|
-
|
|
163
|
-
default:
|
|
164
|
-
return null;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
function arrowMarginController(_ref4) {
|
|
169
|
-
var position = _ref4.position;
|
|
170
|
-
var isVertical = (position === null || position === void 0 ? void 0 : position.includes('bottom')) || (position === null || position === void 0 ? void 0 : position.includes('top'));
|
|
171
|
-
|
|
172
|
-
if (isVertical) {
|
|
173
|
-
return (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n margin: 0px 10px;\n "])));
|
|
174
|
-
} else {
|
|
175
|
-
return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin: 10px 0;\n "])));
|
|
176
|
-
}
|
|
177
91
|
}
|
|
@@ -40,7 +40,7 @@ var Typography = function Typography(_ref) {
|
|
|
40
40
|
var textColor = (0, _getColorValue.getColorValue)(color || (colorMode === 'dark' ? 'neutral.white' : 'neutral.black'), theme);
|
|
41
41
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledText, _objectSpread(_objectSpread({
|
|
42
42
|
as: variant,
|
|
43
|
-
textColor: textColor
|
|
43
|
+
textColor: color ? textColor : 'inherit'
|
|
44
44
|
}, rest), {}, {
|
|
45
45
|
children: children
|
|
46
46
|
}));
|
|
@@ -6,7 +6,7 @@ export declare const StyledText: import("@emotion/styled").StyledComponent<{
|
|
|
6
6
|
} & GenericStyledProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
|
|
7
7
|
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
|
|
8
8
|
color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
|
|
9
|
-
fontSize?: number | "display" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
|
|
9
|
+
fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
|
|
10
10
|
fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
|
|
11
11
|
fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
|
|
12
12
|
lineHeight?: string | number | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export { default as Avatar } from './components/Avatar';
|
|
|
3
3
|
export { default as Badge } from './components/Badge';
|
|
4
4
|
export { default as Button } from './components/Button';
|
|
5
5
|
export { Card } from './components/Card';
|
|
6
|
-
export { default as Checkbox } from './components/CheckboxInput';
|
|
7
6
|
export { default as ColorPicker } from './components/ColorPicker';
|
|
8
7
|
export { default as DatePicker } from './components/DatePicker';
|
|
9
8
|
export { Dialog } from './components/Dialog';
|
|
@@ -13,21 +12,15 @@ export { default as Grid } from './components/Grid';
|
|
|
13
12
|
export { default as Icon } from './components/Icon';
|
|
14
13
|
export { type IconName } from './components/Icon/types';
|
|
15
14
|
export { default as IconItem } from './components/IconItem';
|
|
16
|
-
export { default as Input } from './components/Input';
|
|
17
15
|
export { default as Label } from './components/Label';
|
|
18
16
|
export { default as List } from './components/List';
|
|
19
17
|
export { Modal } from './components/Modal';
|
|
20
18
|
export { Pagination } from './components/Pagination';
|
|
21
19
|
export { default as Progress } from './components/Progress';
|
|
22
|
-
export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
|
|
23
|
-
export { default as Radio } from './components/RadioInput';
|
|
24
20
|
export { default as Rating } from './components/Rating';
|
|
25
21
|
export { default as Skeleton } from './components/Skeleton';
|
|
26
|
-
export { default as Select } from './components/Select';
|
|
27
|
-
export { default as MultipleSelect } from './components/MultipleSelect';
|
|
28
22
|
export { default as Slider } from './components/Slider';
|
|
29
23
|
export { default as Spinner } from './components/Spinner';
|
|
30
|
-
export { default as Switch } from './components/Switch';
|
|
31
24
|
export { default as Steps } from './components/Steps';
|
|
32
25
|
export { Table } from './components/Table';
|
|
33
26
|
export * from './components/Tabs';
|
|
@@ -38,6 +31,14 @@ export * from './components/Timeline';
|
|
|
38
31
|
export { default as Toast } from './components/Toast';
|
|
39
32
|
export { default as Tooltip } from './components/Tooltip';
|
|
40
33
|
export { default as Typography } from './components/Typography';
|
|
34
|
+
export { default as Input } from './components/Input';
|
|
35
|
+
export { DateInput } from './components/DateInput';
|
|
36
|
+
export { default as Select } from './components/Select';
|
|
37
|
+
export { default as MultipleSelect } from './components/MultipleSelect';
|
|
38
|
+
export { default as Checkbox } from './components/CheckboxInput';
|
|
39
|
+
export { default as ChoiceList } from './components/RadioInput/components/ChoiceList';
|
|
40
|
+
export { default as Radio } from './components/RadioInput';
|
|
41
|
+
export { default as Switch } from './components/Switch';
|
|
41
42
|
export { default as useToast } from './components/Toast/hooks/useToast';
|
|
42
43
|
export { default as ToastProvider } from './components/Toast/contexts/ToastProvider';
|
|
43
44
|
export * from './shared/theme';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|