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

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

@@ -1 +1 @@
-{"version":3,"file":"ToastGroup.js","sourceRoot":"","sources":["../../../src/components/Toast/ToastGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAuB/C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,OAAY,EAAP,KAAK,cAA9C,mCAAgD,CAAF;IAC9C,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,sBAAsB,EAAE,MAAM;KAC9B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CAClB,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,IAAM,KAAK,GACpD,QAAQ,CACJ,CACN,CAAC;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC9D,UAAU,CACH,CACT,CAAC,CAAC,CAAC,CACH,UAAU,CACV,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"ToastGroup.js","sourceRoot":"","sources":["../../../src/components/Toast/ToastGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAuBxD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,OAAY,EAAP,KAAK,cAA9C,mCAAgD,CAAF;IAC9C,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,sBAAsB,EAAE,MAAM;KAC9B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,CAClB,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;QAC1D,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,IAAM,KAAK,GACpD,QAAQ,CACJ,CACsB,CAC7B,CAAC;IAEF,OAAO,MAAM,CAAC,CAAC,CAAC,CACf,oBAAC,MAAM,IAAC,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC9D,UAAU,CACH,CACT,CAAC,CAAC,CAAC,CACH,UAAU,CACV,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { ToastProps } from './Toast';\nimport { Portal } from '../../internal/Portal';\nimport { ToastGroupContext } from './ToastGroupContext';\n\ntype ToastGroupChildType =\n\t| React.ReactElement<ToastProps>\n\t| boolean\n\t| null\n\t| undefined;\n\nexport interface ToastGroupPropsStrict {\n\t/** Toast Elements */\n\tchildren: ToastGroupChildType | ToastGroupChildType[];\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Makes Toast open through ReactDOM.createPortal */\n\tportal?: HTMLElement | boolean;\n}\n\nexport interface ToastGroupProps extends ToastGroupPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const ToastGroup = React.forwardRef<HTMLDivElement, ToastGroupProps>(\n\t({ children, className, portal = true, ...props }, ref) => {\n\t\tconst ToastGroupClasses = classnames('ToastGroup', className, {\n\t\t\t'ToastGroup--floating': portal,\n\t\t});\n\n\t\tconst toastGroup = (\n\t\t\t<ToastGroupContext.Provider value={{ isInToastGroup: true }}>\n\t\t\t\t<div ref={ref} className={ToastGroupClasses} {...props}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</ToastGroupContext.Provider>\n\t\t);\n\n\t\treturn portal ? (\n\t\t\t<Portal target={typeof portal !== 'boolean' ? portal : undefined}>\n\t\t\t\t{toastGroup}\n\t\t\t</Portal>\n\t\t) : (\n\t\t\ttoastGroup\n\t\t);\n\t}\n);\n"]}

package/dist/components/Toast/ToastGroupContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ToastGroupContext: React.Context<{
+    isInToastGroup: boolean;
+}>;

package/dist/components/Toast/ToastGroupContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const ToastGroupContext = React.createContext({ isInToastGroup: false });
+//# sourceMappingURL=ToastGroupContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastGroupContext.js","sourceRoot":"","sources":["../../../src/components/Toast/ToastGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nexport const ToastGroupContext = React.createContext({ isInToastGroup: false });\n"]}

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

@@ -54,4 +54,5 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
             React.createElement("span", { className: "ToggleSwitch__element" }),
             getLabel())));
 });
