@veeqo/ui 13.18.1 → 13.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/TokenProvider/TokenProvider.cjs +15 -0
- package/dist/components/TokenProvider/TokenProvider.cjs.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.d.ts +8 -0
- package/dist/components/TokenProvider/TokenProvider.js +9 -0
- package/dist/components/TokenProvider/TokenProvider.js.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.cjs +9 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.cjs.map +1 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.js +7 -0
- package/dist/components/TokenProvider/TokenProvider.module.scss.js.map +1 -0
- package/dist/components/TokenProvider/index.d.ts +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/hoc/index.d.ts +1 -0
- package/dist/hoc/withTokens/index.d.ts +2 -0
- package/dist/hoc/withTokens/withTokens.cjs +18 -0
- package/dist/hoc/withTokens/withTokens.cjs.map +1 -0
- package/dist/hoc/withTokens/withTokens.d.ts +9 -0
- package/dist/hoc/withTokens/withTokens.js +12 -0
- package/dist/hoc/withTokens/withTokens.js.map +1 -0
- package/dist/index.cjs +4 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var TokenProvider_module = require('./TokenProvider.module.scss.cjs');
|
|
5
|
+
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
const TokenProvider = ({ theme, children }) => {
|
|
11
|
+
return (React__default.default.createElement("div", { className: TokenProvider_module[theme], style: { display: 'contents' } }, children));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
exports.TokenProvider = TokenProvider;
|
|
15
|
+
//# sourceMappingURL=TokenProvider.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenProvider.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './TokenProvider.module.scss';\n\nexport type ThemeType = 'default' | 'purple' | 'teal';\n\ntype TokenProviderProps = {\n theme: ThemeType;\n children: React.ReactNode;\n};\n\nexport const TokenProvider = ({ theme, children }: TokenProviderProps) => {\n return (\n <div className={styles[theme]} style={{ display: 'contents' }}>\n {children}\n </div>\n );\n};\n"],"names":["React","styles"],"mappings":";;;;;;;;;AAUa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB,KAAI;IACvE,QACEA,8CAAK,SAAS,EAAEC,oBAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAC1D,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ThemeType = 'default' | 'purple' | 'teal';
|
|
3
|
+
type TokenProviderProps = {
|
|
4
|
+
theme: ThemeType;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const TokenProvider: ({ theme, children }: TokenProviderProps) => React.JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import styles from './TokenProvider.module.scss.js';
|
|
3
|
+
|
|
4
|
+
const TokenProvider = ({ theme, children }) => {
|
|
5
|
+
return (React__default.createElement("div", { className: styles[theme], style: { display: 'contents' } }, children));
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { TokenProvider };
|
|
9
|
+
//# sourceMappingURL=TokenProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenProvider.js","sources":["../../../src/components/TokenProvider/TokenProvider.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './TokenProvider.module.scss';\n\nexport type ThemeType = 'default' | 'purple' | 'teal';\n\ntype TokenProviderProps = {\n theme: ThemeType;\n children: React.ReactNode;\n};\n\nexport const TokenProvider = ({ theme, children }: TokenProviderProps) => {\n return (\n <div className={styles[theme]} style={{ display: 'contents' }}>\n {children}\n </div>\n );\n};\n"],"names":["React"],"mappings":";;;AAUa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB,KAAI;IACvE,QACEA,sCAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAC1D,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
+
|
|
5
|
+
___$insertStyle("._default_1ad7m_1 {\n --theme-surface: var(--colors-secondary-blue-lightest);\n --theme-surface-hover: var(--colors-secondary-blue-light);\n --theme-border: var(--colors-secondary-blue-base);\n --theme-text: var(--colors-secondary-blue-darkest);\n --theme-text-secondary: var(--colors-secondary-blue-dark);\n --theme-text-link: var(--colors-secondary-blue-dark);\n --theme-icon: var(--colors-secondary-blue-base);\n --theme-action-bg: var(--colors-secondary-blue-base);\n --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n --theme-action-text: #ffffff;\n}\n\n._purple_1ad7m_14 {\n --theme-surface: var(--colors-secondary-purple-lightest);\n --theme-surface-hover: var(--colors-secondary-purple-light);\n --theme-border: var(--colors-secondary-purple-light);\n --theme-text: var(--colors-secondary-purple-darkest);\n --theme-text-secondary: var(--colors-secondary-purple-dark);\n --theme-text-link: var(--colors-secondary-purple-dark);\n --theme-icon: var(--colors-secondary-purple-dark);\n --theme-action-bg: var(--colors-secondary-purple-base);\n --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n --theme-action-text: #ffffff;\n}\n\n._teal_1ad7m_27 {\n --theme-surface: var(--colors-secondary-teal-lightest);\n --theme-surface-hover: var(--colors-secondary-teal-light);\n --theme-border: var(--colors-secondary-teal-light);\n --theme-text: var(--colors-secondary-teal-darkest);\n --theme-text-secondary: var(--colors-secondary-teal-dark);\n --theme-text-link: var(--colors-secondary-teal-dark);\n --theme-icon: var(--colors-secondary-teal-dark);\n --theme-action-bg: var(--colors-secondary-teal-base);\n --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n --theme-action-text: #ffffff;\n}");
|
|
6
|
+
var styles = {"default":"_default_1ad7m_1","purple":"_purple_1ad7m_14","teal":"_teal_1ad7m_27"};
|
|
7
|
+
|
|
8
|
+
module.exports = styles;
|
|
9
|
+
//# sourceMappingURL=TokenProvider.module.scss.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenProvider.module.scss.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n --theme-surface: var(--colors-secondary-blue-lightest);\n --theme-surface-hover: var(--colors-secondary-blue-light);\n --theme-border: var(--colors-secondary-blue-base);\n --theme-text: var(--colors-secondary-blue-darkest);\n --theme-text-secondary: var(--colors-secondary-blue-dark);\n --theme-text-link: var(--colors-secondary-blue-dark);\n --theme-icon: var(--colors-secondary-blue-base);\n --theme-action-bg: var(--colors-secondary-blue-base);\n --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n --theme-action-text: #ffffff;\n}\n\n.purple {\n --theme-surface: var(--colors-secondary-purple-lightest);\n --theme-surface-hover: var(--colors-secondary-purple-light);\n --theme-border: var(--colors-secondary-purple-light);\n --theme-text: var(--colors-secondary-purple-darkest);\n --theme-text-secondary: var(--colors-secondary-purple-dark);\n --theme-text-link: var(--colors-secondary-purple-dark);\n --theme-icon: var(--colors-secondary-purple-dark);\n --theme-action-bg: var(--colors-secondary-purple-base);\n --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n --theme-action-text: #ffffff;\n}\n\n.teal {\n --theme-surface: var(--colors-secondary-teal-lightest);\n --theme-surface-hover: var(--colors-secondary-teal-light);\n --theme-border: var(--colors-secondary-teal-light);\n --theme-text: var(--colors-secondary-teal-darkest);\n --theme-text-secondary: var(--colors-secondary-teal-dark);\n --theme-text-link: var(--colors-secondary-teal-dark);\n --theme-icon: var(--colors-secondary-teal-dark);\n --theme-action-bg: var(--colors-secondary-teal-base);\n --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n --theme-action-text: #ffffff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,4tDAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
+
|
|
3
|
+
insertStyle("._default_1ad7m_1 {\n --theme-surface: var(--colors-secondary-blue-lightest);\n --theme-surface-hover: var(--colors-secondary-blue-light);\n --theme-border: var(--colors-secondary-blue-base);\n --theme-text: var(--colors-secondary-blue-darkest);\n --theme-text-secondary: var(--colors-secondary-blue-dark);\n --theme-text-link: var(--colors-secondary-blue-dark);\n --theme-icon: var(--colors-secondary-blue-base);\n --theme-action-bg: var(--colors-secondary-blue-base);\n --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n --theme-action-text: #ffffff;\n}\n\n._purple_1ad7m_14 {\n --theme-surface: var(--colors-secondary-purple-lightest);\n --theme-surface-hover: var(--colors-secondary-purple-light);\n --theme-border: var(--colors-secondary-purple-light);\n --theme-text: var(--colors-secondary-purple-darkest);\n --theme-text-secondary: var(--colors-secondary-purple-dark);\n --theme-text-link: var(--colors-secondary-purple-dark);\n --theme-icon: var(--colors-secondary-purple-dark);\n --theme-action-bg: var(--colors-secondary-purple-base);\n --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n --theme-action-text: #ffffff;\n}\n\n._teal_1ad7m_27 {\n --theme-surface: var(--colors-secondary-teal-lightest);\n --theme-surface-hover: var(--colors-secondary-teal-light);\n --theme-border: var(--colors-secondary-teal-light);\n --theme-text: var(--colors-secondary-teal-darkest);\n --theme-text-secondary: var(--colors-secondary-teal-dark);\n --theme-text-link: var(--colors-secondary-teal-dark);\n --theme-icon: var(--colors-secondary-teal-dark);\n --theme-action-bg: var(--colors-secondary-teal-base);\n --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n --theme-action-text: #ffffff;\n}");
|
|
4
|
+
var styles = {"default":"_default_1ad7m_1","purple":"_purple_1ad7m_14","teal":"_teal_1ad7m_27"};
|
|
5
|
+
|
|
6
|
+
export { styles as default };
|
|
7
|
+
//# sourceMappingURL=TokenProvider.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TokenProvider.module.scss.js","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n --theme-surface: var(--colors-secondary-blue-lightest);\n --theme-surface-hover: var(--colors-secondary-blue-light);\n --theme-border: var(--colors-secondary-blue-base);\n --theme-text: var(--colors-secondary-blue-darkest);\n --theme-text-secondary: var(--colors-secondary-blue-dark);\n --theme-text-link: var(--colors-secondary-blue-dark);\n --theme-icon: var(--colors-secondary-blue-base);\n --theme-action-bg: var(--colors-secondary-blue-base);\n --theme-action-bg-hover: var(--colors-secondary-blue-dark);\n --theme-action-text: #ffffff;\n}\n\n.purple {\n --theme-surface: var(--colors-secondary-purple-lightest);\n --theme-surface-hover: var(--colors-secondary-purple-light);\n --theme-border: var(--colors-secondary-purple-light);\n --theme-text: var(--colors-secondary-purple-darkest);\n --theme-text-secondary: var(--colors-secondary-purple-dark);\n --theme-text-link: var(--colors-secondary-purple-dark);\n --theme-icon: var(--colors-secondary-purple-dark);\n --theme-action-bg: var(--colors-secondary-purple-base);\n --theme-action-bg-hover: var(--colors-secondary-purple-dark);\n --theme-action-text: #ffffff;\n}\n\n.teal {\n --theme-surface: var(--colors-secondary-teal-lightest);\n --theme-surface-hover: var(--colors-secondary-teal-light);\n --theme-border: var(--colors-secondary-teal-light);\n --theme-text: var(--colors-secondary-teal-darkest);\n --theme-text-secondary: var(--colors-secondary-teal-dark);\n --theme-text-link: var(--colors-secondary-teal-dark);\n --theme-icon: var(--colors-secondary-teal-dark);\n --theme-action-bg: var(--colors-secondary-teal-base);\n --theme-action-bg-hover: var(--colors-secondary-teal-dark);\n --theme-action-text: #ffffff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,4tDAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
|
|
@@ -72,6 +72,7 @@ export { WeightInput } from './WeightInput';
|
|
|
72
72
|
export { Indicator } from './Indicator';
|
|
73
73
|
export { SelectDropdown } from './SelectDropdown';
|
|
74
74
|
export { ThemeInjector } from './ThemeInjector';
|
|
75
|
+
export { TokenProvider, type ThemeType } from './TokenProvider';
|
|
75
76
|
export { DataGrid, type ColumnDefinition, type RowExpansion, type RowGroupingConfiguration, type SortState, } from './DataGrid';
|
|
76
77
|
export { FlexCol } from './Flex/FlexCol';
|
|
77
78
|
export { FlexRow } from './Flex/FlexRow';
|
package/dist/hoc/index.d.ts
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var TokenProvider = require('../../components/TokenProvider/TokenProvider.cjs');
|
|
5
|
+
|
|
6
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
|
+
|
|
10
|
+
const withTokens = (Component) => {
|
|
11
|
+
const ComponentWithTokens = ({ theme = 'default', ...props }) => (React__default.default.createElement(TokenProvider.TokenProvider, { theme: theme },
|
|
12
|
+
React__default.default.createElement(Component, { ...props })));
|
|
13
|
+
ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
|
|
14
|
+
return ComponentWithTokens;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
exports.withTokens = withTokens;
|
|
18
|
+
//# sourceMappingURL=withTokens.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n theme?: ThemeType;\n};\n\nexport const withTokens = <P extends object>(Component: ComponentType<P>) => {\n const ComponentWithTokens = ({ theme = 'default', ...props }: P & WithTokensProps) => (\n <TokenProvider theme={theme}>\n <Component {...(props as P)} />\n </TokenProvider>\n );\n\n ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n return ComponentWithTokens;\n};\n"],"names":["React","TokenProvider"],"mappings":";;;;;;;;;AAQa,MAAA,UAAU,GAAG,CAAmB,SAA2B,KAAI;IAC1E,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,EAAuB,MAC/EA,sBAAA,CAAA,aAAA,CAACC,2BAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACzB,QAAAD,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAM,EAAA,GAAA,KAAW,EAAI,CAAA,CACjB,CACjB;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ComponentType } from 'react';
|
|
2
|
+
import { ThemeType } from '../../components/TokenProvider/TokenProvider';
|
|
3
|
+
export type WithTokensProps = {
|
|
4
|
+
theme?: ThemeType;
|
|
5
|
+
};
|
|
6
|
+
export declare const withTokens: <P extends object>(Component: React.ComponentType<P>) => {
|
|
7
|
+
({ theme, ...props }: P & WithTokensProps): React.JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { TokenProvider } from '../../components/TokenProvider/TokenProvider.js';
|
|
3
|
+
|
|
4
|
+
const withTokens = (Component) => {
|
|
5
|
+
const ComponentWithTokens = ({ theme = 'default', ...props }) => (React__default.createElement(TokenProvider, { theme: theme },
|
|
6
|
+
React__default.createElement(Component, { ...props })));
|
|
7
|
+
ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
|
|
8
|
+
return ComponentWithTokens;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { withTokens };
|
|
12
|
+
//# sourceMappingURL=withTokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n theme?: ThemeType;\n};\n\nexport const withTokens = <P extends object>(Component: ComponentType<P>) => {\n const ComponentWithTokens = ({ theme = 'default', ...props }: P & WithTokensProps) => (\n <TokenProvider theme={theme}>\n <Component {...(props as P)} />\n </TokenProvider>\n );\n\n ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQa,MAAA,UAAU,GAAG,CAAmB,SAA2B,KAAI;IAC1E,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,EAAuB,MAC/EA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;AACzB,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAM,EAAA,GAAA,KAAW,EAAI,CAAA,CACjB,CACjB;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
|
package/dist/index.cjs
CHANGED
|
@@ -83,6 +83,7 @@ var WeightInput = require('./components/WeightInput/WeightInput.cjs');
|
|
|
83
83
|
var Indicator = require('./components/Indicator/Indicator.cjs');
|
|
84
84
|
var index$4 = require('./components/SelectDropdown/index.cjs');
|
|
85
85
|
var ThemeInjector = require('./components/ThemeInjector/ThemeInjector.cjs');
|
|
86
|
+
var TokenProvider = require('./components/TokenProvider/TokenProvider.cjs');
|
|
86
87
|
var DataGrid = require('./components/DataGrid/DataGrid.cjs');
|
|
87
88
|
var FlexCol = require('./components/Flex/FlexCol/FlexCol.cjs');
|
|
88
89
|
var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
|
|
@@ -106,6 +107,7 @@ var useScrollPosition = require('./hooks/useScrollPosition/useScrollPosition.cjs
|
|
|
106
107
|
var withLabels = require('./hoc/withLabels/withLabels.cjs');
|
|
107
108
|
var withDeprecated = require('./hoc/withDeprecated.cjs');
|
|
108
109
|
var withClassNames = require('./hoc/withClassNames/withClassNames.cjs');
|
|
110
|
+
var withTokens = require('./hoc/withTokens/withTokens.cjs');
|
|
109
111
|
var buildClassnames = require('./utils/buildClassnames.cjs');
|
|
110
112
|
var color = require('./utils/color.cjs');
|
|
111
113
|
var generateId = require('./utils/generateId.cjs');
|
|
@@ -443,6 +445,7 @@ exports.WeightInput = WeightInput.WeightInput;
|
|
|
443
445
|
exports.Indicator = Indicator.Indicator;
|
|
444
446
|
exports.SelectDropdown = index$4.SelectDropdown;
|
|
445
447
|
exports.ThemeInjector = ThemeInjector.ThemeInjector;
|
|
448
|
+
exports.TokenProvider = TokenProvider.TokenProvider;
|
|
446
449
|
exports.DataGrid = DataGrid.DataGrid;
|
|
447
450
|
exports.FlexCol = FlexCol.FlexCol;
|
|
448
451
|
exports.FlexRow = FlexRow.FlexRow;
|
|
@@ -467,6 +470,7 @@ exports.useScrollPosition = useScrollPosition.useScrollPosition;
|
|
|
467
470
|
exports.withLabels = withLabels.withLabels;
|
|
468
471
|
exports.withDeprecated = withDeprecated.withDeprecated;
|
|
469
472
|
exports.withClassNames = withClassNames.withClassNames;
|
|
473
|
+
exports.withTokens = withTokens.withTokens;
|
|
470
474
|
exports.buildClassnames = buildClassnames.buildClassnames;
|
|
471
475
|
exports.getOpaqueHexColor = color.getOpaqueHexColor;
|
|
472
476
|
exports.hexToRgb = color.hexToRgb;
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -81,6 +81,7 @@ export { WeightInput } from './components/WeightInput/WeightInput.js';
|
|
|
81
81
|
export { Indicator } from './components/Indicator/Indicator.js';
|
|
82
82
|
export { SelectDropdown } from './components/SelectDropdown/index.js';
|
|
83
83
|
export { ThemeInjector } from './components/ThemeInjector/ThemeInjector.js';
|
|
84
|
+
export { TokenProvider } from './components/TokenProvider/TokenProvider.js';
|
|
84
85
|
export { DataGrid } from './components/DataGrid/DataGrid.js';
|
|
85
86
|
export { FlexCol } from './components/Flex/FlexCol/FlexCol.js';
|
|
86
87
|
export { FlexRow } from './components/Flex/FlexRow/FlexRow.js';
|
|
@@ -104,6 +105,7 @@ export { useScrollPosition } from './hooks/useScrollPosition/useScrollPosition.j
|
|
|
104
105
|
export { withLabels } from './hoc/withLabels/withLabels.js';
|
|
105
106
|
export { withDeprecated } from './hoc/withDeprecated.js';
|
|
106
107
|
export { withClassNames } from './hoc/withClassNames/withClassNames.js';
|
|
108
|
+
export { withTokens } from './hoc/withTokens/withTokens.js';
|
|
107
109
|
export { buildClassnames } from './utils/buildClassnames.js';
|
|
108
110
|
export { getOpaqueHexColor, hexToRgb } from './utils/color.js';
|
|
109
111
|
export { generateId } from './utils/generateId.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|