@servicetitan/marketing-ui 1.17.0 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/components/ui/{centered-spinner.d.ts → centered-spinner/centered-spinner.d.ts} +0 -0
- package/dist/components/ui/centered-spinner/centered-spinner.d.ts.map +1 -0
- package/dist/components/ui/{centered-spinner.js → centered-spinner/centered-spinner.js} +0 -0
- package/dist/components/ui/centered-spinner/centered-spinner.js.map +1 -0
- package/dist/components/ui/{centered-spinner.stories.d.ts → centered-spinner/centered-spinner.stories.d.ts} +0 -0
- package/dist/components/ui/centered-spinner/centered-spinner.stories.d.ts.map +1 -0
- package/dist/components/ui/{centered-spinner.stories.js → centered-spinner/centered-spinner.stories.js} +0 -0
- package/dist/components/ui/centered-spinner/centered-spinner.stories.js.map +1 -0
- package/dist/components/ui/label-with-hint/label-with-hint.d.ts +10 -0
- package/dist/components/ui/label-with-hint/label-with-hint.d.ts.map +1 -0
- package/dist/components/ui/label-with-hint/label-with-hint.js +5 -0
- package/dist/components/ui/label-with-hint/label-with-hint.js.map +1 -0
- package/dist/components/ui/label-with-hint/label-with-hint.stories.d.ts +11 -0
- package/dist/components/ui/label-with-hint/label-with-hint.stories.d.ts.map +1 -0
- package/dist/components/ui/label-with-hint/label-with-hint.stories.js +12 -0
- package/dist/components/ui/label-with-hint/label-with-hint.stories.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/ui/{centered-spinner.stories.tsx → centered-spinner/centered-spinner.stories.tsx} +0 -0
- package/src/components/ui/{centered-spinner.tsx → centered-spinner/centered-spinner.tsx} +0 -0
- package/src/components/ui/label-with-hint/label-with-hint.stories.tsx +29 -0
- package/src/components/ui/label-with-hint/label-with-hint.tsx +30 -0
- package/src/index.ts +2 -1
- package/dist/components/ui/centered-spinner.d.ts.map +0 -1
- package/dist/components/ui/centered-spinner.js.map +0 -1
- package/dist/components/ui/centered-spinner.stories.d.ts.map +0 -1
- package/dist/components/ui/centered-spinner.stories.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.18.0 (Mon Aug 15 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- feat(marketing-ui): add label-with-hint component ([@zefirka](https://github.com/zefirka))
|
|
6
|
+
- feat(marketing-ui): add label-with-hint component [#145](https://github.com/servicetitan/anvil-uikit-contrib/pull/145) ([@zefirka](https://github.com/zefirka))
|
|
7
|
+
|
|
8
|
+
#### Authors: 1
|
|
9
|
+
|
|
10
|
+
- Trdat Mkrtchyan ([@zefirka](https://github.com/zefirka))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.17.0 (Tue Aug 09 2022)
|
|
2
15
|
|
|
3
16
|
#### 🚀 Enhancement
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/centered-spinner/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,0BAA0B;IACvC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,0BAA0B,CAgB1D,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../../src/components/ui/centered-spinner/centered-spinner.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AASvE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACzF,OAAO,CACH,MAAC,KAAK,kBACF,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,iBAE/C,KAAC,OAAO,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,EAC5C,CAAC,CAAC,IAAI,IAAI,CACP,KAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,sBAC3C,IAAI,IACE,CACd,KACG,CACX,CAAC;AACN,CAAC,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/centered-spinner/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,mBAAmB,mBAA+C,CAAC;AAChF,eAAO,MAAM,eAAe,mBAAoE,CAAC;AACjG,eAAO,MAAM,qBAAqB,mBAEhC,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/centered-spinner/centered-spinner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CACnF,4BAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,IAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,KAAC,eAAe,IAAC,IAAI,EAAC,qBAAqB,GAAG,CACjD,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export interface LabelWithHintProps {
|
|
3
|
+
label: string;
|
|
4
|
+
hint?: string;
|
|
5
|
+
textClassName?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
textSize?: 'large' | 'medium' | 'small' | 'xsmall';
|
|
8
|
+
}
|
|
9
|
+
export declare const LabelWithHint: FC<LabelWithHintProps>;
|
|
10
|
+
//# sourceMappingURL=label-with-hint.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-with-hint.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiBhD,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText, Icon, Stack, Tooltip } from '@servicetitan/design-system';
|
|
3
|
+
import tokens from '@servicetitan/tokens';
|
|
4
|
+
export const LabelWithHint = ({ label, textClassName, className, hint, textSize = 'small', }) => (_jsxs(Stack, Object.assign({ spacing: 1, alignItems: "flex-start", className: className }, { children: [_jsx(BodyText, Object.assign({ size: textSize, bold: true, className: textClassName }, { children: label })), !!hint && (_jsx(Tooltip, Object.assign({ direction: "tr", text: hint }, { children: _jsx(Icon, { name: "info", size: 18, color: tokens.colorNeutral80 }) })))] })));
|
|
5
|
+
//# sourceMappingURL=label-with-hint.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-with-hint.js","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAClD,KAAK,EACL,aAAa,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,OAAO,GACrB,EAAE,EAAE,CAAC,CACF,MAAC,KAAK,kBAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,YAAY,EAAC,SAAS,EAAE,SAAS,iBAC3D,KAAC,QAAQ,kBAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,QAAC,SAAS,EAAE,aAAa,gBAClD,KAAK,IACC,EACV,CAAC,CAAC,IAAI,IAAI,CACP,KAAC,OAAO,kBAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,gBAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc,GAAI,IACtD,CACb,KACG,CACX,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").FC<import("./label-with-hint").LabelWithHintProps>;
|
|
5
|
+
parameters: {};
|
|
6
|
+
};
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Basic: () => JSX.Element;
|
|
9
|
+
export declare const Custom: () => JSX.Element;
|
|
10
|
+
export declare const Sizes: () => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=label-with-hint.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-with-hint.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAEF,eAAO,MAAM,KAAK,mBAAoD,CAAC;AAEvE,eAAO,MAAM,MAAM,mBAQlB,CAAC;AAEF,eAAO,MAAM,KAAK,mBAOjB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment } from 'react';
|
|
3
|
+
import { LabelWithHint } from './label-with-hint';
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Marketing UI/ui/LabelWithHint',
|
|
6
|
+
component: LabelWithHint,
|
|
7
|
+
parameters: {},
|
|
8
|
+
};
|
|
9
|
+
export const Basic = () => _jsx(LabelWithHint, { label: "Label", hint: "Hint" });
|
|
10
|
+
export const Custom = () => (_jsx(LabelWithHint, { label: "Label", hint: "Hint", textClassName: "text-red-500", className: "bg-blue-500", textSize: "large" }));
|
|
11
|
+
export const Sizes = () => (_jsxs(Fragment, { children: [_jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "large" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "medium" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "small" }), _jsx(LabelWithHint, { label: "Label", hint: "Hint", textSize: "xsmall" })] }));
|
|
12
|
+
//# sourceMappingURL=label-with-hint.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label-with-hint.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/label-with-hint/label-with-hint.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAe;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CACxB,KAAC,aAAa,IACV,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,cAAc,EAC5B,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAC,OAAO,GAClB,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CACvB,MAAC,QAAQ,eACL,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,EAC7D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,GAAG,EAC5D,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACtD,CACd,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,8 @@ export * from './components/stat/stat-card';
|
|
|
2
2
|
export * from './components/stat/stat-extended-card';
|
|
3
3
|
export * from './components/ads/ads-stat';
|
|
4
4
|
export * from './components/ui/action-button';
|
|
5
|
-
export * from './components/ui/centered-spinner';
|
|
5
|
+
export * from './components/ui/centered-spinner/centered-spinner';
|
|
6
|
+
export * from './components/ui/label-with-hint/label-with-hint';
|
|
6
7
|
export * from './components/ui/line-text';
|
|
7
8
|
export * from './components/ui/title-popover';
|
|
8
9
|
export * from './components/image-cropper/image-cropper';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,8 @@ export * from './components/stat/stat-card';
|
|
|
2
2
|
export * from './components/stat/stat-extended-card';
|
|
3
3
|
export * from './components/ads/ads-stat';
|
|
4
4
|
export * from './components/ui/action-button';
|
|
5
|
-
export * from './components/ui/centered-spinner';
|
|
5
|
+
export * from './components/ui/centered-spinner/centered-spinner';
|
|
6
|
+
export * from './components/ui/label-with-hint/label-with-hint';
|
|
6
7
|
export * from './components/ui/line-text';
|
|
7
8
|
export * from './components/ui/title-popover';
|
|
8
9
|
export * from './components/image-cropper/image-cropper';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/marketing-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0",
|
|
4
4
|
"description": "Marketing UI component and utils",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"less": true,
|
|
52
52
|
"webpack": false
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "1a8fcbd2b9718d5fc5fb87dbc1aa7974562cf4d1"
|
|
55
55
|
}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Fragment } from 'react';
|
|
2
|
+
import { LabelWithHint } from './label-with-hint';
|
|
3
|
+
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Marketing UI/ui/LabelWithHint',
|
|
6
|
+
component: LabelWithHint,
|
|
7
|
+
parameters: {},
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export const Basic = () => <LabelWithHint label="Label" hint="Hint" />;
|
|
11
|
+
|
|
12
|
+
export const Custom = () => (
|
|
13
|
+
<LabelWithHint
|
|
14
|
+
label="Label"
|
|
15
|
+
hint="Hint"
|
|
16
|
+
textClassName="text-red-500"
|
|
17
|
+
className="bg-blue-500"
|
|
18
|
+
textSize="large"
|
|
19
|
+
/>
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
export const Sizes = () => (
|
|
23
|
+
<Fragment>
|
|
24
|
+
<LabelWithHint label="Label" hint="Hint" textSize="large" />
|
|
25
|
+
<LabelWithHint label="Label" hint="Hint" textSize="medium" />
|
|
26
|
+
<LabelWithHint label="Label" hint="Hint" textSize="small" />
|
|
27
|
+
<LabelWithHint label="Label" hint="Hint" textSize="xsmall" />
|
|
28
|
+
</Fragment>
|
|
29
|
+
);
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { BodyText, Icon, Stack, Tooltip } from '@servicetitan/design-system';
|
|
2
|
+
import tokens from '@servicetitan/tokens';
|
|
3
|
+
import { FC } from 'react';
|
|
4
|
+
|
|
5
|
+
export interface LabelWithHintProps {
|
|
6
|
+
label: string;
|
|
7
|
+
hint?: string;
|
|
8
|
+
textClassName?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
textSize?: 'large' | 'medium' | 'small' | 'xsmall';
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export const LabelWithHint: FC<LabelWithHintProps> = ({
|
|
14
|
+
label,
|
|
15
|
+
textClassName,
|
|
16
|
+
className,
|
|
17
|
+
hint,
|
|
18
|
+
textSize = 'small',
|
|
19
|
+
}) => (
|
|
20
|
+
<Stack spacing={1} alignItems="flex-start" className={className}>
|
|
21
|
+
<BodyText size={textSize} bold className={textClassName}>
|
|
22
|
+
{label}
|
|
23
|
+
</BodyText>
|
|
24
|
+
{!!hint && (
|
|
25
|
+
<Tooltip direction="tr" text={hint}>
|
|
26
|
+
<Icon name="info" size={18} color={tokens.colorNeutral80} />
|
|
27
|
+
</Tooltip>
|
|
28
|
+
)}
|
|
29
|
+
</Stack>
|
|
30
|
+
);
|
package/src/index.ts
CHANGED
|
@@ -2,7 +2,8 @@ export * from './components/stat/stat-card';
|
|
|
2
2
|
export * from './components/stat/stat-extended-card';
|
|
3
3
|
export * from './components/ads/ads-stat';
|
|
4
4
|
export * from './components/ui/action-button';
|
|
5
|
-
export * from './components/ui/centered-spinner';
|
|
5
|
+
export * from './components/ui/centered-spinner/centered-spinner';
|
|
6
|
+
export * from './components/ui/label-with-hint/label-with-hint';
|
|
6
7
|
export * from './components/ui/line-text';
|
|
7
8
|
export * from './components/ui/title-popover';
|
|
8
9
|
export * from './components/image-cropper/image-cropper';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,0BAA0B;IACvC,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,0BAA0B,CAgB1D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AASvE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACzF,OAAO,CACH,MAAC,KAAK,kBACF,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,iBAE/C,KAAC,OAAO,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,EAC5C,CAAC,CAAC,IAAI,IAAI,CACP,KAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,sBAC3C,IAAI,IACE,CACd,KACG,CACX,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";;;;;;AAGA,wBAIE;AAKF,eAAO,MAAM,mBAAmB,mBAA+C,CAAC;AAChF,eAAO,MAAM,eAAe,mBAAoE,CAAC;AACjG,eAAO,MAAM,qBAAqB,mBAEhC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"centered-spinner.stories.js","sourceRoot":"","sources":["../../../src/components/ui/centered-spinner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,MAAM,CAAC,GAAG,CAAC,KAA0C,EAAE,EAAsB,EAAE,EAAE,CAAC,GAAG,EAAE,CACnF,4BAAK,KAAK,EAAE,KAAK,gBAAG,EAAE,EAAE,IAAO,CAAC;AAEpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,KAAG,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,CAC9E,KAAC,eAAe,IAAC,IAAI,EAAC,qBAAqB,GAAG,CACjD,CAAC,CAAC"}
|