@servicetitan/design-system 13.4.0 → 14.0.0

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

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

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -23,17 +23,18 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
             return;
         onChange(value, e.currentTarget.checked);
     };
-    const onClickHandler = (e) => {
-        if (onClick) {
-            onClick(e, props);
-        }
-    };
+    const onClickHandler = (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e, props);
     const handleClickEvent = (e) => {
         const target = e.target;
         if (target.tagName !== 'INPUT') {
             e.stopPropagation();
         }
     };
+    const handleKeyDown = (e) => {
+        var _a;
+        if (e.key === 'Enter')
+            (_a = e.target) === null || _a === void 0 ? void 0 : _a.click();
+    };
     const getLabel = () => {
         var _a;
         if (label === undefined || label === '')
@@ -47,9 +48,9 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
         'ToggleSwitch--disabled': disabled,
         'ToggleSwitch--focus-visible': isFocusVisible,
     });
-    return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef, "data-anvil-component": "ToggleSwitch" }, rest),
+    return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef, role: "switch", "aria-checked": checked ? true : null, "data-anvil-component": "ToggleSwitch" }, rest),
         React.createElement("label", { className: "ToggleSwitch__html-label" },
-            React.createElement("input", { checked: checked, className: "ToggleSwitch__input", disabled: disabled, id: id, name: name, onChange: onChangeHandler, onClick: onClickHandler, role: "checkbox", type: "checkbox" }),
+            React.createElement("input", { checked: checked, className: "ToggleSwitch__input", disabled: disabled, id: id, name: name, onKeyDown: handleKeyDown, onChange: onChangeHandler, onClick: onClickHandler, role: "checkbox", type: "checkbox" }),
             React.createElement("span", { className: "ToggleSwitch__element" }),
             getLabel())));
 });

