@ahrowe/ui 0.17.3 → 0.18.0

package/dist/types/package/common/configProvider/configProvider.types.d.ts

@@ -26,6 +26,7 @@ import { SplitButtonProps } from '../splitButton/splitButton.types';
 import { RevealLensProps } from '../revealLens/revealLens.types';
 import { TiltProps } from '../tilt/tilt.types';
 import { FlipProps } from '../flip/flip.types';
+import { OptionPickerProps } from '../optionPicker/optionPicker.types';
 /**
  * Global default props keyed by component name.
  *
@@ -68,6 +69,7 @@ export interface ComponentDefaults {
     RevealLens?: Partial<RevealLensProps>;
     Tilt?: Partial<TiltProps>;
     Flip?: Partial<FlipProps>;
+    OptionPicker?: Partial<OptionPickerProps>;
 }
 export interface ConfigProviderProps {
     children: React.ReactNode;

package/dist/types/package/common/optionPicker/optionPicker.d.ts

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
 import { OptionPickerProps } from './optionPicker.types';
-declare function OptionPicker({ className, options, onChange, value, ...rest }: OptionPickerProps): ReactElement;
+declare function OptionPicker(props: OptionPickerProps): ReactElement;
 export default OptionPicker;

package/dist/types/package/common/optionPicker/optionPicker.types.d.ts

@@ -1,11 +1,15 @@
 import { ReactElement } from 'react';
-import { HtmlProps } from '../types/slots.types';
+import { HtmlProps, SlotClassNames, SlotStyles } from '../types/slots.types';
 export interface Option {
     label: ReactElement | string;
     key: string;
 }
+export type OptionPickerSlots = 'root' | 'chip' | 'option';
 export interface OptionPickerProps extends HtmlProps {
     className?: string;
+    style?: React.CSSProperties;
+    classNames?: SlotClassNames<OptionPickerSlots>;
+    styles?: SlotStyles<OptionPickerSlots>;
     options: Option[];
     onChange: (key: string, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     value: string;

package/docs/ConfigProvider.md

@@ -60,7 +60,7 @@ So a global default only fills in props a given instance left out — any instan
 
 Each entry is a `Partial<...Props>`, so any of that component's props can be defaulted:
 
-- **Form inputs:** `Input` · `Textarea` · `NumberInput` · `Dropdown` · `InputDropdown` · `Checkbox` · `Switch` · `RadioGroup` · `DatePicker`
+- **Form inputs:** `Input` · `Textarea` · `NumberInput` · `Dropdown` · `InputDropdown` · `Checkbox` · `Switch` · `RadioGroup` · `DatePicker` · `OptionPicker`
 - **Display:** `Button` · `ActionButtons` · `Badge` · `Chip` · `Card` · `SectionHeader` · `Skeleton` · `Accordion` · `Divider`
 - **Overlays:** `ConfirmModal`
 

package/docs/OptionPicker.md

@@ -32,3 +32,7 @@ const options: Option[] = [
 | `value` | `string` | Currently selected key |
 | `onChange` | `(key: string, event: MouseEvent) => void` | Called when user picks a new option |
 | `className` | `string` | Root element class |
+
+**Global defaults:** adopts `ConfigProvider`, e.g. `defaultProps={{ OptionPicker: { className: 'my-picker' } }}`. See [ConfigProvider.md](ConfigProvider.md).
+
+**Slots:** `root` `chip` `option`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahrowe/ui",
-  "version": "0.17.3",
+  "version": "0.18.0",
   "publishConfig": {
     "access": "public"
   },