@aivenio/aquarium 1.4.0 → 1.4.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/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +30 -20
- package/dist/atoms.mjs +30 -20
- package/dist/src/common/Checkbox/Checkbox.js +12 -6
- package/dist/src/common/RadioButton/RadioButton.js +2 -2
- package/dist/src/common/Switch/Switch.js +7 -10
- package/dist/src/components/Skeleton/Skeleton.js +3 -2
- package/dist/src/components/Timeline/Timeline.js +2 -2
- package/dist/src/components/Typography/Typography.d.ts +5 -3
- package/dist/src/components/Typography/Typography.js +1 -1
- package/dist/styles.css +38 -52
- package/dist/styles_timescaledb.css +38 -52
- package/dist/system.cjs +34 -22
- package/dist/system.mjs +34 -22
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +5 -4
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
@@ -2818,27 +2818,36 @@ var Checkbox = import_react13.default.forwardRef(
|
|
2818
2818
|
(_a, ref) => {
|
2819
2819
|
var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
2820
2820
|
return /* @__PURE__ */ import_react13.default.createElement("span", {
|
2821
|
-
className: tw("inline-flex justify-center items-center self-center")
|
2821
|
+
className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
|
2822
|
+
"hover:border-grey-50 peer-checked:border-navyBlue-100": !disabled,
|
2823
|
+
"border-grey-5": disabled
|
2824
|
+
})
|
2822
2825
|
}, /* @__PURE__ */ import_react13.default.createElement("input", __spreadProps(__spreadValues({
|
2823
2826
|
id,
|
2824
2827
|
ref,
|
2825
2828
|
type: "checkbox",
|
2826
2829
|
name
|
2827
2830
|
}, props), {
|
2828
|
-
className:
|
2831
|
+
className: classNames(
|
2832
|
+
tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
|
2833
|
+
"cursor-pointer checked:bg-navyBlue-100": !disabled,
|
2834
|
+
"cursor-not-allowed bg-grey-0": disabled
|
2835
|
+
})
|
2836
|
+
),
|
2829
2837
|
readOnly,
|
2830
2838
|
disabled
|
2831
2839
|
})), /* @__PURE__ */ import_react13.default.createElement(Icon, {
|
2832
2840
|
icon: indeterminate ? import_minus.default : import_tick.default,
|
2833
2841
|
className: classNames(
|
2834
2842
|
tw(
|
2835
|
-
"
|
2836
|
-
"
|
2837
|
-
"text-transparent
|
2843
|
+
"absolute top-0 right-0",
|
2844
|
+
"pointer-events-none p-[2px] w-5 h-5",
|
2845
|
+
"text-transparent [&>path]:stroke-transparent",
|
2846
|
+
"rounded-sm border border-grey-20 peer-focus:border-info-70"
|
2838
2847
|
),
|
2839
2848
|
{
|
2840
|
-
"peer-checked:
|
2841
|
-
"
|
2849
|
+
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100": !disabled,
|
2850
|
+
"border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
|
2842
2851
|
}
|
2843
2852
|
)
|
2844
2853
|
}));
|
@@ -3343,9 +3352,9 @@ var RadioButton = import_react22.default.forwardRef(
|
|
3343
3352
|
}, props), {
|
3344
3353
|
className: classNames(
|
3345
3354
|
tw(
|
3346
|
-
"inline-flex justify-center items-center self-center appearance-none
|
3355
|
+
"inline-flex justify-center items-center self-center appearance-none",
|
3347
3356
|
"w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
|
3348
|
-
"focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
|
3357
|
+
"outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
|
3349
3358
|
{
|
3350
3359
|
"hover:border-grey-50 checked:border-navyBlue-100": !disabled,
|
3351
3360
|
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
|
@@ -3624,21 +3633,22 @@ var Switch = import_react25.default.forwardRef(
|
|
3624
3633
|
type: "checkbox",
|
3625
3634
|
name
|
3626
3635
|
}, props), {
|
3627
|
-
className:
|
3636
|
+
className: classNames(
|
3637
|
+
tw(
|
3638
|
+
"appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300",
|
3639
|
+
"outline-none focus:border border-info-70 bg-grey-20",
|
3640
|
+
"cursor-pointer disabled:cursor-not-allowed",
|
3641
|
+
{
|
3642
|
+
"hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100": !disabled,
|
3643
|
+
"bg-grey-5 checked:opacity-40": disabled
|
3644
|
+
}
|
3645
|
+
)
|
3646
|
+
),
|
3628
3647
|
readOnly,
|
3629
3648
|
disabled
|
3630
3649
|
})), /* @__PURE__ */ import_react25.default.createElement("span", {
|
3631
3650
|
className: tw(
|
3632
|
-
"rounded-full inline-block
|
3633
|
-
"peer-focus/switch:border border-info-70 bg-grey-20",
|
3634
|
-
{
|
3635
|
-
"group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100": !disabled,
|
3636
|
-
"bg-grey-5 peer-checked/switch:opacity-40": disabled
|
3637
|
-
}
|
3638
|
-
)
|
3639
|
-
}), /* @__PURE__ */ import_react25.default.createElement("span", {
|
3640
|
-
className: tw(
|
3641
|
-
"rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
3651
|
+
"pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
3642
3652
|
"bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
|
3643
3653
|
{
|
3644
3654
|
"shadow-4dp": !disabled
|
package/dist/atoms.mjs
CHANGED
@@ -2784,27 +2784,36 @@ var Checkbox = React9.forwardRef(
|
|
2784
2784
|
(_a, ref) => {
|
2785
2785
|
var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
2786
2786
|
return /* @__PURE__ */ React9.createElement("span", {
|
2787
|
-
className: tw("inline-flex justify-center items-center self-center")
|
2787
|
+
className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
|
2788
|
+
"hover:border-grey-50 peer-checked:border-navyBlue-100": !disabled,
|
2789
|
+
"border-grey-5": disabled
|
2790
|
+
})
|
2788
2791
|
}, /* @__PURE__ */ React9.createElement("input", __spreadProps(__spreadValues({
|
2789
2792
|
id,
|
2790
2793
|
ref,
|
2791
2794
|
type: "checkbox",
|
2792
2795
|
name
|
2793
2796
|
}, props), {
|
2794
|
-
className:
|
2797
|
+
className: classNames(
|
2798
|
+
tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
|
2799
|
+
"cursor-pointer checked:bg-navyBlue-100": !disabled,
|
2800
|
+
"cursor-not-allowed bg-grey-0": disabled
|
2801
|
+
})
|
2802
|
+
),
|
2795
2803
|
readOnly,
|
2796
2804
|
disabled
|
2797
2805
|
})), /* @__PURE__ */ React9.createElement(Icon, {
|
2798
2806
|
icon: indeterminate ? import_minus.default : import_tick.default,
|
2799
2807
|
className: classNames(
|
2800
2808
|
tw(
|
2801
|
-
"
|
2802
|
-
"
|
2803
|
-
"text-transparent
|
2809
|
+
"absolute top-0 right-0",
|
2810
|
+
"pointer-events-none p-[2px] w-5 h-5",
|
2811
|
+
"text-transparent [&>path]:stroke-transparent",
|
2812
|
+
"rounded-sm border border-grey-20 peer-focus:border-info-70"
|
2804
2813
|
),
|
2805
2814
|
{
|
2806
|
-
"peer-checked:
|
2807
|
-
"
|
2815
|
+
"peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100": !disabled,
|
2816
|
+
"border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
|
2808
2817
|
}
|
2809
2818
|
)
|
2810
2819
|
}));
|
@@ -3309,9 +3318,9 @@ var RadioButton = React18.forwardRef(
|
|
3309
3318
|
}, props), {
|
3310
3319
|
className: classNames(
|
3311
3320
|
tw(
|
3312
|
-
"inline-flex justify-center items-center self-center appearance-none
|
3321
|
+
"inline-flex justify-center items-center self-center appearance-none",
|
3313
3322
|
"w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
|
3314
|
-
"focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
|
3323
|
+
"outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
|
3315
3324
|
{
|
3316
3325
|
"hover:border-grey-50 checked:border-navyBlue-100": !disabled,
|
3317
3326
|
"cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
|
@@ -3590,21 +3599,22 @@ var Switch = React21.forwardRef(
|
|
3590
3599
|
type: "checkbox",
|
3591
3600
|
name
|
3592
3601
|
}, props), {
|
3593
|
-
className:
|
3602
|
+
className: classNames(
|
3603
|
+
tw(
|
3604
|
+
"appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300",
|
3605
|
+
"outline-none focus:border border-info-70 bg-grey-20",
|
3606
|
+
"cursor-pointer disabled:cursor-not-allowed",
|
3607
|
+
{
|
3608
|
+
"hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100": !disabled,
|
3609
|
+
"bg-grey-5 checked:opacity-40": disabled
|
3610
|
+
}
|
3611
|
+
)
|
3612
|
+
),
|
3594
3613
|
readOnly,
|
3595
3614
|
disabled
|
3596
3615
|
})), /* @__PURE__ */ React21.createElement("span", {
|
3597
3616
|
className: tw(
|
3598
|
-
"rounded-full inline-block
|
3599
|
-
"peer-focus/switch:border border-info-70 bg-grey-20",
|
3600
|
-
{
|
3601
|
-
"group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100": !disabled,
|
3602
|
-
"bg-grey-5 peer-checked/switch:opacity-40": disabled
|
3603
|
-
}
|
3604
|
-
)
|
3605
|
-
}), /* @__PURE__ */ React21.createElement("span", {
|
3606
|
-
className: tw(
|
3607
|
-
"rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
3617
|
+
"pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
|
3608
3618
|
"bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
|
3609
3619
|
{
|
3610
3620
|
"shadow-4dp": !disabled
|
@@ -16,13 +16,19 @@ import minus from '../../../src/icons/minus';
|
|
16
16
|
import tick from '../../../src/icons/tick';
|
17
17
|
export const Checkbox = React.forwardRef((_a, ref) => {
|
18
18
|
var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
19
|
-
return (React.createElement("span", { className: tw('inline-flex justify-center items-center self-center')
|
20
|
-
|
21
|
-
|
19
|
+
return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center self-center relative'), {
|
20
|
+
'hover:border-grey-50 peer-checked:border-navyBlue-100': !disabled,
|
21
|
+
'border-grey-5': disabled,
|
22
|
+
}) },
|
23
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('peer appearance-none outline-none w-5 h-5', 'rounded-sm border border-transparent', {
|
24
|
+
'cursor-pointer checked:bg-navyBlue-100': !disabled,
|
25
|
+
'cursor-not-allowed bg-grey-0': disabled,
|
26
|
+
})), readOnly: readOnly, disabled: disabled })),
|
27
|
+
React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent', 'rounded-sm border border-grey-20 peer-focus:border-info-70'),
|
22
28
|
// It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
|
23
29
|
{
|
24
|
-
'peer-checked:
|
25
|
-
'
|
30
|
+
'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100': !disabled,
|
31
|
+
'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
|
26
32
|
}) })));
|
27
33
|
});
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxFQUFFO1lBQ3hGLHVEQUF1RCxFQUFFLENBQUMsUUFBUTtZQUNsRSxlQUFlLEVBQUUsUUFBUTtTQUMxQixDQUFDO1FBRUYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJDQUEyQyxFQUFFLHNDQUFzQyxFQUFFO2dCQUN0Rix3Q0FBd0MsRUFBRSxDQUFDLFFBQVE7Z0JBQ25ELDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FBQyxDQUNILEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSx3QkFBd0IsRUFDeEIscUNBQXFDLEVBQ3JDLDhDQUE4QyxFQUM5Qyw0REFBNEQsQ0FDN0Q7WUFDRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsdUhBQXVILEVBQ3JILENBQUMsUUFBUTtnQkFDWCw4RUFBOEUsRUFBRSxRQUFRO2FBQ3pGLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
@@ -13,9 +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("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
|
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', 'outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
|
17
17
|
'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
|
18
18
|
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
|
19
19
|
})), readOnly: readOnly, disabled: disabled })));
|
20
20
|
});
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0EscUVBQXFFLEVBQ3JFLG1FQUFtRSxFQUNuRSxxRkFBcUYsRUFDckY7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -10,19 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw } from '../../../src/utils/tailwind';
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const Switch = React.forwardRef((_a, ref) => {
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
16
16
|
return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
|
17
|
-
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
'bg-grey-5 peer-checked/switch:opacity-40': disabled,
|
23
|
-
}) }),
|
24
|
-
React.createElement("span", { className: tw('rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
|
17
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focus:border border-info-70 bg-grey-20', 'cursor-pointer disabled:cursor-not-allowed', {
|
18
|
+
'hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100': !disabled,
|
19
|
+
'bg-grey-5 checked:opacity-40': disabled,
|
20
|
+
})), readOnly: readOnly, disabled: disabled })),
|
21
|
+
React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
|
25
22
|
'shadow-4dp': !disabled,
|
26
23
|
}) })));
|
27
24
|
});
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLG9FQUFvRSxDQUFDO1FBQ3ZGLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxpR0FBaUcsRUFDakcscURBQXFELEVBQ3JELDRDQUE0QyxFQUM1QztnQkFDRSx3RUFBd0UsRUFBRSxDQUFDLFFBQVE7Z0JBQ25GLDhCQUE4QixFQUFFLFFBQVE7YUFDekMsQ0FDRixDQUNGLEVBQ0QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRiw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLG9JQUFvSSxFQUNwSSwyRUFBMkUsRUFDM0U7Z0JBQ0UsWUFBWSxFQUFFLENBQUMsUUFBUTthQUN4QixDQUNGLEdBQ0QsQ0FDRyxDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import isNumber from 'lodash/isNumber';
|
3
|
+
import isUndefined from 'lodash/isUndefined';
|
3
4
|
import { classNames, tw } from '../../utils/tailwind';
|
4
5
|
export const Skeleton = ({ width, height, display = 'block', className, animate = true, rounded = false, }) => {
|
5
6
|
const styles = {
|
6
7
|
width: isNumber(width) ? `${width}px` : width,
|
7
|
-
height: isNumber(height) ? `${height}px` : height,
|
8
|
+
height: isUndefined(height) ? '1em' : isNumber(height) ? `${height}px` : height,
|
8
9
|
};
|
9
10
|
return (React.createElement("div", { style: styles, className: classNames(tw('bg-grey-5', {
|
10
11
|
'rounded-full': rounded,
|
@@ -13,4 +14,4 @@ export const Skeleton = ({ width, height, display = 'block', className, animate
|
|
13
14
|
'animate-pulse': animate,
|
14
15
|
}), className) }));
|
15
16
|
};
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFvQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUNoRixDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUNFLEtBQUssRUFBRSxNQUFNLEVBQ2IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLFdBQVcsRUFBRTtZQUNkLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLE9BQU8sRUFBRSxPQUFPLEtBQUssT0FBTztZQUM1QixjQUFjLEVBQUUsT0FBTyxLQUFLLGNBQWM7WUFDMUMsZUFBZSxFQUFFLE9BQU87U0FDekIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixHQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -29,7 +29,7 @@ const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
|
|
29
29
|
React.createElement(Skeleton, { width: 6, height: 6, rounded: true })),
|
30
30
|
React.createElement(Skeleton, { height: 12, width: 120 }),
|
31
31
|
React.createElement(BaseTimeline.LineContainer, null,
|
32
|
-
React.createElement(Skeleton, { width: 2 })),
|
32
|
+
React.createElement(Skeleton, { width: 2, height: "100%" })),
|
33
33
|
React.createElement(BaseTimeline.Content, null,
|
34
34
|
React.createElement(Box, { display: "flex", flexDirection: "column", gap: "3" },
|
35
35
|
React.createElement(Skeleton, { height: 32, width: "100%" }),
|
@@ -38,4 +38,4 @@ const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
|
|
38
38
|
const TimelineSkeleton = ({ items = 3 }) => (React.createElement("div", null, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key })))));
|
39
39
|
Timeline.Item = TimelineItem;
|
40
40
|
Timeline.Skeleton = TimelineSkeleton;
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UaW1lbGluZS9UaW1lbGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxNQUFNLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFpQjVDLE1BQU0sWUFBWSxHQUFnQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFRN0QsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQy9ELGlDQUNHLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO0lBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLFlBQVksQ0FBQyxFQUFFO1FBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsaUVBQWlFLENBQUMsQ0FBQztLQUNwRjtTQUFNO1FBQ0wsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDNUIsT0FBTyxDQUNMLG9CQUFDLFlBQVks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
|
@@ -3,13 +3,15 @@ import { type TypographyProps } from '../../../src/common/Typography/Typography'
|
|
3
3
|
declare type Props = Omit<TypographyProps, 'variant' | 'fontWeight'>;
|
4
4
|
declare type LegacyProps = Omit<TypographyProps, 'variant'>;
|
5
5
|
declare type Header = 'LargeHeading';
|
6
|
-
declare type Body = 'LargeStrong' | 'Large' | 'DefaultStrong' | 'Default' | '
|
7
|
-
declare type Others = 'Caption';
|
6
|
+
declare type Body = 'LargeStrong' | 'Large' | 'DefaultStrong' | 'Default' | 'SmallStrong' | 'Small';
|
8
7
|
declare type ComposedTypographyProps = {
|
9
|
-
[key in Header | Body
|
8
|
+
[key in Header | Body]: React.FC<Props>;
|
10
9
|
} & {
|
11
10
|
Heading: React.FC<LegacyProps>;
|
12
11
|
Subheading: React.FC<LegacyProps>;
|
12
|
+
Paragraph: React.FC<LegacyProps>;
|
13
|
+
P: React.FC<LegacyProps>;
|
14
|
+
Caption: React.FC<LegacyProps>;
|
13
15
|
/**
|
14
16
|
* @deprecated Use <Typography.LargeStrong> instead.
|
15
17
|
*/
|
@@ -86,4 +86,4 @@ Typography.SmallTextBold = (_a) => {
|
|
86
86
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
87
87
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
88
88
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1R5cG9ncmFwaHkvVHlwb2dyYXBoeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUF3QixVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFtRHRHLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0QsQ0FBQyxLQUFzQixFQUFFLEVBQUUsQ0FBQyxDQUN6RyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssRUFBSSxDQUM5QixDQUFDO0FBRUYsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFFRixvRkFBb0Y7QUFDcEYsc0ZBQXNGO0FBQ3RGLHFEQUFxRDtBQUNyRCxFQUFFO0FBQ0YsaUZBQWlGO0FBQ2pGLG9DQUFvQztBQUNwQyxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVB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
|
package/dist/styles.css
CHANGED
@@ -698,6 +698,12 @@ input[type='number'].no-arrows {
|
|
698
698
|
top: 0 !important;
|
699
699
|
bottom: 0 !important;
|
700
700
|
}
|
701
|
+
.top-0 {
|
702
|
+
top: 0 !important;
|
703
|
+
}
|
704
|
+
.right-0 {
|
705
|
+
right: 0 !important;
|
706
|
+
}
|
701
707
|
.top-\[20px\] {
|
702
708
|
top: 20px !important;
|
703
709
|
}
|
@@ -716,18 +722,12 @@ input[type='number'].no-arrows {
|
|
716
722
|
.left-2 {
|
717
723
|
left: 4px !important;
|
718
724
|
}
|
719
|
-
.top-0 {
|
720
|
-
top: 0 !important;
|
721
|
-
}
|
722
725
|
.left-1\/2 {
|
723
726
|
left: 50% !important;
|
724
727
|
}
|
725
728
|
.bottom-0 {
|
726
729
|
bottom: 0 !important;
|
727
730
|
}
|
728
|
-
.right-0 {
|
729
|
-
right: 0 !important;
|
730
|
-
}
|
731
731
|
.left-0 {
|
732
732
|
left: 0 !important;
|
733
733
|
}
|
@@ -885,9 +885,6 @@ input[type='number'].no-arrows {
|
|
885
885
|
.h-\[20px\] {
|
886
886
|
height: 20px !important;
|
887
887
|
}
|
888
|
-
.h-0 {
|
889
|
-
height: 0 !important;
|
890
|
-
}
|
891
888
|
.h-5 {
|
892
889
|
height: 16px !important;
|
893
890
|
}
|
@@ -960,9 +957,6 @@ input[type='number'].no-arrows {
|
|
960
957
|
.w-full {
|
961
958
|
width: 100% !important;
|
962
959
|
}
|
963
|
-
.w-0 {
|
964
|
-
width: 0 !important;
|
965
|
-
}
|
966
960
|
.w-5 {
|
967
961
|
width: 16px !important;
|
968
962
|
}
|
@@ -1296,6 +1290,9 @@ input[type='number'].no-arrows {
|
|
1296
1290
|
--tw-border-opacity: 1 !important;
|
1297
1291
|
border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
|
1298
1292
|
}
|
1293
|
+
.border-transparent {
|
1294
|
+
border-color: transparent !important;
|
1295
|
+
}
|
1299
1296
|
.border-grey-10 {
|
1300
1297
|
--tw-border-opacity: 1 !important;
|
1301
1298
|
border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
|
@@ -1323,9 +1320,6 @@ input[type='number'].no-arrows {
|
|
1323
1320
|
.border-current {
|
1324
1321
|
border-color: currentColor !important;
|
1325
1322
|
}
|
1326
|
-
.border-transparent {
|
1327
|
-
border-color: transparent !important;
|
1328
|
-
}
|
1329
1323
|
.border-grey-100 {
|
1330
1324
|
--tw-border-opacity: 1 !important;
|
1331
1325
|
border-color: rgb(25 25 29 / var(--tw-border-opacity)) !important;
|
@@ -1362,14 +1356,14 @@ input[type='number'].no-arrows {
|
|
1362
1356
|
--tw-bg-opacity: 1 !important;
|
1363
1357
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
|
1364
1358
|
}
|
1365
|
-
.bg-grey-5 {
|
1366
|
-
--tw-bg-opacity: 1 !important;
|
1367
|
-
background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
|
1368
|
-
}
|
1369
1359
|
.bg-navyBlue-100 {
|
1370
1360
|
--tw-bg-opacity: 1 !important;
|
1371
1361
|
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
1372
1362
|
}
|
1363
|
+
.bg-grey-5 {
|
1364
|
+
--tw-bg-opacity: 1 !important;
|
1365
|
+
background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
|
1366
|
+
}
|
1373
1367
|
.bg-info-50 {
|
1374
1368
|
--tw-bg-opacity: 1 !important;
|
1375
1369
|
background-color: rgb(40 180 244 / var(--tw-bg-opacity)) !important;
|
@@ -1457,12 +1451,15 @@ input[type='number'].no-arrows {
|
|
1457
1451
|
.p-6 {
|
1458
1452
|
padding: 24px !important;
|
1459
1453
|
}
|
1460
|
-
.p-\[
|
1461
|
-
padding:
|
1454
|
+
.p-\[2px\] {
|
1455
|
+
padding: 2px !important;
|
1462
1456
|
}
|
1463
1457
|
.p-3 {
|
1464
1458
|
padding: 8px !important;
|
1465
1459
|
}
|
1460
|
+
.p-\[3px\] {
|
1461
|
+
padding: 3px !important;
|
1462
|
+
}
|
1466
1463
|
.p-2 {
|
1467
1464
|
padding: 4px !important;
|
1468
1465
|
}
|
@@ -1958,12 +1955,12 @@ input[type='number'].no-arrows {
|
|
1958
1955
|
.underline-offset-2 {
|
1959
1956
|
text-underline-offset: 2px !important;
|
1960
1957
|
}
|
1961
|
-
.opacity-0 {
|
1962
|
-
opacity: 0 !important;
|
1963
|
-
}
|
1964
1958
|
.opacity-70 {
|
1965
1959
|
opacity: 0.7 !important;
|
1966
1960
|
}
|
1961
|
+
.opacity-40 {
|
1962
|
+
opacity: 0.4 !important;
|
1963
|
+
}
|
1967
1964
|
.shadow-16dp {
|
1968
1965
|
--tw-shadow: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !important;
|
1969
1966
|
--tw-shadow-colored: 0px 16px 32px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color) !important;
|
@@ -2065,6 +2062,9 @@ input[type='number'].no-arrows {
|
|
2065
2062
|
.checked\:bg-opacity-40:checked {
|
2066
2063
|
--tw-bg-opacity: 0.4 !important;
|
2067
2064
|
}
|
2065
|
+
.checked\:opacity-40:checked {
|
2066
|
+
opacity: 0.4 !important;
|
2067
|
+
}
|
2068
2068
|
.checked\:shadow-whiteInset:checked {
|
2069
2069
|
--tw-shadow: inset 0 0 0 3px rgba(255,255,255,1) !important;
|
2070
2070
|
--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color) !important;
|
@@ -2086,6 +2086,10 @@ input[type='number'].no-arrows {
|
|
2086
2086
|
--tw-bg-opacity: 1 !important;
|
2087
2087
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
|
2088
2088
|
}
|
2089
|
+
.hover\:bg-grey-30:hover {
|
2090
|
+
--tw-bg-opacity: 1 !important;
|
2091
|
+
background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
|
2092
|
+
}
|
2089
2093
|
.hover\:bg-primary-70:hover {
|
2090
2094
|
--tw-bg-opacity: 1 !important;
|
2091
2095
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity)) !important;
|
@@ -2118,6 +2122,13 @@ input[type='number'].no-arrows {
|
|
2118
2122
|
--tw-ring-opacity: 1 !important;
|
2119
2123
|
--tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity)) !important;
|
2120
2124
|
}
|
2125
|
+
.hover\:checked\:bg-navyBlue-100:checked:hover {
|
2126
|
+
--tw-bg-opacity: 1 !important;
|
2127
|
+
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
2128
|
+
}
|
2129
|
+
.focus\:border:focus {
|
2130
|
+
border-width: 1px !important;
|
2131
|
+
}
|
2121
2132
|
.focus\:border-info-70:focus {
|
2122
2133
|
--tw-border-opacity: 1 !important;
|
2123
2134
|
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
@@ -2343,10 +2354,6 @@ input[type='number'].no-arrows {
|
|
2343
2354
|
--tw-bg-opacity: 1 !important;
|
2344
2355
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
|
2345
2356
|
}
|
2346
|
-
.group:hover .group-hover\:bg-grey-30 {
|
2347
|
-
--tw-bg-opacity: 1 !important;
|
2348
|
-
background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
|
2349
|
-
}
|
2350
2357
|
.peer\/switch:checked~.peer-checked\/switch\:left-1 {
|
2351
2358
|
left: 2px !important;
|
2352
2359
|
}
|
@@ -2358,14 +2365,6 @@ input[type='number'].no-arrows {
|
|
2358
2365
|
--tw-border-opacity: 1 !important;
|
2359
2366
|
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2360
2367
|
}
|
2361
|
-
.peer:checked~.peer-checked\:bg-navyBlue-100 {
|
2362
|
-
--tw-bg-opacity: 1 !important;
|
2363
|
-
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
2364
|
-
}
|
2365
|
-
.peer\/switch:checked~.peer-checked\/switch\:bg-navyBlue-100 {
|
2366
|
-
--tw-bg-opacity: 1 !important;
|
2367
|
-
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
2368
|
-
}
|
2369
2368
|
.peer:checked~.peer-checked\:text-white {
|
2370
2369
|
--tw-text-opacity: 1 !important;
|
2371
2370
|
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
|
@@ -2374,27 +2373,14 @@ input[type='number'].no-arrows {
|
|
2374
2373
|
--tw-text-opacity: 1 !important;
|
2375
2374
|
color: rgb(180 180 187 / var(--tw-text-opacity)) !important;
|
2376
2375
|
}
|
2377
|
-
.peer\/switch:checked~.peer-checked\/switch\:opacity-40 {
|
2378
|
-
opacity: 0.4 !important;
|
2379
|
-
}
|
2380
2376
|
.peer:hover~.peer-hover\:border-grey-50 {
|
2381
2377
|
--tw-border-opacity: 1 !important;
|
2382
2378
|
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
2383
2379
|
}
|
2384
|
-
.peer\/switch:focus~.peer-focus\/switch\:border {
|
2385
|
-
border-width: 1px !important;
|
2386
|
-
}
|
2387
2380
|
.peer:focus~.peer-focus\:border-info-70 {
|
2388
2381
|
--tw-border-opacity: 1 !important;
|
2389
2382
|
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
2390
2383
|
}
|
2391
|
-
.peer:disabled~.peer-disabled\:cursor-not-allowed {
|
2392
|
-
cursor: not-allowed !important;
|
2393
|
-
}
|
2394
|
-
.peer:disabled~.peer-disabled\:border-grey-5 {
|
2395
|
-
--tw-border-opacity: 1 !important;
|
2396
|
-
border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
|
2397
|
-
}
|
2398
2384
|
.peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0 {
|
2399
2385
|
--tw-bg-opacity: 1 !important;
|
2400
2386
|
background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
|
@@ -2409,15 +2395,15 @@ input[type='number'].no-arrows {
|
|
2409
2395
|
.children\:last\:border-b-0:last-child>* {
|
2410
2396
|
border-bottom-width: 0px !important;
|
2411
2397
|
}
|
2398
|
+
.\[\&\>path\]\:stroke-transparent>path {
|
2399
|
+
stroke: transparent !important;
|
2400
|
+
}
|
2412
2401
|
.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path {
|
2413
2402
|
stroke: white !important;
|
2414
2403
|
}
|
2415
2404
|
.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
|
2416
2405
|
stroke: #b4b4bb !important;
|
2417
2406
|
}
|
2418
|
-
.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-2>path {
|
2419
|
-
stroke-width: 2 !important;
|
2420
|
-
}
|
2421
2407
|
.\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
|
2422
2408
|
margin-left: -8px !important;
|
2423
2409
|
}
|