package/dist/components/ToggleSwitch/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Label, LabelProps } from '../Label';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\n\nexport interface ToggleSwitchPropsStrict {\n\t/** Whether or not the toggle switch is checked */\n\tchecked?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether the toggle switch is in a disabled state */\n\tdisabled?: boolean;\n\n\t/** ID for the toggle switch */\n\tid?: string;\n\n\t/** Text associatged with the label of a toggle switch */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/** HTML name for the checkbox within the toggle switch */\n\tname?: string;\n\n\t/** Called when the toggle switch is clicked  */\n\tonChange?: (value: string, checked: boolean) => void;\n\n\t/** HTML value for the checkbox within the toggle switch */\n\tvalue?: string;\n}\n\nexport interface ToggleSwitchProps extends ToggleSwitchPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const ToggleSwitch: FC<ToggleSwitchProps> = React.forwardRef(\n\t(props: ToggleSwitchProps, ref: React.RefObject<HTMLDivElement>) => {\n\t\tconst {\n\t\t\tchecked,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\tid,\n\t\t\tlabel,\n\t\t\tlabelProps,\n\t\t\tname,\n\t\t\tonChange,\n\t\t\tonClick,\n\t\t\tvalue,\n\t\t\terror,\n\t\t\t...rest\n\t\t} = props;\n\n\t\tconst newRef = React.useRef(null);\n\t\tconst itemRef = ref ? ref : newRef;\n\n\t\tconst { isFocusVisible } = useFocusVisible(itemRef);\n\n\t\tconst onChangeHandler = (\n\t\t\te?: React.SyntheticEvent<HTMLInputElement>\n\t\t) => {\n\t\t\tif (!onChange) return;\n\t\t\tonChange(value, e.currentTarget.checked);\n\t\t};\n\n\t\tconst onClickHandler = (e: React.MouseEvent<HTMLInputElement>) =>\n\t\t\tonClick?.(e, props);\n\n\t\tconst handleClickEvent = (e: React.MouseEvent<HTMLElement>) => {\n\t\t\tconst target = e.target as HTMLElement;\n\t\t\tif (target.tagName !== 'INPUT') {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t};\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\tif (e.key === 'Enter') (e.target as HTMLInputElement)?.click();\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 ?? null;\n\n\t\t\tconst LabelClasses = classnames(\n\t\t\t\tlabelClassName,\n\t\t\t\t'ToggleSwitch__label'\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<Label\n\t\t\t\t\terror={error}\n\t\t\t\t\tdisabled={disabled}\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 ToggleSwitchClasses = classnames('ToggleSwitch', className, {\n\t\t\t'ToggleSwitch--checked': checked,\n\t\t\t'ToggleSwitch--disabled': disabled,\n\t\t\t'ToggleSwitch--focus-visible': isFocusVisible,\n\t\t});\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ToggleSwitchClasses}\n\t\t\t\tonClick={handleClickEvent}\n\t\t\t\tref={itemRef}\n\t\t\t\trole=\"switch\"\n\t\t\t\taria-checked={checked ? true : null}\n\t\t\t\tdata-anvil-component=\"ToggleSwitch\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<label className=\"ToggleSwitch__html-label\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\tclassName=\"ToggleSwitch__input\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t\t\tonClick={onClickHandler}\n\t\t\t\t\t\trole=\"checkbox\"\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"ToggleSwitch__element\" />\n\t\t\t\t\t{getLabel()}\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nToggleSwitch.displayName = 'ToggleSwitch';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.test.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,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,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACnE,CAAC;QACF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAClE,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":"ToggleSwitch.test.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,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,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,YAAY,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CACnE,CAAC;QACF,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QACjE,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAClE,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 userEvent from '@testing-library/user-event';\nimport { ToggleSwitch } from './ToggleSwitch';\n\ndescribe('ToggleSwitch', () => {\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 { getByLabelText } = render(<ToggleSwitch label=\"Label\" />);\n\t\tconst toggleSwitch = getByLabelText('Label') as HTMLInputElement;\n\t\texpect(toggleSwitch.checked).toEqual(false);\n\t\tawait user.click(toggleSwitch);\n\t\texpect(toggleSwitch.checked).toEqual(true);\n\t});\n\n\tit('it should return object on change', async () => {\n\t\tconst onChangeTest = jest.fn();\n\t\tconst { getByLabelText } = render(\n\t\t\t<ToggleSwitch onChange={onChangeTest} value=\"test\" label=\"Label\" />\n\t\t);\n\t\tconst toggleSwitch = getByLabelText('Label') as HTMLInputElement;\n\t\tawait user.click(toggleSwitch);\n\t\texpect(onChangeTest).toBeCalledWith('test', true);\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ToggleSwitch label=\"Label\" data-auto-sel=\"automation-selector\" />\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/ToggleSwitch/index.js.map

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

package/dist/components/Togglebox/Togglebox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport classnames from 'classnames';\nimport { ToggleSwitch } from '../ToggleSwitch';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\nimport { Card } from '../Card';\n\nexport interface ToggleboxPropsStrict<T> {\n\t/** Whether or not the togglebox is checked */\n\tchecked?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Which element is used in the togglebox */\n\tcontrol?: 'radio' | 'checkbox' | 'toggleSwitch';\n\n\t/** The vertical alignment of the control within the togglebox */\n\tcontrolAlign?: 'center' | 'top';\n\n\t/** Whether the togglebox is in a disabled state */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the togglebox */\n\terror?: boolean;\n\n\t/** ID for the checkbox within the togglebox */\n\tid?: string;\n\n\t/** Content associated with the label for the togglebox, control is centered by this field */\n\tlabel?: React.ReactNode;\n\n\t/** HTML name for the checkbox within the togglebox */\n\tname?: string;\n\n\t/** Calls when the togglebox is clicked  */\n\tonClick?: (value: T, checked: boolean) => void;\n\n\t/** Top text of the Togglebox */\n\ttitle?: string;\n\n\t/** HTML value for the checkbox within the togglebox */\n\tvalue?: T;\n}\n\nexport interface ToggleboxProps<T> extends ToggleboxPropsStrict<T> {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport class Togglebox<T> extends Component<ToggleboxProps<T>> {\n\tstatic displayName = 'Togglebox';\n\n\tonClickHandler = (e?: React.SyntheticEvent<HTMLInputElement>) => {\n\t\tif (this.props.onClick) {\n\t\t\tthis.props.onClick(this.props.value, e.currentTarget.checked);\n\t\t\te.currentTarget.focus;\n\t\t}\n\t};\n\n\tgetControl = (control: string, controlProps: any) => {\n\t\tif (control === 'checkbox') return <Checkbox {...controlProps} />;\n\t\tif (control === 'radio') return <Radio {...controlProps} />;\n\t\tif (control === 'toggleSwitch') {\n\t\t\tconst { error, ...props } = controlProps;\n\t\t\treturn <ToggleSwitch {...props} />;\n\t\t}\n\t};\n\n\tgetTitle = () => {\n\t\tif (this.props.title === undefined || this.props.title === '') return;\n\t\treturn <div className=\"Togglebox__title\">{this.props.title}</div>;\n\t};\n\n\tgetLabel = () => {\n\t\tif (this.props.label === undefined || this.props.label === '') return;\n\t\treturn <div className=\"Togglebox__label\">{this.props.label}</div>;\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tchecked,\n\t\t\tclassName,\n\t\t\tcontrol = 'checkbox',\n\t\t\tcontrolAlign = 'center',\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tid,\n\t\t\tlabel,\n\t\t\tname,\n\t\t\tonChange,\n\t\t\tonClick,\n\t\t\ttitle,\n\t\t\tvalue,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\tconst toggleboxProps = { checked, disabled, error, ...props };\n\t\tconst uiProps = { checked, disabled, error, name, value, id };\n\n\t\tconst ToggleboxClasses = classnames('Togglebox', className, {\n\t\t\t[`Togglebox--${control}`]: control,\n\t\t\t'Togglebox--controlTop': controlAlign === 'top',\n\t\t});\n\n\t\tconst ContentClasses = classnames('Togglebox__content', {\n\t\t\t'Togglebox__content--title': title,\n\t\t});\n\n\t\treturn (\n\t\t\t<Card\n\t\t\t\tactive={checked}\n\t\t\t\tclassName={ToggleboxClasses}\n\t\t\t\tonClick={this.onClickHandler}\n\t\t\t\traised={checked}\n\t\t\t\tsharp\n\t\t\t\tthin\n\t\t\t\tdata-anvil-component=\"Togglebox\"\n\t\t\t\t{...toggleboxProps}\n\t\t\t>\n\t\t\t\t<Card.Section>\n\t\t\t\t\t<span className={ContentClasses}>\n\t\t\t\t\t\t<span className=\"Togglebox__control\">\n\t\t\t\t\t\t\t{this.getControl(control, { ...uiProps })}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span className=\"Togglebox__children\">\n\t\t\t\t\t\t\t{this.getTitle()}\n\t\t\t\t\t\t\t{this.getLabel()}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</Card.Section>\n\t\t\t</Card>\n\t\t);\n\t}\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Togglebox.test.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,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,SAAS,IACT,KAAK,EAAC,iBAAiB,mBACT,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":"Togglebox.test.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,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,SAAS,IACT,KAAK,EAAC,iBAAiB,mBACT,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 } from '@testing-library/react';\nimport { Togglebox } from './Togglebox';\n\ndescribe('Togglebox', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Togglebox\n\t\t\t\tlabel=\"Togglebox label\"\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"]}

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

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

package/dist/components/Tooltip/Tooltip.js

@@ -9,9 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useId } from 'react';
 import classnames from 'classnames/dedupe';
-import { customAlphabet } from 'nanoid';
 import { tokens } from '@servicetitan/tokens/core';
 import { Popper } from '../../internal/Popper';
 export const Tooltip = (_a) => {
@@ -79,8 +78,8 @@ export const Tooltip = (_a) => {
         return direction;
     };
     const tooltipVisible = text && (open || forceOpen);
-    const describedby = props.id ||
-        `tooltip_id_${customAlphabet('abcdefghijklmnopqrstuvwxyz', 8)()}`;
+    const id = useId();
+    const describedby = props.id || `tooltip_id_${id}`;
     const TooltipClasses = classnames('Tooltip', className, {
         'Tooltip--underline': !tooltipVisible && underline,
     });

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState, useEffect, useId } from 'react';\nimport classnames from 'classnames/dedupe';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { Popper, PopperProps } from '../../internal/Popper';\n\nexport interface TooltipPropsStrict {\n\t/** Adds one or more classnames for a Tooltip's trigger wrapper */\n\tclassName?: string;\n\n\t/** Tooltips direction relative to the element its apart of */\n\tdirection?:\n\t\t| 'top'\n\t\t| 't'\n\t\t| 'right'\n\t\t| 'r'\n\t\t| 'bottom'\n\t\t| 'b'\n\t\t| 'left'\n\t\t| 'l'\n\t\t| 'topleft'\n\t\t| 'tl'\n\t\t| 'topright'\n\t\t| 'tr'\n\t\t| 'bottomleft'\n\t\t| 'bl'\n\t\t| 'bottomright'\n\t\t| 'br';\n\n\t/** Change the HTML element the Tooltip uses */\n\tel?: 'span' | 'div';\n\n\t/** Whether the Tooltip is open or not */\n\topen?: boolean;\n\n\t/**\n\t * Renders Tooltip on document root through createPortal.\n\t * Effectively prevents Tooltip from being clipped by the boundaries of any container.\n\t */\n\tportal?: boolean;\n\n\t/**\n\t * Adds one or more classnames to the Tooltip itself\n\t */\n\ttooltipClassName?: string;\n\n\t/** Tooltip text */\n\ttext?: string;\n\n\t/** Do not open Tooltip on focus */\n\thoverOnly?: boolean;\n\n\t/** Adds dashed underline on Tooltip's trigger when Tooltip is not visible */\n\tunderline?: boolean;\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n\n\t/** Handle show state */\n\tonShow?: () => void;\n\n\t/** Handle hide state */\n\tonHide?: () => void;\n}\n\nexport interface TooltipProps extends TooltipPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Tooltip: FC<TooltipProps> = ({\n\tchildren,\n\tclassName,\n\tdirection = 'top',\n\tel: TooltipElement = 'span',\n\topen: forceOpen = false,\n\ttext,\n\thoverOnly,\n\ttooltipClassName,\n\tonShow,\n\tonHide,\n\tunderline = false,\n\tportalDataAttributes,\n\t...props\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [reveal, setReveal] = useState(false);\n\tconst [touch, setTouch] = useState(false);\n\n\t/* Delay prevents unintentional hover triggering */\n\tconst delay: number = parseInt(tokens.durationSlow, 10); // '300ms' -> 300\n\n\tuseEffect(() => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tsetOpen(!!reveal);\n\t\t\t!reveal && onShow?.();\n\t\t\treveal && onHide?.();\n\t\t}, delay);\n\t\treturn () => {\n\t\t\tclearTimeout(timeout);\n\t\t};\n\t}, [delay, onHide, onShow, reveal]);\n\n\tuseEffect(() => {\n\t\tif (touch) {\n\t\t\tsetOpen(touch);\n\t\t\tonShow?.();\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tsetOpen(!touch);\n\t\t\t\tsetTouch(!touch);\n\t\t\t\tonHide?.();\n\t\t\t}, 1500);\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t};\n\t\t}\n\t}, [onHide, onShow, touch]);\n\n\tconst handleShow = () => {\n\t\tsetReveal(true);\n\t};\n\tconst handleShowOnFocus = () => {\n\t\tif (!hoverOnly) {\n\t\t\tsetReveal(true);\n\t\t}\n\t};\n\tconst handleHide = () => {\n\t\tsetReveal(false);\n\t};\n\n\tconst handleTouch = () => {\n\t\tsetTouch(true);\n\t};\n\n\tconst getDirection = () => {\n\t\tif (direction === 'top') return 't';\n\t\tif (direction === 'topright') return 'tr';\n\t\tif (direction === 'topleft') return 'tl';\n\t\tif (direction === 'bottom') return 'b';\n\t\tif (direction === 'bottomright') return 'br';\n\t\tif (direction === 'bottomleft') return 'bl';\n\t\tif (direction === 'right') return 'r';\n\t\tif (direction === 'left') return 'l';\n\t\treturn direction;\n\t};\n\n\tconst tooltipVisible = text && (open || forceOpen);\n\n\tconst id = useId();\n\tconst describedby = props.id || `tooltip_id_${id}`;\n\n\tconst TooltipClasses = classnames('Tooltip', className, {\n\t\t'Tooltip--underline': !tooltipVisible && underline,\n\t});\n\n\tconst TooltipBodyClasses = classnames('Tooltip__body', tooltipClassName, {\n\t\t[`Tooltip--${getDirection()}`]: getDirection(),\n\t\t'Tooltip__body--open': tooltipVisible,\n\t});\n\n\treturn (\n\t\t<Popper\n\t\t\tclassName={TooltipClasses}\n\t\t\twidth=\"auto\"\n\t\t\tautoFlipVertically\n\t\t\tonMouseEnter={handleShow}\n\t\t\tonMouseLeave={handleHide}\n\t\t\tonTouchStart={handleTouch}\n\t\t\tonFocus={handleShowOnFocus}\n\t\t\tonBlur={handleHide}\n\t\t\tdirection={getDirection()}\n\t\t\tel={TooltipElement}\n\t\t\topen={tooltipVisible}\n\t\t\ttrigger={\n\t\t\t\t<span\n\t\t\t\t\taria-describedby={tooltipVisible ? describedby : undefined}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</span>\n\t\t\t}\n\t\t\tfocusTrapOptions={{ disabled: true }}\n\t\t\tcaret={{ show: true, className: 'Tooltip__caret' }}\n\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span\n\t\t\t\tclassName={TooltipBodyClasses}\n\t\t\t\trole=\"tooltip\"\n\t\t\t\ttabIndex={-1}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tid={describedby}\n\t\t\t\tdata-anvil-component=\"Tooltip\"\n\t\t\t>\n\t\t\t\t{text}\n\t\t\t</span>\n\t\t</Popper>\n\t);\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,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,OAAO,IACP,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,SAAS,EACd,MAAM,QACN,IAAI,yBACU,qBAAqB;YAEnC,iEAAwC,CAC/B,CACV,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,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,OAAO,IACP,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,SAAS,EACd,MAAM,QACN,IAAI,QACJ,oBAAoB,EAAE;gBACrB,eAAe,EAAE,qBAAqB;aACtC;YAED,iEAAwC,CAC/B,CACV,CAAC;QAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tooltip.test.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,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,OAAO,IACP,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,SAAS,EACd,MAAM,QACN,IAAI,yBACU,qBAAqB;YAEnC,iEAAwC,CAC/B,CACV,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,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,OAAO,IACP,SAAS,EAAC,KAAK,EACf,IAAI,EAAC,SAAS,EACd,MAAM,QACN,IAAI,QACJ,oBAAoB,EAAE;gBACrB,eAAe,EAAE,qBAAqB;aACtC;YAED,iEAAwC,CAC/B,CACV,CAAC;QAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Tooltip } from './Tooltip';\n\ndescribe('Tooltip', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Tooltip\n\t\t\t\tdirection=\"top\"\n\t\t\t\ttext=\"Tooltip\"\n\t\t\t\tportal\n\t\t\t\topen\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<div>Hover(Touch) here for tooltip</div>\n\t\t\t</Tooltip>\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 data automation attributes to portal', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Tooltip\n\t\t\t\tdirection=\"top\"\n\t\t\t\ttext=\"Tooltip\"\n\t\t\t\tportal\n\t\t\t\topen\n\t\t\t\tportalDataAttributes={{\n\t\t\t\t\t'data-auto-sel': 'automation-selector',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div>Hover(Touch) here for tooltip</div>\n\t\t\t</Tooltip>\n\t\t);\n\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}

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

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

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 /**
  * VisuallyHidden properties
  */
 export interface VisuallyHiddenProps {
+    children?: React.ReactNode;
     hidden?: boolean;
 }
 export declare const VisuallyHidden: FC<VisuallyHiddenProps>;

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -2,6 +2,6 @@ import React from 'react';
 import { useVisuallyHidden } from '../../hooks/useVisuallyHidden';
 export const VisuallyHidden = React.forwardRef(({ hidden = false, children }, ref) => {
     const { hiddenStyle } = useVisuallyHidden();
-    return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null, "data-anvil-component": "VisuallyHidden" }, children ? React.createElement(React.Fragment, null, children) : null));
+    return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null, "data-anvil-component": "VisuallyHidden" }, children));
 });
 //# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AASlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,0BACb,gBAAgB,IAEpC,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAUlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,0BACb,gBAAgB,IAEpC,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { useVisuallyHidden } from '../../hooks/useVisuallyHidden';\n\n/**\n * VisuallyHidden properties\n */\nexport interface VisuallyHiddenProps {\n\tchildren?: React.ReactNode;\n\thidden?: boolean;\n}\n\nexport const VisuallyHidden: FC<VisuallyHiddenProps> = React.forwardRef(\n\t({ hidden = false, children }, ref: React.RefObject<HTMLDivElement>) => {\n\t\tconst { hiddenStyle } = useVisuallyHidden();\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tstyle={hidden ? hiddenStyle : null}\n\t\t\t\tdata-anvil-component=\"VisuallyHidden\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n"]}

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

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

