@kaizen/components 2.5.0 → 3.0.0

package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.mjs

@@ -77,7 +77,9 @@ const ConfirmationModal = /*#__PURE__*/function () {
     if (onConfirm) {
       var confirmAction = {
         label: confirmLabel,
-        onClick: onConfirm
+        onClick: onConfirm,
+        destructive: variant === 'warning',
+        primary: variant !== 'warning'
       };
       var workingProps = confirmWorking ? {
         working: true,
@@ -118,7 +120,6 @@ const ConfirmationModal = /*#__PURE__*/function () {
       className: classnames(isProminent && styles.prominent, !unpadded && styles.padded)
     }, /*#__PURE__*/React.createElement(ModalAccessibleDescription, null, children))), /*#__PURE__*/React.createElement(ModalFooter, {
       actions: footerActions,
-      appearance: variant == 'warning' ? 'destructive' : 'primary',
       unpadded: unpadded
     })));
   };

package/dist/esm/src/Modal/ContextModal/ContextModal.mjs

@@ -89,7 +89,6 @@ const ContextModal = /*#__PURE__*/function () {
     }))))), /*#__PURE__*/React.createElement(ModalFooter, {
       variant: image ? 'context' : undefined,
       actions: footerActions,
-      appearance: "primary",
       unpadded: unpadded
     })));
   };

package/dist/esm/src/Modal/GenericModal/GenericModal.mjs

@@ -4,7 +4,6 @@ import { Transition } from '@headlessui/react';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import { useIsClientReady } from '../../utils/useIsClientReady/useIsClientReady.mjs';
-import { warn } from '../util/console.mjs';
 import { ModalContext } from './context/ModalContext.mjs';
 import styles from './GenericModal.module.scss.mjs';
 const GenericModal = /*#__PURE__*/function () {
@@ -42,7 +41,8 @@ const GenericModal = /*#__PURE__*/function () {
       // Ensure that consumers have provided an element that labels the modal
       // to meet ARIA accessibility guidelines.
       if (!document.getElementById(labelledByID)) {
-        warn("When using the Modal component, you must provide a label for the modal.\n        Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.");
+        // eslint-disable-next-line no-console
+        console.warn('When using the Modal component, you must provide a label for the modal. Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.');
       }
     };
     var focusOnAccessibleLabel = function () {

package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -10,11 +10,9 @@ const ModalFooter = /*#__PURE__*/function () {
   const ModalFooter = function (_a) {
     var unpadded = _a.unpadded,
       actions = _a.actions,
-      _b = _a.appearance,
-      appearance = _b === void 0 ? 'primary' : _b,
       alignStart = _a.alignStart,
       variant = _a.variant,
-      props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+      props = __rest(_a, ["unpadded", "actions", "alignStart", "variant"]);
     var queries = useMediaQueries().queries;
     return /*#__PURE__*/React.createElement(ModalBody, {
       inputEdit: variant === 'inputEdit'
@@ -26,9 +24,8 @@ const ModalFooter = /*#__PURE__*/function () {
         key: index
       }, /*#__PURE__*/React.createElement(Button, __assign({
         type: "button",
-        primary: index === 0 && appearance === 'primary',
-        destructive: index === 0 && appearance === 'destructive',
-        secondary: index > 0,
+        primary: index === 0 && !action.destructive && !action.secondary,
+        secondary: index > 0 && !action.destructive && !action.primary,
         fullWidth: queries.isSmall
       }, action)));
     })));

package/dist/esm/src/Select/Select.mjs

@@ -11,6 +11,14 @@ import { Label } from '../Label/Label.mjs';
 import { Tag } from '../Tag/Tag.mjs';
 import styles from './Select.module.scss.mjs';
 
+// react-select defaults to showing "Select..." placeholder text, which goes against our a11y
+// standards — use `label` for the field name and `description` for help text instead.
+// `noPlaceholderText` overrides the default string; `NullPlaceholder` removes the empty DOM node
+// that react-select still renders even when the text is empty.
+var noPlaceholderText = '';
+var NullPlaceholder = function () {
+  return null;
+};
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
@@ -28,8 +36,7 @@ const Select = /*#__PURE__*/function () {
       description = _a.description,
       propsFullWidth = _a.fullWidth,
       propsClassName = _a.className,
-      placeholder = _a.placeholder,
-      props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "placeholder"]);
+      props = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className"]);
     var reactId = useId();
     // the default for fullWidth depends on the variant
     var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
