@zealicsolutions/web-ui 1.0.68 → 1.0.70

package/dist/cjs/molecules/Calendar/hooks/useCalendarStyling.d.ts

@@ -0,0 +1,229 @@
+interface CalendarStylingProps {
+    width?: string | number;
+    marginLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    paddingLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    buttonFontSize?: string | number;
+    buttonPaddingY?: string;
+    buttonPaddingX?: string;
+    buttonColor?: string;
+    buttonTextColor?: string;
+    buttonBorderColor?: string;
+    buttonFontWeight?: string | number;
+    buttonElevation?: number;
+    buttonHeight?: string | number;
+    buttonMinWidth?: string | number;
+    buttonMarginY?: string;
+    buttonMarginX?: string;
+    buttonBorderRadius?: string;
+    buttonHoverColor?: string;
+    buttonHoverTextColor?: string;
+    buttonHoverBorderColor?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    headerPadding?: string;
+    headerHeight?: string | number;
+    headerFontSize?: string | number;
+    headerFontWeight?: string | number;
+    headerTextColor?: string;
+    dayHeaderColor?: string;
+    dayHeaderFontWeight?: string | number;
+    eventBackgroundColor?: string;
+    eventBorderColor?: string;
+    eventTextColor?: string;
+    eventBorderRadius?: string;
+    eventOpacity?: number;
+    eventElevation?: number;
+    eventPadding?: string;
+    eventFontSize?: string | number;
+    eventFontFamily?: string;
+    eventFontWeight?: string | number;
+    cellBackgroundColor?: string;
+    cellHoverBackgroundColor?: string;
+    cellTodayBackgroundColor?: string;
+    cellBorderColor?: string;
+    cellTextColor?: string;
+    cellFontSize?: string | number;
+    cellPadding?: string;
+    cellHeight?: string | number;
+    timeGridSlotHeight?: string | number;
+    timeGridSlotBorderColor?: string;
+    timeGridNowIndicatorColor?: string;
+    timeGridLabelFontSize?: string | number;
+    timeGridLabelColor?: string;
+    nowIndicatorColor?: string;
+    allDayBackgroundColor?: string;
+    allDayTextColor?: string;
+    resourceAreaWidth?: string | number;
+    resourceBackgroundColor?: string;
+    resourceTextColor?: string;
+    resourceBorderColor?: string;
+    resourceFontSize?: string | number;
+    resourcePadding?: string;
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+    borderWidth?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    fontFamily?: string;
+    elevation?: number;
+    enableAnimations?: boolean;
+    animationSpeed?: string;
+    hoverEffect?: 'none' | 'lift' | 'scale' | 'glow' | 'bounce';
+    showGridLines?: boolean;
+}
+export declare const useCalendarStyling: (props: CalendarStylingProps) => {
+    sx: {
+        readonly '& .fc': {
+            readonly borderRadius: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly boxShadow: string;
+            readonly fontFamily: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-button': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                color: string | undefined;
+                borderColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly padding: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly boxShadow: string;
+            readonly height: string | number | undefined;
+            readonly minWidth: string | number | undefined;
+            readonly margin: string | undefined;
+        };
+        readonly '& .fc-event': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                transform: string;
+                boxShadow: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderRadius: string | undefined;
+            readonly fontSize: string | number | undefined;
+            readonly fontWeight: string | number | undefined;
+            readonly opacity: number | undefined;
+            readonly boxShadow: string;
+            readonly padding: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+        };
+        readonly '& .fc .fc-daygrid-day, & .fc .fc-timegrid-slot, & .fc .fc-col-header-cell': {
+            readonly transition?: string | undefined;
+            readonly '&:hover'?: {
+                backgroundColor: string | undefined;
+                transform: string;
+            } | undefined;
+            readonly backgroundColor: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly borderWidth: string | undefined;
+            readonly borderStyle: "inset" | "none" | "dashed" | "dotted" | "double" | "groove" | "outset" | "ridge" | "solid";
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-day-today': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-all-day-slot .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-daygrid-day .fc-event[data-all-day="true"]': {
+            readonly color: string | undefined;
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-scrollgrid-shim, & .fc .fc-timegrid-divider'?: {
+            display: string;
+        } | undefined;
+        readonly width: string | number | undefined;
+        readonly marginLeft: string | undefined;
+        readonly marginTop: string | undefined;
+        readonly marginRight: string | undefined;
+        readonly marginBottom: string | undefined;
+        readonly paddingLeft: string | undefined;
+        readonly paddingTop: string | undefined;
+        readonly paddingRight: string | undefined;
+        readonly paddingBottom: string | undefined;
+        readonly '& .fc .fc-toolbar': {
+            readonly backgroundColor: string | undefined;
+            readonly color: string | undefined;
+            readonly borderColor: string | undefined;
+            readonly padding: string | undefined;
+            readonly height: string | number | undefined;
+            readonly '& .fc-toolbar-title': {
+                readonly fontSize: string | number | undefined;
+                readonly fontWeight: string | number | undefined;
+                readonly color: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-col-header-cell-cushion': {
+            readonly color: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot-label-cushion': {
+            readonly color: string | undefined;
+            readonly fontSize: string | number | undefined;
+        };
+        readonly '& .fc .fc-event': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-event:hover': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-event-title': {
+            readonly fontSize: string | number | undefined;
+            readonly fontFamily: string | undefined;
+            readonly fontWeight: string | number | undefined;
+        };
+        readonly '& .fc .fc-now-indicator': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-now-indicator-line': {
+            readonly backgroundColor: string | undefined;
+        };
+        readonly '& .fc .fc-timegrid-slot': {
+            readonly height: string | number | undefined;
+            readonly borderColor: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area': {
+            readonly backgroundColor: string | undefined;
+            readonly width: string | number | undefined;
+            readonly borderColor: string | undefined;
+            readonly '& .fc-resource-cell': {
+                readonly color: string | undefined;
+                readonly fontSize: string | number | undefined;
+                readonly padding: string | undefined;
+            };
+        };
+        readonly '& .fc .fc-resource .fc-resource-title': {
+            readonly color: string | undefined;
+        };
+        readonly '& .fc .fc-resource-area-cell': {
+            readonly borderColor: string | undefined;
+        };
+    };
+    getMaterialElevation: (elevation?: number) => string;
+};
+export {};