package/dist/components/index.css

@@ -166,7 +166,7 @@ span.Popover {
 }
 .ActionMenu .ActionMenuGroup__label,
 .ActionMenu .ActionMenuItem {
-  padding: 4px 16px;
+  padding: 5px 16px;
 }
 .ActionMenu .ActionMenuGroup__label,
 .ActionMenu .ActionMenuGroup__divider,
@@ -180,31 +180,27 @@ span.Popover {
   display: flex;
   flex-direction: row;
   min-height: 26px;
+  /* Changes due to use button tag instead of div */
+  /* Set color on root of component. It can be overridden after the @include */
+  color: var(--colorsTextDefault, #141414);
+  /* Make sure font-family goes across entire component */
+  font-family: "Nunito Sans", sans-serif;
+  font-size: 16px;
+  border: none;
+  width: 100%;
+  text-align: left;
 }
 .ActionMenu .ActionMenuItem:focus {
   outline: 0;
-}
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus {
   background: var(--colorsSurfacePrimary, #0265dc);
   color: var(--colorsTextOnPrimary, white);
   cursor: pointer;
 }
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Headline,
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .BodyText,
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Eyebrow,
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Text,
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content, .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Headline,
-.ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .BodyText,
-.ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Eyebrow,
-.ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Text,
-.ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__content, .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Headline,
-.ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .BodyText,
-.ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Eyebrow,
-.ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Text,
-.ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content {
+.ActionMenu .ActionMenuItem:focus .ActionMenuItem__content,
+.ActionMenu .ActionMenuItem:focus .ActionMenuItem__content * {
   color: var(--colorsTextOnPrimary, white);
 }
-.ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__icon .a-Icon > svg {
+.ActionMenu .ActionMenuItem:focus .ActionMenuItem__icon .a-Icon > svg {
   fill: currentColor !important;
 }
 .ActionMenu .ActionMenuItem .ActionMenuItem__icon,
@@ -234,10 +230,6 @@ span.Popover {
   display: none;
 }
 
-:not(.ActionMenu) > .ActionMenu__TriggerWrapper {
-  display: inline-block;
-}
-
 .ActionMenuGroup__label.Divider {
   margin-left: 8px;
   margin-right: 8px;
@@ -247,6 +239,22 @@ span.Popover {
   opacity: 0.6;
 }
 
+.ActionMenu__TriggerWrapper {
+  display: inline-block;
+}
+.ActionMenu .ActionMenu__TriggerWrapper {
+  display: block;
+}
+
+.ActionMenu__ItemsWrapper:focus,
+.ActionMenu__OverlayWrapper:focus {
+  outline: none;
+}
+.ActionMenu__ItemsWrapper:focus-visible,
+.ActionMenu__OverlayWrapper:focus-visible {
+  outline: none;
+}
+
 .Announcement {
   /* Set color on root of component. It can be overridden after the @include */
   color: var(--colorsTextDefault, #141414);
@@ -1944,6 +1952,12 @@ button.Button--full {
   border-color: var(--colorsSurfaceDefault, white);
   cursor: default;
 }
+.ColorPicker__Item:focus, .ColorPicker__Item:focus-visible {
+  outline: none;
+}
+.ColorPicker:not(.ColorPicker--disabled) .ColorPicker__Item:focus {
+  box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc), 0 0 0 5px var(--colorsFocusRingPrimary, #a9d1ff);
+}
 @media (pointer: coarse) {
   .ColorPicker__Item {
     width: 32px;
@@ -1967,10 +1981,6 @@ button.Button--full {
 .ColorPicker__CardWrapper--focus .ColorPicker {
   outline: none;
 }
-.ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
-  border-color: var(--colorsBorderPrimary, #0265dc);
-  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
-}
 .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
   opacity: initial;
 }
@@ -10255,8 +10265,10 @@ button.a-Icon svg {
 .SideNavItem > .SideNavItem__button:active:not(:focus-within) {
   background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
 }
-.SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
+.SideNavItem > .SideNavItem__button:focus, .SideNavItem > .SideNavItem__button:focus-visible {
   outline: none;
+}
+.SideNavItem > .SideNavItem__button:focus-visible {
   box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
 }
 .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
@@ -10278,7 +10290,7 @@ button.a-Icon svg {
 }
 .SideNavItem.SideNavItem--disabled > .SideNavItem__button {
   background-color: transparent !important;
-  opacity: 0.4;
+  opacity: 0.6;
   pointer-events: none;
 }
 .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
@@ -11157,6 +11169,9 @@ button.a-Icon svg {
 .Table .k-column-resizer:hover {
   background-color: rgba(4, 4, 4, 0.1);
 }
+.Table .k-column-title {
+  font-weight: 600;
+}
 .Table .k-grid-header-sticky[style*="border-right-width: 1px;"],
 .Table .k-grid-content-sticky[style*="border-right-width: 1px;"] {
   box-shadow: 2px 3px 5px 0 rgba(4, 4, 4, 0.1);
@@ -11234,8 +11249,9 @@ button.a-Icon svg {
   background-color: var(--colorsSurfaceDefault, white);
 }
 .Table.k-grid .k-checkbox {
-  border-color: var(--colorsBorderGreyStrong, #bcbcbd);
   background-color: var(--colorsSurfaceDefault, white);
+  border-radius: 3px;
+  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
 }
 .Table.k-grid .k-checkbox.k-checked, .Table.k-grid .k-checkbox:checked {
   border-color: var(--colorsBorderPrimary, #0265dc);
@@ -11271,6 +11287,12 @@ button.a-Icon svg {
   color: var(--colorsTextOnPrimary, white);
   cursor: default;
 }
+.Table.k-grid .k-pager-wrap .k-pager-nav {
+  color: var(--colorsTextPrimary, #0265dc);
+}
+.Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
+  color: var(--colorsTextOnGrey, #444445);
+}
 .Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
 .Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
 .Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,