react-restyle-components 0.3.48 → 0.3.50
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/lib/src/core-components/index.d.ts +1 -1
- package/lib/src/core-components/index.js +1 -1
- package/lib/src/core-components/src/components/Icon/Icon.js +1 -1
- package/lib/src/core-components/src/components/Picker/color-picker-modal/color-picker-modal.component.js +1 -1
- package/lib/src/core-components/src/components/button/Button.spec.js +1 -1
- package/lib/src/core-components/src/components/button/button.component.js +1 -1
- package/lib/src/core-components/src/components/index.d.ts +1 -1
- package/lib/src/core-components/src/components/index.js +1 -1
- package/lib/src/core-components/src/components/{Tooltip → tooltip}/Tooltip.types.d.ts.map +1 -1
- package/lib/src/core-components/src/components/{Tooltip → tooltip}/tooltip.component.d.ts.map +1 -1
- package/lib/src/core-components/src/core-components/CoreButton/elements.d.ts.map +1 -1
- package/lib/src/core-components/src/core-components/CoreButton/elements.js +1 -0
- package/lib/src/core-components/src/core-components/ToggleCore/elements.d.ts.map +1 -1
- package/lib/src/core-components/src/core-components/ToggleCore/elements.js +1 -8
- package/package.json +1 -1
- /package/lib/src/core-components/src/components/{Tooltip → tooltip}/Tooltip.types.d.ts +0 -0
- /package/lib/src/core-components/src/components/{Tooltip → tooltip}/Tooltip.types.js +0 -0
- /package/lib/src/core-components/src/components/{Tooltip → tooltip}/tooltip.component.d.ts +0 -0
- /package/lib/src/core-components/src/components/{Tooltip → tooltip}/tooltip.component.js +0 -0
|
@@ -10,7 +10,7 @@ export * from './src/components/Loader/loader.component';
|
|
|
10
10
|
export * from './src/components/radio/radio.component';
|
|
11
11
|
export * from './src/components/stepper/stepper.component';
|
|
12
12
|
export * from './src/components/timer/timer.component';
|
|
13
|
-
export * from './src/components/
|
|
13
|
+
export * from './src/components/tooltip/tooltip.component';
|
|
14
14
|
export * from './src/components/Icon/Icon';
|
|
15
15
|
export * from './src/components/Tabs/tabs.component';
|
|
16
16
|
export * from './src/components/pdf/pdf-images.components';
|
|
@@ -10,7 +10,7 @@ export * from './src/components/Loader/loader.component';
|
|
|
10
10
|
export * from './src/components/radio/radio.component';
|
|
11
11
|
export * from './src/components/stepper/stepper.component';
|
|
12
12
|
export * from './src/components/timer/timer.component';
|
|
13
|
-
export * from './src/components/
|
|
13
|
+
export * from './src/components/tooltip/tooltip.component';
|
|
14
14
|
export * from './src/components/Icon/Icon';
|
|
15
15
|
export * from './src/components/Tabs/tabs.component';
|
|
16
16
|
export * from './src/components/pdf/pdf-images.components';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Suspense } from 'react';
|
|
3
3
|
import _ from 'lodash';
|
|
4
|
-
import { Tooltip } from '../
|
|
4
|
+
import { Tooltip } from '../tooltip/tooltip.component';
|
|
5
5
|
import loadable from '@loadable/component';
|
|
6
6
|
import s from '../../tc.module.css';
|
|
7
7
|
import { cn } from '../../utils';
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useCallback, useRef, useState, useEffect } from 'react';
|
|
3
3
|
import { HexColorPicker } from 'react-colorful';
|
|
4
4
|
import { useClickOutside } from '../../../hooks';
|
|
5
|
-
import { TooltipProvider, Tooltip } from '../../
|
|
5
|
+
import { TooltipProvider, Tooltip } from '../../tooltip/tooltip.component';
|
|
6
6
|
import { DEFAULT_BG_COLOR, DEFAULT_TEXT_COLOR, STANDARD_COLORS, } from '../../../helpers/constants';
|
|
7
7
|
import './color-picker-modal.css';
|
|
8
8
|
export const ColorPickerModal = ({ color, isVisible = false, testId = 'color-picker', tooltip = '', tooltipSide = 'bottom', onChange, onNoFill, onClose, }) => {
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { render, screen, fireEvent } from '@testing-library/react';
|
|
3
3
|
import '@testing-library/jest-dom';
|
|
4
4
|
import { Button } from './button.component';
|
|
5
|
-
import { TooltipProvider } from '../
|
|
5
|
+
import { TooltipProvider } from '../tooltip/tooltip.component';
|
|
6
6
|
describe('Renders a button', () => {
|
|
7
7
|
it('Renders the supplied children', () => {
|
|
8
8
|
render(_jsx(Button, { children: "Hello" }));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import { Tooltip } from '../
|
|
3
|
+
import { Tooltip } from '../tooltip/tooltip.component';
|
|
4
4
|
import s from '../../tc.module.css';
|
|
5
5
|
import { cn } from '../../utils';
|
|
6
6
|
export const Button = forwardRef(({ variant = 'solid', tooltip, disabled = false, type = 'button', className, children, ...args }, ref) => {
|
|
@@ -2,7 +2,7 @@ import * as Form from './Form/form.component';
|
|
|
2
2
|
export * from './Accordion/AccordionSection';
|
|
3
3
|
export * from './Loader/loader.component';
|
|
4
4
|
export * from './Tabs/tabs.component';
|
|
5
|
-
export * from './
|
|
5
|
+
export * from './tooltip/tooltip.component';
|
|
6
6
|
export * from './Icon';
|
|
7
7
|
export { Form };
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -2,7 +2,7 @@ import * as Form from './Form/form.component';
|
|
|
2
2
|
export * from './Accordion/AccordionSection';
|
|
3
3
|
export * from './Loader/loader.component';
|
|
4
4
|
export * from './Tabs/tabs.component';
|
|
5
|
-
export * from './
|
|
5
|
+
export * from './tooltip/tooltip.component';
|
|
6
6
|
// export * from './Action';
|
|
7
7
|
// // export * from './ActionCard';
|
|
8
8
|
// export * from './ActionGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/
|
|
1
|
+
{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sJAAsJ;IACtJ,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
package/lib/src/core-components/src/components/{Tooltip → tooltip}/tooltip.component.d.ts.map
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/
|
|
1
|
+
{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/components/tooltip/tooltip.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,OAAO,8GAWjB,kBAAkB,YAAY,CAAC,4CA4BjC,CAAC;AACF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/CoreButton/elements.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/CoreButton/elements.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAiKpE,eAAO,MAAM,aAAa;;;;CAazB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;CAgB9B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAoBD,eAAO,MAAM,aAAa,mQA6DzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,eAAO,MAAM,WAAW;cACZ,MAAM,GAAG,OAAO;UACpB,UAAU;iBACH,OAAO;YAQrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/ToggleCore/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/ToggleCore/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AA8FF,eAAO,MAAM,cAAc,iBAAgB,WAAW,4CAOrD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,WAAW,4CAI7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,4LArHT,GAAG,kFA+HvB,CAAC;AAEF,eAAO,MAAM,WAAW,kNAIvB,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB,6CAoB9B,CAAC"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { styled, css } from 'styled-components';
|
|
3
3
|
import { createTransition } from '../../utils';
|
|
4
4
|
import { StateLayer } from '../StateLayer';
|
|
5
|
-
import { Icon } from '../../components';
|
|
6
5
|
// import {Text} from '../../components/Text';
|
|
7
6
|
const Text = (props) => {
|
|
8
7
|
return _jsx("span", { ...props });
|
|
@@ -67,12 +66,6 @@ const StyledCheckbox = styled.span `
|
|
|
67
66
|
color: var(--aui-on-surface);
|
|
68
67
|
`}
|
|
69
68
|
`;
|
|
70
|
-
const CheckIcon = styled(Icon.SSR) `
|
|
71
|
-
opacity: ${({ $checked }) => ($checked ? 1 : 0)};
|
|
72
|
-
`;
|
|
73
|
-
const MinusIcon = styled(Icon.SSR) `
|
|
74
|
-
opacity: ${({ $checked, $indeterminate }) => !$checked && $indeterminate ? 1 : 0};
|
|
75
|
-
`;
|
|
76
69
|
const StyledRadio = styled.span `
|
|
77
70
|
${baseToggleStyles};
|
|
78
71
|
|
|
@@ -99,7 +92,7 @@ const StyledRadio = styled.span `
|
|
|
99
92
|
opacity: ${({ $checked }) => ($checked ? '1' : '0')};
|
|
100
93
|
}
|
|
101
94
|
`;
|
|
102
|
-
export const CheckboxToggle = ({ ...props }) => (_jsxs(StyledCheckbox, { ...props, children: [_jsx(StateLayer, {}), _jsx(
|
|
95
|
+
export const CheckboxToggle = ({ ...props }) => (_jsxs(StyledCheckbox, { ...props, children: [_jsx(StateLayer, {}), _jsx("span", { children: "Icons" })] }));
|
|
103
96
|
export const RadioToggle = (props) => (_jsx(StyledRadio, { ...props, children: _jsx(StateLayer, {}) }));
|
|
104
97
|
export const StyledDescription = styled(Text).attrs({
|
|
105
98
|
size: 2,
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|