@odx/websites-react 0.0.1 → 0.0.2
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/actions/checkbox/Checkbox.d.ts +4 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +14 -3
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/form/Form.d.ts +4 -0
- package/dist/components/actions/form/Form.d.ts.map +1 -1
- package/dist/components/actions/form/Form.js +4 -1
- package/dist/components/actions/form/Form.js.map +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/select/Select.js +1 -1
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.d.ts +2 -2
- package/dist/components/actions/tag/Tag.d.ts.map +1 -1
- package/dist/components/actions/tag/Tag.js +8 -9
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +1 -1
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/textarea/Textarea.js +1 -1
- package/dist/components/actions/textarea/Textarea.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.d.ts +10 -11
- package/dist/components/actions/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/actions/tooltip/Tooltip.js +49 -11
- package/dist/components/actions/tooltip/Tooltip.js.map +1 -1
- package/dist/components/images-icons/logo/Logo.d.ts +1 -0
- package/dist/components/images-icons/logo/Logo.d.ts.map +1 -1
- package/dist/components/images-icons/logo/Logo.js +1 -1
- package/dist/components/images-icons/logo/Logo.js.map +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/dataTable/DataTable.d.ts +21 -0
- package/dist/components/layout/dataTable/DataTable.d.ts.map +1 -0
- package/dist/components/layout/dataTable/DataTable.js +13 -0
- package/dist/components/layout/dataTable/DataTable.js.map +1 -0
- package/dist/components/layout/dataTable/index.d.ts +2 -0
- package/dist/components/layout/dataTable/index.d.ts.map +1 -0
- package/dist/components/layout/dataTable/index.js +2 -0
- package/dist/components/layout/dataTable/index.js.map +1 -0
- package/dist/components/layout/grid/Grid.js +1 -1
- package/dist/components/layout/grid/Grid.js.map +1 -1
- package/dist/components/layout/list/List.d.ts +12 -0
- package/dist/components/layout/list/List.d.ts.map +1 -0
- package/dist/components/layout/list/List.js +20 -0
- package/dist/components/layout/list/List.js.map +1 -0
- package/dist/components/layout/list/index.d.ts +2 -0
- package/dist/components/layout/list/index.d.ts.map +1 -0
- package/dist/components/layout/list/index.js +2 -0
- package/dist/components/layout/list/index.js.map +1 -0
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +2 -3
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/layout/pagination/Pagination.js +2 -2
- package/dist/components/layout/pagination/Pagination.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js +1 -0
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts +51 -0
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -0
- package/dist/components/navigation/flyout/Flyout.js +90 -0
- package/dist/components/navigation/flyout/Flyout.js.map +1 -0
- package/dist/components/navigation/flyout/index.d.ts +2 -0
- package/dist/components/navigation/flyout/index.d.ts.map +1 -0
- package/dist/components/navigation/flyout/index.js +2 -0
- package/dist/components/navigation/flyout/index.js.map +1 -0
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +3 -3
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts +2 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +18 -7
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.d.ts.map +1 -1
- package/dist/icons/uncolored/DraegerIconSetUncolored.js +2 -0
- package/dist/icons/uncolored/DraegerIconSetUncolored.js.map +1 -1
- package/dist/icons/uncolored/IconInfo.d.ts.map +1 -1
- package/dist/icons/uncolored/IconInfo.js +1 -1
- package/dist/icons/uncolored/IconInfo.js.map +1 -1
- package/dist/icons/uncolored/IconProductSearch.d.ts +4 -0
- package/dist/icons/uncolored/IconProductSearch.d.ts.map +1 -0
- package/dist/icons/uncolored/IconProductSearch.js +4 -0
- package/dist/icons/uncolored/IconProductSearch.js.map +1 -0
- package/dist/icons/uncolored/index.d.ts +1 -0
- package/dist/icons/uncolored/index.d.ts.map +1 -1
- package/dist/icons/uncolored/index.js +1 -0
- package/dist/icons/uncolored/index.js.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.d.ts +3 -1
- package/dist/web/sections/contentSection/ContentSection.d.ts.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.js +3 -2
- package/dist/web/sections/contentSection/ContentSection.js.map +1 -1
- package/package.json +17 -43
- package/dist/components/layout/table/Table.d.ts +0 -37
- package/dist/components/layout/table/Table.d.ts.map +0 -1
- package/dist/components/layout/table/Table.js +0 -69
- package/dist/components/layout/table/Table.js.map +0 -1
- package/dist/components/layout/table/TableContext.d.ts +0 -18
- package/dist/components/layout/table/TableContext.d.ts.map +0 -1
- package/dist/components/layout/table/TableContext.js +0 -47
- package/dist/components/layout/table/TableContext.js.map +0 -1
- package/dist/components/layout/table/index.d.ts +0 -2
- package/dist/components/layout/table/index.d.ts.map +0 -1
- package/dist/components/layout/table/index.js +0 -2
- package/dist/components/layout/table/index.js.map +0 -1
|
@@ -2,7 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { type FormField } from '../formField';
|
|
5
|
-
|
|
5
|
+
declare const checkboxVariants: (props?: ({
|
|
6
|
+
size?: "sm" | "md" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
6
9
|
invalid?: boolean;
|
|
7
10
|
}
|
|
8
11
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACnE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFAwCZ,CAAC;AAGH,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;mFAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6D/C,CAAC;AAIF,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,CAAC"}
|
|
@@ -8,10 +8,21 @@ import { SvgIcon } from '../../images-icons/svg-icon';
|
|
|
8
8
|
import { FormFieldHelperText, FormFieldIcon, FormFieldLabel, } from '../formField';
|
|
9
9
|
import { useFieldId } from '../../../hooks';
|
|
10
10
|
import { BodyText } from '../../typography/bodyText';
|
|
11
|
-
const checkboxBaseClasses = 'font-text
|
|
12
|
-
const
|
|
11
|
+
const checkboxBaseClasses = 'font-text shrink-0 peer border-[2.5px] rounded-[3px] text-transparent border-draeger-dark-blue data-[state=checked]:bg-draeger-dark-blue data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue';
|
|
12
|
+
const checkboxVariants = cva(checkboxBaseClasses, {
|
|
13
|
+
variants: {
|
|
14
|
+
size: {
|
|
15
|
+
sm: 'h-[1.125rem] w-[1.125rem]',
|
|
16
|
+
md: 'h-6 w-6',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
defaultVariants: {
|
|
20
|
+
size: 'md',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
const Checkbox = React.forwardRef(({ className, children, invalid, size, ...props }, ref) => {
|
|
13
24
|
const id = React.useId();
|
|
14
|
-
return (_jsxs("div", { className: "flex space-x-2", children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(
|
|
25
|
+
return (_jsxs("div", { className: "flex space-x-2", children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxVariants({ size }), invalid &&
|
|
15
26
|
'border-draeger-warning data-[state=checked]:bg-draeger-warning', className), ref: ref, id: id, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(SvgIcon, { icon: IconCheck }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: children }) }))] }));
|
|
16
27
|
});
|
|
17
28
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,cAAc,GAEf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,MAAM,mBAAmB,GACvB,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,5 +5,9 @@ export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
|
5
5
|
subHeadline?: string;
|
|
6
6
|
footer: React.ReactNode;
|
|
7
7
|
}
|
|
8
|
+
export interface FormRowProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const FormRow: React.FC<FormRowProps>;
|
|
8
12
|
export declare const Form: React.FC<FormProps>;
|
|
9
13
|
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASxC,CAAC;AAEJ,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { Headline } from '../../typography/headline';
|
|
3
4
|
import { BodyText } from '../../typography/bodyText';
|
|
5
|
+
import { Grid, GridItem } from '../../layout/grid';
|
|
6
|
+
export const FormRow = ({ children }) => React.Children.toArray(children).length > 1 ? (_jsx(Grid, { cols: 2, children: React.Children.toArray(children).map((element, index) => (_jsx(GridItem, { children: element }, index))) })) : (children);
|
|
4
7
|
export const Form = ({ children, headline, subHeadline, footer, ...props }) => {
|
|
5
|
-
return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && _jsx(Headline, { headingLevel: 'h4', children: headline }), subHeadline && _jsx(BodyText, { variant: 'medium', children: subHeadline })] })), children, _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
|
|
8
|
+
return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && _jsx(Headline, { headingLevel: 'h4', children: headline }), subHeadline && _jsx(BodyText, { variant: 'medium', children: subHeadline })] })), _jsx("div", { className: "flex flex-col gap-y-12", children: children }), _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
|
|
6
9
|
};
|
|
7
10
|
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAajD,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAC5D,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5C,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YACV,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACxD,KAAC,QAAQ,cAAc,OAAO,IAAf,KAAK,CAAsB,CAC3C,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;AAEJ,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mBAAU,KAAK,aACZ,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,eAAK,SAAS,EAAE,qCAAqC,aAClD,QAAQ,IAAI,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,YAAG,QAAQ,GAAY,EAC/D,WAAW,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,YAAG,WAAW,GAAY,IACjE,CACP,EACD,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EACxD,cAAK,SAAS,EAAE,kCAAkC,YAAG,MAAM,GAAO,IAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -26,7 +26,7 @@ const PhoneInput = ({ wrapperClassName, size, required, helperText, invalid, dis
|
|
|
26
26
|
const onPhoneNumberChange = (e) => {
|
|
27
27
|
onChange(`${prefix} ${e.target.value}`);
|
|
28
28
|
};
|
|
29
|
-
return (_jsxs("div", { className: cn(wrapperClassName), children: [_jsxs("div", { className: "flex gap-x-5", children: [_jsx(FormFieldLabel, { className: "flex-1", id: selectLabelId, htmlFor: selectId, label: countrySelectLabel, disabled: disabled }), _jsx(FormFieldLabel, { className: "flex-1", id: inputLabelId, htmlFor: inputId, label: phoneNumberInputLabel, disabled: disabled })] }), _jsxs("div", { className: "flex items-start w-full gap-x-5 font-text", children: [_jsx("div", { className: "flex-1", children: _jsx(SelectPrimitive, { id: selectId, value: country, options: getCountriesOptions(countriesByCode), onChange: onCountryChange, required: required, invalid: invalid, disabled: disabled, size: size, "aria-labelledby": selectLabelId, "aria-describedby": helperText && helperTextId }) }), _jsx("div", { className: "flex-1", children: _jsx(TextInputPrimitive, { id: inputId, type: "tel", required: required, style: {
|
|
29
|
+
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [_jsxs("div", { className: "flex gap-x-5", children: [_jsx(FormFieldLabel, { className: "flex-1", id: selectLabelId, htmlFor: selectId, label: countrySelectLabel, disabled: disabled }), _jsx(FormFieldLabel, { className: "flex-1", id: inputLabelId, htmlFor: inputId, label: phoneNumberInputLabel, disabled: disabled })] }), _jsxs("div", { className: "flex items-start w-full gap-x-5 font-text", children: [_jsx("div", { className: "flex-1", children: _jsx(SelectPrimitive, { id: selectId, value: country, options: getCountriesOptions(countriesByCode), onChange: onCountryChange, required: required, invalid: invalid, disabled: disabled, size: size, "aria-labelledby": selectLabelId, "aria-describedby": helperText && helperTextId }) }), _jsx("div", { className: "flex-1", children: _jsx(TextInputPrimitive, { id: inputId, type: "tel", required: required, style: {
|
|
30
30
|
paddingLeft: `${prefix.length ? 32 + 10 * prefix.length : 24}px`,
|
|
31
31
|
}, value: phoneNumber, onChange: onPhoneNumberChange, invalid: invalid, disabled: disabled, size: size, "aria-labelledby": inputLabelId, "aria-describedby": helperText && helperTextId, children: _jsx("span", { className: cn(disabled && 'text-draeger-cool-gray-150', 'absolute top-1/2 -translate-y-1/2 left-6 transition-colors duration-150 pointer-events-none'), children: phonePrefixByCode[country] }) }) })] }), _jsxs("div", { className: "flex items-center mt-1 gap-x-2 min-h-6", children: [invalid && (_jsx(FormFieldIcon, { className: "static translate-y-0 shrink-0", icon: IconFeedbackWarning })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalid: invalid, disabled: disabled, className: "mt-0" })] })] }));
|
|
32
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,cAAc,EACd,aAAa,EACb,mBAAmB,GAEpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,eAAe,EAAC,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAmBjD,MAAM,mBAAmB,GAAG,CAAC,eAAgC,EAAE,EAAE,CAC9D,MAAM,CAAC,IAAI,CAAC,eAAe,CAAsC,CAAC,GAAG,CACpE,IAAI,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,eAAe,CAAC,IAAI,CAAE;CAC9B,CAAC,CACH,CAAC;AAEJ,MAAM,uBAAuB,GAAG,CAC9B,WAAmB,EACnB,iBAAoC,EACpC,EAAE;IACF,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAGtD,CAAC;IACJ,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CACnC,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,EAAE,CAAC,WAAW,KAAK,kBAAkB,CAChE,CAAC;IAEF,IAAI,OAAO;QAAE,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,UAAU,GAA8B,CAAC,EAC7C,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,EAAE,EAAE;IACH,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAC1E,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAE1D,MAAM,CAAC,MAAM,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAqB,CAAC;IAC7E,MAAM,OAAO,GAAG,uBAAuB,CAAC,MAAO,EAAE,iBAAiB,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,CAAC,CAAuC,EAAE,EAAE;QAClE,QAAQ,CACN,GACE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAqC,CAAC,IAAI,EACvE,IAAI,WAAW,EAAE,CAClB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACrE,QAAQ,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const SelectPrimitive = React.forwardRef(({ className, options, size, icons, inv
|
|
|
9
9
|
SelectPrimitive.displayName = 'SelectPrimitive';
|
|
10
10
|
const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, ...props }, ref) => {
|
|
11
11
|
const { id, labelId, helperTextId } = useFieldId();
|
|
12
|
-
return (_jsxs("div", { className: cn('font-text', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid }))] }));
|
|
12
|
+
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid }))] }));
|
|
13
13
|
});
|
|
14
14
|
Select.displayName = 'Select';
|
|
15
15
|
export { Select, SelectPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACpE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAsB1C,MAAM,sBAAsB,GAC1B,qEAAqE,CAAC;AAExE,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAGtC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,WAAW,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACrE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,YAEV,kBAAQ,GAAG,EAAE,GAAG,KAAM,WAAW,aAC/B,iBAAQ,KAAK,EAAC,EAAE,GAAG,EAClB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CACzC,iBAAoB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YACjD,KAAK,IADK,KAAK,CAET,CACV,CAAC,IACK,GACQ,EACnB,MAAC,uBAAuB,eACrB,KAAK,EACN,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,WAAW,CAAC,QAAQ,IAAI,4BAA4B,CACrD,EACD,IAAI,EAAE,eAAe,GACrB,IACsB,IACtB,CACP,CAAC,CAAC;AACH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const tagVariants: (props?: ({
|
|
4
|
-
mode?: "read-only" | "dismissable" | null | undefined;
|
|
4
|
+
mode?: "read-only" | "read-only-error" | "dismissable" | null | undefined;
|
|
5
5
|
size?: "sm" | "xs" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface TagProps extends
|
|
7
|
+
export interface TagProps extends VariantProps<typeof tagVariants> {
|
|
8
8
|
label: string | React.ReactNode;
|
|
9
9
|
value: string;
|
|
10
10
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAMhE,QAAA,MAAM,WAAW;;;
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAMhE,QAAA,MAAM,WAAW;;;mFAmBf,CAAC;AAEH,MAAM,WAAW,QAAS,SAAQ,YAAY,CAAC,OAAO,WAAW,CAAC;IAChE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAsClC,CAAC"}
|
|
@@ -3,16 +3,17 @@ import { Button, SvgIcon } from '../..';
|
|
|
3
3
|
import { IconClose } from '../../../icons';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { cn } from '../../../utils';
|
|
6
|
-
const tagBaseClasses = '
|
|
6
|
+
const tagBaseClasses = 'inline-flex items-center justify-between rounded-full border aria-disabled:pointer-events-none';
|
|
7
7
|
const tagVariants = cva(tagBaseClasses, {
|
|
8
8
|
variants: {
|
|
9
9
|
mode: {
|
|
10
|
-
'read-only': 'border-draeger-air-blue
|
|
11
|
-
|
|
10
|
+
'read-only': 'border-draeger-air-blue px-2.5 text-draeger-air-blue aria-disabled:border-draeger-cool-gray-250 aria-disabled:text-draeger-cool-gray-250',
|
|
11
|
+
'read-only-error': 'border-draeger-warning px-2.5 text-draeger-warning aria-disabled:border-draeger-cool-gray-250 aria-disabled:text-draeger-cool-gray-250',
|
|
12
|
+
dismissable: 'bg-draeger-air-blue p-0.5 pl-2.5 text-draeger-white gap-3 aria-disabled:bg-draeger-cool-gray-250 focus:ring-draeger-air-blue focus:ring-1',
|
|
12
13
|
},
|
|
13
14
|
size: {
|
|
14
|
-
xs: 'text-sm h-[1.875rem]
|
|
15
|
-
sm: 'text-base h-10
|
|
15
|
+
xs: 'text-sm h-[1.875rem]',
|
|
16
|
+
sm: 'text-base h-10',
|
|
16
17
|
},
|
|
17
18
|
},
|
|
18
19
|
defaultVariants: {
|
|
@@ -20,10 +21,8 @@ const tagVariants = cva(tagBaseClasses, {
|
|
|
20
21
|
size: 'xs',
|
|
21
22
|
},
|
|
22
23
|
});
|
|
23
|
-
export const Tag = ({ value, label, mode, size, disabled, onClose,
|
|
24
|
-
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size
|
|
25
|
-
? 'h-9 w-9 group-focus:h-8 group-focus:w-8'
|
|
26
|
-
: 'h-[1.625rem] w-[1.625rem] group-focus:h-6 group-focus:w-6'), onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
24
|
+
export const Tag = ({ value, label, mode, size, disabled, onClose, }) => {
|
|
25
|
+
return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size })), children: [_jsx("span", { className: 'flex', children: label }), mode === 'dismissable' && (_jsx(Button, { tabIndex: disabled ? -1 : 0, variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm' ? 'h-9 w-9' : 'h-[1.625rem] w-[1.625rem]', disabled && 'border-none'), size: 'card', onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
|
|
27
26
|
};
|
|
28
27
|
Tag.displayName = 'Tag';
|
|
29
28
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,gGAAgG,CAAC;AAEnG,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,0IAA0I;YAC5I,iBAAiB,EACf,wIAAwI;YAC1I,WAAW,EACT,2IAA2I;SAC9I;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,gBAAgB;SACrB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC,aAExC,eAAM,SAAS,EAAE,MAAM,YAAG,KAAK,GAAQ,EACtC,IAAI,KAAK,aAAa,IAAI,CACzB,KAAC,MAAM,IACL,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,EACvD,QAAQ,IAAI,aAAa,CAC1B,EACD,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,GACb,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -8,7 +8,7 @@ const TextInputPrimitive = React.forwardRef(({ className, invalid, size, icons,
|
|
|
8
8
|
TextInputPrimitive.displayName = 'TextInputPrimitive';
|
|
9
9
|
const TextInput = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid = false, disabled, ...props }, ref) => {
|
|
10
10
|
const { id, labelId, helperTextId } = useFieldId();
|
|
11
|
-
return (_jsxs("div", { className: cn('font-text', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled }))] }));
|
|
11
|
+
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(TextInputPrimitive, { id: id, ref: ref, invalid: invalid, required: required, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled }))] }));
|
|
12
12
|
});
|
|
13
13
|
TextInput.displayName = 'Input';
|
|
14
14
|
export { TextInput, TextInputPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAiBtB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClE,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,GAClB,EACnB,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IACtD,CACP,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/actions/text-input/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,GAGpB,MAAM,cAAc,CAAC;AAiBtB,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAClE,gBAAO,GAAG,EAAE,GAAG,KAAM,UAAU,GAAI,GAClB,EACnB,KAAC,uBAAuB,cAAE,KAAK,GAA2B,IACtD,CACP,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEtD,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,aACrD,KAAK,IAAI,CACR,KAAC,cAAc,IACb,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,CACH,EACD,KAAC,kBAAkB,IACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,qBACD,OAAO,sBACN,UAAU,IAAI,YAAY,EAC5C,SAAS,EAAE,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE,OAAO,IAAI,KAAC,aAAa,IAAC,IAAI,EAAE,mBAAmB,GAAI,KAC1D,KAAK,GACT,EACD,UAAU,IAAI,CACb,KAAC,mBAAmB,IAClB,EAAE,EAAE,YAAY,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC;AAEhC,OAAO,EAAC,SAAS,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -14,7 +14,7 @@ const TextareaCounter = ({ disabled, lenght, maxLength, }) => {
|
|
|
14
14
|
const Textarea = React.forwardRef(({ className, wrapperClassName, label, helperText, invalidText, required, invalid = false, disabled, value, maxLength, enableCounter = false, ...props }, ref) => {
|
|
15
15
|
const { id, labelId, helperTextId } = useFieldId();
|
|
16
16
|
const counterShown = typeof value !== 'undefined' && enableCounter && maxLength;
|
|
17
|
-
return (_jsxs("div", { className: cn('font-text', wrapperClassName), children: [_jsxs("div", { className: "flex justify-between", children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), counterShown && (_jsx(TextareaCounter, { lenght: value.toString().length, maxLength: maxLength, disabled: disabled }))] }), _jsx(TextareaPrimitive, { id: id, ref: ref, value: value, maxLength: maxLength, invalid: invalid, disabled: disabled, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', 'resize-y', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled }))] }));
|
|
17
|
+
return (_jsxs("div", { className: cn('font-text w-full', wrapperClassName), children: [_jsxs("div", { className: "flex justify-between", children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), counterShown && (_jsx(TextareaCounter, { lenght: value.toString().length, maxLength: maxLength, disabled: disabled }))] }), _jsx(TextareaPrimitive, { id: id, ref: ref, value: value, maxLength: maxLength, invalid: invalid, disabled: disabled, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(invalid && 'pr-14', 'resize-y', className), icons: invalid && _jsx(FormFieldIcon, { icon: IconFeedbackWarning }), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled }))] }));
|
|
18
18
|
});
|
|
19
19
|
Textarea.displayName = 'Textarea';
|
|
20
20
|
export { Textarea, TextareaPrimitive };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,wBAAwB,GAEzB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAkB1C,MAAM,wBAAwB,GAC5B,+CAA+C,CAAC;AAElD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,aAAa,EAAC,EAAE,YAAY,EAAE,EAAE,CAAC,CACjE,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,YAEhB,mBAAU,GAAG,EAAE,YAAY,KAAM,aAAa,GAAI,GACjC,EACnB,KAAC,uBAAuB,IAAC,SAAS,EAAC,qBAAqB,YACrD,KAAK,GACkB,IACtB,CACP,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,MAAM,IAAI,SAAS,EAAE,CAAC;IACtC,OAAO,CACL,6BACc,IAAI,EAChB,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,4BAA4B,CACzC,YAEA,IAAI,GACA,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAC,GAAG,UAAU,EAAE,CAAC;IACjD,MAAM,YAAY,GAChB,OAAO,KAAK,KAAK,WAAW,IAAI,aAAa,IAAI,SAAS,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/actions/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ const toggleButtonVariants = cva('flex items-center gap-2.5', {
|
|
|
16
16
|
});
|
|
17
17
|
const ToggleButton = ({ checked, labelChecked, labelUnchecked, iconChecked, iconUnchecked, labelAlignment = 'left', ...props }) => {
|
|
18
18
|
const toggleButtonId = React.useId();
|
|
19
|
-
return (_jsxs("div", { className: toggleButtonVariants({ labelAlignment }), children: [_jsxs("label", { className: 'text-base font-
|
|
19
|
+
return (_jsxs("div", { className: toggleButtonVariants({ labelAlignment }), children: [_jsxs("label", { className: 'text-base font-text text-draeger-air-blue', htmlFor: toggleButtonId, children: [checked && labelChecked ? labelChecked : '', !checked && labelUnchecked ? labelUnchecked : ''] }), _jsxs(Switch.Root, { className: "group w-[52px] h-7 rounded-full data-[state=unchecked]:bg-draeger-cool-gray-500 data-[state=checked]:bg-draeger-air-blue relative data-outline-none flex items-center cursor-pointer", id: toggleButtonId, checked: checked, ...props, children: [iconChecked && (_jsx("div", { className: 'absolute transition-opacity group-data-[state=unchecked]:opacity-0 group-data-[state=checked]:opacity-1 left-1.5', children: _jsx(SvgIcon, { icon: iconChecked, size: 'sm', color: "draeger-white" }) })), _jsx(Switch.Thumb, { className: "block h-6 w-6 rounded-full transition-transform duration-200 will-change-transform data-[state=checked]:translate-x-[26px] translate-x-[2px] bg-draeger-white" }), iconUnchecked && (_jsx("div", { className: "absolute right-1.5 transition-opacity group-data-[state=unchecked]:opacity-1 group-data-[state=checked]:opacity-0", children: _jsx(SvgIcon, { icon: iconUnchecked, size: 'sm', color: "draeger-white" }) }))] })] }));
|
|
20
20
|
};
|
|
21
21
|
ToggleButton.displayName = 'ToggleButton';
|
|
22
22
|
export { ToggleButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AAatE,MAAM,oBAAoB,GAAG,GAAG,CAAC,2BAA2B,EAAE;IAC5D,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,kBAAkB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACrC,OAAO,CACL,eAAK,SAAS,EAAE,oBAAoB,CAAC,EAAC,cAAc,EAAC,CAAC,aACpD,iBACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../../src/components/actions/toggle-button/ToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,EAAmB,MAAM,6BAA6B,CAAC;AAatE,MAAM,oBAAoB,GAAG,GAAG,CAAC,2BAA2B,EAAE;IAC5D,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,kBAAkB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,cAAc,EAAE,MAAM;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,GAAG,MAAM,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IACrC,OAAO,CACL,eAAK,SAAS,EAAE,oBAAoB,CAAC,EAAC,cAAc,EAAC,CAAC,aACpD,iBACE,SAAS,EAAE,2CAA2C,EACtD,OAAO,EAAE,cAAc,aAEtB,OAAO,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAC3C,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAC3C,EACR,MAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAC,sLAAsL,EAChM,EAAE,EAAE,cAAc,EAClB,OAAO,EAAE,OAAO,KACZ,KAAK,aAER,WAAW,IAAI,CACd,cACE,SAAS,EACP,kHAAkH,YAGpH,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC5D,CACP,EACD,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,+JAA+J,GAAG,EACzL,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,mHAAmH,YAChI,KAAC,OAAO,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAG,GAC9D,CACP,IACW,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { type Placement } from '@floating-ui/react';
|
|
3
|
+
import { Button } from '../..';
|
|
4
4
|
export interface TooltipProps {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
initialOpenedState?: boolean;
|
|
6
|
+
title?: string;
|
|
7
|
+
text: string;
|
|
8
|
+
placement?: Placement;
|
|
9
|
+
className?: string;
|
|
10
|
+
triggerButtonProps?: React.ComponentProps<typeof Button>;
|
|
10
11
|
}
|
|
11
|
-
declare const
|
|
12
|
-
|
|
13
|
-
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
export { Tooltip, TooltipTrigger, TooltipContent };
|
|
12
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
13
|
+
export { Tooltip };
|
|
15
14
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAiBL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAC,MAAM,EAAU,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,YAAY;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CAC1D;AAiBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiFnC,CAAC;AAEF,OAAO,EAAC,OAAO,EAAC,CAAC"}
|
|
@@ -1,15 +1,53 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { flip, offset, shift, arrow, autoUpdate, safePolygon, useFloating, useHover, useFocus, useDismiss, useRole, useInteractions, useTransitionStyles, FloatingPortal, FloatingArrow, } from '@floating-ui/react';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { Button } from '
|
|
6
|
-
import { SvgIcon, } from '../../images-icons/svg-icon';
|
|
5
|
+
import { Button, SvgIcon } from '../..';
|
|
7
6
|
import { IconInfo } from '../../../icons';
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
const placamentPadding = {
|
|
8
|
+
top: 'pb-4',
|
|
9
|
+
right: 'pl-4',
|
|
10
|
+
bottom: 'pt-4',
|
|
11
|
+
left: 'pr-4',
|
|
12
|
+
};
|
|
13
|
+
const getContentSidePadding = (placement) => {
|
|
14
|
+
const [side] = placement.split('-');
|
|
15
|
+
return placamentPadding[side];
|
|
16
|
+
};
|
|
17
|
+
const contentTextClasses = 'font-[0.9375rem] text-draeger-cool-gray-50 leading-[1.275rem] tracking-[0.01406rem]';
|
|
18
|
+
const Tooltip = ({ initialOpenedState = false, placement = 'top', className, triggerButtonProps, title, text, }) => {
|
|
19
|
+
const [isOpen, setIsOpen] = React.useState(initialOpenedState);
|
|
20
|
+
const arrowRef = React.useRef(null);
|
|
21
|
+
const { refs, floatingStyles, context } = useFloating({
|
|
22
|
+
open: isOpen,
|
|
23
|
+
placement,
|
|
24
|
+
onOpenChange: setIsOpen,
|
|
25
|
+
whileElementsMounted: autoUpdate,
|
|
26
|
+
middleware: [
|
|
27
|
+
offset({
|
|
28
|
+
alignmentAxis: placement && /top|bottom/.test(placement) ? -60 : 0,
|
|
29
|
+
mainAxis: 20,
|
|
30
|
+
}),
|
|
31
|
+
flip(),
|
|
32
|
+
shift(),
|
|
33
|
+
arrow({ element: arrowRef }),
|
|
34
|
+
],
|
|
35
|
+
});
|
|
36
|
+
const hover = useHover(context, { move: false, handleClose: safePolygon() });
|
|
37
|
+
const focus = useFocus(context);
|
|
38
|
+
const dismiss = useDismiss(context);
|
|
39
|
+
const role = useRole(context, { role: 'tooltip' });
|
|
40
|
+
const { isMounted, styles } = useTransitionStyles(context);
|
|
41
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
42
|
+
hover,
|
|
43
|
+
focus,
|
|
44
|
+
dismiss,
|
|
45
|
+
role,
|
|
46
|
+
]);
|
|
47
|
+
return (_jsxs(_Fragment, { children: [_jsx(Button, { className: "h-[2.53694rem] px-1.5", variant: 'ghost-inherit', ref: refs.setReference, ...getReferenceProps(), ...triggerButtonProps, children: _jsx(SvgIcon, { size: 'md', icon: IconInfo }) }), _jsx(FloatingPortal, { children: isMounted && (_jsxs("div", { ref: refs.setFloating, className: cn('p-3 rounded-sm bg-draeger-warm-gray-750 w-[20.5rem]', getContentSidePadding(context.placement), className), style: {
|
|
48
|
+
...floatingStyles,
|
|
49
|
+
...styles,
|
|
50
|
+
}, ...getFloatingProps(), children: [_jsx(FloatingArrow, { className: "fill-draeger-warm-gray-750", ref: arrowRef, context: context, width: 16, height: 8 }), _jsxs("div", { className: "flex flex-col gap-y-0.5 font-text", children: [_jsx("p", { className: cn(contentTextClasses, 'font-semibold'), children: title }), _jsx("p", { className: contentTextClasses, children: text })] })] })) })] }));
|
|
51
|
+
};
|
|
52
|
+
export { Tooltip };
|
|
15
53
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/actions/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
export interface LogoProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof logoVariants> {
|
|
4
4
|
compact?: boolean;
|
|
5
5
|
hideIcon?: boolean;
|
|
6
|
+
svgClassName?: string;
|
|
6
7
|
}
|
|
7
8
|
export interface LogoCaptionProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoCaptionVariants> {
|
|
8
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAI3D,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAI3D,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAQ/C,QAAA,MAAM,YAAY;;mFAOhB,CAAC;AAEH,QAAA,MAAM,mBAAmB;;;mFAYvB,CAAC;AAEH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAa3C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAuB7B,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -29,6 +29,6 @@ const logoCaptionVariants = cva('text-base', {
|
|
|
29
29
|
},
|
|
30
30
|
});
|
|
31
31
|
const LogoCaption = ({ fillColor, size, className, children, ...props }) => (_jsx("span", { className: cn(logoCaptionVariants({ fillColor, size, className })), ...props, children: children }));
|
|
32
|
-
const Logo = ({ fillColor, className, compact, hideIcon, children, ...props }) => (_jsxs("div", { className: cn(logoVariants({ fillColor, className }), 'font-text flex flex-col justify-items-center items-center gap-2.5 text-base font-semibold'), ...props, children: [!hideIcon && (_jsx("div", { className: cn(compact ? 'w-6' : 'w-32'), children: compact ? LogoCompactSvg : LogoSvg })), children] }));
|
|
32
|
+
const Logo = ({ fillColor, className, svgClassName, compact, hideIcon, children, ...props }) => (_jsxs("div", { className: cn(logoVariants({ fillColor, className }), 'font-text flex flex-col justify-items-center items-center gap-2.5 text-base font-semibold'), ...props, children: [!hideIcon && (_jsx("div", { className: (cn(compact ? 'w-6' : 'w-32'), svgClassName), children: compact ? LogoCompactSvg : LogoSvg })), children] }));
|
|
33
33
|
export { Logo, LogoCaption };
|
|
34
34
|
//# sourceMappingURL=Logo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"Logo.js","sourceRoot":"","sources":["../../../../src/components/images-icons/logo/Logo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAE,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAc5D,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,uBAAuB;IAC9B,KAAK,EAAE,uCAAuC;IAC9C,QAAQ,EAAE,+CAA+C;CAC1D,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;KAC7B;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,WAAW,EAAE;IAC3C,QAAQ,EAAE;QACR,SAAS,EAAE,iBAAiB;QAC5B,IAAI,EAAE;YACJ,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,4BAA4B;YAChC,EAAE,EAAE,6BAA6B;SAClC;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC5D,KAAK,YAER,QAAQ,GACJ,CACR,CAAC;AAEF,MAAM,IAAI,GAAwB,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,EACpC,2FAA2F,CAC5F,KACG,KAAK,aAER,CAAC,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,YACzD,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,GAC/B,CACP,EACA,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -33,6 +33,7 @@ export * from './navigation/tabbar';
|
|
|
33
33
|
export * from './navigation/header';
|
|
34
34
|
export * from './navigation/footer';
|
|
35
35
|
export * from './navigation/searchInput';
|
|
36
|
+
export * from './navigation/flyout';
|
|
36
37
|
/**
|
|
37
38
|
* Layout components
|
|
38
39
|
*/
|
|
@@ -40,7 +41,6 @@ export * from './layout/accordion';
|
|
|
40
41
|
export * from './layout/showMore';
|
|
41
42
|
export * from './layout/grid';
|
|
42
43
|
export * from './layout/pagination';
|
|
43
|
-
export * from './layout/table';
|
|
44
44
|
export * from './layout/mediaGallery';
|
|
45
45
|
export * from './layout/contentArea';
|
|
46
46
|
export * from './layout/sectionWrapper';
|
|
@@ -48,7 +48,9 @@ export * from './layout/fullWidth';
|
|
|
48
48
|
export * from './layout/resultList';
|
|
49
49
|
export * from './layout/modal';
|
|
50
50
|
export * from './layout/card';
|
|
51
|
+
export * from './layout/dataTable';
|
|
51
52
|
export * from './structures/divider';
|
|
53
|
+
export * from './layout/list';
|
|
52
54
|
/**
|
|
53
55
|
* Typography components
|
|
54
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAEhD;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAEhD;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export * from './navigation/tabbar';
|
|
|
33
33
|
export * from './navigation/header';
|
|
34
34
|
export * from './navigation/footer';
|
|
35
35
|
export * from './navigation/searchInput';
|
|
36
|
+
export * from './navigation/flyout';
|
|
36
37
|
/**
|
|
37
38
|
* Layout components
|
|
38
39
|
*/
|
|
@@ -40,7 +41,6 @@ export * from './layout/accordion';
|
|
|
40
41
|
export * from './layout/showMore';
|
|
41
42
|
export * from './layout/grid';
|
|
42
43
|
export * from './layout/pagination';
|
|
43
|
-
export * from './layout/table';
|
|
44
44
|
export * from './layout/mediaGallery';
|
|
45
45
|
export * from './layout/contentArea';
|
|
46
46
|
export * from './layout/sectionWrapper';
|
|
@@ -48,7 +48,9 @@ export * from './layout/fullWidth';
|
|
|
48
48
|
export * from './layout/resultList';
|
|
49
49
|
export * from './layout/modal';
|
|
50
50
|
export * from './layout/card';
|
|
51
|
+
export * from './layout/dataTable';
|
|
51
52
|
export * from './structures/divider';
|
|
53
|
+
export * from './layout/list';
|
|
52
54
|
/**
|
|
53
55
|
* Typography components
|
|
54
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAEhD;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAEhD;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAE9B;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CheckboxProps } from '../../actions/checkbox';
|
|
3
|
+
export interface DataTableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
4
|
+
children: React.ReactNode[] | React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const DataTableCell: React.FC<DataTableCellProps>;
|
|
7
|
+
export interface DataTableCheckBoxProps extends Omit<CheckboxProps, 'invalid' | 'children'> {
|
|
8
|
+
}
|
|
9
|
+
declare const DataTableCheckbox: React.FC<DataTableCheckBoxProps>;
|
|
10
|
+
export interface DataTableHeaderCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
11
|
+
children: React.ReactNode[] | React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const DataTableHeaderCell: React.FC<DataTableHeaderCellProps>;
|
|
14
|
+
export interface DataTableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
15
|
+
}
|
|
16
|
+
declare const DataTableRow: React.FC<DataTableRowProps>;
|
|
17
|
+
export interface DataTableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
18
|
+
}
|
|
19
|
+
declare const DataTable: React.FC<DataTableProps>;
|
|
20
|
+
export { DataTable, DataTableRow, DataTableHeaderCell, DataTableCell, DataTableCheckbox, };
|
|
21
|
+
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/dataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAW,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAE/D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS/C,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;CAAG;AAExD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEvD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAY3D,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE7C,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAevC,CAAC;AAEF,OAAO,EACL,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,iBAAiB,GAClB,CAAC"}
|