@beequip/hexagon 0.18.5 → 0.19.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/Autocomplete/index.stories.d.ts +2 -2
- package/dist/components/Badge/index.stories.d.ts +2 -2
- package/dist/components/Box/index.stories.d.ts +3 -3
- package/dist/components/Button/index.stories.d.ts +6 -6
- package/dist/components/ButtonGroup/index.stories.d.ts +3 -3
- package/dist/components/Card/index.stories.d.ts +5 -5
- package/dist/components/Checkbox/index.stories.d.ts +3 -3
- package/dist/components/CounterTag/index.stories.d.ts +2 -2
- package/dist/components/Error/index.stories.d.ts +2 -2
- package/dist/components/ExternalLink/index.stories.d.ts +5 -5
- package/dist/components/Field/index.d.ts +2 -2
- package/dist/components/Field/index.js +5 -9
- package/dist/components/Field/index.js.map +1 -1
- package/dist/components/Field/index.stories.d.ts +3 -3
- package/dist/components/Field/styles.d.ts +1 -0
- package/dist/components/Field/styles.js +3 -2
- package/dist/components/Field/styles.js.map +1 -1
- package/dist/components/Heading/index.stories.d.ts +2 -2
- package/dist/components/HelpText/index.stories.d.ts +2 -2
- package/dist/components/Input/CurrencyInput/index.js +5 -5
- package/dist/components/Input/CurrencyInput/index.js.map +1 -1
- package/dist/components/Input/CurrencyInput/index.stories.d.ts +2 -2
- package/dist/components/Input/index.d.ts +0 -2
- package/dist/components/Input/index.js +2 -8
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/index.stories.d.ts +6 -6
- package/dist/components/Input/styles.d.ts +0 -1
- package/dist/components/Input/styles.js +5 -6
- package/dist/components/Input/styles.js.map +1 -1
- package/dist/components/Label/index.stories.d.ts +2 -2
- package/dist/components/Link/index.stories.d.ts +2 -2
- package/dist/components/List/index.stories.d.ts +2 -2
- package/dist/components/Modal/index.stories.d.ts +2 -2
- package/dist/components/Notification/index.stories.d.ts +5 -5
- package/dist/components/PageLoader/index.stories.d.ts +2 -2
- package/dist/components/Portal/index.stories.d.ts +2 -2
- package/dist/components/Radio/index.stories.d.ts +2 -2
- package/dist/components/RadioGroup/index.stories.d.ts +2 -2
- package/dist/components/Select/index.stories.d.ts +2 -2
- package/dist/components/Spinner/index.stories.d.ts +2 -2
- package/dist/components/Tag/index.stories.d.ts +6 -6
- package/dist/components/Text/index.stories.d.ts +4 -4
- package/dist/components/TextArea/index.stories.d.ts +3 -3
- package/dist/components/ToggleContainer/ToggleItem/index.stories.d.ts +2 -2
- package/dist/components/ToggleContainer/index.stories.d.ts +2 -2
- package/dist/components/Tooltip/index.d.ts +5 -6
- package/dist/components/Tooltip/index.js +13 -7
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/Tooltip/index.stories.d.ts +2 -2
- package/dist/components/Tooltip/index.stories.js +8 -1
- package/dist/components/Tooltip/index.stories.js.map +1 -1
- package/dist/components/Tooltip/styles.d.ts +4 -2
- package/dist/components/Tooltip/styles.js +7 -7
- package/dist/components/Tooltip/styles.js.map +1 -1
- package/dist/theme/types.d.ts +1 -1
- package/package.json +11 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { AutocompleteProps } from './index';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AutocompleteProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { BadgeProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, BadgeProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BoxProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Centered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, BoxProps>;
|
|
5
|
+
export declare const Centered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, BoxProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { StoryFn } from '@storybook/react';
|
|
2
2
|
import { ButtonProps } from '.';
|
|
3
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
3
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const All: StoryFn<ButtonProps>;
|
|
6
|
-
export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
-
export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
9
|
-
export declare const Ghost: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
10
|
-
export declare const None: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
+
export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonProps>;
|
|
7
|
+
export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonProps>;
|
|
8
|
+
export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonProps>;
|
|
9
|
+
export declare const Ghost: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonProps>;
|
|
10
|
+
export declare const None: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonProps>;
|
|
11
11
|
export declare const Sizes: StoryFn<ButtonProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonGroupProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonGroupProps>;
|
|
5
|
+
export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ButtonGroupProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CardProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const withBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const SmallShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const LargeShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardProps>;
|
|
5
|
+
export declare const withBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardProps>;
|
|
6
|
+
export declare const SmallShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardProps>;
|
|
7
|
+
export declare const LargeShadow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CheckboxProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const WithDescription: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CheckboxProps>;
|
|
5
|
+
export declare const WithDescription: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CheckboxProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CounterTagProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CounterTagProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
2
2
|
export default _default;
|
|
3
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
3
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ExternalLinkProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Medium: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExternalLinkProps>;
|
|
5
|
+
export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExternalLinkProps>;
|
|
6
|
+
export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExternalLinkProps>;
|
|
7
|
+
export declare const Medium: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExternalLinkProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Spacing, Tooltip } from '../../theme/types';
|
|
2
|
+
import { Spacing, Tooltip as TooltipType } from '../../theme/types';
|
|
3
3
|
export interface FieldProps {
|
|
4
4
|
label: string | 'none';
|
|
5
5
|
spacing?: Spacing;
|
|
@@ -7,7 +7,7 @@ export interface FieldProps {
|
|
|
7
7
|
helpText?: string;
|
|
8
8
|
htmlFor?: string;
|
|
9
9
|
optional?: boolean;
|
|
10
|
-
tooltip?:
|
|
10
|
+
tooltip?: TooltipType;
|
|
11
11
|
children: React.ReactNode;
|
|
12
12
|
}
|
|
13
13
|
export declare const Field: {
|
|
@@ -3,21 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Field = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = require("react");
|
|
6
|
-
var react_tooltip_1 = require("react-tooltip");
|
|
7
|
-
var InfoCircle_1 = require("../../assets/icons/InfoCircle");
|
|
8
|
-
var theme_1 = require("../../theme/theme");
|
|
9
6
|
var FieldError_1 = require("../FieldError");
|
|
10
|
-
var styles_1 = require("../Input/styles");
|
|
11
7
|
var Label_1 = require("../Label");
|
|
12
|
-
var
|
|
8
|
+
var Tooltip_1 = require("../Tooltip");
|
|
9
|
+
var styles_1 = require("./styles");
|
|
13
10
|
var Field = function (_a) {
|
|
14
11
|
var spacing = _a.spacing, label = _a.label, htmlFor = _a.htmlFor, optional = _a.optional, tooltip = _a.tooltip, children = _a.children, error = _a.error, rest = tslib_1.__rest(_a, ["spacing", "label", "htmlFor", "optional", "tooltip", "children", "error"]);
|
|
15
|
-
return (React.createElement(
|
|
16
|
-
React.createElement(
|
|
12
|
+
return (React.createElement(styles_1.StyledField, tslib_1.__assign({ spacing: spacing }, rest),
|
|
13
|
+
React.createElement(styles_1.StyledLabelWrapper, null,
|
|
17
14
|
label !== 'none' && (React.createElement(Label_1.Label, { label: label, htmlFor: htmlFor, optional: optional })),
|
|
18
15
|
tooltip && (React.createElement(styles_1.StyledTooltip, null,
|
|
19
|
-
React.createElement(
|
|
20
|
-
React.createElement(InfoCircle_1.InfoCircle, { "data-background-color": theme_1.GREY1, "data-multiline": true, "data-place": tooltip.place, "data-tip": tooltip.content, width: 15, color: theme_1.PRIMARY })))),
|
|
16
|
+
React.createElement(Tooltip_1.Tooltip, { place: tooltip.place }, tooltip.content)))),
|
|
21
17
|
children,
|
|
22
18
|
error && React.createElement(FieldError_1.FieldError, null, error)));
|
|
23
19
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAE9B,4CAA0C;AAC1C,kCAAgC;AAChC,sCAAoC;AACpC,mCAAyE;AAalE,IAAM,KAAK,GAAG,UAAC,EAST;IART,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBARW,2EASrB,CADU;IAEP,OAAO,CACH,oBAAC,oBAAW,qBAAC,OAAO,EAAE,OAAO,IAAM,IAAI;QACnC,oBAAC,2BAAkB;YACd,KAAK,KAAK,MAAM,IAAI,CACjB,oBAAC,aAAK,IACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL;YACA,OAAO,IAAI,CACR,oBAAC,sBAAa;gBACV,oBAAC,iBAAO,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,IACxB,OAAO,CAAC,OAAO,CACV,CACE,CACnB,CACgB;QACpB,QAAQ;QACR,KAAK,IAAI,oBAAC,uBAAU,QAAE,KAAK,CAAc,CAChC,CACjB,CAAA;AACL,CAAC,CAAA;AAhCY,QAAA,KAAK,SAgCjB;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,OAAO,EAAE,CAAC;CACC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FieldProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const WithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, FieldProps>;
|
|
5
|
+
export declare const WithError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, FieldProps>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { FieldProps } from '.';
|
|
2
2
|
export declare const StyledField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FieldProps, "spacing">, never>;
|
|
3
3
|
export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StyledLabelWrapper = exports.StyledField = void 0;
|
|
3
|
+
exports.StyledTooltip = exports.StyledLabelWrapper = exports.StyledField = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
var Box_1 = require("../Box");
|
|
7
7
|
exports.StyledField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return props.spacing && (0, Box_1.mb)(props.spacing, props.theme.spacing); });
|
|
8
8
|
exports.StyledLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
9
|
-
|
|
9
|
+
exports.StyledTooltip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n margin-left: ", "px;\n margin-bottom: ", "px;\n"], ["\n margin-left: ", "px;\n margin-bottom: ", "px;\n"])), function (props) { return props.theme.baseline; }, function (props) { return props.theme.baseline; });
|
|
10
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
10
11
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Field/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,8BAA2B;AAEd,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0FAA6B,QAC5D,EAAgE,KACrE,KADK,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAvD,CAAuD,EACrE;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6HAAA,kDAG3C,KAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Field/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAAsC;AAEtC,8BAA2B;AAEd,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0FAA6B,QAC5D,EAAgE,KACrE,KADK,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,IAAA,QAAE,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAvD,CAAuD,EACrE;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,6HAAA,kDAG3C,KAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,qIAAA,qBACpB,EAA6B,0BAC3B,EAA6B,OACjD,KAFkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EAC3B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,EAApB,CAAoB,EACjD"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryFn } from '@storybook/react';
|
|
2
2
|
import { HeadingProps } from '.';
|
|
3
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
3
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, HeadingProps>;
|
|
6
6
|
export declare const HeadingWithText: StoryFn<HeadingProps>;
|
|
7
7
|
export declare const AllHeadings: StoryFn<HeadingProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { HelpTextProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, HelpTextProps>;
|
|
@@ -22,10 +22,10 @@ var CurrencyInput = function (props) {
|
|
|
22
22
|
}
|
|
23
23
|
var valueAsInt = parseInt((0, utilities_1.removeFormatting)(valueAsString), 10);
|
|
24
24
|
if ((0, utilities_1.checkIsValidNumber)(valueAsInt)) {
|
|
25
|
-
var
|
|
26
|
-
updateCurrentValue(
|
|
25
|
+
var setValue_1 = (0, utilities_1.addFormatting)(valueAsInt);
|
|
26
|
+
updateCurrentValue(setValue_1);
|
|
27
|
+
onChange(valueAsInt);
|
|
27
28
|
}
|
|
28
|
-
onChange(valueAsInt);
|
|
29
29
|
return null;
|
|
30
30
|
};
|
|
31
31
|
var handleBlur = function (event) {
|
|
@@ -39,8 +39,8 @@ var CurrencyInput = function (props) {
|
|
|
39
39
|
}
|
|
40
40
|
var valueAsInt = parseInt((0, utilities_1.removeFormatting)(valueAsString), 10);
|
|
41
41
|
if ((0, utilities_1.checkIsValidNumber)(valueAsInt)) {
|
|
42
|
-
var
|
|
43
|
-
updateCurrentValue(
|
|
42
|
+
var setValue_2 = (0, utilities_1.addFormatting)(valueAsInt);
|
|
43
|
+
updateCurrentValue(setValue_2);
|
|
44
44
|
}
|
|
45
45
|
onBlur(valueAsInt);
|
|
46
46
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,oCAAwD;AACxD,mCAA0E;AAC1E,yCAIoB;AAkBb,IAAM,aAAa,GAAG,UAAC,KAAyB;IAE/C,IAAO,aAAa,GASpB,KAAK,MATe,EACpB,IAAI,GAQJ,KAAK,KARD,EACJ,MAAM,GAON,KAAK,OAPC,EACN,QAAQ,GAMR,KAAK,SANG,EACR,QAAQ,GAKR,KAAK,SALG,EACR,OAAO,GAIP,KAAK,QAJE,EACP,MAAM,GAGN,KAAK,OAHC,EACN,SAAS,GAET,KAAK,UAFI,EACN,IAAI,kBACP,KAAK,EAVH,qFAUL,CADU,CACF;IAEH,IAAA,KAAA,eAA8B,KAAK,CAAC,QAAQ,CAC9C,KAAK,CAAC,SAAS,IAAI,KAAK,CAC3B,IAAA,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAA;IAEK,IAAA,KAAA,eAAqC,KAAK,CAAC,QAAQ,CACrD,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI;QACjD,CAAC,CAAC,IAAA,yBAAa,EAAC,aAAa,CAAC;QAC9B,CAAC,CAAC,EAAE,CACX,IAAA,EAJM,YAAY,QAAA,EAAE,kBAAkB,QAItC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,KAA0C;QAE9C,IAAA,KAAK,GACf,KAAK,aADU,CACV;QAET,IAAM,aAAa,GAAG,KAAK,CAAA;QAE3B,IAAI,aAAa,KAAK,EAAE,IAAI,aAAa,KAAK,IAAI,EAAE;YAChD,kBAAkB,CAAC,EAAE,CAAC,CAAA;YACtB,QAAQ,CAAC,EAAE,CAAC,CAAA;YACZ,OAAO,KAAK,CAAA;SACf;QAED,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAA,4BAAgB,EAAC,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;QAEhE,IAAI,IAAA,8BAAkB,EAAC,UAAU,CAAC,EAAE;YAChC,IAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/CurrencyInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CurrencyInputProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CurrencyInputProps>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Tooltip } from '../../theme/types';
|
|
3
2
|
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
3
|
hook?: string;
|
|
5
4
|
error?: string | React.ReactNode;
|
|
6
5
|
helpText?: string;
|
|
7
|
-
tooltip?: Tooltip;
|
|
8
6
|
postfix?: string;
|
|
9
7
|
prefix?: string;
|
|
10
8
|
}
|
|
@@ -3,12 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Input = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = require("react");
|
|
6
|
-
var react_tooltip_1 = require("react-tooltip");
|
|
7
|
-
var InfoCircle_1 = require("../../assets/icons/InfoCircle");
|
|
8
|
-
var theme_1 = require("../../theme/theme");
|
|
9
6
|
var styles_1 = require("./styles");
|
|
10
7
|
exports.Input = React.forwardRef(function (_a, ref) {
|
|
11
|
-
var hook = _a.hook, helpText = _a.helpText,
|
|
8
|
+
var hook = _a.hook, helpText = _a.helpText, postfix = _a.postfix, prefix = _a.prefix, className = _a.className, onFocus = _a.onFocus, onBlur = _a.onBlur, props = tslib_1.__rest(_a, ["hook", "helpText", "postfix", "prefix", "className", "onFocus", "onBlur"]);
|
|
12
9
|
var _b = tslib_1.__read(React.useState(props.autoFocus || false), 2), isFocussed = _b[0], setIsFocussed = _b[1];
|
|
13
10
|
return (React.createElement(styles_1.StyledInputWrapper, { isFocussed: isFocussed, disabled: props.disabled, error: props.error, className: className },
|
|
14
11
|
prefix && (React.createElement(styles_1.StyledPreFix, { className: "hexagon-input-prefix" }, prefix)),
|
|
@@ -23,10 +20,7 @@ exports.Input = React.forwardRef(function (_a, ref) {
|
|
|
23
20
|
setIsFocussed(false);
|
|
24
21
|
}, className: "hexagon-input" }, props)),
|
|
25
22
|
helpText && React.createElement(styles_1.StyledHelpText, null, helpText)),
|
|
26
|
-
postfix && (React.createElement(styles_1.StyledPostFix, { className: "hexagon-input-postfix" }, postfix))
|
|
27
|
-
tooltip && (React.createElement(styles_1.StyledTooltip, null,
|
|
28
|
-
React.createElement(react_tooltip_1.default, null),
|
|
29
|
-
React.createElement(InfoCircle_1.InfoCircle, { "data-background-color": theme_1.GREY1, "data-multiline": true, "data-place": tooltip.place, "data-tip": tooltip.content, "data-offset": "{'top': 10, 'left': 10}", width: 16, color: theme_1.PRIMARY })))));
|
|
23
|
+
postfix && (React.createElement(styles_1.StyledPostFix, { className: "hexagon-input-postfix" }, postfix))));
|
|
30
24
|
});
|
|
31
25
|
exports.Input.defaultProps = {
|
|
32
26
|
autoComplete: 'off',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,mCAOiB;AAWJ,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CACjC,UACI,EASC,EACD,GAAG;IATC,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,sBARZ,2EASC,CADW;IAIN,IAAA,KAAA,eAA8B,KAAK,CAAC,QAAQ,CAC9C,KAAK,CAAC,SAAS,IAAI,KAAK,CAC3B,IAAA,EAFM,UAAU,QAAA,EAAE,aAAa,QAE/B,CAAA;IACD,OAAO,CACH,oBAAC,2BAAkB,IACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,SAAS;QAEnB,MAAM,IAAI,CACP,oBAAC,qBAAY,IAAC,SAAS,EAAC,sBAAsB,IACzC,MAAM,CACI,CAClB;QACD,oBAAC,yBAAgB;YACb,oBAAC,oBAAW,kCACG,IAAI,EACf,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,UAAA,CAAC;oBACN,IAAI,OAAO;wBAAE,OAAO,CAAC,CAAC,CAAC,CAAA;oBACvB,aAAa,CAAC,IAAI,CAAC,CAAA;gBACvB,CAAC,EACD,MAAM,EAAE,UAAA,CAAC;oBACL,IAAI,MAAM;wBAAE,MAAM,CAAC,CAAC,CAAC,CAAA;oBACrB,aAAa,CAAC,KAAK,CAAC,CAAA;gBACxB,CAAC,EACD,SAAS,EAAC,eAAe,IACrB,KAAK,EACX;YACD,QAAQ,IAAI,oBAAC,uBAAc,QAAE,QAAQ,CAAkB,CACzC;QAClB,OAAO,IAAI,CACR,oBAAC,sBAAa,IAAC,SAAS,EAAC,uBAAuB,IAC3C,OAAO,CACI,CACnB,CACgB,CACxB,CAAA;AACL,CAAC,CACJ,CAAA;AAED,aAAK,CAAC,YAAY,GAAG;IACjB,YAAY,EAAE,KAAK;IACnB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACf,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { InputProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const WithPrefix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const WithPostfix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
-
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputProps>;
|
|
5
|
+
export declare const WithPrefix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputProps>;
|
|
6
|
+
export declare const WithPostfix: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputProps>;
|
|
7
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputProps>;
|
|
8
|
+
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputProps>;
|
|
@@ -36,7 +36,6 @@ export declare const StyledHelpText: import("styled-components").StyledComponent
|
|
|
36
36
|
};
|
|
37
37
|
}, import("styled-components").DefaultTheme, {}, never>;
|
|
38
38
|
export declare const StyledInputInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
39
|
-
export declare const StyledTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
40
39
|
export declare const StyledPreFix: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
41
40
|
export declare const StyledPostFix: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
42
41
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StyledPostFix = exports.StyledPreFix = exports.
|
|
3
|
+
exports.StyledPostFix = exports.StyledPreFix = exports.StyledInputInner = exports.StyledHelpText = exports.StyledInput = exports.inputStyles = exports.StyledInputWrapper = exports.inputWrapperStyles = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = require("styled-components");
|
|
6
6
|
var HelpText_1 = require("../HelpText");
|
|
@@ -42,9 +42,8 @@ exports.StyledHelpText = (0, styled_components_1.default)(HelpText_1.HelpText)(t
|
|
|
42
42
|
return theme.transition('opacity');
|
|
43
43
|
}, function (props) { return props.theme.colors.grey[600]; });
|
|
44
44
|
exports.StyledInputInner = styled_components_1.default.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
exports.
|
|
48
|
-
|
|
49
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
45
|
+
var prePostStyles = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s ease-in-out 0s;\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s ease-in-out 0s;\n"])), function (props) { return props.theme.font.default; }, function (props) { return props.theme.font.sizes.s; }, function (props) { return props.theme.colors.grey[900]; });
|
|
46
|
+
exports.StyledPreFix = styled_components_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n ", ";\n padding-left: ", "px;\n"], ["\n ", ";\n padding-left: ", "px;\n"])), prePostStyles, function (props) { return props.theme.baseline; });
|
|
47
|
+
exports.StyledPostFix = styled_components_1.default.div(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n ", ";\n padding-right: ", "px;\n"], ["\n ", ";\n padding-right: ", "px;\n"])), prePostStyles, function (props) { return props.theme.baseline; });
|
|
48
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
50
49
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LabelProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, LabelProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { LinkProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, LinkProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ListProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ListProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ModalProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { NotificationProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Succes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Message: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Succes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationProps>;
|
|
5
|
+
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationProps>;
|
|
6
|
+
export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationProps>;
|
|
7
|
+
export declare const Message: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, NotificationProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
1
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
2
2
|
export default _default;
|
|
3
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
3
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { PortalProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, PortalProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RadioProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Standard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Standard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RadioProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RadioGroupProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RadioGroupProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SelectProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, SelectProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SpinnerProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, SpinnerProps>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { TagProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
7
|
-
export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
8
|
-
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TagProps>;
|
|
5
|
+
export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TagProps>;
|
|
6
|
+
export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TagProps>;
|
|
7
|
+
export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TagProps>;
|
|
8
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TagProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const Medium: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
6
|
-
export declare const Bold: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TextProps>;
|
|
5
|
+
export declare const Medium: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TextProps>;
|
|
6
|
+
export declare const Bold: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TextProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TextAreaProps } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
5
|
-
export declare const WithPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TextAreaProps>;
|
|
5
|
+
export declare const WithPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TextAreaProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ToggleItem } from './';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ToggleItem>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ToggleContainerProps } from './index';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ToggleContainerProps>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export interface TooltipProps {
|
|
3
|
-
color?: string;
|
|
4
|
-
width?: number | string;
|
|
5
|
-
text: string;
|
|
6
|
-
style?: React.CSSProperties;
|
|
7
3
|
id?: string;
|
|
4
|
+
children: string;
|
|
5
|
+
trigger?: JSX.Element;
|
|
6
|
+
place?: 'top' | 'right' | 'bottom' | 'left';
|
|
8
7
|
}
|
|
9
|
-
export declare
|
|
8
|
+
export declare function Tooltip({ children, trigger, place, ...props }: TooltipProps): JSX.Element;
|
|
@@ -3,13 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Tooltip = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = require("react");
|
|
6
|
-
var
|
|
6
|
+
var TooltipPrimitive = require("@radix-ui/react-tooltip");
|
|
7
|
+
var InfoCircle_1 = require("@styled-icons/boxicons-regular/InfoCircle");
|
|
8
|
+
var theme_1 = require("../../theme");
|
|
9
|
+
var Text_1 = require("../Text");
|
|
7
10
|
var styles_1 = require("./styles");
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
return (React.createElement(
|
|
11
|
-
React.createElement(
|
|
12
|
-
|
|
13
|
-
}
|
|
11
|
+
function Tooltip(_a) {
|
|
12
|
+
var children = _a.children, trigger = _a.trigger, _b = _a.place, place = _b === void 0 ? 'top' : _b, props = tslib_1.__rest(_a, ["children", "trigger", "place"]);
|
|
13
|
+
return (React.createElement(TooltipPrimitive.TooltipProvider, null,
|
|
14
|
+
React.createElement(TooltipPrimitive.Root, { delayDuration: 0 },
|
|
15
|
+
React.createElement(styles_1.Trigger, { asChild: true }, trigger !== null && trigger !== void 0 ? trigger : (React.createElement(InfoCircle_1.InfoCircle, { width: 20, height: 20, color: theme_1.theme.colors.grey[300] }))),
|
|
16
|
+
React.createElement(styles_1.Content, tslib_1.__assign({ side: place, align: "center", sideOffset: 5 }, props),
|
|
17
|
+
React.createElement(Text_1.Text, { color: "light", size: "xs" }, children),
|
|
18
|
+
React.createElement(styles_1.ContentArrow, { width: 11, height: 6 })))));
|
|
19
|
+
}
|
|
14
20
|
exports.Tooltip = Tooltip;
|
|
15
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;;;AAAA,6BAA8B;AAC9B,0DAA2D;AAC3D,wEAAsE;AACtE,qCAAmC;AACnC,gCAA8B;AAC9B,mCAAyD;AASzD,SAAgB,OAAO,CAAC,EAKT;IAJX,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACV,KAAK,sBAJY,gCAKvB,CADW;IAER,OAAO,CACH,oBAAC,gBAAgB,CAAC,eAAe;QAC7B,oBAAC,gBAAgB,CAAC,IAAI,IAAC,aAAa,EAAE,CAAC;YACnC,oBAAC,gBAAO,IAAC,OAAO,UACX,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CACR,oBAAC,uBAAU,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAC/B,CACL,CACK;YACV,oBAAC,gBAAO,qBAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,IAAM,KAAK;gBACzD,oBAAC,WAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,IACxB,QAAQ,CACN;gBACP,oBAAC,qBAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,CAChC,CACU,CACO,CACtC,CAAA;AACL,CAAC;AA3BD,0BA2BC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TooltipProps } from '.';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-
|
|
2
|
+
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
|
|
3
3
|
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-
|
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TooltipProps>;
|
|
@@ -7,11 +7,18 @@ var _1 = require(".");
|
|
|
7
7
|
exports.default = {
|
|
8
8
|
title: 'Hexagon/Tooltip',
|
|
9
9
|
component: _1.Tooltip,
|
|
10
|
-
decorators: [
|
|
10
|
+
decorators: [
|
|
11
|
+
function (Story) { return (react_1.default.createElement("div", { style: { margin: '150px' } },
|
|
12
|
+
react_1.default.createElement(Story, null))); },
|
|
13
|
+
],
|
|
11
14
|
};
|
|
12
15
|
var Template = function (_a) {
|
|
13
16
|
var args = tslib_1.__rest(_a, []);
|
|
14
17
|
return react_1.default.createElement(_1.Tooltip, tslib_1.__assign({}, args));
|
|
15
18
|
};
|
|
16
19
|
exports.Default = Template.bind({});
|
|
20
|
+
exports.Default.args = {
|
|
21
|
+
children: 'Het getoonde maandbedrag is gebaseerd op een standaard berekening. Benieuwd wat de mogelijkheden zijn voor jouw bedrijf? Klik op ‘Bereken je maandbedrag’ en vul je bedrijfsnaam in.',
|
|
22
|
+
place: 'top',
|
|
23
|
+
};
|
|
17
24
|
//# sourceMappingURL=index.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAyB;AACzB,sBAAyC;AAEzC,kBAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE;QACR,UAAA,KAAK,IAAI,OAAA,CACL,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC3B,8BAAC,KAAK,OAAG,CACP,CACT,EAJQ,CAIR;KACJ;CACI,CAAA;AAET,IAAM,QAAQ,GAA0B,UAAC,EAAW;QAAN,IAAI,sBAAT,EAAW,CAAF;IAC9C,OAAO,8BAAC,UAAO,uBAAK,IAAI,EAAI,CAAA;AAChC,CAAC,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,eAAO,CAAC,IAAI,GAAG;IACX,QAAQ,EACJ,sLAAsL;IAC1L,KAAK,EAAE,KAAK;CACf,CAAA"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
3
|
-
export declare const StyledTooltip: import("styled-components").StyledComponent<(props: TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
3
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Trigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const ContentArrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & import("react").RefAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.ContentArrow = exports.Trigger = exports.Content = exports.StyledContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var
|
|
6
|
-
var react_tooltip_1 = require("react-tooltip");
|
|
5
|
+
var TooltipPrimitive = require("@radix-ui/react-tooltip");
|
|
7
6
|
var styled_components_1 = require("styled-components");
|
|
8
|
-
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
|
|
7
|
+
exports.StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: inline-flex;\n font-family: ", ";\n"], ["\n display: inline-flex;\n font-family: ", ";\n"])), function (props) { return props.theme.font.default; });
|
|
8
|
+
exports.Content = (0, styled_components_1.default)(TooltipPrimitive.Content)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n max-width: 250px;\n padding: ", "px\n ", "px;\n border-radius: ", "px;\n font-family: ", ";\n background-color: ", ";\n color: ", ";\n user-select: none;\n"], ["\n max-width: 250px;\n padding: ", "px\n ", "px;\n border-radius: ", "px;\n font-family: ", ";\n background-color: ", ";\n color: ", ";\n user-select: none;\n"])), function (props) { return props.theme.space[3] - 4; }, function (props) { return props.theme.space[3]; }, function (props) { return props.theme.borderRadius.default; }, function (props) { return props.theme.font.default; }, function (props) { return props.theme.colors.grey[800]; }, function (props) { return props.theme.colors.white; });
|
|
9
|
+
exports.Trigger = (0, styled_components_1.default)(TooltipPrimitive.Trigger)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject([""], [""])));
|
|
10
|
+
exports.ContentArrow = (0, styled_components_1.default)(TooltipPrimitive.Arrow)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n fill: ", ";\n"], ["\n fill: ", ";\n"])), function (props) { return props.theme.colors.grey[800]; });
|
|
11
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
12
12
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.tsx"],"names":[],"mappings":";;;;AAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.tsx"],"names":[],"mappings":";;;;AAAA,0DAA2D;AAC3D,uDAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,kIAAA,gDAEtB,EAAiC,KACnD,KADkB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EACnD;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,gBAAgB,CAAC,OAAO,CAAC,uQAAA,wCAExC,EAAiC,cACtC,EAA6B,0BAClB,EAAyC,wBAC3C,EAAiC,2BAC5B,EAAqC,gBAChD,EAAiC,6BAE7C,KAPc,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,EAAxB,CAAwB,EACtC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAApB,CAAoB,EAClB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAhC,CAAgC,EAC3C,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAxB,CAAwB,EAC5B,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAChD,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EAE7C;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,gBAAgB,CAAC,OAAO,CAAC,6EAAA,EAAE,KAAA;AAE5C,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,gBAAgB,CAAC,KAAK,CAAC,gGAAA,cAC9C,EAAqC,KAChD,KADW,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAA5B,CAA4B,EAChD"}
|
package/dist/theme/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@beequip/hexagon",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.1",
|
|
4
4
|
"description": "Component library for BEEQUIP",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -27,12 +27,13 @@
|
|
|
27
27
|
"@babel/preset-react": "^7.22.5",
|
|
28
28
|
"@babel/preset-typescript": "^7.22.5",
|
|
29
29
|
"@beequip/eslint-config-react-typescript": "^0.3.0",
|
|
30
|
-
"@storybook/addon-actions": "^7.
|
|
31
|
-
"@storybook/addon-essentials": "^7.
|
|
32
|
-
"@storybook/addon-links": "^7.
|
|
33
|
-
"@storybook/addon-mdx-gfm": "^7.
|
|
34
|
-
"@storybook/react": "^7.
|
|
35
|
-
"@storybook/react-webpack5": "^7.
|
|
30
|
+
"@storybook/addon-actions": "^7.6.17",
|
|
31
|
+
"@storybook/addon-essentials": "^7.6.17",
|
|
32
|
+
"@storybook/addon-links": "^7.6.17",
|
|
33
|
+
"@storybook/addon-mdx-gfm": "^7.6.17",
|
|
34
|
+
"@storybook/react": "^7.6.17",
|
|
35
|
+
"@storybook/react-webpack5": "^7.6.17",
|
|
36
|
+
"@styled-icons/boxicons-regular": "^10.47.0",
|
|
36
37
|
"@types/react": "^18.0.28",
|
|
37
38
|
"@types/react-dom": "^18.0.11",
|
|
38
39
|
"@types/react-router-dom": "^5.1.8",
|
|
@@ -43,21 +44,21 @@
|
|
|
43
44
|
"del-cli": "^3.0.0",
|
|
44
45
|
"eslint": "^6.6.0",
|
|
45
46
|
"eslint-plugin-storybook": "^0.6.12",
|
|
46
|
-
"np": "^
|
|
47
|
+
"np": "^10.0.1",
|
|
47
48
|
"prettier": "^1.16.4",
|
|
48
49
|
"react": "^18.2.0",
|
|
49
50
|
"react-dom": "^18",
|
|
50
51
|
"react-is": "^16.13.1",
|
|
51
|
-
"storybook": "^7.
|
|
52
|
+
"storybook": "^7.6.17",
|
|
52
53
|
"styled-components": "^5.3.6",
|
|
53
54
|
"ts-loader": "^6.2.1",
|
|
54
55
|
"typescript": "^4.9.5"
|
|
55
56
|
},
|
|
56
57
|
"dependencies": {
|
|
58
|
+
"@radix-ui/react-tooltip": "^1.0.7",
|
|
57
59
|
"downshift": "^3.2.14",
|
|
58
60
|
"framer-motion": "^9.0.7",
|
|
59
61
|
"react-router-dom": "^5.0.0",
|
|
60
|
-
"react-tooltip": "^4.2.8",
|
|
61
62
|
"styled-map": "^3.2.0-rc.1",
|
|
62
63
|
"tslib": "^2.2.0"
|
|
63
64
|
},
|