@@ -41,10 +48,10 @@ const Select = /*#__PURE__*/function () {
     }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
       ref: ref,
       "aria-labelledby": labelId,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: noPlaceholderText,
       components: {
         Control: Control,
-        Placeholder: Placeholder,
+        Placeholder: NullPlaceholder,
         DropdownIndicator: DropdownIndicator,
         Menu: Menu,
         GroupHeading: GroupHeading,
@@ -72,14 +79,13 @@ const Select = /*#__PURE__*/function () {
 const AsyncSelect = /*#__PURE__*/function () {
   const AsyncSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     var propsClassName = _a.className,
-      placeholder = _a.placeholder,
-      props = __rest(_a, ["className", "placeholder"]);
+      props = __rest(_a, ["className"]);
     return /*#__PURE__*/React.createElement(Async, __assign({}, props, {
       ref: ref,
-      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+      placeholder: noPlaceholderText,
       components: {
         Control: Control,
-        Placeholder: Placeholder,
+        Placeholder: NullPlaceholder,
         DropdownIndicator: DropdownIndicator,
         Menu: Menu,
         Option: Option,
@@ -106,13 +112,6 @@ var Control = function (props) {
     className: classnames(styles.control, props.isFocused && styles.focusedControl, props.isDisabled && styles.disabled)
   })));
 };
-var Placeholder = function (props) {
-  return /*#__PURE__*/React.createElement(components.Placeholder, __assign({}, props, {
-    className: styles.placeholderOverrides
-  }), /*#__PURE__*/React.createElement("span", {
-    className: styles.placeholder
-  }, props.children));
-};
 var DropdownIndicator = function (props) {
   return /*#__PURE__*/React.createElement(components.DropdownIndicator, __assign({}, props, {
     className: styles.dropdownIndicator

package/dist/esm/src/Select/Select.module.scss.mjs

@@ -11,7 +11,6 @@ var styles = {
   "valueContainer": "Select-module_valueContainer__MGkpr",
   "indicatorsContainer": "Select-module_indicatorsContainer__2xCsm",
   "loadingMessage": "Select-module_loadingMessage__4Ej9T",
-  "placeholder": "Select-module_placeholder__OAeGA",
   "menu": "Select-module_menu__axmUL",
   "groupHeading": "Select-module_groupHeading__eNw6U",
   "option": "Select-module_option__EdP-F",

package/dist/esm/src/SingleSelect/SingleSelect.mjs

@@ -8,7 +8,7 @@ import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
 import { Popover } from '../MultiSelect/subcomponents/Popover/Popover.mjs';
 import { useFloating } from '@floating-ui/react-dom';
 import { SelectProvider } from './context/SelectContext.mjs';
-import { ListBox } from './subcomponents/ListBox/ListBox.mjs';
+import './subcomponents/ListBox/ListBox.mjs';
 import { ListBoxSection } from './subcomponents/ListBoxSection/ListBoxSection.mjs';
 import { ListItem } from './subcomponents/ListItem/ListItem.mjs';
 import './subcomponents/ListItems/ListItems.mjs';
@@ -42,12 +42,10 @@ const SingleSelect = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       selectedKey = _a.selectedKey,
       description = _a.description,
-      _d = _a.placeholder,
-      placeholder = _d === void 0 ? '' : _d,
       isDisabled = _a.isDisabled,
       onSelectionChange = _a.onSelectionChange,
       portalContainerId = _a.portalContainerId,
-      restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isRequired", "isFullWidth", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "onSelectionChange", "portalContainerId"]);
+      restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isRequired", "isFullWidth", "classNameOverride", "selectedKey", "description", "isDisabled", "onSelectionChange", "portalContainerId"]);
     var refs = useFloating().refs;
     var triggerRef = refs.reference;
     var fallbackId = useId();
@@ -63,7 +61,6 @@ const SingleSelect = /*#__PURE__*/function () {
       disabledKeys: disabledKeys,
       selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
       description: description,
-      placeholder: placeholder,
       isDisabled: isDisabled,
       isRequired: isRequired,
       onSelectionChange: onSelectionChange ? function (key) {
@@ -71,13 +68,13 @@ const SingleSelect = /*#__PURE__*/function () {
       } : undefined
     }, restProps);
     var state = useSelectState(ariaSelectProps);
-    var _e = useSelect(ariaSelectProps, state, triggerRef),
-      labelProps = _e.labelProps,
-      reactAriaTriggerProps = _e.triggerProps,
-      valueProps = _e.valueProps,
-      menuProps = _e.menuProps,
-      errorMessageProps = _e.errorMessageProps,
-      descriptionProps = _e.descriptionProps;
+    var _d = useSelect(ariaSelectProps, state, triggerRef),
+      labelProps = _d.labelProps,
+      reactAriaTriggerProps = _d.triggerProps,
+      valueProps = _d.valueProps,
+      menuProps = _d.menuProps,
+      errorMessageProps = _d.errorMessageProps,
+      descriptionProps = _d.descriptionProps;
     // Hack incoming:
     // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.
     // We use role=combobox, meaning screen readers will read the value.
@@ -94,7 +91,6 @@ const SingleSelect = /*#__PURE__*/function () {
       'value': (_b = state === null || state === void 0 ? void 0 : state.selectedItem) === null || _b === void 0 ? void 0 : _b.rendered,
       valueProps: valueProps,
       'isOpen': state.isOpen,
-      placeholder: placeholder,
       status: status,
       'isDisabled': triggerProps.isDisabled,
       isReversed: isReversed,
@@ -102,9 +98,9 @@ const SingleSelect = /*#__PURE__*/function () {
       'aria-describedby': classnames(validationMessage && validationId, description && descriptionId),
       'aria-required': isRequired
     });
-    var _f = useState(),
-      portalContainer = _f[0],
-      setPortalContainer = _f[1];
+    var _e = useState(),
+      portalContainer = _e[0],
+      setPortalContainer = _e[1];
     useEffect(function () {
       if (portalContainerId) {
         var portalElement = document.getElementById(portalContainerId);
@@ -145,9 +141,6 @@ const SingleSelect = /*#__PURE__*/function () {
   SingleSelect.SectionDivider = SectionDivider;
   SingleSelect.Option = Option;
   SingleSelect.ItemDefaultRender = ListItem;
-  // @deprecated Legacy exported aliases
-  SingleSelect.TriggerButton = SelectToggle;
-  SingleSelect.ListBox = ListBox;
   return SingleSelect;
 }();
 export { SingleSelect };

package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs

@@ -11,13 +11,11 @@ const SelectToggle = /*#__PURE__*/function () {
       value = _a.value,
       valueProps = _a.valueProps,
       isOpen = _a.isOpen,
-      _b = _a.placeholder,
-      placeholder = _b === void 0 ? 'Select' : _b,
       status = _a.status,
       isDisabled = _a.isDisabled,
       isReversed = _a.isReversed,
       classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "placeholder", "status", "isDisabled", "isReversed", "classNameOverride"]);
+      restProps = __rest(_a, ["label", "labelProps", "value", "valueProps", "isOpen", "status", "isDisabled", "isReversed", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Label, __assign({}, labelProps, {
       reversed: isReversed,
       disabled: isDisabled
@@ -28,10 +26,10 @@ const SelectToggle = /*#__PURE__*/function () {
       role: "combobox"
     }, restProps, {
       ref: ref,
-      className: classnames(styles.selectToggle, (value === null || value === undefined) && styles.placeholder, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
+      className: classnames(styles.selectToggle, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
       className: styles.value
-    }), value !== null && value !== void 0 ? value : placeholder), /*#__PURE__*/React.createElement(Icon, {
+    }), value), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true,
       className: styles.icon

package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -1,7 +1,6 @@
 var styles = {
   "icon": "SelectToggle-module_icon__rsV9A",
   "selectToggle": "SelectToggle-module_selectToggle__e6slL",
-  "placeholder": "SelectToggle-module_placeholder__w7o7S",
   "error": "SelectToggle-module_error__npEgr",
   "caution": "SelectToggle-module_caution__9jSK0",
   "disabled": "SelectToggle-module_disabled__2MKmF",

package/dist/esm/src/TimeField/TimeField.mjs

@@ -55,8 +55,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       onChange: handleOnChange,
       isDisabled: isDisabled,
       hideTimeZone: true,
-      locale: locale,
-      validationState: status === 'default' ? 'valid' : 'invalid'
+      locale: locale
     }));
     var hasError = !!validationMessage && status === 'error';
     var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
@@ -79,7 +78,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement("div", __assign({}, fieldProps, {
       id: id,
       ref: inputRef,
-      className: classnames(styles.input, state.isDisabled && styles.isDisabled, state.validationState === 'invalid' && styles.error)
+      className: classnames(styles.input, state.isDisabled && styles.isDisabled, status === 'error' && styles.error)
     }), state.segments.map(function (segment, i) {
       return /*#__PURE__*/React.createElement(TimeSegment, {
         key: i,

package/dist/styles.css

@@ -2815,40 +2815,13 @@
     width: 100%;
     margin-bottom: 2px;
   }
-  .Input-module_input__d-Moh::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    opacity: 100%;
-  }
   .Input-module_input__d-Moh:focus:not([disabled]), .Input-module_input__d-Moh:hover:focus:not([disabled]) {
     outline: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) var(--color-blue-500);
     outline-offset: 1px;
   }
-  .Input-module_input__d-Moh:focus:not([disabled])::placeholder, .Input-module_input__d-Moh:hover:focus:not([disabled])::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    opacity: 0%;
-  }
   .Input-module_input__d-Moh.Input-module_disabled__CJeOi:not(.Input-module_reversed__Kh7dc) {
     background: var(--color-gray-300, #eaeaec);
   }
-  .Input-module_input__d-Moh.Input-module_disabled__CJeOi::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
-  }
   /* stylelint-disable no-descending-specificity */
   .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
     position: absolute;
@@ -2926,16 +2899,6 @@
     display: flex;
     align-items: center;
   }
-  .Input-module_input__d-Moh.Input-module_default__zata3::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    color: var(--color-purple-800, #2f2438);
-    opacity: 0.5;
-  }
   .Input-module_input__d-Moh.Input-module_default__zata3:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:focus:not([disabled]) {
     background-color: var(--color-gray-200, #f4f4f5);
   }
@@ -2947,15 +2910,6 @@
     border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.3);
     color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
   }
-  .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    opacity: 0.3;
-  }
   .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY) {
     border-color: var(--color-gray-500, #878792);
   }
@@ -2981,16 +2935,6 @@
     background: transparent;
     color: var(--color-white, #ffffff);
   }
-  .Input-module_input__d-Moh.Input-module_reversed__Kh7dc::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    color: var(--color-white, #ffffff);
-    opacity: 0.5;
-  }
   .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:focus:not([disabled]) {
     background: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
   }
@@ -3010,15 +2954,6 @@
     background: transparent;
     color: rgba(var(--color-white-rgb, 255, 255, 255), 0.3);
   }
-  .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi::placeholder {
-    font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-    font-size: var(--typography-paragraph-body-font-size, 1rem);
-    font-weight: var(--typography-paragraph-body-font-weight, 400);
-    line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-    position: static;
-    opacity: 0.3;
-  }
   .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh {
     border-color: var(--color-red-300, #f597a8);
   }
@@ -4509,9 +4444,6 @@
     background-color: var(--color-gray-200, #f4f4f5);
     border-color: var(--color-gray-600, #524e56);
   }
-  .SelectToggle-module_placeholder__w7o7S {
-    color: rgb(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
-  }
   .SelectToggle-module_error__npEgr {
     border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-red-500, #c93b55);
   }
@@ -4529,9 +4461,6 @@
     background-color: transparent;
     color: var(--color-white, #ffffff);
   }
-  .SelectToggle-module_reversed__2MXx0.SelectToggle-module_placeholder__w7o7S {
-    color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
-  }
   .SelectToggle-module_reversed__2MXx0.SelectToggle-module_selectToggle__e6slL .SelectToggle-module_icon__rsV9A {
     color: rgba(255, 255, 255, 0.8);
   }
@@ -4770,9 +4699,6 @@
     box-shadow: var(--shadow-small-box-shadow);
     position: relative;
     top: -1px;
-    transition:
-      opacity var(--animation-duration-slow) ease,
-      margin-top var(--animation-duration-fast) var(--animation-duration-slow) ease;
     color: var(--color-purple-800);
 
     @media (width >= 1024px) {
@@ -4882,11 +4808,6 @@
     }
   }
 
-  .GuidanceBlock-module_hidden__mwvrs {
-    opacity: 0;
-    margin-bottom: 0;
-  }
-
   .GuidanceBlock-module_headingWrapper__OfZB5 {
     margin-bottom: var(--spacing-24);
   }
@@ -8939,15 +8860,6 @@
 .Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP:hover {
   box-shadow: none;
 }
-.Select-module_specificityIncreaser__cZtQV .Select-module_placeholder__OAeGA {
-  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
-  font-weight: var(--typography-paragraph-body-font-weight, 400);
-  font-size: var(--typography-paragraph-body-font-size, 1rem);
-  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
-  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
-  color: var(--color-purple-800, #2f2438);
-  opacity: 0.7;
-}
 .Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL {
   border: 6px var(--border-solid-border-style, solid) transparent;
   border-radius: var(--border-solid-border-radius, 7px);
@@ -9048,9 +8960,6 @@
 .Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_clearIndicator__O6EuX {
   color: var(--color-white, #ffffff);
 }
-.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA {
-  color: var(--color-white, #ffffff);
-}
 .Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs.Select-module_error__GpAw6 .Select-module_control__ehUuP {
   border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-red-300, #f597a8);
 }
@@ -9095,9 +9004,6 @@
 .Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover, .Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover {
   border-color: var(--color-blue-300, #73c0e8);
 }
-.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA, .Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA {
-  color: var(--color-white, #ffffff);
-}
 .Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP {
   background: transparent;
   border: 0;

package/dist/types/Button/Button.d.ts

@@ -17,11 +17,6 @@ export type ButtonUIProps = {
     iconPosition?: 'start' | 'end';
     /** Controls if the button inherits width from its parent. @default "false" */
     isFullWidth?: boolean;
-    /**
-     * Controls the reversed style of Button
-     * @deprecated Use the ReversedColors Provider instead. This is here to support gradual migration to the ReversedColors Provider and will take precedence if a value is provided. {@link https://cultureamp.design/?path=/docs/actions-button-button-next-api-specification--docs#variants}
-     */
-    isReversed?: boolean;
 };
 export type ButtonProps = ButtonUIProps & PendingButtonProps & Omit<RACButtonProps, 'children'> & {
     /** Used as the label for the button. */

package/dist/types/Calendar/CalendarRange/CalendarRange.d.ts

@@ -1,11 +1,12 @@
 import { type PropsBase, type PropsRange } from 'react-day-picker';
 import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type DeprecatedReactDayPickerProps } from '../types';
 export type CalendarRangeElement = HTMLDivElement;
 export type CalendarRangeProps = {
     id?: string;
     onMount?: (calendarElement: CalendarRangeElement) => void;
     hasDivider?: boolean;
-} & OverrideClassName<Omit<PropsRange & Omit<PropsBase, 'mode'>, 'mode'>>;
+} & OverrideClassName<Omit<PropsRange & Omit<PropsBase, 'mode'>, 'mode' | DeprecatedReactDayPickerProps>>;
 export declare const CalendarRange: {
     ({ id, onMount, hasDivider, classNameOverride, selected, defaultMonth, numberOfMonths, locale, ...restProps }: CalendarRangeProps): JSX.Element;
     displayName: string;

package/dist/types/Calendar/CalendarSingle/CalendarSingle.d.ts

@@ -1,12 +1,13 @@
 import { type PropsBase, type PropsSingle } from 'react-day-picker';
 import { type OverrideClassName } from "../../types/OverrideClassName";
+import { type DeprecatedReactDayPickerProps } from '../types';
 export type CalendarSingleElement = HTMLDivElement;
 export type CalendarSingleProps = {
     id?: string;
     onMount?: (calendarElement: CalendarSingleElement) => void;
     /** Exposes the react-day-picker component prop. Please be aware, consumers using this will have to guarentee functions as expected */
     components?: PropsBase['components'];
-} & OverrideClassName<Omit<PropsSingle & Omit<PropsBase, 'mode'>, 'mode'>>;
+} & OverrideClassName<Omit<PropsSingle & Omit<PropsBase, 'mode'>, 'mode' | DeprecatedReactDayPickerProps>>;
 export declare const CalendarSingle: {
     ({ id, onMount, classNameOverride, selected, defaultMonth, weekStartsOn, locale, components, ...restProps }: CalendarSingleProps): JSX.Element;
     displayName: string;

package/dist/types/Calendar/types.d.ts

@@ -2,6 +2,7 @@ import { type DateInterval, type DateRange, type DayPickerProps } from 'react-da
 import { type DayOfWeek } from './enums';
 export type { DateInterval, DateRange };
 export type DisabledDays = DayPickerProps['disabled'];
+export type DeprecatedReactDayPickerProps = 'fromDate' | 'fromMonth' | 'fromYear' | 'toDate' | 'toMonth' | 'toYear' | 'initialFocus' | 'onDayKeyUp' | 'onDayKeyPress' | 'onDayPointerEnter' | 'onDayPointerLeave' | 'onDayTouchCancel' | 'onDayTouchEnd' | 'onDayTouchMove' | 'onDayTouchStart' | 'onWeekNumberClick';
 export type DisabledDayMatchers = {
     /**
      * Accepts an array of singluar dates and disables them.

package/dist/types/GuidanceBlock/GuidanceBlock.d.ts

@@ -1,39 +1,18 @@
 import React from 'react';
-import { type ButtonProps as V1ButtonProps } from "../ButtonV1";
 import { type HeadingProps } from "../Heading";
 import { type SceneProps, type SpotProps } from "../Illustration";
-import { type TooltipProps } from "../TooltipV1";
 import { type VariantType } from './types';
-export type ActionProps = V1ButtonProps & {
-    'tooltip'?: TooltipProps;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-};
 type LayoutType = 'default' | 'inline' | 'stacked';
 type IllustrationType = 'spot' | 'scene';
 type TextAlignment = 'center' | 'left';
-type GuidanceBlockActions = {
-    primary: ActionProps;
-    secondary?: ActionProps;
-    dismiss?: {
-        onClick: () => void;
-    };
-};
 type BaseGuidanceBlockProps = {
     layout?: LayoutType;
     illustration: React.ReactElement<SpotProps | SceneProps>;
     illustrationType?: IllustrationType;
     smallScreenTextAlignment?: TextAlignment;
-    /** @deprecated use the `actionsSlot` prop with Button/next instead */
-    actions?: GuidanceBlockActions;
     /** A slot for the primary and secondary action. It is recommended to use the {@link https://cultureamp.design/?path=/docs/components-button-button-next-api-specification--docs | Button} or {@link https://cultureamp.design/?path=/docs/components-linkbutton-usage-guidelines--docs | LinkButton} wrapped in fragment. */
     actionsSlot?: React.ReactNode;
-    /** @deprecated this is no longer a used feature and is only the deprecated `actions` prop, ie: {secondary: { label: "Dismiss action" }}` */
-    secondaryDismiss?: boolean;
     variant?: VariantType;
-    /**  @deprecated use the `actionsSlot` and pass the icon into the JSX elements */
-    withActionButtonArrow?: boolean;
     noMaxWidth?: boolean;
 };
 type GuidanceBlockWithText = {
@@ -47,16 +26,12 @@ type GuidanceBlockPropsWithContent = {
     content: React.ReactElement;
 } & BaseGuidanceBlockProps;
 export type GuidanceBlockProps = GuidanceBlockWithText | GuidanceBlockPropsWithContent;
-export type GuidanceBlockState = {
-    hidden: boolean;
-    removed: boolean;
-};
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
  */
 export declare const GuidanceBlock: {
-    ({ layout, variant, withActionButtonArrow, noMaxWidth, illustrationType, smallScreenTextAlignment, actions, illustration, secondaryDismiss, actionsSlot, ...restProps }: GuidanceBlockProps): JSX.Element;
+    ({ layout, variant, noMaxWidth, illustrationType, smallScreenTextAlignment, illustration, actionsSlot, ...restProps }: GuidanceBlockProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/Input/Input/Input.d.ts

@@ -10,12 +10,7 @@ export type InputProps = {
     endIconAdornment?: React.ReactNode;
     reversed?: boolean;
     type?: InputType;
-    /**
-     * @deprecated Use of placeholder text goes against our a11y standards.
-     * Use the `labelText` prop to provide a concise name, and the `description` prop for any help text.
-     */
-    placeholder?: string;
-} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>;
+} & OverrideClassName<Omit<InputHTMLAttributes<HTMLInputElement>, 'placeholder'>>;
 export declare const Input: {
     ({ inputRef, status, startIconAdornment, endIconAdornment, reversed, type, value, defaultValue, classNameOverride, disabled, ...restProps }: InputProps): JSX.Element;
     displayName: string;

package/dist/types/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.d.ts

@@ -12,15 +12,11 @@ export type ModalFooterProps = {
     'variant'?: ActionsVariantProps;
     'unpadded'?: boolean;
     'actions': ButtonProps[];
-    /**
-     * @deprecated we are no longer supporting different appearances for ModalFooter, instead there will only be a single default appearance set by the Button.
-     */
-    'appearance'?: 'primary' | 'destructive';
     'data-testid'?: string;
     'alignStart'?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ModalFooter: {
-    ({ unpadded, actions, appearance, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
+    ({ unpadded, actions, alignStart, variant, ...props }: ModalFooterProps): JSX.Element;
     displayName: string;
 };
 export {};