@servicetitan/design-system 11.9.0 → 12.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +1 -1
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/Announcement.js +1 -1
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css +4 -4
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +3 -0
- package/dist/components/AnvilSelect/AnvilSelect.js +2 -1
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.css +19 -19
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +3 -3
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/index.css +19 -19
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.test.js +6 -6
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +2 -2
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css +2 -1
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +3 -1
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/index.css +2 -1
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/Button/Button.css +9 -9
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.js +4 -0
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.css +9 -9
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css +4 -4
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/index.css +4 -4
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/CardSection.css +4 -4
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/index.css +4 -4
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +8 -8
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/index.css +8 -8
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +1 -1
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +2 -2
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +8 -8
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/index.css +8 -8
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/Dialog/Dialog.css.map +1 -1
- package/dist/components/Dialog/index.css.map +1 -1
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css +1 -1
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/index.css +1 -1
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.js +3 -3
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.js +1 -1
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +1 -1
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/Form/Form.css +4 -4
- package/dist/components/Form/index.css +4 -4
- package/dist/components/FormField/FormField.css +9 -9
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +5 -5
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/index.css +9 -9
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/Frame/Frame.css +2 -2
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +12 -0
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css +2 -2
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Icon/Icon.css +9 -9
- package/dist/components/Icon/Icon.css.map +1 -1
- package/dist/components/Icon/index.css +9 -9
- package/dist/components/Icon/index.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css +2 -2
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/index.css +2 -2
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +7 -7
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/index.css +7 -7
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Label/Label.css +2 -2
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/index.css +2 -2
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Link/Link.css +1 -1
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/index.css +1 -1
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.js +7 -3
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +2 -0
- package/dist/components/Modal/components.js +6 -6
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css +1 -1
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/index.css +1 -1
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/OptionList/Option.js +2 -2
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.css +8 -12
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/OptionList.js +8 -8
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/index.css +8 -12
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/Page/Page.css +1 -0
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/components/Panel.js +0 -1
- package/dist/components/Page/components/Panel.js.map +1 -1
- package/dist/components/Page/index.css +1 -0
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Popover/Popover.css.map +1 -1
- package/dist/components/Popover/index.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.css +3 -3
- package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
- package/dist/components/ProgressBar/index.css +3 -3
- package/dist/components/ProgressBar/index.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
- package/dist/components/ProgressCircle/index.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/index.css +1 -1
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +9 -9
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/index.css +9 -9
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Select/Select.css +5 -5
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/index.css +5 -5
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +4 -0
- package/dist/components/Sidebar/Sidebar.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +11 -9
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css +4 -0
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/index.css +4 -0
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Spinner/Spinner.css.map +1 -1
- package/dist/components/Spinner/index.css.map +1 -1
- package/dist/components/Stack/Stack.css.map +1 -1
- package/dist/components/Stack/index.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/Tab/Tab.css +3 -3
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/index.css +3 -3
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +9 -9
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +9 -9
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +1 -1
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/index.css +1 -1
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Takeover/Takeover.js +1 -1
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +1 -1
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/TextArea/TextArea.css +4 -4
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/index.css +4 -4
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +8 -12
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/index.css +8 -12
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/Toast/Toast.css +1 -0
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.css +2 -0
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/index.css +2 -0
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +1 -1
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/index.css +1 -1
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +6 -3
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/index.css +106 -102
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/useScreenSize.js +1 -1
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/internal/Overlay/Overlay.css.map +1 -1
- package/dist/internal/Overlay/index.css.map +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +5 -5
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +115 -111
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +8 -8
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +8 -8
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/utilities/OverlayContext.js +1 -1
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/ThemeProvider.js +2 -2
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js +2 -2
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/package.json +13 -11
|
@@ -32,7 +32,7 @@ export const FilterButton = React.forwardRef((_a, ref) => {
|
|
|
32
32
|
React.useEffect(() => {
|
|
33
33
|
setIValue(value);
|
|
34
34
|
}, [value]);
|
|
35
|
-
return (React.createElement("button", Object.assign({ className: filterButtonClassName, onClick: () => onClickHandler(), ref: itemRef, "aria-
|
|
35
|
+
return (React.createElement("button", Object.assign({ className: filterButtonClassName, onClick: () => onClickHandler(), ref: itemRef, "aria-expanded": expandIcon, "aria-label": `Filter ${label}`, "aria-pressed": !!IValue, "data-anvil-component": "FilterButton" }, rest),
|
|
36
36
|
React.createElement(Stack, { alignItems: "center" },
|
|
37
37
|
icon && (React.createElement(Icon, { name: icon, size: "16px", className: "FilterButton__Icon" })),
|
|
38
38
|
!icon && label && (React.createElement(BodyText, { el: "span", size: "small", className: "FilterButton__Label" }, label)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAmB,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA0B7B,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,UAAU,CAClE,CACC,EAAsE,EACtE,GAAiC,EAChC,EAAE;QAFH,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAW,EAAN,IAAI,cAApE,gEAAsE,CAAF;IAGpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,qBAAqB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACnE,sBAAsB,EAAE,MAAM;QAC9B,6BAA6B,EAAE,cAAc;KAC7C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IACb,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACN,8CACC,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAC/B,GAAG,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FilterButton/FilterButton.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA;EACA;EACA,eEMoB;EFLpB;EACA,OAhBc;EAiBd,WEoHa;EFnHb;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA,YAtBc;;AAyBf;EACC;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC,aEyFa;;AFtFd;EACC,OA3CY;EA4CZ;EACA,kBA5CkB;EA6ClB;;AAEA;AAAA;EAEC,OAlDW","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;EACC;EACA,eCgHW;;AD9GX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCoGS;EDnGT,gBCmGS;EDlGT,eCmGS;EDlGT;EACA;EACA;;AAGD;EACC,SC4FS;ED3FT,gBC0FS;;ADtFX;EACC,SCsFU;;;ADlFZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBAjDY;EAkDZ;EACA,wBCjCgB;EDkChB,2BClCgB;EDmChB;EACA;;AAIA;EACC,kBA1DU;;AA+DX;EACC,kBA/Da;;AAmEf;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBApFW;EAqFX;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCmBW;EDlBX,OCoBW;EDnBX,QCmBW;EDlBX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAzHY;EA0HZ,OAvHmB;;AA0HpB;EACC,kBAzHsB;;;AA8HvB;EACC,kBArIwB;EAsIxB,OAlImB;;AAqIpB;EACC,kBAzIY;EA0IZ,OAvImB;;AA0IpB;EACC;EACA;;AAGD;EACC,kBA/IyB;EAgJzB,OAjJmB;;AAoJpB;EACC,kBAnJsB;;;AAwJvB;EAAW,OA1JS;;;AA8JpB;EAAW,OA/JI;;AAgKf;EAAa,OAhKE;;AAiKf;EAAa,OApKY;;AAqKzB;EAAU,OAnKE","file":"FlowCardStep.css"}
|
|
@@ -33,7 +33,7 @@ export const FlowCardStep = ({ orderNumber, headerIcon, title, headerAction, con
|
|
|
33
33
|
}
|
|
34
34
|
return (React.createElement(Icon, { name: "check_circle", size: "24px", className: "FlowCardStep__indicator-disabled" }));
|
|
35
35
|
};
|
|
36
|
-
return (React.createElement(Card, { className: cardState, disabled: disabled, style: style, "data-anvil-component": "FlowCardStep" },
|
|
36
|
+
return (React.createElement(Card, { className: cardState, disabled: disabled, style: style, "data-anvil-component": "FlowCardStep", "aria-current": active && 'step' },
|
|
37
37
|
React.createElement(Card.Section, { className: "FlowCardStep__header" },
|
|
38
38
|
React.createElement("div", { className: "d-f align-items-center" },
|
|
39
39
|
React.createElement("span", { className: "FlowCardStep__statusWrapper" }, headerIcon ? (headerIcon) : (React.createElement("span", { className: statusIcon }, FlowCardStepStatus()))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAwC/B,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EACnD,WAAW,EACX,UAAU,EACV,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,GACL,EAAE,EAAE;IACJ,MAAM,UAAU,GAAG,UAAU,CAAC,sBAAsB,EAAE;QACrD,6BAA6B,EAAE,KAAK,IAAI,CAAC,UAAU;QACnD,8BAA8B,EAAE,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;QAClE,6BAA6B,EAAE,CAAC,MAAM,IAAI,KAAK,IAAI,CAAC,UAAU;KAC9D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACvD,qBAAqB,EAAE,KAAK;QAC5B,sBAAsB,EAAE,MAAM,IAAI,CAAC,QAAQ;QAC3C,qBAAqB,EAAE,CAAC,MAAM,IAAI,KAAK;QACvC,uBAAuB,EAAE,WAAW,KAAK,SAAS;QAClD,0BAA0B,EAAE,CAAC,OAAO;KACpC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC/B,IAAI,KAAK,EAAE;YACV,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,+BAA+B,GACxC,CACF,CAAC;SACF;QACD,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,KAAK,EAAE;YACvD,IAAI,KAAK,IAAI,CAAC,MAAM,EAAE;gBACrB,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gCAAgC,GACzC,CACF,CAAC;aACF;YACD,OAAO,WAAW,CAAC;SACnB;QACD,IAAI,MAAM,IAAI,CAAC,QAAQ;YACtB,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,2BAA2B,GACpC,CACF,CAAC;QACH,IAAI,KAAK,EAAE;YACV,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,kCAAkC,GAC3C,CACF,CAAC;SACF;QACD,OAAO,CACN,oBAAC,IAAI,IACJ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,kCAAkC,GAC3C,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI,IACJ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,0BACS,cAAc;
|
|
1
|
+
{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FlowCard/FlowCardStep.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;EACC;EACA,eCgHW;;AD9GX;EACC;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC,aCoGS;EDnGT,gBCmGS;EDlGT,eCmGS;EDlGT;EACA;EACA;;AAGD;EACC,SC4FS;ED3FT,gBC0FS;;ADtFX;EACC,SCsFU;;;ADlFZ;EACC;;AAEA;EACC;EACA;EACA;EACA,kBAjDY;EAkDZ;EACA,wBCjCgB;EDkChB,2BClCgB;EDmChB;EACA;;AAIA;EACC,kBA1DU;;AA+DX;EACC,kBA/Da;;AAmEf;EACC;;AAIA;EACC;;;AAMF;EACC;EACA;EACA;EACA,kBApFW;EAqFX;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,cCmBW;EDlBX,OCoBW;EDnBX,QCmBW;EDlBX;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAzHY;EA0HZ,OAvHmB;;AA0HpB;EACC,kBAzHsB;;;AA8HvB;EACC,kBArIwB;EAsIxB,OAlImB;;AAqIpB;EACC,kBAzIY;EA0IZ,OAvImB;;AA0IpB;EACC;EACA;;AAGD;EACC,kBA/IyB;EAgJzB,OAjJmB;;AAoJpB;EACC,kBAnJsB;;;AAwJvB;EAAW,OA1JS;;;AA8JpB;EAAW,OA/JI;;AAgKf;EAAa,OAhKE;;AAiKf;EAAa,OApKY;;AAqKzB;EAAU,OAnKE","file":"index.css"}
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
.Field.Field--error .Input > input,
|
|
44
44
|
.Field.Field--error .TextArea {
|
|
45
45
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
46
|
-
border-color: var(--colorsBorderCritical, #
|
|
47
|
-
color: var(--colorsTextCritical, #
|
|
46
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
47
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
48
48
|
box-shadow: none;
|
|
49
49
|
}
|
|
50
50
|
.Fields.Fields--error .Field .Input > input:focus,
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
.Field.Field--error .Input > input:focus,
|
|
53
53
|
.Field.Field--error .TextArea:focus {
|
|
54
54
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
55
|
-
border-color: var(--colorsBorderCritical, #
|
|
56
|
-
color: var(--colorsTextCritical, #
|
|
55
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
56
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
57
57
|
box-shadow: none;
|
|
58
58
|
-webkit-appearance: none;
|
|
59
59
|
}
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
.Field.Field--error .Input > input,
|
|
44
44
|
.Field.Field--error .TextArea {
|
|
45
45
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
46
|
-
border-color: var(--colorsBorderCritical, #
|
|
47
|
-
color: var(--colorsTextCritical, #
|
|
46
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
47
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
48
48
|
box-shadow: none;
|
|
49
49
|
}
|
|
50
50
|
.Fields.Fields--error .Field .Input > input:focus,
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
.Field.Field--error .Input > input:focus,
|
|
53
53
|
.Field.Field--error .TextArea:focus {
|
|
54
54
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
55
|
-
border-color: var(--colorsBorderCritical, #
|
|
56
|
-
color: var(--colorsTextCritical, #
|
|
55
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
56
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
57
57
|
box-shadow: none;
|
|
58
58
|
-webkit-appearance: none;
|
|
59
59
|
}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.FormField__errorText {
|
|
60
|
-
color: var(--colorsTextCritical, #
|
|
60
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
61
61
|
font-size: 14px;
|
|
62
62
|
line-height: 1.25;
|
|
63
63
|
margin-top: 8px;
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.FormField__description {
|
|
70
|
-
color: var(--colorsTextSubdued, #
|
|
70
|
+
color: var(--colorsTextSubdued, #606162);
|
|
71
71
|
font-size: 14px;
|
|
72
72
|
line-height: 1.25;
|
|
73
73
|
margin-top: 8px;
|
|
@@ -96,23 +96,23 @@
|
|
|
96
96
|
|
|
97
97
|
/* Errors on Semantic Dropdown */
|
|
98
98
|
.FormField--error .semantic-anvil-theme .ui.dropdown {
|
|
99
|
-
color: var(--colorsTextCritical, #
|
|
99
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
100
100
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
101
|
-
border-color: var(--colorsBorderCritical, #
|
|
101
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
102
102
|
}
|
|
103
103
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
|
|
104
|
-
border-color: var(--colorsBorderCritical, #
|
|
104
|
+
border-color: var(--colorsBorderCritical, #e13212) !important;
|
|
105
105
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
106
106
|
}
|
|
107
107
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
|
|
108
|
-
color: var(--colorsTextCritical, #
|
|
108
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
109
109
|
}
|
|
110
110
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
|
|
111
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
111
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
|
|
112
112
|
}
|
|
113
113
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
|
|
114
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
115
|
-
color: var(--colorsTextCritical, #
|
|
114
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
|
|
115
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
116
116
|
}
|
|
117
117
|
.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
|
|
118
118
|
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;EACC,OA3Be;EA4Bf,WEqGa;EFpGb,aE8GqB;EF7GrB,YEwFW;;AFtFX;EAA6B,YE8Ff;;;AF3Ff;EACC,eEkFW;;;AF/EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE8DJ;;;AF3DnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEaW;EFZX,WEuBa;EFtBb,aELkB;;;AFQnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
|
|
@@ -27,6 +27,7 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
27
27
|
? (_b = control.displayName) !== null && _b !== void 0 ? _b : control.name
|
|
28
28
|
: 'control';
|
|
29
29
|
const labelFor = props.id || `formfield_id_${customAlphabet(lettersOnly, 8)()}`;
|
|
30
|
+
const errMsgID = props.id || `errMsg_id_${customAlphabet(lettersOnly, 8)()}`;
|
|
30
31
|
const [context, setContext] = useState({
|
|
31
32
|
labelFor,
|
|
32
33
|
setFormFieldContext: () => { },
|
|
@@ -58,7 +59,7 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
58
59
|
const getErrorText = () => {
|
|
59
60
|
if (error === undefined)
|
|
60
61
|
return false;
|
|
61
|
-
return React.createElement("div", { className: "FormField__errorText" }, error);
|
|
62
|
+
return (React.createElement("div", { className: "FormField__errorText", id: errMsgID }, error));
|
|
62
63
|
};
|
|
63
64
|
const getControl = () => {
|
|
64
65
|
const controlProps = Object.assign(Object.assign({ children,
|
|
@@ -72,19 +73,18 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
72
73
|
: {}));
|
|
73
74
|
// Togglebox
|
|
74
75
|
if (control === Togglebox) {
|
|
75
|
-
return (React.createElement(Togglebox, Object.assign({ label: label, control: toggleboxControl }, controlProps)));
|
|
76
|
+
return (React.createElement(Togglebox, Object.assign({ label: label, control: toggleboxControl, "aria-errormessage": errMsgID }, controlProps)));
|
|
76
77
|
}
|
|
77
78
|
// Checkbox, Radio, ToggleSwitch
|
|
78
79
|
if (control === Checkbox ||
|
|
79
80
|
control === Radio ||
|
|
80
81
|
control === ToggleSwitch) {
|
|
81
82
|
return React.createElement(control, Object.assign(Object.assign({}, controlProps), { label,
|
|
82
|
-
labelProps,
|
|
83
|
-
required,
|
|
83
|
+
labelProps, 'aria-errormessage': errMsgID, required,
|
|
84
84
|
ref }));
|
|
85
85
|
}
|
|
86
86
|
const createControl = control
|
|
87
|
-
? React.createElement(control, Object.assign(Object.assign({}, controlProps), { ref }))
|
|
87
|
+
? React.createElement(control, Object.assign(Object.assign({}, controlProps), { 'aria-errormessage': errMsgID, ref }))
|
|
88
88
|
: children;
|
|
89
89
|
return (React.createElement(React.Fragment, null,
|
|
90
90
|
React.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.FormField__errorText {
|
|
60
|
-
color: var(--colorsTextCritical, #
|
|
60
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
61
61
|
font-size: 14px;
|
|
62
62
|
line-height: 1.25;
|
|
63
63
|
margin-top: 8px;
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.FormField__description {
|
|
70
|
-
color: var(--colorsTextSubdued, #
|
|
70
|
+
color: var(--colorsTextSubdued, #606162);
|
|
71
71
|
font-size: 14px;
|
|
72
72
|
line-height: 1.25;
|
|
73
73
|
margin-top: 8px;
|
|
@@ -96,23 +96,23 @@
|
|
|
96
96
|
|
|
97
97
|
/* Errors on Semantic Dropdown */
|
|
98
98
|
.FormField--error .semantic-anvil-theme .ui.dropdown {
|
|
99
|
-
color: var(--colorsTextCritical, #
|
|
99
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
100
100
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
101
|
-
border-color: var(--colorsBorderCritical, #
|
|
101
|
+
border-color: var(--colorsBorderCritical, #e13212);
|
|
102
102
|
}
|
|
103
103
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
|
|
104
|
-
border-color: var(--colorsBorderCritical, #
|
|
104
|
+
border-color: var(--colorsBorderCritical, #e13212) !important;
|
|
105
105
|
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
106
106
|
}
|
|
107
107
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
|
|
108
|
-
color: var(--colorsTextCritical, #
|
|
108
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
109
109
|
}
|
|
110
110
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
|
|
111
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
111
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
|
|
112
112
|
}
|
|
113
113
|
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
|
|
114
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
115
|
-
color: var(--colorsTextCritical, #
|
|
114
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
|
|
115
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
116
116
|
}
|
|
117
117
|
.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
|
|
118
118
|
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE8Ga;EF7Gb,aEuHqB;EFtHrB,YEiGW;;AF/FX;EAA4B,YEuGd;;;AFpGf;EACC,OA3Be;EA4Bf,WEqGa;EFpGb,aE8GqB;EF7GrB,YEwFW;;AFtFX;EAA6B,YE8Ff;;;AF3Ff;EACC,eEkFW;;;AF/EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE8DJ;;;AF3DnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEaW;EFZX,WEuBa;EFtBb,aELkB;;;AFQnB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE4GU;EF3GV,eE2GU;;AFxGX;EAjBD;IAkBE;;EAEA;IACC,cEmGS;IFlGT,eEkGS;;;;AF7FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEoFU;;AFjFX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cEgDU;EF/CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE4GU;EF3GV,eE2GU;;AFxGX;EAjBD;IAkBE;;EAEA;IACC,cEmGS;IFlGT,eEkGS;;;;AF7FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEoFU;;AFjFX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cEgDU;EF/CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
|
-
height: 100vh;
|
|
8
7
|
display: flex;
|
|
9
8
|
flex-direction: column;
|
|
10
|
-
|
|
9
|
+
height: calc(var(--frame-vh, 1vh) * 100);
|
|
10
|
+
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.Frame__header {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SE0IoB;;;AFvIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}
|
|
@@ -11,12 +11,24 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
+
import throttle from 'lodash/throttle';
|
|
14
15
|
export const Frame = (_a) => {
|
|
15
16
|
var { children, className, el: El = 'div', header } = _a, props = __rest(_a, ["children", "className", "el", "header"]);
|
|
16
17
|
React.useEffect(() => {
|
|
17
18
|
document.body.classList.add('of-hidden');
|
|
18
19
|
return () => document.body.classList.remove('of-hidden');
|
|
19
20
|
}, []);
|
|
21
|
+
React.useEffect(() => {
|
|
22
|
+
const calculateHeight = throttle(() => {
|
|
23
|
+
if (document.body.scrollHeight !== window.innerHeight) {
|
|
24
|
+
const vh = window.innerHeight * 0.01;
|
|
25
|
+
document.documentElement.style.setProperty('--frame-vh', `${vh}px`);
|
|
26
|
+
}
|
|
27
|
+
}, 100);
|
|
28
|
+
calculateHeight();
|
|
29
|
+
window.addEventListener('resize', calculateHeight);
|
|
30
|
+
return () => window.removeEventListener('resize', calculateHeight);
|
|
31
|
+
}, []);
|
|
20
32
|
return (React.createElement(El, Object.assign({ className: classnames('Frame', className), "data-anvil-component": "Frame" }, props),
|
|
21
33
|
header && React.createElement("div", { className: "Frame__header" }, header),
|
|
22
34
|
React.createElement("div", { className: "Frame__content" }, children)));
|
|
@@ -1 +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;
|
|
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;AACpC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAiBvC,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,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;YACrC,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,KAAK,MAAM,CAAC,WAAW,EAAE;gBACtD,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC;gBACrC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,YAAY,EACZ,GAAG,EAAE,IAAI,CACT,CAAC;aACF;QACF,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,eAAe,EAAE,CAAC;QAElB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IACpE,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"}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
|
-
height: 100vh;
|
|
8
7
|
display: flex;
|
|
9
8
|
flex-direction: column;
|
|
10
|
-
|
|
9
|
+
height: calc(var(--frame-vh, 1vh) * 100);
|
|
10
|
+
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.Frame__header {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SE0IoB;;;AFvIrB;EACC;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEwGkB;EFvGlB,aE2IqB;EF1IrB,aE2IqB;EF1IrB,WEkIa;EFjIb;;AAEA;EACC,WEgIY;EF/HZ;;AAGD;EACC,WE0HY;EFzHZ;;AAGD;EACC,WEoHY;EFnHZ;;AAGD;EACC,WE8GY","file":"Headline.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Headline/Headline.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA,aEwGkB;EFvGlB,aE2IqB;EF1IrB,aE2IqB;EF1IrB,WEkIa;EFjIb;;AAEA;EACC,WEgIY;EF/HZ;;AAGD;EACC,WE0HY;EFzHZ;;AAGD;EACC,WEoHY;EFnHZ;;AAGD;EACC,WE8GY","file":"index.css"}
|
|
@@ -145,7 +145,7 @@ button.Button {
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.Button--red {
|
|
148
|
-
background-color: var(--colorsSurfaceCritical, #
|
|
148
|
+
background-color: var(--colorsSurfaceCritical, #e13212);
|
|
149
149
|
color: var(--colorsTextOnCritical, #ffffff);
|
|
150
150
|
}
|
|
151
151
|
.Button--red:hover::before {
|
|
@@ -159,27 +159,27 @@ button.Button {
|
|
|
159
159
|
}
|
|
160
160
|
.Button--red.Button--outline {
|
|
161
161
|
background-color: transparent;
|
|
162
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #
|
|
163
|
-
color: var(--colorsTextCritical, #
|
|
162
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
|
|
163
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
164
164
|
}
|
|
165
165
|
.Button--red.Button--outline:hover::before {
|
|
166
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
166
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
167
167
|
}
|
|
168
168
|
.Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
|
|
169
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
169
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
|
|
170
170
|
}
|
|
171
171
|
.Button--red.Button--outline.Button--focus-visible:focus {
|
|
172
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #
|
|
172
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
173
173
|
}
|
|
174
174
|
.Button--red.Button--subtle {
|
|
175
175
|
background-color: transparent;
|
|
176
|
-
color: var(--colorsTextCritical, #
|
|
176
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
177
177
|
}
|
|
178
178
|
.Button--red.Button--subtle:hover::before {
|
|
179
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
179
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
180
180
|
}
|
|
181
181
|
.Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
|
|
182
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
182
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
.Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
|
|
@@ -1 +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/
|
|
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;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OAhDc;EAiDd;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,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;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,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;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"}
|
|
@@ -145,7 +145,7 @@ button.Button {
|
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.Button--red {
|
|
148
|
-
background-color: var(--colorsSurfaceCritical, #
|
|
148
|
+
background-color: var(--colorsSurfaceCritical, #e13212);
|
|
149
149
|
color: var(--colorsTextOnCritical, #ffffff);
|
|
150
150
|
}
|
|
151
151
|
.Button--red:hover::before {
|
|
@@ -159,27 +159,27 @@ button.Button {
|
|
|
159
159
|
}
|
|
160
160
|
.Button--red.Button--outline {
|
|
161
161
|
background-color: transparent;
|
|
162
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #
|
|
163
|
-
color: var(--colorsTextCritical, #
|
|
162
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
|
|
163
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
164
164
|
}
|
|
165
165
|
.Button--red.Button--outline:hover::before {
|
|
166
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
166
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
167
167
|
}
|
|
168
168
|
.Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
|
|
169
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
169
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
|
|
170
170
|
}
|
|
171
171
|
.Button--red.Button--outline.Button--focus-visible:focus {
|
|
172
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #
|
|
172
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
173
173
|
}
|
|
174
174
|
.Button--red.Button--subtle {
|
|
175
175
|
background-color: transparent;
|
|
176
|
-
color: var(--colorsTextCritical, #
|
|
176
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
177
177
|
}
|
|
178
178
|
.Button--red.Button--subtle:hover::before {
|
|
179
|
-
background-color: var(--colorsHoverCritical, rgba(
|
|
179
|
+
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
180
180
|
}
|
|
181
181
|
.Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
|
|
182
|
-
background-color: var(--colorsActiveCritical, rgba(
|
|
182
|
+
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
|
|
183
183
|
}
|
|
184
184
|
|
|
185
185
|
.Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
|
|
@@ -1 +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/
|
|
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;ACzCC;EACA;AAEA;EACA;ECHC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OAhDc;EAiDd;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,OAlLa;;;AAsLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAzMa;;AA4MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA7Na;;AAgOZ;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,OAnQc;;AAsQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAvRc;;AA0Rb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OAhTa;EAiTb;;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":"index.css"}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.InlineEdit__content--error {
|
|
82
|
-
color: var(--colorsTextCritical, #
|
|
82
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.InlineEdit__content--underline .InlineEdit__value::before {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
border-bottom: 1px dashed currentColor;
|
|
91
91
|
}
|
|
92
92
|
.InlineEdit__content--underline.InlineEdit__content--error::before {
|
|
93
|
-
border-bottom-color: var(--colorsBorderCritical, #
|
|
93
|
+
border-bottom-color: var(--colorsBorderCritical, #e13212);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.InlineEdit__value--placeholder {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAQA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OCkHY;;AD/Gb;AAAA;EACyB;;AAG1B;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SC+Fc;ED9Fd;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OCmFa;;ADhFd;EACC;EACA,cCuEU;;ADrEV;AAAA;AAAA;EAGC;;AAIF;EAEC;;AAEA;EACC;EACA;EACA;EACA,kBAnEqB;EAoErB;EACA;EACA;EACA;EACA,eCzDe;;AD4DhB;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AAMJ;EACC,OA9Fc;;;AAiGf;EACC,OAjGY;;;AAsGX;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC,qBAhHY;;;AAqHf;EACC,OAzHc;EA0Hd,SCTqB;;;ADarB;EACC;;;AAKD;EAAgC;;AAChC;EAAiC;;AACjC;EAAgC;;;AAGjC;EACC;;AAEA;EACC;;AAGD;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA","file":"InlineEdit.css"}
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.InlineEdit__content--error {
|
|
82
|
-
color: var(--colorsTextCritical, #
|
|
82
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.InlineEdit__content--underline .InlineEdit__value::before {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
border-bottom: 1px dashed currentColor;
|
|
91
91
|
}
|
|
92
92
|
.InlineEdit__content--underline.InlineEdit__content--error::before {
|
|
93
|
-
border-bottom-color: var(--colorsBorderCritical, #
|
|
93
|
+
border-bottom-color: var(--colorsBorderCritical, #e13212);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.InlineEdit__value--placeholder {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAQA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OCkHY;;AD/Gb;AAAA;EACyB;;AAG1B;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SC+Fc;ED9Fd;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OCmFa;;ADhFd;EACC;EACA,cCuEU;;ADrEV;AAAA;AAAA;EAGC;;AAIF;EAEC;;AAEA;EACC;EACA;EACA;EACA,kBAnEqB;EAoErB;EACA;EACA;EACA;EACA,eCzDe;;AD4DhB;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AAMJ;EACC,OA9Fc;;;AAiGf;EACC,OAjGY;;;AAsGX;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC,qBAhHY;;;AAqHf;EACC,OAzHc;EA0Hd,SCTqB;;;ADarB;EACC;;;AAKD;EAAgC;;AAChC;EAAiC;;AACjC;EAAgC;;;AAGjC;EACC;;AAEA;EACC;;AAGD;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA","file":"index.css"}
|