package/dist/cjs/molecules/Checkbox/Checkbox.d.ts

@@ -0,0 +1,34 @@
+import { ConfigurationItemInfo } from 'containers';
+import { FC } from 'react';
+export declare type CheckboxProps = {
+    moleculeId?: string;
+    name: string;
+    label?: string;
+    textColor?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    disabled?: boolean;
+    required?: boolean;
+    requiredErrorText?: string;
+    validationErrorText?: string;
+    iconName?: string;
+    iconColor?: string;
+    checkedIconName?: string;
+    checkedIconColor?: string;
+    iconSize?: 'small' | 'medium' | 'large';
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    sourceDataModelField?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+    isDisplayOnly?: boolean;
+};
+export declare const Checkbox: FC<CheckboxProps>;

package/dist/cjs/molecules/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,23 @@
+import { CheckboxProps } from './Checkbox';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+/** Default checkbox */
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Required checkbox with validation */
+export declare const Required: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Disabled checkbox */
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Display-only variant */
+export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Custom styled checkbox */
+export declare const CustomStyled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Small size variant */
+export declare const SmallSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Large size variant */
+export declare const LargeSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Label placement variants */
+export declare const LabelTop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+export declare const LabelBottom: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;
+/** Custom icons with different lucid-react icons */
+export declare const CustomIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CheckboxProps>;

package/dist/cjs/molecules/Consent/Consent.stories.d.ts

