@servicetitan/design-system 14.0.0-react18.0 → 14.0.1

package/dist/components/FormControls/FormTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}
+{"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { TimePicker } from '..';\n\nexport type FormTimePickerProps = FormFieldProps;\n\nexport const FormTimePicker: FC<FormTimePickerProps> = ({ ...props }) => {\n\treturn <FormField control={TimePicker} {...props} />;\n};\n"]}

package/dist/components/FormControls/FormToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC"}
+{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { ToggleSwitch, ToggleSwitchProps } from '../ToggleSwitch';\n\nexport interface FormToggleSwitchProps\n\textends FormFieldPropsStrict,\n\t\tToggleSwitchProps {\n\tlabel: React.ReactNode;\n}\n\nexport const FormToggleSwitch: FC<FormToggleSwitchProps> = (props) => (\n\t<FormField control={ToggleSwitch} {...props} />\n);\n"]}

package/dist/components/FormControls/FormTogglebox.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC"}
+{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Togglebox, ToggleboxProps } from '../Togglebox';\n\nexport interface FormToggleboxProps<T>\n\textends FormFieldPropsStrict,\n\t\tToggleboxProps<T> {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n\tlabel: React.ReactNode;\n\tcontrol?: ToggleboxProps<T>['control'];\n}\n\ntype FormToggleboxType<T = any> = FC<FormToggleboxProps<T>>;\n\nexport const FormTogglebox: FormToggleboxType = ({ control, ...props }) => (\n\t<FormField toggleboxControl={control} control={Togglebox} {...props} />\n);\n"]}

package/dist/components/FormControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './FormButton';\nexport * from './FormButtonToggle';\nexport * from './FormCheckbox';\nexport * from './FormColorPicker';\nexport * from './FormDatePicker';\nexport * from './FormDateRangePicker';\nexport * from './FormDropdown';\nexport * from './FormInput';\nexport * from './FormRadio';\nexport * from './FormSelect';\nexport * from './FormTextArea';\nexport * from './FormTogglebox';\nexport * from './FormToggleSwitch';\nexport * from './FormAnvilSelect';\nexport * from './FormTimePicker';\n"]}

package/dist/components/FormField/FormField.js

@@ -20,17 +20,24 @@ import { Checkbox } from '../Checkbox';
 import { Button } from '../Button';
 import { Radio } from '../Radio';
 export const FormField = React.forwardRef((_a, ref) => {
-    var _b, _c, _d;
+    var _b, _c;
     var { children, className, control, controlRef, controlClassName, description, disabled, el = 'div', error, label, labelProps, required, size, toggleboxControl, width, onChange } = _a, props = __rest(_a, ["children", "className", "control", "controlRef", "controlClassName", "description", "disabled", "el", "error", "label", "labelProps", "required", "size", "toggleboxControl", "width", "onChange"]);
-    const controlType = typeof control !== 'undefined'
-        ? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
-        : 'control';
-    const hasCounter = ['Input', 'TextArea'].includes(controlType) &&
-        props.showCounter &&
-        !!props.maxLength;
-    const [counter, setCounter] = React.useState((_d = (_c = props.defaultValue) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0);
+    const controlType = (() => {
+        var _a, _b, _c, _d;
+        if (typeof control === 'undefined')
+            return undefined;
+        if (((_a = control === null || control === void 0 ? void 0 : control.displayName) === null || _a === void 0 ? void 0 : _a.toString().length) > 2)
+            return (_b = control === null || control === void 0 ? void 0 : control.displayName) === null || _b === void 0 ? void 0 : _b.toString();
+        if (((_c = control === null || control === void 0 ? void 0 : control.name) === null || _c === void 0 ? void 0 : _c.toString().length) > 2)
+            return (_d = control === null || control === void 0 ? void 0 : control.name) === null || _d === void 0 ? void 0 : _d.toString();
+        return 'control';
+    })();
+    const hasCounter = props.showCounter &&
+        !!props.maxLength &&
+        ['Input', 'TextArea', 'control'].includes(controlType);
+    const [counter, setCounter] = React.useState((_c = (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0);
     const passProps = () => {
-        if (['Input', 'TextArea'].includes(controlType)) {
+        if (['Input', 'TextArea', 'control'].includes(controlType)) {
             const { showCounter } = props, rest = __rest(props, ["showCounter"]);
             return rest;
         }
@@ -49,13 +56,16 @@ export const FormField = React.forwardRef((_a, ref) => {
         const inputNode = (_a = context === null || context === void 0 ? void 0 : context.inputRef) === null || _a === void 0 ? void 0 : _a.current;
         if (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {
             inputNode === null || inputNode === void 0 ? void 0 : inputNode.focus();
+        }
+        if (['Select', 'Dropdown'].includes(controlType)) {
             return;
         }
         inputNode === null || inputNode === void 0 ? void 0 : inputNode.click();
     };
     const handleOnChange = (e, d) => {
+        var _a;
         if (hasCounter) {
-            setCounter(d.value.length);
+            setCounter((_a = d === null || d === void 0 ? void 0 : d.value) === null || _a === void 0 ? void 0 : _a.length);
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(e, d);
     };
@@ -99,15 +109,16 @@ export const FormField = React.forwardRef((_a, ref) => {
         const createControl = control
             ? React.createElement(control, Object.assign(Object.assign({}, controlProps), { 'aria-errormessage': errMsgID, ref }))
             : children;
+        const hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(controlType);
         return (React.createElement(React.Fragment, null,
-            React.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
+            React.createElement("label", { className: "Field__html-label", htmlFor: hasHtmlFor ? context.labelFor : undefined, onClick: handleLabelClick }, getLabel()),
             React.createElement(FormFieldContext.Provider, { value: Object.assign(Object.assign({}, context), { setFormFieldContext }) }, createControl)));
     };
     const FormFieldProps = { children, disabled };
     const FormFieldClasses = classnames('FormField', className, {
         'FormField--disabled': disabled,
         'FormField--error': error,
-        [`FormField--${controlType}`]: control,
+        [`FormField--${controlType}`]: controlType,
         'FormField--small': size === 'small',
         'FormField--large': size === 'large',
         'FormField--fitted': label === undefined || label === '',

package/dist/components/FormField/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState, useId, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\nimport { FormFieldContext } from './FormFieldContext';\nimport { ButtonToggle } from '../ButtonToggle';\nimport { ToggleSwitch } from '../ToggleSwitch';\nimport { Label, LabelProps } from '../Label';\nimport { Togglebox } from '../Togglebox';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { Radio } from '../Radio';\n\nexport interface FormFieldPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Adds one or more classnames to the control element */\n\tcontrolClassName?: string;\n\n\t/** Set the wrapping element's type to render as (string or function). */\n\tcontrol?: any;\n\n\t/** Individual fields may be disabled. */\n\tdisabled?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Individual fields may display an error state. */\n\terror?: boolean | React.ReactElement | string;\n\n\t/** Adds additional help to the input */\n\tdescription?: React.ReactElement | string;\n\n\t/** Displays the describes the form element */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/* Indicates that the field is required */\n\trequired?: boolean;\n\n\t/** Set Form Field to be specific widths */\n\twidth?: SemanticWIDTHS;\n}\nexport interface FormFieldProps extends FormFieldPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormField: FC<FormFieldProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcontrol,\n\t\t\tcontrolRef,\n\t\t\tcontrolClassName,\n\t\t\tdescription,\n\t\t\tdisabled,\n\t\t\tel = 'div',\n\t\t\terror,\n\t\t\tlabel,\n\t\t\tlabelProps,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\ttoggleboxControl,\n\t\t\twidth,\n\t\t\tonChange,\n\t\t\t...props\n\t\t},\n\t\tref: any\n\t) => {\n\t\tconst controlType = (() => {\n\t\t\tif (typeof control === 'undefined') return undefined;\n\n\t\t\tif (control?.displayName?.toString().length > 2)\n\t\t\t\treturn control?.displayName?.toString();\n\n\t\t\tif (control?.name?.toString().length > 2)\n\t\t\t\treturn control?.name?.toString();\n\n\t\t\treturn 'control';\n\t\t})();\n\n\t\tconst hasCounter =\n\t\t\tprops.showCounter &&\n\t\t\t!!props.maxLength &&\n\t\t\t['Input', 'TextArea', 'control'].includes(controlType);\n\n\t\tconst [counter, setCounter] = React.useState<string>(\n\t\t\tprops.defaultValue?.length ?? 0\n\t\t);\n\n\t\tconst passProps = () => {\n\t\t\tif (['Input', 'TextArea', 'control'].includes(controlType)) {\n\t\t\t\tconst { showCounter, ...rest } = props;\n\t\t\t\treturn rest;\n\t\t\t}\n\t\t\treturn props;\n\t\t};\n\n\t\tconst id = useId();\n\t\tconst labelFor = props.id || `formfield_id_${id}`;\n\t\tconst errMsgID = props.id || `errMsg_id_${id}`;\n\n\t\tconst [context, setContext] = useState({\n\t\t\tlabelFor,\n\t\t\tsetFormFieldContext: (): void => {},\n\t\t} as FormFieldContext);\n\n\t\tconst setFormFieldContext = (newContext: FormFieldContext) =>\n\t\t\tsetContext({\n\t\t\t\t...context,\n\t\t\t\t...newContext,\n\t\t\t});\n\n\t\tconst handleLabelClick = () => {\n\t\t\tconst inputNode = context?.inputRef?.current;\n\n\t\t\tif (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\tinputNode?.focus();\n\t\t\t}\n\n\t\t\tif (['Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tinputNode?.click();\n\t\t};\n\n\t\tconst handleOnChange = (e: any, d: any) => {\n\t\t\tif (hasCounter) {\n\t\t\t\tsetCounter(d?.value?.length);\n\t\t\t}\n\t\t\tonChange?.(e, d);\n\t\t};\n\n\t\tconst getLabel = () => {\n\t\t\tif (label === undefined || label === '') return false;\n\n\t\t\tconst labelClassName = labelProps?.className\n\t\t\t\t? labelProps.className\n\t\t\t\t: null;\n\t\t\tconst labelClasses = classnames(labelClassName, 'FormField__label');\n\n\t\t\treturn (\n\t\t\t\t<Label\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\t{...labelProps}\n\t\t\t\t\tclassName={labelClasses}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t);\n\t\t};\n\n\t\tconst hasDescription =\n\t\t\t(description &&\n\t\t\t\ttypeof description === 'string' &&\n\t\t\t\tdescription.length > 0) ||\n\t\t\tisValidElement(description);\n\n\t\tconst hasErrorText =\n\t\t\t(error && typeof error === 'string' && error.length > 0) ||\n\t\t\tisValidElement(error);\n\n\t\tconst getControl = () => {\n\t\t\tconst controlProps = {\n\t\t\t\tchildren,\n\t\t\t\tdisabled,\n\t\t\t\trequired,\n\t\t\t\tsize,\n\t\t\t\tonChange: hasCounter ? handleOnChange : onChange,\n\t\t\t\tclassName: controlClassName,\n\t\t\t\t...passProps(),\n\t\t\t\t...(control !== ToggleSwitch &&\n\t\t\t\tcontrol !== ButtonToggle &&\n\t\t\t\ttoggleboxControl !== 'toggleSwitch' &&\n\t\t\t\tcontrol !== Button\n\t\t\t\t\t? { error: typeof error !== 'undefined' ? !!error : error }\n\t\t\t\t\t: {}),\n\t\t\t};\n\n\t\t\t// Togglebox\n\t\t\tif (control === Togglebox) {\n\t\t\t\treturn (\n\t\t\t\t\t<Togglebox\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\tcontrol={toggleboxControl}\n\t\t\t\t\t\taria-errormessage={errMsgID}\n\t\t\t\t\t\t{...controlProps}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Checkbox, Radio, ToggleSwitch\n\t\t\tif (\n\t\t\t\tcontrol === Checkbox ||\n\t\t\t\tcontrol === Radio ||\n\t\t\t\tcontrol === ToggleSwitch\n\t\t\t) {\n\t\t\t\treturn React.createElement(control, {\n\t\t\t\t\t...controlProps,\n\t\t\t\t\tlabel,\n\t\t\t\t\tlabelProps,\n\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\trequired,\n\t\t\t\t\tref,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst createControl = control\n\t\t\t\t? React.createElement(control, {\n\t\t\t\t\t\t...controlProps,\n\t\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\t\tref,\n\t\t\t\t  })\n\t\t\t\t: children;\n\n\t\t\tconst hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(\n\t\t\t\tcontrolType\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<React.Fragment>\n\t\t\t\t\t<label\n\t\t\t\t\t\tclassName=\"Field__html-label\"\n\t\t\t\t\t\thtmlFor={hasHtmlFor ? context.labelFor : undefined}\n\t\t\t\t\t\tonClick={handleLabelClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getLabel()}\n\t\t\t\t\t</label>\n\t\t\t\t\t<FormFieldContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\t...context,\n\t\t\t\t\t\t\tsetFormFieldContext,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{createControl}\n\t\t\t\t\t</FormFieldContext.Provider>\n\t\t\t\t</React.Fragment>\n\t\t\t);\n\t\t};\n\n\t\tconst FormFieldProps = { children, disabled };\n\n\t\tconst FormFieldClasses = classnames('FormField', className, {\n\t\t\t'FormField--disabled': disabled,\n\t\t\t'FormField--error': error,\n\t\t\t[`FormField--${controlType}`]: controlType,\n\t\t\t'FormField--small': size === 'small',\n\t\t\t'FormField--large': size === 'large',\n\t\t\t'FormField--fitted': label === undefined || label === '',\n\t\t\t[`FormField--width-${width}`]: width,\n\t\t});\n\n\t\tconst FormFieldElement = el;\n\n\t\treturn (\n\t\t\t<FormFieldElement\n\t\t\t\tclassName={FormFieldClasses}\n\t\t\t\tdata-anvil-component=\"FormField\"\n\t\t\t\t{...FormFieldProps}\n\t\t\t>\n\t\t\t\t<div className=\"FormField__wrapper\">\n\t\t\t\t\t{getControl()}\n\t\t\t\t\t{(hasCounter || hasErrorText || hasDescription) && (\n\t\t\t\t\t\t<div className=\"FormField__addons\">\n\t\t\t\t\t\t\t{(hasErrorText || hasDescription) && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__helpers\">\n\t\t\t\t\t\t\t\t\t{hasErrorText && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"FormField__errorText\"\n\t\t\t\t\t\t\t\t\t\t\tid={errMsgID}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{hasDescription && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"FormField__description\">\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hasCounter && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__counter\">{`${counter}/${props.maxLength}`}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</FormFieldElement>\n\t\t);\n\t}\n);\n"]}

package/dist/components/FormField/FormField.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,QAAC,KAAK,EAAC,GAAG;YAChD,oBAAC,IAAI,CAAC,SAAS,IACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,SAAS,EAAC,KAAK,GACd;YACF,oBAAC,IAAI,CAAC,SAAS,IACd,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9B,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,SAAS,EAAC,KAAK,GACd,CACU,CACP,CACP,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,oDAAoD,EAAE,GAAG,EAAE;IACnE,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAC;QAEpD,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,YAAY,CAAqB,CAAC;QACvE,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,YAAY,CAAqB,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEpC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEnC,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,GAAG,EAAE;IAC1B,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG;YAClC,oBAAC,KAAK,IAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG;YAChD,oBAAC,KAAK,IAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,CACnC,CACP,CACP,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,iEAAiE,EAAE,GAAG,EAAE;IAChF,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,EAAE,CAAC,qCAAqC,EAAE,GAAS,EAAE;QACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC;QAEhD,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;QAC/D,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,eAAe,CAAqB,CAAC;QACxE,MAAM,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,eAAe,CAAqB,CAAC;QAExE,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAE7B,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAE7B,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACrB,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1B,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACtC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,GAAG,EAAC,MAAM,EACV,KAAK,EAAE;gBACN,OAAO,EAAE,MAAM;gBACf,mBAAmB,EAAE,KAAK;gBAC1B,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,SAAS;gBACvB,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,KAAK;aACf;YAED,oBAAC,IAAI,CAAC,KAAK,IACV,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,SACV;YACF,oBAAC,IAAI,CAAC,KAAK,IACV,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,QACX,YAAY,EAAC,oBAAoB,GAChC;YACF,oBAAC,IAAI,CAAC,QAAQ,IACb,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,SACV;YACF,oBAAC,IAAI,CAAC,QAAQ,IACb,KAAK,EAAC,6BAA6B,EACnC,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,QACX,YAAY,EAAC,6BAA6B,GACzC,CACI,CACP,CAAC;QAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;QACnE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACpC,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhD,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACxC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACjC,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,GAAG,EAAC,MAAM,EACV,KAAK,EAAE;gBACN,OAAO,EAAE,MAAM;gBACf,mBAAmB,EAAE,KAAK;gBAC1B,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,SAAS;gBACvB,UAAU,EAAE,OAAO;gBACnB,QAAQ,EAAE,KAAK;aACf;YAED,oBAAC,IAAI,CAAC,KAAK,IACV,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,SACV;YACF,oBAAC,IAAI,CAAC,KAAK,IAAC,WAAW,EAAC,mBAAmB,EAAC,WAAW,SAAG;YAC1D,oBAAC,IAAI,CAAC,QAAQ,IACb,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAE,EAAE,EACb,WAAW,SACV;YACF,oBAAC,IAAI,CAAC,QAAQ,IACb,WAAW,EAAC,mBAAmB,EAC/B,WAAW,QACX,YAAY,EAAC,6BAA6B,GACzC,CACI,CACP,CAAC;QAEF,MAAM,YAAY,GAAG,SAAS,CAAC,gBAAgB,CAC9C,qBAAqB,CACrB,CAAC,MAAM,CAAC;QACT,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,IACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,GAAG,mBACK,qBAAqB;gBAEnC,oBAAC,KAAK,IAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG;gBAChD,oBAAC,KAAK,IAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,CACnC,CACP,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Form } from '../Form/';\nimport { Input } from '../Input/';\n\nconst MultipleTogglebox = () => {\n\tconst [value, setValue] = React.useState(1);\n\tconst handleChange = (value: number) => setValue(value);\n\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"FormField1\" required width=\"3\">\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox1\"\n\t\t\t\t\tonClick={() => handleChange(1)}\n\t\t\t\t\tchecked={value === 1}\n\t\t\t\t\tclassName=\"tb1\"\n\t\t\t\t/>\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox2\"\n\t\t\t\t\tonClick={() => handleChange(2)}\n\t\t\t\t\tchecked={value === 2}\n\t\t\t\t\tclassName=\"tb2\"\n\t\t\t\t/>\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test multiple Form.Togglebox inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be checked on click', async () => {\n\t\tconst { container } = render(<MultipleTogglebox />);\n\n\t\tconst tbi1 = container.querySelector('.tb1 input') as HTMLInputElement;\n\t\tconst tbi2 = container.querySelector('.tb2 input') as HTMLInputElement;\n\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\n\t\tawait user.click(tbi2);\n\t\texpect(tbi1.checked).toEqual(false);\n\t\texpect(tbi2.checked).toEqual(true);\n\n\t\tawait user.click(tbi1);\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\t});\n});\n\nconst MultipleInput = () => {\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"Label\" width=\"3\">\n\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test focus on label clock multiple Inputs inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be focused on Label click', async () => {\n\t\tconst { container } = render(<MultipleInput />);\n\n\t\tconst label = container.querySelector('.Label') as HTMLElement;\n\t\tconst i1 = container.querySelector('.input1 input') as HTMLInputElement;\n\t\tconst i2 = container.querySelector('.input2 input') as HTMLInputElement;\n\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(label);\n\t\texpect(i1).toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(i2);\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).toHaveFocus();\n\t});\n});\n\ndescribe('Counter for FormField', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should have proper number per default values', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"With default Value\"\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counters = container.querySelectorAll('.FormField__counter');\n\t\tconst input = counters[0].innerHTML;\n\t\tconst inputWithValue = counters[1].innerHTML;\n\t\tconst textArea = counters[2].innerHTML;\n\t\tconst textAreaWithValue = counters[3].innerHTML;\n\n\t\texpect(input).toEqual('0/20');\n\t\texpect(inputWithValue).toEqual('18/20');\n\t\texpect(textArea).toEqual('0/30');\n\t\texpect(textAreaWithValue).toEqual('27/30');\n\t});\n\n\tit('should not show when maxLength is not defined', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input description=\"Field Helper Text\" showCounter />\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counterCount = container.querySelectorAll(\n\t\t\t'.FormField__counter'\n\t\t).length;\n\t\texpect(counterCount).toBe(2);\n\t});\n});\n\ndescribe('Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit.skip('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Field\n\t\t\t\t\tlabel=\"Label\"\n\t\t\t\t\twidth=\"3\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t>\n\t\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t\t</Form.Field>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/FormField/FormFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import React from 'react';\n\nexport interface FormFieldContext {\n\tlabelFor?: string;\n\tinputRef?: React.RefObject<HTMLElement>;\n\tsetFormFieldContext?: React.Dispatch<\n\t\tReact.SetStateAction<FormFieldContext>\n\t>;\n}\n\nexport const FormFieldContext = React.createContext<FormFieldContext>({\n\tlabelFor: undefined,\n\tinputRef: undefined,\n\tsetFormFieldContext: () => {},\n});\nFormFieldContext.displayName = 'FormFieldContext';\n"]}

package/dist/components/FormField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './FormField';\nexport * from './FormFieldContext';\n"]}

package/dist/components/FormGroup/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\n\nexport interface FormGroupPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/** Display fields vertically grouped */\n\tgrouped?: boolean;\n\n\t/** Display labels and fields in a row */\n\tinline?: boolean;\n\n\t/** Set all Form Fields to be specific widths */\n\twidths?: SemanticWIDTHS | 'equal';\n}\n\nexport interface FormGroupProps extends FormGroupPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormGroup: FC<FormGroupProps> = ({\n\tclassName,\n\tel: Element = 'div',\n\tgrouped,\n\tinline,\n\twidths,\n\t...props\n}) => {\n\tconst FormGroupClasses = classnames('FormGroup', className, {\n\t\t'FormGroup--grouped': grouped,\n\t\t'FormGroup--inline': inline,\n\t\t'FormGroup--equal-width': widths === 'equal',\n\t\t[`FormGroup--widths-${widths}`]: widths && widths !== 'equal',\n\t});\n\n\treturn (\n\t\t<Element\n\t\t\tclassName={FormGroupClasses}\n\t\t\tdata-anvil-component=\"FormGroup\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nFormGroup.displayName = 'FormGroup';\n"]}

package/dist/components/FormGroup/FormGroup.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\n\nimport { Form } from '../Form/';\n\ndescribe('Form.Group', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Group data-auto-sel=\"automation-selector\">\n\t\t\t\t\t<Form.Checkbox label=\"Apples\" />\n\t\t\t\t\t<Form.Checkbox label=\"Oranges\" />\n\t\t\t\t\t<Form.Checkbox label=\"Pears\" />\n\t\t\t\t\t<Form.Checkbox label=\"Grapefruit\" />\n\t\t\t\t</Form.Group>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/FormGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './FormGroup';\n"]}

package/dist/components/Frame/Frame.js.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC"}
+{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface FramePropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Content for a Global Header */\n\theader?: React.ReactElement;\n}\n\nexport interface FrameProps extends FramePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Frame: FC<FrameProps> = ({\n\tchildren,\n\tclassName,\n\tel: El = 'div',\n\theader,\n\t...props\n}) => {\n\tReact.useEffect(() => {\n\t\tdocument.body.classList.add('of-hidden');\n\t\treturn () => document.body.classList.remove('of-hidden');\n\t}, []);\n\n\t/*\n\t * Hacky way of handling with mobile Chrome's head and 100vh layout.\n\t * To be removed after Chrome to support dvh units.\n\t */\n\tReact.useEffect(() => {\n\t\tconst isHackRequired = !is100dvhSupported();\n\n\t\tisHackRequired && frameParentsAddClass('with-frame-inside');\n\t\treturn () =>\n\t\t\tisHackRequired && frameParentsRemoveClass('with-frame-inside');\n\t}, []);\n\n\treturn (\n\t\t<El\n\t\t\tclassName={classnames('Frame', className)}\n\t\t\tdata-anvil-component=\"Frame\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{header && <div className=\"Frame__header\">{header}</div>}\n\t\t\t<div className=\"Frame__content\">{children}</div>\n\t\t</El>\n\t);\n};\n\nconst getFrameParents = () => {\n\tconst frame = document.querySelector('[data-anvil-component=Frame]');\n\tif (!frame) return [];\n\treturn [\n\t\t...(function* (e) {\n\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\twhile ((e = e.parentElement)) {\n\t\t\t\tyield e;\n\t\t\t}\n\t\t})(frame),\n\t];\n};\n\nconst frameParentsAddClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.add(className));\n\nconst frameParentsRemoveClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.remove(className));\n\nconst is100dvhSupported = () => {\n\ttry {\n\t\treturn CSS.supports('height', '100dvh');\n\t} catch (e) {\n\t\treturn false;\n\t}\n};\n"]}

package/dist/components/Frame/Frame.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Frame } from './Frame';\nimport { BodyText } from '../BodyText';\n\ndescribe('Frame', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Frame\n\t\t\t\theader={<BodyText>Header</BodyText>}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText>Page Content</BodyText>\n\t\t\t</Frame>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Frame/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Frame';\n"]}

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACN,gBAAgB,GAEhB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAqEnC,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAiB1B,EAAE,EAAE;QAjBsB,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,uBAAuB,EACjC,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,WAAW,GAAG,KAAK,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAhBkB,gLAiB1B,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,SAAS,MAAM,sBAAsB;QACvC,CAAC,CAAC,SAAS,MAAM,WAAW,CAC7B,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;QAClE,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,CAAC,SAAS,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAC7C,gBAAgB,CAAC,OAAO,CAAC;QAC1B,CAAC,2BAA2B,gBAAgB,CAC3C,uBAAuB,CACvB,UAAU,CAAC,EAAE,OAAO,KAAK,OAAO;QACjC,eAAe,EAAE,OAAO;QACxB,0BAA0B,EAAE,OAAO,KAAK,YAAY;QACpD,gBAAgB,EAAE,QAAQ;QAC1B,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,2BAA2B,EAAE,MAAM,KAAK,cAAc;QACtD,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,OAAO,KAAK,MAAM;QACxC,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,oBAAoB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC5C,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;KACxD,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACN,gBAAgB,GAEhB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAqEnC,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAiB1B,EAAE,EAAE;QAjBsB,EAC1B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,uBAAuB,EACjC,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,WAAW,GAAG,KAAK,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAhBkB,gLAiB1B,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,SAAS,MAAM,sBAAsB;QACvC,CAAC,CAAC,SAAS,MAAM,WAAW,CAC7B,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;QAClE,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,gBAAgB,EAAE,QAAQ;QAC1B,CAAC,SAAS,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAC7C,gBAAgB,CAAC,OAAO,CAAC;QAC1B,CAAC,2BAA2B,gBAAgB,CAC3C,uBAAuB,CACvB,UAAU,CAAC,EAAE,OAAO,KAAK,OAAO;QACjC,eAAe,EAAE,OAAO;QACxB,0BAA0B,EAAE,OAAO,KAAK,YAAY;QACpD,gBAAgB,EAAE,QAAQ;QAC1B,cAAc,EAAE,MAAM;QACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;QAClD,2BAA2B,EAAE,MAAM,KAAK,cAAc;QACtD,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,OAAO,KAAK,MAAM;QACxC,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,SAAS;QAC5B,CAAC,oBAAoB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC5C,CAAC,wBAAwB,aAAa,EAAE,CAAC,EAAE,aAAa;KACxD,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport {\n\tcolumnsToNumeral,\n\tSemanticGridWIDTHS,\n} from '../../utilities/SemanticUtils';\nimport { GridColumn } from './GridColumn';\nimport { GridRow } from './GridRow';\n\nconst GridDefaultColumnsCount = 12;\n\nexport type GridTextAlign = 'left' | 'right' | 'center' | 'justify';\nexport type GridVerticalAlign = 'bottom' | 'middle' | 'top';\nexport type GridColumnsCount = SemanticGridWIDTHS | 'equal';\nexport type ViewportWidthSegment =\n\t| 'mobile'\n\t| 'tablet'\n\t| 'desktop'\n\t| 'largescreen'\n\t| 'widescreen';\n\n/**\n * Grid properties\n */\nexport interface GridPropsStrict {\n\t/** A grid can have rows divided into cells */\n\tcelled?: boolean | 'internally';\n\n\t/** A grid can have its columns centered */\n\tcentered?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Represents column count per row */\n\tcolumns?: GridColumnsCount;\n\n\t/** A grid can have dividers between its columns */\n\tdivided?: boolean | 'vertically';\n\n\t/** A grid can double its column width on tablet and mobile sizes */\n\tdoubling?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A grid can preserve its vertical and horizontal gutters on first and last columns */\n\tpadded?: boolean | 'horizontally' | 'vertically';\n\n\t/** A grid can increase its gutters to allow for more negative space */\n\trelaxed?: boolean | 'very';\n\n\t/** A grid can specify that its columns should reverse order per device */\n\treversed?: string;\n\n\t/** A grid can have its columns stack on-top of each other after reaching mobile breakpoints */\n\tstackable?: boolean;\n\n\t/** A grid can stretch its contents to take up the entire grid height */\n\tstretched?: boolean;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n}\n\nexport interface GridProps extends GridPropsStrict {\n\t[propName: string]: any;\n}\n\ninterface Grid extends FC<GridProps> {\n\t/** Subcomponents */\n\tRow: typeof GridRow;\n\tColumn: typeof GridColumn;\n}\n\nexport const Grid: Grid = ({\n\tcelled,\n\tcentered,\n\tchildren,\n\tclassName,\n\tcolumns = GridDefaultColumnsCount,\n\tdivided,\n\tdoubling,\n\tel: GridElement = 'div',\n\tpadded,\n\trelaxed,\n\treversed,\n\tstackable,\n\tstretched,\n\ttextAlign,\n\tverticalAlign,\n\t...props\n}) => {\n\t// Composing classes out of \"reversed\" prop\n\tconst reversedSet = new Set(\n\t\ttypeof reversed === 'string'\n\t\t\t? reversed.trim().split(' ').filter(Boolean)\n\t\t\t: []\n\t);\n\n\tconst reversedClasses = ['mobile', 'tablet', 'desktop']\n\t\t.filter((device) => reversedSet.has(device))\n\t\t.map((device) =>\n\t\t\treversedSet.has('vertically')\n\t\t\t\t? `Grid--${device}-vertically-reversed`\n\t\t\t\t: `Grid--${device}-reversed`\n\t\t);\n\n\tconst GridClasses = classnames('Grid', className, reversedClasses, {\n\t\t'Grid--celled': celled,\n\t\t'Grid--internally-celled': celled === 'internally',\n\t\t'Grid--centered': centered,\n\t\t[`Grid--${columnsToNumeral(columns)}-columns`]:\n\t\t\tcolumnsToNumeral(columns),\n\t\t[`Grid--equal-width Grid--${columnsToNumeral(\n\t\t\tGridDefaultColumnsCount\n\t\t)}-columns`]: columns === 'equal',\n\t\t'Grid--divided': divided,\n\t\t'Grid--vertically-divided': divided === 'vertically',\n\t\t'Grid--doubling': doubling,\n\t\t'Grid--padded': padded,\n\t\t'Grid--vertically-padded': padded === 'vertically',\n\t\t'Grid--horizontally-padded': padded === 'horizontally',\n\t\t'Grid--relaxed': relaxed,\n\t\t'Grid--very-relaxed': relaxed === 'very',\n\t\t'Grid--stackable': stackable,\n\t\t'Grid--stretched': stretched,\n\t\t[`Grid--text-align-${textAlign}`]: textAlign,\n\t\t[`Grid--vertical-align-${verticalAlign}`]: verticalAlign,\n\t});\n\n\treturn (\n\t\t<GridElement\n\t\t\tclassName={GridClasses}\n\t\t\tdata-anvil-component=\"Grid\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</GridElement>\n\t);\n};\n\nGrid.Column = GridColumn;\nGrid.Row = GridRow;\n"]}

package/dist/components/Grid/Grid.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.test.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB;gBACpD,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,mBAAgB,qBAAqB,eAE5C;gBACd,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Grid.test.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB;gBACpD,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,GAAG,IAAC,GAAG,EAAE,CAAC;gBACf,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,mBAAgB,qBAAqB,eAE5C;gBACd,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB;gBAC7C,oBAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,eAAwB,CACnC,CACL,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Grid } from './Grid';\n\ndescribe('Grid', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid data-auto-sel=\"automation-selector\">\n\t\t\t\t<Grid.Row key={1}>\n\t\t\t\t\t<Grid.Column width={3}>Column 1</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid>\n\t\t\t\t<Grid.Row key={1} data-auto-sel=\"automation-selector\">\n\t\t\t\t\t<Grid.Column width={3}>Column 1</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Grid>\n\t\t\t\t<Grid.Row key={1}>\n\t\t\t\t\t<Grid.Column width={3} data-auto-sel=\"automation-selector\">\n\t\t\t\t\t\tColumn 1\n\t\t\t\t\t</Grid.Column>\n\t\t\t\t\t<Grid.Column width={4}>Column 2</Grid.Column>\n\t\t\t\t\t<Grid.Column width={5}>Column 3</Grid.Column>\n\t\t\t\t</Grid.Row>\n\t\t\t</Grid>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Grid/GridColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAwDjE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAgB/C,EAAE,EAAE;QAhB2C,EAC/C,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,KAAK,OAEL,EADG,KAAK,cAfuC,kKAgB/C,CADQ;IAER,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,CAAC,eAAe,OAAO,UAAU,CAAC,EAAE,OAAO;QAC3C,CAAC,eAAe,IAAI,OAAO,CAAC,EAAE,IAAI;QAClC,uBAAuB,EAAE,SAAS;QAClC,CAAC,0BAA0B,SAAS,EAAE,CAAC,EAAE,SAAS;QAClD,CAAC,8BAA8B,aAAa,EAAE,CAAC,EAAE,aAAa;QAC9D,CAAC,eAAe,cAAc,eAAe,CAAC,EAAE,cAAc;QAC9D,CAAC,eAAe,kBAAkB,mBAAmB,CAAC,EACrD,kBAAkB;QACnB,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,iBAAiB,kBAAkB,CAAC,EAAE,iBAAiB;QACvE,CAAC,eAAe,OAAO,OAAO,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC9C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAwDjE,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAgB/C,EAAE,EAAE;QAhB2C,EAC/C,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,KAAK,OAEL,EADG,KAAK,cAfuC,kKAgB/C,CADQ;IAER,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,CAAC,eAAe,OAAO,UAAU,CAAC,EAAE,OAAO;QAC3C,CAAC,eAAe,IAAI,OAAO,CAAC,EAAE,IAAI;QAClC,uBAAuB,EAAE,SAAS;QAClC,CAAC,0BAA0B,SAAS,EAAE,CAAC,EAAE,SAAS;QAClD,CAAC,8BAA8B,aAAa,EAAE,CAAC,EAAE,aAAa;QAC9D,CAAC,eAAe,cAAc,eAAe,CAAC,EAAE,cAAc;QAC9D,CAAC,eAAe,kBAAkB,mBAAmB,CAAC,EACrD,kBAAkB;QACnB,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,aAAa,cAAc,CAAC,EAAE,aAAa;QAC3D,CAAC,eAAe,iBAAiB,kBAAkB,CAAC,EAAE,iBAAiB;QACvE,CAAC,eAAe,OAAO,OAAO,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC9C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { columnsToNumeral } from '../../utilities/SemanticUtils';\nimport {\n\tGridColumnsCount,\n\tViewportWidthSegment,\n\tGridTextAlign,\n\tGridVerticalAlign,\n} from './Grid';\n\n/**\n * A column sub-component for Grid\n */\nexport interface GridColumnPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A column can specify a width (colspan) for a computer/desktop */\n\tdesktop?: GridColumnsCount;\n\n\t/** A column can sit flush against the left or right edge of a row */\n\tfloated?: 'left' | 'right';\n\n\t/** A column can specify a width (colspan) for a large screen device */\n\tlargescreen?: GridColumnsCount;\n\n\t/** A column can specify a width (colspan) for a mobile device */\n\tmobile?: GridColumnsCount;\n\n\t/** A column can appear only for a specific device or screen sizes */\n\tonly?: ViewportWidthSegment;\n\n\t/** A column can stretch its contents to take up the entire grid or row height */\n\tstretched?: boolean;\n\n\t/** A column can specify a width (colspan) for a tablet device */\n\ttablet?: GridColumnsCount;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n\n\t/** A column can specify a width (colspan) for a wide screen device */\n\twidescreen?: GridColumnsCount;\n\n\t/** Column may span over several nearby columns. Similar to colspan attribute of <td /> element. */\n\twidth?: GridColumnsCount;\n}\n\nexport interface GridColumnProps extends GridColumnPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const GridColumn: FC<GridColumnProps> = ({\n\tchildren,\n\tclassName,\n\tel: TagName = 'div',\n\tdesktop,\n\tfloated,\n\tlargescreen,\n\tmobile,\n\tonly,\n\tstretched,\n\ttablet,\n\ttextAlign,\n\tverticalAlign,\n\twidescreen,\n\twidth,\n\t...props\n}) => {\n\tconst desktopColspan = columnsToNumeral(desktop);\n\tconst largescreenColspan = columnsToNumeral(largescreen);\n\tconst mobileColspan = columnsToNumeral(mobile);\n\tconst tabletColspan = columnsToNumeral(tablet);\n\tconst widescreenColspan = columnsToNumeral(widescreen);\n\tconst colspan = columnsToNumeral(width);\n\n\tconst GridColumnClasses = classnames('GridColumn', className, {\n\t\t[`GridColumn--${floated}-floated`]: floated,\n\t\t[`GridColumn--${only}-only`]: only,\n\t\t'GridColumn--stretched': stretched,\n\t\t[`GridColumn--text-align-${textAlign}`]: textAlign,\n\t\t[`GridColumn--vertical-align-${verticalAlign}`]: verticalAlign,\n\t\t[`GridColumn--${desktopColspan}-wide-desktop`]: desktopColspan,\n\t\t[`GridColumn--${largescreenColspan}-wide-largescreen`]:\n\t\t\tlargescreenColspan,\n\t\t[`GridColumn--${mobileColspan}-wide-mobile`]: mobileColspan,\n\t\t[`GridColumn--${tabletColspan}-wide-tablet`]: tabletColspan,\n\t\t[`GridColumn--${widescreenColspan}-wide-widescreen`]: widescreenColspan,\n\t\t[`GridColumn--${colspan}-wide`]: colspan,\n\t});\n\n\treturn (\n\t\t<TagName className={GridColumnClasses} {...props}>\n\t\t\t{children}\n\t\t</TagName>\n\t);\n};\n"]}

package/dist/components/Grid/GridRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AA8CjE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAZiC,gIAazC,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,YAAY,MAAM,sBAAsB;QAC1C,CAAC,CAAC,YAAY,MAAM,WAAW,CAChC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE;QACxE,mBAAmB,EAAE,QAAQ;QAC7B,CAAC,YAAY,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAChD,gBAAgB,CAAC,OAAO,CAAC;QAC1B,sBAAsB,EAAE,OAAO,KAAK,OAAO;QAC3C,kBAAkB,EAAE,OAAO;QAC3B,CAAC,YAAY,IAAI,OAAO,CAAC,EAAE,IAAI;QAC/B,oBAAoB,EAAE,SAAS;QAC/B,CAAC,uBAAuB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC/C,CAAC,2BAA2B,aAAa,EAAE,CAAC,EAAE,aAAa;KAC3D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AA8CjE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,OAEb,EADG,KAAK,cAZiC,gIAazC,CADQ;IAER,2CAA2C;IAC3C,MAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IACF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC3C,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACf,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;QAC5B,CAAC,CAAC,YAAY,MAAM,sBAAsB;QAC1C,CAAC,CAAC,YAAY,MAAM,WAAW,CAChC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE;QACxE,mBAAmB,EAAE,QAAQ;QAC7B,CAAC,YAAY,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAChD,gBAAgB,CAAC,OAAO,CAAC;QAC1B,sBAAsB,EAAE,OAAO,KAAK,OAAO;QAC3C,kBAAkB,EAAE,OAAO;QAC3B,CAAC,YAAY,IAAI,OAAO,CAAC,EAAE,IAAI;QAC/B,oBAAoB,EAAE,SAAS;QAC/B,CAAC,uBAAuB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC/C,CAAC,2BAA2B,aAAa,EAAE,CAAC,EAAE,aAAa;KAC3D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { columnsToNumeral } from '../../utilities/SemanticUtils';\nimport {\n\tGridColumnsCount,\n\tViewportWidthSegment,\n\tGridTextAlign,\n\tGridVerticalAlign,\n} from './Grid';\n\n/**\n * A row sub-component for Grid\n */\nexport interface GridRowPropsStrict {\n\t/** A row can have its columns centered. */\n\tcentered?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Represents column count per line in the row */\n\tcolumns?: GridColumnsCount;\n\n\t/** A row can have dividers between its columns */\n\tdivided?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** A column can appear only for a specific device or screen sizes */\n\tonly?: ViewportWidthSegment;\n\n\t/** A row can specify that its columns should reverse order per device, e.g. reversed=\"mobile tablet vertically\" */\n\treversed?: string;\n\n\t/** A row can stretch its contents to take up the entire column height */\n\tstretched?: boolean;\n\n\t/** Alignment of content */\n\ttextAlign?: GridTextAlign;\n\n\t/** Vertical alignment of content */\n\tverticalAlign?: GridVerticalAlign;\n}\nexport interface GridRowProps extends GridRowPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const GridRow: FC<GridRowProps> = ({\n\tcentered,\n\tchildren,\n\tclassName,\n\tel: TagName = 'div',\n\tcolumns,\n\tdivided,\n\tonly,\n\treversed,\n\tstretched,\n\ttextAlign,\n\tverticalAlign,\n\t...props\n}) => {\n\t// Composing classes out of \"reversed\" prop\n\tconst reversedSet = new Set(\n\t\ttypeof reversed === 'string'\n\t\t\t? reversed.trim().split(' ').filter(Boolean)\n\t\t\t: []\n\t);\n\tconst reversedClasses = ['mobile', 'tablet', 'desktop']\n\t\t.filter((device) => reversedSet.has(device))\n\t\t.map((device) =>\n\t\t\treversedSet.has('vertically')\n\t\t\t\t? `GridRow--${device}-vertically-reversed`\n\t\t\t\t: `GridRow--${device}-reversed`\n\t\t);\n\n\tconst GridRowClasses = classnames('GridRow', className, reversedClasses, {\n\t\t'GridRow--centered': centered,\n\t\t[`GridRow--${columnsToNumeral(columns)}-columns`]:\n\t\t\tcolumnsToNumeral(columns),\n\t\t'GridRow--equal-width': columns === 'equal',\n\t\t'GridRow--divided': divided,\n\t\t[`GridRow--${only}-only`]: only,\n\t\t'GridRow--stretched': stretched,\n\t\t[`GridRow--text-align-${textAlign}`]: textAlign,\n\t\t[`GridRow--vertical-align-${verticalAlign}`]: verticalAlign,\n\t});\n\n\treturn (\n\t\t<TagName className={GridRowClasses} {...props}>\n\t\t\t{children}\n\t\t</TagName>\n\t);\n};\n"]}

package/dist/components/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Grid';\n"]}

package/dist/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,kBAAkB,EAAE,MAAM;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Headline.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAC1D,CACC,EASC,EACD,GAAG,EACF,EAAE;QAXH,EACC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cART,sEASC,CADQ;IAIT,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACrD,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,kBAAkB,EAAE,MAAM;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,GAAG,EAAE;QAClB,IAAI,CAAC,EAAE,EAAE;YACR,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,GAAG,CAAC;YAClC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;YAClC,IAAI,IAAI,KAAK,QAAQ;gBAAE,OAAO,IAAI,CAAC;YACnC,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO,IAAI,CAAC;SAClC;QACD,OAAO,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC;IAEhC,OAAO,CACN,oBAAC,eAAe,kBACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,UAAU,IAC3B,KAAK,GAER,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Text properties\n */\nexport interface HeadlinePropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Set style `display: inline;` to nest Text components */\n\tinline?: boolean;\n\n\t/** Set style to italic */\n\titalic?: boolean;\n\n\t/** Headline Font size */\n\tsize?: 'xlarge' | 'large' | 'medium' | 'small';\n\n\t/** Deemphasized text */\n\tsubdued?: boolean;\n}\n\nexport interface HeadlineProps extends HeadlinePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Headline: FC<HeadlineProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel,\n\t\t\tinline,\n\t\t\titalic,\n\t\t\tsubdued,\n\t\t\tsize = 'medium',\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst TextClasses = classnames('Headline', className, {\n\t\t\t[`Headline--${size}`]: size,\n\t\t\t'Headline--inline': inline,\n\t\t\t'Headline--italic': italic,\n\t\t\t'Headline--subdued': subdued,\n\t\t});\n\n\t\tconst newEl = () => {\n\t\t\tif (!el) {\n\t\t\t\tif (size === 'xlarge') return 'p';\n\t\t\t\tif (size === 'large') return 'h1';\n\t\t\t\tif (size === 'medium') return 'h2';\n\t\t\t\tif (size === 'small') return 'h3';\n\t\t\t}\n\t\t\treturn el;\n\t\t};\n\n\t\tconst HeadlineElement = newEl();\n\n\t\treturn (\n\t\t\t<HeadlineElement\n\t\t\t\tref={ref}\n\t\t\t\tclassName={TextClasses}\n\t\t\t\tdata-anvil-component=\"Headline\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</HeadlineElement>\n\t\t);\n\t}\n);\n"]}

package/dist/components/Headline/Headline.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.test.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,SAAS,EAAC,aAAa,mBACT,qBAAqB,iCAGzB,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Headline.test.js","sourceRoot":"","sources":["../../../src/components/Headline/Headline.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,SAAS,EAAC,aAAa,mBACT,qBAAqB,iCAGzB,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Headline } from './Headline';\n\ndescribe('Headline', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Headline\n\t\t\t\tclassName=\"m-x-8 m-y-4\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t</Headline>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}

package/dist/components/Headline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Headline';\n"]}

package/dist/components/Icon/Icon.css

@@ -9,7 +9,7 @@
   align-items: center;
   background-color: var(--colorsSurfaceGrey, #eeeeee);
   border: 0;
-  border-radius: 3px;
+  border-radius: 6px;
   box-sizing: border-box;
   color: var(--colorsTextOnGrey, #444445);
   cursor: pointer;
@@ -19,14 +19,15 @@
   justify-content: center;
   line-height: 1;
   margin: 0;
-  outline: none;
   padding: 12px 16px;
   text-align: center;
   text-decoration: none;
   text-shadow: none;
-  transition: background cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
+  transition: background cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, outline cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, outline-offset cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
   user-select: none;
   position: relative;
+  outline-offset: 0;
+  outline: solid 0 transparent;
 }
 .Button::before {
   content: "";
@@ -46,13 +47,13 @@
 .Button:active::before, .Button.Button--selected::before {
   background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
-.Button.Button--focus-visible:focus {
-  outline: 0;
-  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
+.Button:focus-visible {
+  outline-offset: 2px;
+  outline: solid 2px var(--colorsBorderPrimary, #0265dc);
 }
 .Button.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
 }
 .Button.Button--outline:hover::before {
   background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
@@ -60,9 +61,6 @@
 .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
   background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
-.Button.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
-}
 .Button.Button--subtle {
   background-color: transparent;
 }
@@ -114,34 +112,31 @@ button.Button {
   color: var(--colorsTextOnPrimary, white);
 }
 .Button--blue:hover::before {
-  background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
+  background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
 }
 .Button--blue:active::before, .Button--blue.Button--selected::before {
-  background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.16));
+  background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
 }
 .Button--blue.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
   color: var(--colorsTextPrimary, #0265dc);
 }
 .Button--blue.Button--outline:hover::before {
-  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
-}
-.Button--blue.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
-  background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 .Button--blue.Button--subtle {
   background-color: transparent;
   color: var(--colorsTextPrimary, #0265dc);
 }
 .Button--blue.Button--subtle:hover::before {
-  background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
+  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
 }
 .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
-  background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
+  background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
 
 .Button--red {
@@ -151,15 +146,15 @@ button.Button {
 .Button--red:hover::before {
   background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
 }
+.Button--red:focus-visible {
+  outline: solid 2px var(--colorsBorderCritical, #e13212);
+}
 .Button--red:active::before, .Button--red.Button--selected::before {
   background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
 }
-.Button--red.Button--focus-visible:focus {
-  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
-}
 .Button--red.Button--outline {
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
+  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
   color: var(--colorsTextCritical, #bf2a00);
 }
 .Button--red.Button--outline:hover::before {
@@ -168,9 +163,6 @@ button.Button {
 .Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
   background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
 }
-.Button--red.Button--outline.Button--focus-visible:focus {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
-}
 .Button--red.Button--subtle {
   background-color: transparent;
   color: var(--colorsTextCritical, #bf2a00);
@@ -183,19 +175,14 @@ button.Button {
 }
 
 .Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
-  background: var(--colorsSurfaceGrey, #eeeeee);
-  color: var(--colorsTextOnGrey, #444445);
+  background: #bcbcbd;
+  color: #606162;
+  box-shadow: none;
   opacity: 0.4;
 }
 .Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
   opacity: 0.6;
 }
-.Button--disabled.Button--outline, .Button--disabled.Button--subtle {
-  background: transparent;
-}
-.Button--disabled.Button--outline {
-  box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
-}
 
 .Button--inactive {
   pointer-events: none;
@@ -295,7 +282,7 @@ button.a-Icon {
 }
 button.a-Icon:focus {
   border-radius: 3px;
-  box-shadow: 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
+  box-shadow: 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
   outline: 0;
 }
 

package/dist/components/Icon/Icon.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;AC0CA;ACvCC;EACA;AAEA;EACA;ECLC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGoFa;EHnFb,aGsDsB;EHrDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGHa;EHIb;;;AAGD;EACC,SGpBW;EHqBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OA/Sa;EAgTb;;AAEA;EACC,SGrMgB;;AHyMlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGhMa;EHiMb;;AAEA;EACC,WGlMY;EHmMZ;;;AAMF;EAAwB,WG3MV;;;AH6Md;EACC;;AACA;EAAsB,SGlNR;;;AHqNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG3PkB;EH4PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGvQV;;;AHwQZ;EAAuB,cGxQX;;;AH0QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AI5YpD;EACC;EACA;EACA;;AAEA;EACC,eDYgB;ECXhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"Icon.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../node_modules/@servicetitan/tokens/core/appearances/light.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;ACoCA;ACjCC;EACA;AAEA;EACA;ECLC;EACA;EFqCD;EACA,kBA/BoB;EAgCpB;EACA,eGrBiB;EHsBjB;EACA,OAzCc;EA0Cd;EACA;EACA,WG0Fa;EHzFb,aG4DsB;EH3DtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAID;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBAzDa;;AA+Dd;EACC,kBA1Dc;;AA8DhB;EACC;EACA,SA9Ec;;AAiFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA7Ea;;AAkFhB;EACC;;AAGC;EACC,kBA7FY;;AAmGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGEa;EHDb;;;AAGD;EACC,SGfW;EHgBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OA5Ka;;;AAgLf;EACC,kBA1KoB;EA2KpB,OA/KiB;;AAkLhB;EACC,kBA/Ja;;AAqKd;EACC,kBAhKc;;AAoKhB;EACC;EACA;EACA,OAnMa;;AAsMZ;EACC,kBApLY;;AA0Lb;EACC,kBArLa;;AA0LhB;EACC;EACA,OArNa;;AAwNZ;EACC,kBAtMY;;AA4Mb;EACC,kBAvMa;;;AA6MjB;EACC,kBAhOqB;EAiOrB,OArOkB;;AAwOjB;EACC,kBArNiB;;AAyNnB;EACC,SApOe;;AAyOf;EACC,kBA1NkB;;AA8NpB;EACC;EACA;EACA,OA7Pc;;AAgQb;EACC,kBA9Oa;;AAoPd;EACC,kBA/Oc;;AAoPjB;EACC;EACA,OA/Qc;;AAkRb;EACC,kBAhQa;;AAsQd;EACC,kBAjQc;;;AAyQjB;EAGC,YI5PkC;EJ6PlC,OIhPyB;EJiPzB;EACA;;AAEA;EACC,SG/LgB;;;AHoMnB;EAAoB;;;AAGpB;EACC,WGjLa;EHkLb;;AAEA;EACC,WGnLY;EHoLZ;;;AAMF;EAAwB,WG5LV;;;AH8Ld;EACC;;AACA;EAAsB,SGnMR;;;AHsMf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG5OkB;EH6OlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGxPV;;;AHyPZ;EAAuB,cGzPX;;;AH2PZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AK7XpD;EACC;EACA;EACA;;AAEA;EACC,eFYgB;EEXhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"Icon.css"}

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GAAQ,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC/D,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAEN,aAAa,EACb,aAAa,GACb,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAgB,aAAa,EAAE,CAAC;AAuBvC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,KAAK,GAAG,cAAc,EACtB,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAN2B,4CAOnC,CADQ;IAER,IAAI,CAAC,IAAI,EAAE;QACV,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACb,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAC1C,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACvE,MAAM,WAAW,GAAQ,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAEhE,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,0BACS,MAAM,IACvB,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC/D,KAAK;QAET,6BACC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,OAAO;YAChB,oCAAoC;YACpC,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC3C,CACW,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport {\n\tIconNameType,\n\tIconNameArray,\n\tgetIconByName,\n} from '@servicetitan/anvil-icons';\n\nexport { IconNameType, IconNameArray };\n\nexport interface IconPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Fill color of icon */\n\tcolor?: string;\n\n\t/** An element type to render as */\n\tel?: any;\n\n\t/** Name of the icon */\n\tname?: IconNameType;\n\n\t/** Size of icon */\n\tsize?: string | number;\n}\n\nexport interface IconProps extends IconPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Icon: FC<IconProps> = ({\n\tcolor = 'currentColor',\n\tclassName,\n\tel,\n\tname,\n\tsize = '1em',\n\t...props\n}) => {\n\tif (!name) {\n\t\tconsole.warn('No name prop passed to Icon');\n\t\treturn null;\n\t}\n\n\tconst { viewbox, content } = getIconByName(name);\n\n\tif (!content) {\n\t\tconsole.warn('Icon does not exist', name);\n\t\treturn null;\n\t}\n\n\tconst IconClasses = classnames('a-Icon', `a-Icon--${name}`, className);\n\tconst IconElement: any = el ?? (props.onClick ? 'button' : 'i');\n\n\treturn (\n\t\t<IconElement\n\t\t\tclassName={IconClasses}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tdata-anvil-component=\"Icon\"\n\t\t\t{...(!props.type && IconElement === 'button' && { type: 'button' })}\n\t\t\t{...props}\n\t\t>\n\t\t\t<svg\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tfill={color}\n\t\t\t\theight={size}\n\t\t\t\twidth={size}\n\t\t\t\tviewBox={viewbox}\n\t\t\t\t/* eslint-disable react/no-danger */\n\t\t\t\tdangerouslySetInnerHTML={{ __html: content }}\n\t\t\t/>\n\t\t</IconElement>\n\t);\n};\n\nIcon.displayName = 'Icon';\n"]}

package/dist/components/Icon/Icon.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;QAExF,MAAM,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,KAAK,mBACI,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACnC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,8DAA8D;QAExF,MAAM,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,GAAG,CAAC,CAAC;QAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEvC,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,KAAK,mBACI,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport { Icon } from './Icon';\n\ndescribe('Icon', () => {\n\tit('Icon should not render and console warn if no name prop', () => {\n\t\tjest.spyOn(global.console, 'warn');\n\t\tconsole.warn = jest.fn(); // Prevent actual console.warn from showing up in command line\n\n\t\trender(<Icon role=\"img\" />);\n\t\tconst icon = screen.queryByRole('img');\n\n\t\texpect(icon).toBeNull();\n\t\texpect(console.warn).toBeCalled();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Icon\n\t\t\t\tname=\"search\"\n\t\t\t\tsize={20}\n\t\t\t\trole=\"img\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}