+ToggleSwitch.displayName = 'ToggleSwitch';
 //# sourceMappingURL=ToggleSwitch.js.map

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.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { PopperProps } from '../../internal/Popper';
 export interface TooltipPropsStrict {
     /** Adds one or more classnames for a Tooltip's trigger wrapper */
     className?: string;
@@ -23,6 +24,8 @@ export interface TooltipPropsStrict {
     hoverOnly?: boolean;
     /** Adds dashed underline on Tooltip's trigger when Tooltip is not visible */
     underline?: boolean;
+    /** Props to be passed to the portaled div */
+    portalDataAttributes?: PopperProps['portalDataAttributes'];
     /** Handle show state */
     onShow?: () => void;
     /** Handle hide state */

package/dist/components/Tooltip/Tooltip.js

@@ -14,7 +14,7 @@ import classnames from 'classnames/dedupe';
 import { tokens } from '@servicetitan/tokens/core';
 import { Popper } from '../../internal/Popper';
 export const Tooltip = (_a) => {
-    var { children, className, direction = 'top', el: TooltipElement = 'span', open: forceOpen = false, text, hoverOnly, tooltipClassName, onShow, onHide, underline = false } = _a, props = __rest(_a, ["children", "className", "direction", "el", "open", "text", "hoverOnly", "tooltipClassName", "onShow", "onHide", "underline"]);
+    var { children, className, direction = 'top', el: TooltipElement = 'span', open: forceOpen = false, text, hoverOnly, tooltipClassName, onShow, onHide, underline = false, portalDataAttributes } = _a, props = __rest(_a, ["children", "className", "direction", "el", "open", "text", "hoverOnly", "tooltipClassName", "onShow", "onHide", "underline", "portalDataAttributes"]);
     const [open, setOpen] = useState(false);
     const [reveal, setReveal] = useState(false);
     const [touch, setTouch] = useState(false);
@@ -87,7 +87,7 @@ export const Tooltip = (_a) => {
         [`Tooltip--${getDirection()}`]: getDirection(),
         'Tooltip__body--open': tooltipVisible,
     });
-    return (React.createElement(Popper, Object.assign({ className: TooltipClasses, width: "auto", autoFlipVertically: true, onMouseEnter: handleShow, onMouseLeave: handleHide, onTouchStart: handleTouch, onFocus: handleShowOnFocus, onBlur: handleHide, direction: getDirection(), el: TooltipElement, open: tooltipVisible, trigger: React.createElement("span", { "aria-describedby": tooltipVisible ? describedby : undefined }, children), focusTrapOptions: { disabled: true }, caret: { show: true, className: 'Tooltip__caret' } }, props),
+    return (React.createElement(Popper, Object.assign({ className: TooltipClasses, width: "auto", autoFlipVertically: true, onMouseEnter: handleShow, onMouseLeave: handleHide, onTouchStart: handleTouch, onFocus: handleShowOnFocus, onBlur: handleHide, direction: getDirection(), el: TooltipElement, open: tooltipVisible, trigger: React.createElement("span", { "aria-describedby": tooltipVisible ? describedby : undefined }, children), focusTrapOptions: { disabled: true }, caret: { show: true, className: 'Tooltip__caret' }, portalDataAttributes: portalDataAttributes }, props),
         React.createElement("span", { className: TooltipBodyClasses, role: "tooltip", tabIndex: -1, "aria-hidden": "true", id: describedby, "data-anvil-component": "Tooltip" }, text)));
 };
 //# sourceMappingURL=Tooltip.js.map

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":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAe,MAAM,uBAAuB,CAAC;AAkE5D,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAczC,EAAE,EAAE;QAdqC,EACzC,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,EAAE,EAAE,cAAc,GAAG,MAAM,EAC3B,IAAI,EAAE,SAAS,GAAG,KAAK,EACvB,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,oBAAoB,OAEpB,EADG,KAAK,cAbiC,sJAczC,CADQ;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,mDAAmD;IACnD,MAAM,KAAK,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;IAE1E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAClB,CAAC,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;YACtB,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;QACtB,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;gBAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;gBACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACZ,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC,CAAC;SACF;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,SAAS,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS,KAAK,KAAK;YAAE,OAAO,GAAG,CAAC;QACpC,IAAI,SAAS,KAAK,UAAU;YAAE,OAAO,IAAI,CAAC;QAC1C,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QACzC,IAAI,SAAS,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACvC,IAAI,SAAS,KAAK,aAAa;YAAE,OAAO,IAAI,CAAC;QAC7C,IAAI,SAAS,KAAK,YAAY;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,SAAS,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;QACtC,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,GAAG,CAAC;QACrC,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAEnD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE,IAAI,cAAc,EAAE,EAAE,CAAC;IAEnD,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACvD,oBAAoB,EAAE,CAAC,cAAc,IAAI,SAAS;KAClD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE;QACxE,CAAC,YAAY,YAAY,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE;QAC9C,qBAAqB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,kBACN,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,MAAM,EACZ,kBAAkB,QAClB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,YAAY,EAAE,EACzB,EAAE,EAAE,cAAc,EAClB,IAAI,EAAE,cAAc,EACpB,OAAO,EACN,kDACmB,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAEzD,QAAQ,CACH,EAER,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACpC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAClD,oBAAoB,EAAE,oBAAoB,IACtC,KAAK;QAET,8BACC,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAC,iBACA,MAAM,EAClB,EAAE,EAAE,WAAW,0BACM,SAAS,IAE7B,IAAI,CACC,CACC,CACT,CAAC;AACH,CAAC,CAAC","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

@@ -9,5 +9,15 @@ describe('Tooltip', () => {
         const element = container.querySelector('[data-auto-sel="automation-selector"]');
         expect(element).not.toBeNull();
     });
+    it('should pass data automation attributes to portal', () => {
+        const { container, baseElement } = render(React.createElement(Tooltip, { direction: "top", text: "Tooltip", portal: true, open: true, portalDataAttributes: {
+                'data-auto-sel': 'automation-selector',
+            } },
+            React.createElement("div", null, "Hover(Touch) here for tooltip")));
+        const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
+        const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
+        expect(nonPortalElement).toBeNull();
+        expect(portalElement).not.toBeNull();
+    });
 });
 //# sourceMappingURL=Tooltip.test.js.map

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;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.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;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"}
+{"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

@@ -507,6 +507,7 @@ span.Popover {
   border-radius: 100%;
   margin-top: 1px;
   padding: 1px 4px;
+  background: transparent;
 }
 .Trigger .Trigger__clear.Button::before {
   border-radius: 100%;
@@ -1006,7 +1007,7 @@ span.Popover {
   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;
@@ -1016,14 +1017,15 @@ span.Popover {
   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: "";
@@ -1043,13 +1045,13 @@ span.Popover {
 .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));
@@ -1057,9 +1059,6 @@ span.Popover {
 .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;
 }
@@ -1111,34 +1110,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 {
@@ -1148,15 +1144,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 {
@@ -1165,9 +1161,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);
@@ -1180,19 +1173,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;
@@ -1870,7 +1858,7 @@ button.Button--full {
   box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
-  border-color: var(--colorsBorderDefault, #444445);
+  border-color: var(--colorsBorderDefault, #949596);
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -7897,7 +7885,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;
 }
 
@@ -9387,6 +9375,11 @@ button.a-Icon svg {
   flex-shrink: 0;
   flex-grow: 1;
   flex-basis: 0;
+  align-self: flex-start;
+  margin-top: 12px;
+}
+.ProgressTracker--small .ProgressTrackerDivider {
+  margin-top: 9px;
 }
 .ProgressTrackerDivider::after {
   content: "";
@@ -9704,7 +9697,7 @@ button.a-Icon svg {
   box-shadow: 0 0 0 8px var(--colorsBorderCritical, #e13212) inset;
 }
 .a-Radio:not(.Radio--disabled):hover .Radio__box {
-  box-shadow: 0 0 0 1px var(--colorsBorderDefault, #444445) inset;
+  box-shadow: 0 0 0 1px var(--colorsBorderDefault, #949596) inset;
 }
 .a-Radio:not(.Radio--disabled):hover .Radio__input:checked + .Radio__box, .Radio--checked:not(.Radio--disabled):hover .Radio__box {
   box-shadow: 0 0 0 2px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 2px var(--colorsBorderPrimary, #0265dc) inset;
@@ -11164,6 +11157,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);
@@ -11241,8 +11237,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);
@@ -11278,6 +11275,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,
@@ -11835,7 +11838,7 @@ button.a-Icon svg {
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
   box-sizing: border-box;
-  border: 1px solid var(--colorsBorderDefault, #444445);
+  border: 1px solid var(--colorsBorderDefault, #949596);
   display: inline-block;
   position: relative;
   overflow: hidden;