@@ -1,8 +1,77 @@
-import type { StoryFn } from '@storybook/react';
-import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
-declare const _default: {
-    title: string;
-    component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("molecules/Consent/Consent").ConsentProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-};
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Consent: StoryFn<typeof ConsentComponent>;
+/** Default consent molecule */
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    properties: Partial<{
+        consent: Partial<{
+            attributeType: "consent";
+            consent: ConsentType;
+            required: import("../..").BooleanProperties;
+            dataCaptureName: string;
+            predefinedValue: string;
+        }>;
+        conditionConfig: import("../..").ConditionConfigProperties;
+    }>;
+    htmlElementId: string;
+    isOnClickDisabled?: boolean | undefined;
+    configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
+    marginTop?: string | undefined;
+    marginRight?: string | undefined;
+    marginBottom?: string | undefined;
+    marginLeft?: string | undefined;
+    width?: string | number | undefined;
+}>;
+/** Consent with custom spacing */
+export declare const WithSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    properties: Partial<{
+        consent: Partial<{
+            attributeType: "consent";
+            consent: ConsentType;
+            required: import("../..").BooleanProperties;
+            dataCaptureName: string;
+            predefinedValue: string;
+        }>;
+        conditionConfig: import("../..").ConditionConfigProperties;
+    }>;
+    htmlElementId: string;
+    isOnClickDisabled?: boolean | undefined;
+    configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
+    marginTop?: string | undefined;
+    marginRight?: string | undefined;
+    marginBottom?: string | undefined;
+    marginLeft?: string | undefined;
+    width?: string | number | undefined;
+}>;
+/** Consent with custom width */
+export declare const CustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
+    properties: Partial<{
+        consent: Partial<{
+            attributeType: "consent";
+            consent: ConsentType;
+            required: import("../..").BooleanProperties;
+            dataCaptureName: string;
+            predefinedValue: string;
+        }>;
+        conditionConfig: import("../..").ConditionConfigProperties;
+    }>;
+    htmlElementId: string;
+    isOnClickDisabled?: boolean | undefined;
+    configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
+    marginTop?: string | undefined;
+    marginRight?: string | undefined;
+    marginBottom?: string | undefined;
+    marginLeft?: string | undefined;
+    width?: string | number | undefined;
+}>;

package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts

@@ -1,12 +1,18 @@
 import { ConfigurationItemInfo, ConsentFieldMoleculeType } from 'containers';
-import type { AnyObject } from 'typescript';
 declare type ConsentMoleculeProps = {
     properties: ConsentFieldMoleculeType['properties'];
-    config: ConsentFieldMoleculeType['config'];
-    formData?: AnyObject;
     htmlElementId: string;
     isOnClickDisabled?: boolean;
     configurationItemInfo?: ConfigurationItemInfo;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    width?: string | number;
 };
-export declare const ConsentMolecule: ({ config, formData, properties, htmlElementId, isOnClickDisabled, configurationItemInfo, }: ConsentMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, }: ConsentMoleculeProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/cjs/molecules/index.d.ts

@@ -1,29 +1,31 @@
+export * from './Alert/Alert';
+export * from './Badge/Badge';
+export * from './BasicTextField/BasicTextField';
+export * from './Button/Button';
+export * from './Checklist/Checklist';
+export * from './Chip/Chip';
+export * from './Consent/ConsentMolecule';
 export * from './CustomValidation/CustomValidation';
+export * from './DatePicker/DatePicker';
+export * from './Divider/Divider';
 export * from './Drawer/Drawer';
-export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
 export * from './Icon';
-export * from './RichText/TextMolecule';
-export * from './ZealUIModal/ZealUIModal';
-export * from './Consent/Consent';
-export * from './Checklist/Checklist';
-export * from './Divider/Divider';
-export * from './Link/Link';
-export * from './Video/Video';
 export * from './Image/Image';
