@aivenio/aquarium 1.3.0 → 1.4.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/_variables.scss +2 -1
- package/dist/_variables_timescale.scss +2 -1
- package/dist/atoms.cjs +129 -53
- package/dist/atoms.mjs +128 -53
- package/dist/src/common/RadioButton/RadioButton.js +5 -12
- package/dist/src/common/Stepper/Stepper.d.ts +33 -0
- package/dist/src/common/Stepper/Stepper.js +60 -0
- package/dist/src/common/Table/Table.js +2 -2
- package/dist/src/common/index.d.ts +1 -0
- package/dist/src/common/index.js +2 -1
- package/dist/src/components/Container/Container.d.ts +16 -0
- package/dist/src/components/Container/Container.js +18 -0
- package/dist/src/components/Stepper/Stepper.d.ts +24 -0
- package/dist/src/components/Stepper/Stepper.js +24 -0
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.js +3 -1
- package/dist/styles.css +93 -38
- package/dist/styles_timescaledb.css +93 -38
- package/dist/system.cjs +640 -512
- package/dist/system.mjs +596 -470
- package/dist/tailwind.config.js +4 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -13,16 +13,9 @@ import React from 'react';
|
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const RadioButton = React.forwardRef((_a, ref) => {
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
16
|
-
return (React.createElement("
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
{
|
21
|
-
'peer-checked/radio:border-navyBlue-100 peer-hover/radio:border-grey-50': !disabled,
|
22
|
-
'border-grey-5 peer-checked/radio:[&>*]:opacity-40': disabled,
|
23
|
-
}) },
|
24
|
-
React.createElement("span", { style: { backgroundColor: 'currentcolor' }, className: tw('w-3 h-3 rounded-full hidden bg-navyBlue-100 pointer-events-none', {
|
25
|
-
'peer-checked/radio:opacity-40': disabled,
|
26
|
-
}) }))));
|
16
|
+
return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none ', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
|
17
|
+
'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
|
18
|
+
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
|
19
|
+
})), readOnly: readOnly, disabled: disabled })));
|
27
20
|
});
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0Esc0VBQXNFLEVBQ3RFLG1FQUFtRSxFQUNuRSx3RUFBd0UsRUFDeEU7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
3
|
+
declare type State = 'inactive' | 'active' | 'completed';
|
4
|
+
declare type ComposedStepperProps = React.FC<DivProps> & {
|
5
|
+
Step: typeof Step;
|
6
|
+
ConnectorContainer: typeof ConnectorContainer;
|
7
|
+
};
|
8
|
+
export declare const Stepper: ComposedStepperProps;
|
9
|
+
declare type ConnectorContainerProps = DivProps & {
|
10
|
+
completed?: boolean;
|
11
|
+
dense?: boolean;
|
12
|
+
};
|
13
|
+
declare const ConnectorContainer: React.FC<ConnectorContainerProps> & {
|
14
|
+
Connector: typeof Connector;
|
15
|
+
};
|
16
|
+
declare type ConnectorProps = DivProps & {
|
17
|
+
completed?: boolean;
|
18
|
+
dense?: boolean;
|
19
|
+
};
|
20
|
+
declare const Connector: React.FC<ConnectorProps>;
|
21
|
+
declare type StepProps = DivProps & {
|
22
|
+
state: State;
|
23
|
+
};
|
24
|
+
declare const Step: React.FC<StepProps> & {
|
25
|
+
Indicator: typeof Indicator;
|
26
|
+
};
|
27
|
+
declare type IndicatorProps = DivProps & {
|
28
|
+
state: State;
|
29
|
+
dense?: boolean;
|
30
|
+
children: string | number;
|
31
|
+
};
|
32
|
+
declare const Indicator: React.FC<IndicatorProps>;
|
33
|
+
export {};
|
@@ -0,0 +1,60 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
import tick from '../../../src/icons/tick';
|
16
|
+
export const Stepper = (_a) => {
|
17
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
18
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className) })));
|
19
|
+
};
|
20
|
+
const ConnectorContainer = (_a) => {
|
21
|
+
var { className, completed, dense } = _a, rest = __rest(_a, ["className", "completed", "dense"]);
|
22
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('absolute w-full -left-1/2', {
|
23
|
+
'top-[3px] px-[14px]': Boolean(dense),
|
24
|
+
'top-[14px] px-[20px]': !dense,
|
25
|
+
}), className) })));
|
26
|
+
};
|
27
|
+
const Connector = (_a) => {
|
28
|
+
var { children, className, completed, dense } = _a, rest = __rest(_a, ["children", "className", "completed", "dense"]);
|
29
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-full', {
|
30
|
+
'bg-grey-20': !completed,
|
31
|
+
'bg-success-70': Boolean(completed),
|
32
|
+
'h-[2px]': !dense,
|
33
|
+
'h-[3px]': Boolean(dense),
|
34
|
+
}), className) })));
|
35
|
+
};
|
36
|
+
const Step = (_a) => {
|
37
|
+
var { className, state } = _a, rest = __rest(_a, ["className", "state"]);
|
38
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col items-center text-grey-90 relative text-center', {
|
39
|
+
'text-grey-20': state === 'inactive',
|
40
|
+
}), className) })));
|
41
|
+
};
|
42
|
+
const getClassNames = (state) => tw('h-[32px] w-[32px] border-2', {
|
43
|
+
'border-grey-90 bg-white': state === 'active',
|
44
|
+
'border-grey-20 bg-white': state === 'inactive',
|
45
|
+
'text-white bg-success-70 border-success-70': state === 'completed',
|
46
|
+
});
|
47
|
+
const getDenseClassNames = (state) => tw('h-[8px] w-[8px]', {
|
48
|
+
'bg-grey-90': state === 'active',
|
49
|
+
'bg-grey-20': state === 'inactive',
|
50
|
+
'text-success-70': state === 'completed',
|
51
|
+
});
|
52
|
+
const Indicator = (_a) => {
|
53
|
+
var { children, className, state, dense } = _a, rest = __rest(_a, ["children", "className", "state", "dense"]);
|
54
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded-full flex justify-center items-center mx-2 mb-3'), dense ? getDenseClassNames(state) : getClassNames(state), className) }), state === 'completed' ? React.createElement(InlineIcon, { icon: tick }) : dense ? null : children));
|
55
|
+
};
|
56
|
+
Step.Indicator = Indicator;
|
57
|
+
Stepper.Step = Step;
|
58
|
+
ConnectorContainer.Connector = Connector;
|
59
|
+
Stepper.ConnectorContainer = ConnectorContainer;
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVdsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUN2RSw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUNwRCxDQUFBO0NBQUEsQ0FBQztBQU9GLE1BQU0sa0JBQWtCLEdBQXdFLENBQUMsRUFLaEcsRUFBRSxFQUFFO1FBTDRGLEVBQy9GLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxPQUVOLEVBREksSUFBSSxjQUp3RixtQ0FLaEcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJCQUEyQixFQUFFO1lBQzlCLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7WUFDckMsc0JBQXNCLEVBQUUsQ0FBQyxLQUFLO1NBQy9CLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBT0YsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUFoRCwrQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDbEcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxRQUFRLEVBQUU7WUFDWCxZQUFZLEVBQUUsQ0FBQyxTQUFTO1lBQ3hCLGVBQWUsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQ25DLFNBQVMsRUFBRSxDQUFDLEtBQUs7WUFDakIsU0FBUyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDMUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFNRixNQUFNLElBQUksR0FBMEQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDckcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw4REFBOEQsRUFBRTtZQUNqRSxjQUFjLEVBQUUsS0FBSyxLQUFLLFVBQVU7U0FDckMsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFRRixNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQ3JDLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRTtJQUMvQix5QkFBeUIsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUM3Qyx5QkFBeUIsRUFBRSxLQUFLLEtBQUssVUFBVTtJQUMvQyw0Q0FBNEMsRUFBRSxLQUFLLEtBQUssV0FBVztDQUNwRSxDQUFDLENBQUM7QUFFTCxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDMUMsRUFBRSxDQUFDLGlCQUFpQixFQUFFO0lBQ3BCLFlBQVksRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNoQyxZQUFZLEVBQUUsS0FBSyxLQUFLLFVBQVU7SUFDbEMsaUJBQWlCLEVBQUUsS0FBSyxLQUFLLFdBQVc7Q0FDekMsQ0FBQyxDQUFDO0FBRUwsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBOEMsRUFBRSxFQUFFO1FBQWxELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUE1QywyQ0FBOEMsQ0FBRjtJQUFPLE9BQUEsQ0FDOUYsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx5REFBeUQsQ0FBQyxFQUM3RCxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQ3hELFNBQVMsQ0FDVixLQUVBLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ3pFLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUMzQixPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUNwQixrQkFBa0IsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE9BQU8sQ0FBQyxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQyJ9
|
@@ -47,7 +47,7 @@ export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
|
|
47
47
|
export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
|
48
48
|
export const getHeadCellClassNames = (sticky = true) => {
|
49
49
|
const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
|
50
|
-
return sticky ? classNames(common, tw('sticky top-0')) : common;
|
50
|
+
return sticky ? classNames(common, tw('sticky top-0 z-10')) : common;
|
51
51
|
};
|
52
52
|
const TableCell = (_a) => {
|
53
53
|
var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
|
@@ -88,4 +88,4 @@ Table.Row = React.memo(TableRow);
|
|
88
88
|
Table.Cell = React.memo(TableCell);
|
89
89
|
Table.SortCell = React.memo(TableSortCell);
|
90
90
|
Table.SelectCell = React.memo(TableSelectCell);
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFzQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RSxPQUFPLEVBQXlCLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBR3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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
|
@@ -9,5 +9,6 @@ export * from './Popover/Popover';
|
|
9
9
|
export * from './PopoverDialog/PopoverDialog';
|
10
10
|
export * from './RadioButton/RadioButton';
|
11
11
|
export * from './Select/Select';
|
12
|
+
export * from './Stepper/Stepper';
|
12
13
|
export * from './Switch/Switch';
|
13
14
|
export * from './Table/Table';
|
package/dist/src/common/index.js
CHANGED
@@ -9,6 +9,7 @@ export * from './Popover/Popover';
|
|
9
9
|
export * from './PopoverDialog/PopoverDialog';
|
10
10
|
export * from './RadioButton/RadioButton';
|
11
11
|
export * from './Select/Select';
|
12
|
+
export * from './Stepper/Stepper';
|
12
13
|
export * from './Switch/Switch';
|
13
14
|
export * from './Table/Table';
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUMifQ==
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type Breakpoint } from '../../../types/tailwind';
|
3
|
+
export declare type ContainerProps = {
|
4
|
+
/**
|
5
|
+
* Provide a screen id from our tailwind theme to set a max-width
|
6
|
+
*/
|
7
|
+
maxWidth?: Exclude<Breakpoint, 'default'>;
|
8
|
+
};
|
9
|
+
/**
|
10
|
+
*
|
11
|
+
* @param maxWidth - Breakpoint
|
12
|
+
* @default "xl"
|
13
|
+
* @returns a component that centers its children and sets a max-width
|
14
|
+
* @example <Container maxWidth="xs">...</Container>
|
15
|
+
*/
|
16
|
+
export declare const Container: React.FC<ContainerProps>;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Box } from '../../../src/components/Box/Box';
|
3
|
+
import { tw } from '../../../src/utils/tailwind';
|
4
|
+
/**
|
5
|
+
*
|
6
|
+
* @param maxWidth - Breakpoint
|
7
|
+
* @default "xl"
|
8
|
+
* @returns a component that centers its children and sets a max-width
|
9
|
+
* @example <Container maxWidth="xs">...</Container>
|
10
|
+
*/
|
11
|
+
export const Container = ({ maxWidth = 'xl', children }) => (React.createElement(Box, { marginLeft: "auto", marginRight: "auto", width: "full", className: tw({
|
12
|
+
'max-w-screen-xl': maxWidth === 'xl',
|
13
|
+
'max-w-screen-lg': maxWidth === 'lg',
|
14
|
+
'max-w-screen-md': maxWidth === 'md',
|
15
|
+
'max-w-screen-sm': maxWidth === 'sm',
|
16
|
+
'max-w-screen-xs': maxWidth === 'xs',
|
17
|
+
}) }, children));
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEM7Ozs7OztHQU1HO0FBQ0gsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQUUsUUFBUSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDcEYsb0JBQUMsR0FBRyxJQUNGLFVBQVUsRUFBQyxNQUFNLEVBQ2pCLFdBQVcsRUFBQyxNQUFNLEVBQ2xCLEtBQUssRUFBQyxNQUFNLEVBQ1osU0FBUyxFQUFFLEVBQUUsQ0FBQztRQUNaLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO1FBQ3BDLGlCQUFpQixFQUFFLFFBQVEsS0FBSyxJQUFJO0tBQ3JDLENBQUMsSUFFRCxRQUFRLENBQ0wsQ0FDUCxDQUFDIn0=
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type StepperProps = {
|
3
|
+
/**
|
4
|
+
* Active index of step. All steps up to this point will be marked as "completed" and this will be "active"
|
5
|
+
*/
|
6
|
+
activeIndex: number;
|
7
|
+
/**
|
8
|
+
* Only subcomponents of Stepper are allowed as children
|
9
|
+
*/
|
10
|
+
children: Array<React.ReactElement<StepProps>> | React.ReactElement<StepProps>;
|
11
|
+
/**
|
12
|
+
* Use dense version for a slightly smaller height.
|
13
|
+
* Dense version will not display step labels inside the indicators.
|
14
|
+
*/
|
15
|
+
dense?: boolean;
|
16
|
+
};
|
17
|
+
export declare const Stepper: React.FC<StepperProps> & {
|
18
|
+
Step: typeof Step;
|
19
|
+
};
|
20
|
+
declare type StepProps = {
|
21
|
+
children: string | number;
|
22
|
+
};
|
23
|
+
declare const Step: React.FC<StepProps>;
|
24
|
+
export {};
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Template } from '../../../src/components/Template/Template';
|
3
|
+
import { Stepper as StepperBase } from '../../../src/common/Stepper/Stepper';
|
4
|
+
import { isComponentType } from '../../../types/utils';
|
5
|
+
export const Stepper = ({ children, activeIndex, dense }) => {
|
6
|
+
const steps = React.Children.count(children);
|
7
|
+
return (React.createElement(StepperBase, { role: "list" },
|
8
|
+
React.createElement(Template, { columns: steps }, React.Children.map(children, (child, index) => {
|
9
|
+
if (!isComponentType(child, Step)) {
|
10
|
+
return new Error('<Stepper> can only have <Stepper.Step> components as children');
|
11
|
+
}
|
12
|
+
else {
|
13
|
+
const state = index > activeIndex ? 'inactive' : index === activeIndex ? 'active' : 'completed';
|
14
|
+
return (React.createElement(StepperBase.Step, { state: state, "aria-current": state === 'active' ? 'step' : false, role: "listitem" },
|
15
|
+
index > 0 && index <= steps && (React.createElement(StepperBase.ConnectorContainer, { dense: dense },
|
16
|
+
React.createElement(StepperBase.ConnectorContainer.Connector, { completed: state === 'completed' || state === 'active' }))),
|
17
|
+
React.createElement(StepperBase.Step.Indicator, { state: state, dense: dense }, index + 1),
|
18
|
+
child.props.children));
|
19
|
+
}
|
20
|
+
}))));
|
21
|
+
};
|
22
|
+
const Step = () => null;
|
23
|
+
Stepper.Step = Step;
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N0ZXBwZXIvU3RlcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFrQjlDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBbUQsQ0FBQyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUMxRyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUM3QyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxJQUFDLElBQUksRUFBQyxNQUFNO1FBQ3RCLG9CQUFDLFFBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxJQUNyQixLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDN0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUU7Z0JBQ2pDLE9BQU8sSUFBSSxLQUFLLENBQUMsK0RBQStELENBQUMsQ0FBQzthQUNuRjtpQkFBTTtnQkFDTCxNQUFNLEtBQUssR0FBRyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO2dCQUNoRyxPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsS0FBSyxrQkFBZ0IsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFDLFVBQVU7b0JBQy9GLEtBQUssR0FBRyxDQUFDLElBQUksS0FBSyxJQUFJLEtBQUssSUFBSSxDQUM5QixvQkFBQyxXQUFXLENBQUMsa0JBQWtCLElBQUMsS0FBSyxFQUFFLEtBQUs7d0JBQzFDLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLElBQUMsU0FBUyxFQUFFLEtBQUssS0FBSyxXQUFXLElBQUksS0FBSyxLQUFLLFFBQVEsR0FBSSxDQUNyRSxDQUNsQztvQkFDRCxvQkFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQ25ELEtBQUssR0FBRyxDQUFDLENBQ2lCO29CQUM1QixLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDSixDQUNwQixDQUFDO2FBQ0g7UUFDSCxDQUFDLENBQUMsQ0FDTyxDQUNDLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sSUFBSSxHQUF3QixHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFFN0MsT0FBTyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMifQ==
|
@@ -13,6 +13,7 @@ export * from './CheckboxGroup/CheckboxGroup';
|
|
13
13
|
export * from './Chip/Chip';
|
14
14
|
export * from './ChoiceChip/ChoiceChip';
|
15
15
|
export * from './Combobox/Combobox';
|
16
|
+
export * from './Container/Container';
|
16
17
|
export * from './Context/Context';
|
17
18
|
export * from './ControlLabel/ControlLabel';
|
18
19
|
export * from './DataList/DataList';
|
@@ -48,6 +49,7 @@ export * from './Section/Section';
|
|
48
49
|
export * from './SegmentedControl/SegmentedControl';
|
49
50
|
export * from './Select/Select';
|
50
51
|
export * from './Skeleton/Skeleton';
|
52
|
+
export * from './Stepper/Stepper';
|
51
53
|
export * from './Switch/Switch';
|
52
54
|
export * from './SwitchGroup/SwitchGroup';
|
53
55
|
export * from './Table/Table';
|
@@ -14,6 +14,7 @@ export * from './CheckboxGroup/CheckboxGroup';
|
|
14
14
|
export * from './Chip/Chip';
|
15
15
|
export * from './ChoiceChip/ChoiceChip';
|
16
16
|
export * from './Combobox/Combobox';
|
17
|
+
export * from './Container/Container';
|
17
18
|
export * from './Context/Context';
|
18
19
|
export * from './ControlLabel/ControlLabel';
|
19
20
|
export * from './DataList/DataList';
|
@@ -49,6 +50,7 @@ export * from './Section/Section';
|
|
49
50
|
export * from './SegmentedControl/SegmentedControl';
|
50
51
|
export * from './Select/Select';
|
51
52
|
export * from './Skeleton/Skeleton';
|
53
|
+
export * from './Stepper/Stepper';
|
52
54
|
export * from './Switch/Switch';
|
53
55
|
export * from './SwitchGroup/SwitchGroup';
|
54
56
|
export * from './Table/Table';
|
@@ -67,4 +69,4 @@ export * from '../utils/table/useTableSelect';
|
|
67
69
|
export * from '../utils/table/useTableSort';
|
68
70
|
export * from './Pagination/usePagination';
|
69
71
|
export const SelectItem = Select.Item;
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDN0QsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUV4Qyx1Q0FBdUM7QUFDdkMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDIn0=
|
package/dist/styles.css
CHANGED
@@ -704,6 +704,15 @@ input[type='number'].no-arrows {
|
|
704
704
|
.right-\[28px\] {
|
705
705
|
right: 28px !important;
|
706
706
|
}
|
707
|
+
.-left-1\/2 {
|
708
|
+
left: -50% !important;
|
709
|
+
}
|
710
|
+
.top-\[3px\] {
|
711
|
+
top: 3px !important;
|
712
|
+
}
|
713
|
+
.top-\[14px\] {
|
714
|
+
top: 14px !important;
|
715
|
+
}
|
707
716
|
.left-2 {
|
708
717
|
left: 4px !important;
|
709
718
|
}
|
@@ -728,15 +737,15 @@ input[type='number'].no-arrows {
|
|
728
737
|
.-z-10 {
|
729
738
|
z-index: -10 !important;
|
730
739
|
}
|
740
|
+
.z-10 {
|
741
|
+
z-index: 10 !important;
|
742
|
+
}
|
731
743
|
.z-40 {
|
732
744
|
z-index: 40 !important;
|
733
745
|
}
|
734
746
|
.z-0 {
|
735
747
|
z-index: 0 !important;
|
736
748
|
}
|
737
|
-
.z-10 {
|
738
|
-
z-index: 10 !important;
|
739
|
-
}
|
740
749
|
.z-20 {
|
741
750
|
z-index: 20 !important;
|
742
751
|
}
|
@@ -891,7 +900,16 @@ input[type='number'].no-arrows {
|
|
891
900
|
.h-2 {
|
892
901
|
height: 4px !important;
|
893
902
|
}
|
894
|
-
.h
|
903
|
+
.h-\[2px\] {
|
904
|
+
height: 2px !important;
|
905
|
+
}
|
906
|
+
.h-\[3px\] {
|
907
|
+
height: 3px !important;
|
908
|
+
}
|
909
|
+
.h-\[32px\] {
|
910
|
+
height: 32px !important;
|
911
|
+
}
|
912
|
+
.h-\[8px\] {
|
895
913
|
height: 8px !important;
|
896
914
|
}
|
897
915
|
.h-4 {
|
@@ -906,9 +924,6 @@ input[type='number'].no-arrows {
|
|
906
924
|
.h-\[6px\] {
|
907
925
|
height: 6px !important;
|
908
926
|
}
|
909
|
-
.h-\[32px\] {
|
910
|
-
height: 32px !important;
|
911
|
-
}
|
912
927
|
.h-\[174px\] {
|
913
928
|
height: 174px !important;
|
914
929
|
}
|
@@ -918,6 +933,9 @@ input[type='number'].no-arrows {
|
|
918
933
|
.h-1px {
|
919
934
|
height: 1px !important;
|
920
935
|
}
|
936
|
+
.h-3 {
|
937
|
+
height: 8px !important;
|
938
|
+
}
|
921
939
|
.h-6 {
|
922
940
|
height: 24px !important;
|
923
941
|
}
|
@@ -948,7 +966,10 @@ input[type='number'].no-arrows {
|
|
948
966
|
.w-5 {
|
949
967
|
width: 16px !important;
|
950
968
|
}
|
951
|
-
.w
|
969
|
+
.w-\[32px\] {
|
970
|
+
width: 32px !important;
|
971
|
+
}
|
972
|
+
.w-\[8px\] {
|
952
973
|
width: 8px !important;
|
953
974
|
}
|
954
975
|
.w-\[34px\] {
|
@@ -963,9 +984,6 @@ input[type='number'].no-arrows {
|
|
963
984
|
.w-\[6px\] {
|
964
985
|
width: 6px !important;
|
965
986
|
}
|
966
|
-
.w-\[32px\] {
|
967
|
-
width: 32px !important;
|
968
|
-
}
|
969
987
|
.w-\[280px\] {
|
970
988
|
width: 280px !important;
|
971
989
|
}
|
@@ -975,6 +993,9 @@ input[type='number'].no-arrows {
|
|
975
993
|
.w-2 {
|
976
994
|
width: 4px !important;
|
977
995
|
}
|
996
|
+
.w-3 {
|
997
|
+
width: 8px !important;
|
998
|
+
}
|
978
999
|
.w-6 {
|
979
1000
|
width: 24px !important;
|
980
1001
|
}
|
@@ -996,6 +1017,21 @@ input[type='number'].no-arrows {
|
|
996
1017
|
.max-w-\[940px\] {
|
997
1018
|
max-width: 940px !important;
|
998
1019
|
}
|
1020
|
+
.max-w-screen-xl {
|
1021
|
+
max-width: 1536px !important;
|
1022
|
+
}
|
1023
|
+
.max-w-screen-lg {
|
1024
|
+
max-width: 1312px !important;
|
1025
|
+
}
|
1026
|
+
.max-w-screen-md {
|
1027
|
+
max-width: 1056px !important;
|
1028
|
+
}
|
1029
|
+
.max-w-screen-sm {
|
1030
|
+
max-width: 672px !important;
|
1031
|
+
}
|
1032
|
+
.max-w-screen-xs {
|
1033
|
+
max-width: 320px !important;
|
1034
|
+
}
|
999
1035
|
.max-w-\[70px\] {
|
1000
1036
|
max-width: 70px !important;
|
1001
1037
|
}
|
@@ -1223,6 +1259,9 @@ input[type='number'].no-arrows {
|
|
1223
1259
|
.border-0 {
|
1224
1260
|
border-width: 0px !important;
|
1225
1261
|
}
|
1262
|
+
.border-2 {
|
1263
|
+
border-width: 2px !important;
|
1264
|
+
}
|
1226
1265
|
.border-b-\[1px\] {
|
1227
1266
|
border-bottom-width: 1px !important;
|
1228
1267
|
}
|
@@ -1261,10 +1300,22 @@ input[type='number'].no-arrows {
|
|
1261
1300
|
--tw-border-opacity: 1 !important;
|
1262
1301
|
border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
|
1263
1302
|
}
|
1303
|
+
.border-navyBlue-100 {
|
1304
|
+
--tw-border-opacity: 1 !important;
|
1305
|
+
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
1306
|
+
}
|
1264
1307
|
.border-grey-50 {
|
1265
1308
|
--tw-border-opacity: 1 !important;
|
1266
1309
|
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
1267
1310
|
}
|
1311
|
+
.border-grey-90 {
|
1312
|
+
--tw-border-opacity: 1 !important;
|
1313
|
+
border-color: rgb(41 42 49 / var(--tw-border-opacity)) !important;
|
1314
|
+
}
|
1315
|
+
.border-success-70 {
|
1316
|
+
--tw-border-opacity: 1 !important;
|
1317
|
+
border-color: rgb(0 179 0 / var(--tw-border-opacity)) !important;
|
1318
|
+
}
|
1268
1319
|
.border-grey-40 {
|
1269
1320
|
--tw-border-opacity: 1 !important;
|
1270
1321
|
border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
|
@@ -1339,6 +1390,10 @@ input[type='number'].no-arrows {
|
|
1339
1390
|
--tw-bg-opacity: 1 !important;
|
1340
1391
|
background-color: rgb(210 210 214 / var(--tw-bg-opacity)) !important;
|
1341
1392
|
}
|
1393
|
+
.bg-grey-90 {
|
1394
|
+
--tw-bg-opacity: 1 !important;
|
1395
|
+
background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
|
1396
|
+
}
|
1342
1397
|
.bg-grey-30 {
|
1343
1398
|
--tw-bg-opacity: 1 !important;
|
1344
1399
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
|
@@ -1365,9 +1420,8 @@ input[type='number'].no-arrows {
|
|
1365
1420
|
--tw-bg-opacity: 1 !important;
|
1366
1421
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity)) !important;
|
1367
1422
|
}
|
1368
|
-
.bg-
|
1369
|
-
--tw-bg-opacity:
|
1370
|
-
background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
|
1423
|
+
.bg-opacity-40 {
|
1424
|
+
--tw-bg-opacity: 0.4 !important;
|
1371
1425
|
}
|
1372
1426
|
.bg-gradient-to-r {
|
1373
1427
|
background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
|
@@ -1464,6 +1518,14 @@ input[type='number'].no-arrows {
|
|
1464
1518
|
padding-left: 1px !important;
|
1465
1519
|
padding-right: 1px !important;
|
1466
1520
|
}
|
1521
|
+
.px-\[14px\] {
|
1522
|
+
padding-left: 14px !important;
|
1523
|
+
padding-right: 14px !important;
|
1524
|
+
}
|
1525
|
+
.px-\[20px\] {
|
1526
|
+
padding-left: 20px !important;
|
1527
|
+
padding-right: 20px !important;
|
1528
|
+
}
|
1467
1529
|
.px-4 {
|
1468
1530
|
padding-left: 12px !important;
|
1469
1531
|
padding-right: 12px !important;
|
@@ -1902,9 +1964,6 @@ input[type='number'].no-arrows {
|
|
1902
1964
|
.opacity-70 {
|
1903
1965
|
opacity: 0.7 !important;
|
1904
1966
|
}
|
1905
|
-
.opacity-40 {
|
1906
|
-
opacity: 0.4 !important;
|
1907
|
-
}
|
1908
1967
|
.shadow-16dp {
|
1909
1968
|
--tw-shadow: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !important;
|
1910
1969
|
--tw-shadow-colored: 0px 16px 32px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color) !important;
|
@@ -1995,6 +2054,23 @@ input[type='number'].no-arrows {
|
|
1995
2054
|
.first\:mt-0:first-child {
|
1996
2055
|
margin-top: 0 !important;
|
1997
2056
|
}
|
2057
|
+
.checked\:border-navyBlue-100:checked {
|
2058
|
+
--tw-border-opacity: 1 !important;
|
2059
|
+
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2060
|
+
}
|
2061
|
+
.checked\:bg-navyBlue-100:checked {
|
2062
|
+
--tw-bg-opacity: 1 !important;
|
2063
|
+
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
2064
|
+
}
|
2065
|
+
.checked\:bg-opacity-40:checked {
|
2066
|
+
--tw-bg-opacity: 0.4 !important;
|
2067
|
+
}
|
2068
|
+
.checked\:shadow-whiteInset:checked {
|
2069
|
+
--tw-shadow: inset 0 0 0 3px rgba(255,255,255,1) !important;
|
2070
|
+
--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color) !important;
|
2071
|
+
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
|
2072
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
|
2073
|
+
}
|
1998
2074
|
.hover\:cursor-pointer:hover {
|
1999
2075
|
cursor: pointer !important;
|
2000
2076
|
}
|
@@ -2282,10 +2358,6 @@ input[type='number'].no-arrows {
|
|
2282
2358
|
--tw-border-opacity: 1 !important;
|
2283
2359
|
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2284
2360
|
}
|
2285
|
-
.peer\/radio:checked~.peer-checked\/radio\:border-navyBlue-100 {
|
2286
|
-
--tw-border-opacity: 1 !important;
|
2287
|
-
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2288
|
-
}
|
2289
2361
|
.peer:checked~.peer-checked\:bg-navyBlue-100 {
|
2290
2362
|
--tw-bg-opacity: 1 !important;
|
2291
2363
|
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
@@ -2302,9 +2374,6 @@ input[type='number'].no-arrows {
|
|
2302
2374
|
--tw-text-opacity: 1 !important;
|
2303
2375
|
color: rgb(180 180 187 / var(--tw-text-opacity)) !important;
|
2304
2376
|
}
|
2305
|
-
.peer\/radio:checked~.peer-checked\/radio\:opacity-40 {
|
2306
|
-
opacity: 0.4 !important;
|
2307
|
-
}
|
2308
2377
|
.peer\/switch:checked~.peer-checked\/switch\:opacity-40 {
|
2309
2378
|
opacity: 0.4 !important;
|
2310
2379
|
}
|
@@ -2312,10 +2381,6 @@ input[type='number'].no-arrows {
|
|
2312
2381
|
--tw-border-opacity: 1 !important;
|
2313
2382
|
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
2314
2383
|
}
|
2315
|
-
.peer\/radio:hover~.peer-hover\/radio\:border-grey-50 {
|
2316
|
-
--tw-border-opacity: 1 !important;
|
2317
|
-
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
2318
|
-
}
|
2319
2384
|
.peer\/switch:focus~.peer-focus\/switch\:border {
|
2320
2385
|
border-width: 1px !important;
|
2321
2386
|
}
|
@@ -2323,10 +2388,6 @@ input[type='number'].no-arrows {
|
|
2323
2388
|
--tw-border-opacity: 1 !important;
|
2324
2389
|
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
2325
2390
|
}
|
2326
|
-
.peer\/radio:focus~.peer-focus\/radio\:border-info-70 {
|
2327
|
-
--tw-border-opacity: 1 !important;
|
2328
|
-
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
2329
|
-
}
|
2330
2391
|
.peer:disabled~.peer-disabled\:cursor-not-allowed {
|
2331
2392
|
cursor: not-allowed !important;
|
2332
2393
|
}
|
@@ -2357,12 +2418,6 @@ input[type='number'].no-arrows {
|
|
2357
2418
|
.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-2>path {
|
2358
2419
|
stroke-width: 2 !important;
|
2359
2420
|
}
|
2360
|
-
.peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:block>* {
|
2361
|
-
display: block !important;
|
2362
|
-
}
|
2363
|
-
.peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:opacity-40>* {
|
2364
|
-
opacity: 0.4 !important;
|
2365
|
-
}
|
2366
2421
|
.\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
|
2367
2422
|
margin-left: -8px !important;
|
2368
2423
|
}
|