-export * from './Button/Button';
-export * from './Stepper/Stepper';
-export * from './Switch/Switch';
-export * from './Chip/Chip';
-export * from './Badge/Badge';
-export * from './Alert/Alert';
-export * from './BasicTextField/BasicTextField';
-export * from './Rating/Rating';
-export * from './Slider/Slider';
-export * from './DatePicker/DatePicker';
-export * from './Select/Select';
+export * from './Link/Link';
 export * from './PasswordSetup/PasswordSetup';
 export * from './PasswordSetup/types';
 export * from './PasswordSetup/utils';
+export { PdfDocument, PdfDocumentProps } from './PdfDocument/PdfDocument';
+export * from './Rating/Rating';
+export * from './RichText/TextMolecule';
+export * from './Select/Select';
+export * from './Slider/Slider';
+export * from './Stepper/Stepper';
+export * from './Switch/Switch';
+export * from './Video/Video';
+export * from './ZealUIModal/ZealUIModal';
+export * from './BinaryRadioButtons/BinaryRadioButtons';
+export * from './Checkbox/Checkbox';
+export * from './ContentWrapper/ContentWrapper';
 export * from './SpeedDial/SpeedDial';
 export * from './SpeedDial/types';
-export * from './ContentWrapper/ContentWrapper';

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as e,__assign as n}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as o}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as i}from"react";import r from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{css as s}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import{getSizeStyle as l}from"../../helpers/styles.js";import{TouchableOpacity as d}from"../Buttons/TouchableOpacity.js";import{Icon as c}from"../Icon/Icon.js";import{RichTextViewer as m}from"../RichTextViewer/RichTextViewer.js";import{Spacer as a}from"../Spacer/Spacer.js";import{TextWrapper as p}from"../TextWrapper/TextWrapper.js";import{getCheckboxStyles as f}from"./helpers.js";var u,x,y,b,h,v=function(e){var r=e.id,s=e.onClick,l=e.label,d=e.isError,c=void 0!==d&&d,u=e.disabled,x=void 0!==u&&u,y=e.isEditMode,b=void 0===y||y,h=e.isSelected,v=void 0!==h&&h,S=e.isRichText,T=void 0!==S&&S,C=e.notInteractable,I=void 0!==C&&C,M=e.internalConfig,O=i(!1),W=O[0],$=O[1],_=f(W,c?"error":x?"disabled":v?"selected":"default",M),E=_.checkboxIconWrapperColor,L=_.checkboxIconColor,R=_.checkboxWrapperStyles,z=_.checkboxTextStyles;return t(g,n({activeOpacity:.8,disabled:x,$styles:n(n({},R),I&&j),onClick:function(){!x&&b&&s(r)},onMouseEnter:function(){!x&&b&&$(!0)},onMouseLeave:function(){!x&&b&&$(!1)}},{children:[o(w,n({$styles:E},{children:v&&o(k,{size:18,color:L,name:"Check"})})),o(a,{width:"S"}),l&&o("div",{children:T?o(m,{numberOfLines:2,value:l}):o(p,n({behaveAs:x?"text":"button",styles:z,numberOfLines:2,variant:"M"},{children:l}))})]}))},j=s(u||(u=e(["\n  cursor: unset;\n  pointer-events: none;\n  opacity: 0.6;\n"],["\n  cursor: unset;\n  pointer-events: none;\n  opacity: 0.6;\n"]))),g=r(d)(x||(x=e(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  ","\n"],["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  ","\n"])),(function(e){return e.$styles})),k=r(c)(y||(y=e(["\n  display: flex;\n"],["\n  display: flex;\n"]))),w=r.div(h||(h=e(["\n  display: flex;\n  margin: 8px 0;\n  border-width: 1px;\n  align-items: center;\n  justify-content: center;\n  border-style: solid;\n  ","\n"],["\n  display: flex;\n  margin: 8px 0;\n  border-width: 1px;\n  align-items: center;\n  justify-content: center;\n  border-style: solid;\n  ","\n"])),(function(n){var t=n.theme.sizes,o=n.$styles;return s(b||(b=e(["\n    border-radius: ","px;\n    ",";\n    ","\n  "],["\n    border-radius: ","px;\n    ",";\n    ","\n  "])),t.XS,l(t.M),o)}));export{v as Checkbox};
+import{__makeTemplateObject as e}from"../../node_modules/tslib/tslib.es6.js";import"react/jsx-runtime";import"../../node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js";import"react";import"../../node_modules/stylis/dist/umd/stylis.js";import"../../node_modules/@babel/runtime/helpers/extends.js";import"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js";import t from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{css as n}from"../../node_modules/@emotion/react/dist/emotion-react.esm.js";import{getSizeStyle as s}from"../../helpers/styles.js";import{TouchableOpacity as o}from"../Buttons/TouchableOpacity.js";import{Icon as i}from"../Icon/Icon.js";import"../../node_modules/slate/dist/index.es.js";import"../../node_modules/slate-react/dist/index.es.js";import"../RichTextViewer/components/EditorElement.js";import"../RichTextViewer/components/Leaf.js";import"../Spacer/Spacer.js";import"../TextWrapper/TextWrapper.js";import"../../theme/theme.js";import"../../theme/provider.js";import"../../theme/toastStyles.js";var r,m,d,p,l;n(r||(r=e(["\n  cursor: unset;\n  pointer-events: none;\n  opacity: 0.6;\n"],["\n  cursor: unset;\n  pointer-events: none;\n  opacity: 0.6;\n"]))),t(o)(m||(m=e(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  ","\n"],["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  ","\n"])),(function(e){return e.$styles})),t(i)(d||(d=e(["\n  display: flex;\n"],["\n  display: flex;\n"]))),t.div(l||(l=e(["\n  display: flex;\n  margin: 8px 0;\n  border-width: 1px;\n  align-items: center;\n  justify-content: center;\n  border-style: solid;\n  ","\n"],["\n  display: flex;\n  margin: 8px 0;\n  border-width: 1px;\n  align-items: center;\n  justify-content: center;\n  border-style: solid;\n  ","\n"])),(function(t){var o=t.theme.sizes,i=t.$styles;return n(p||(p=e(["\n    border-radius: ","px;\n    ",";\n    ","\n  "],["\n    border-radius: ","px;\n    ",";\n    ","\n  "])),o.XS,s(o.M),i)}));
 //# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","_a","id","onClick","label","_b","isError","_c","disabled","_d","isEditMode","_e","isSelected","_f","isRichText","_g","notInteractable","internalConfig","_h","useState","isHovered","setHovered","_j","getCheckboxStyles","checkboxIconWrapperColor","checkboxIconColor","checkboxWrapperStyles","checkboxTextStyles","_jsxs","Wrapper","__assign","activeOpacity","$styles","notInteractableCheckboxStyles","onMouseEnter","onMouseLeave","children","_jsx","Box","CheckIcon","size","color","name","Spacer","width","RichTextViewer","numberOfLines","value","TextWrapper","behaveAs","styles","variant","css","templateObject_1","__makeTemplateObject","styled","TouchableOpacity","templateObject_2","Icon","templateObject_3","div","templateObject_5","sizes","theme","XS","getSizeStyle","M"],"mappings":"8wBAyBO,cAAMA,EAAW,SAACC,OACvBC,EAAED,EAAAC,GACFC,EAAOF,EAAAE,QACPC,EAAKH,EAAAG,MACLC,EAAAJ,EAAAK,QAAAA,cAAeD,EACfE,EAAAN,EAAAO,SAAAA,cAAgBD,EAChBE,EAAAR,EAAAS,WAAAA,cAAiBD,EACjBE,EAAAV,EAAAW,WAAAA,cAAkBD,EAClBE,EAAAZ,EAAAa,WAAAA,cAAkBD,EAClBE,EAAAd,EAAAe,gBAAAA,cAAuBD,EACvBE,EAAchB,EAAAgB,eAERC,EAA0BC,GAAS,GAAlCC,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAStBI,EACJC,EAAkBH,EAPdd,EAAgB,QAChBE,EAAiB,WACjBI,EAAmB,WAChB,UAIqCK,GADtCO,EAAwBF,EAAAE,yBAAEC,EAAiBH,EAAAG,kBAAEC,EAAqBJ,EAAAI,sBAAEC,EAAkBL,EAAAK,mBAqB9F,OACEC,EAACC,EACCC,EAAA,CAAAC,cAAe,GACfvB,SAAUA,EACIwB,QAAAF,EAAAA,EAAA,CAAA,EAAAJ,GAA2BV,GAAmBiB,GAC5D9B,QAvBgB,YACbK,GAAYE,GACfP,EAAQD,EAEZ,EAoBIgC,aAlBqB,YAClB1B,GAAYE,GACfW,GAAW,EAEf,EAeIc,aAbqB,YAClB3B,GAAYE,GACfW,GAAW,EAEf,GAWI,CAAAe,SAAA,CAAAC,EAACC,EAAGR,EAAA,CAAAE,QAAUR,GAAwB,CAAAY,SACnCxB,GAAcyB,EAACE,EAAU,CAAAC,KAAM,GAAIC,MAAOhB,EAAmBiB,KAAK,aAErEL,EAACM,EAAM,CAACC,MAAM,MACbxC,GACCiC,EACG,MAAA,CAAAD,SAAAtB,EACCuB,EAACQ,EAAe,CAAAC,cAAe,EAAGC,MAAO3C,IAEzCiC,EAACW,EACClB,EAAA,CAAAmB,SAAUzC,EAAW,OAAS,SAC9B0C,OAAQvB,EACRmB,cAAe,EACfK,QAAQ,KAEP,CAAAf,SAAAhC,UAOf,EAEM6B,EAAgCmB,EAAGC,IAAAA,EAAAC,EAAA,CAAA,kEAAA,CAAA,qEAMnCzB,EAAU0B,EAAOC,EAAPD,CAA0CE,IAAAA,EAAAH,EAAA,CAAA,wEAAA,MAAA,CAAA,wEAI9B,SAAxB,SAACrD,GAAgB,OAAPA,EAAA+B,OAAO,IAGfO,EAAYgB,EAAOG,EAAPH,CAAYI,IAAAA,EAAAL,EAAA,CAAA,wBAAA,CAAA,2BAIxBhB,EAAMiB,EAAOK,IAAqBC,IAAAA,EAAAP,EAAA,CAAA,6IAAA,MAAA,CAAA,6IAWrC,SAJC,SAACrD,OAAW6D,EAAK7D,EAAA8D,MAAAD,MAAI9B,EAAO/B,EAAA+B,QAAO,OAAAoB,kEAAG,wBACb,YACF,UACd,UAFQU,EAAME,GACrBC,EAAaH,EAAMI,GACnBlC,EAHiC"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["css","templateObject_1","__makeTemplateObject","styled","TouchableOpacity","templateObject_2","_a","$styles","Icon","templateObject_3","div","templateObject_5","sizes","theme","XS","getSizeStyle","M"],"mappings":"ykCAoGsCA,EAAGC,IAAAA,EAAAC,EAAA,CAAA,kEAAA,CAAA,qEAMzBC,EAAOC,EAAPD,CAA0CE,IAAAA,EAAAH,EAAA,CAAA,wEAAA,MAAA,CAAA,wEAI9B,SAAxB,SAACI,GAAgB,OAAPA,EAAAC,OAAO,IAGHJ,EAAOK,EAAPL,CAAYM,IAAAA,EAAAP,EAAA,CAAA,wBAAA,CAAA,2BAIlBC,EAAOO,IAAqBC,IAAAA,EAAAT,EAAA,CAAA,6IAAA,MAAA,CAAA,6IAWrC,SAJC,SAACI,OAAWM,EAAKN,EAAAO,MAAAD,MAAIL,EAAOD,EAAAC,QAAO,OAAAP,kEAAG,wBACb,YACF,UACd,UAFQY,EAAME,GACrBC,EAAaH,EAAMI,GACnBT,EAHiC"}