@commonsku/styles 1.17.36 → 1.17.38
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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +46 -13
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles/AddressAutocomplete/AddressAutocompleteInput.d.ts.map +1 -1
- package/dist/styles/InputDropdown.d.ts.map +1 -1
- package/dist/styles/Switch.d.ts +35 -0
- package/dist/styles/Switch.d.ts.map +1 -0
- package/dist/styles/Thermometer.d.ts +4 -3
- package/dist/styles/Thermometer.d.ts.map +1 -1
- package/dist/styles/index.d.ts +1 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -795,7 +795,7 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
795
795
|
render(): React__default.JSX.Element;
|
|
796
796
|
}
|
|
797
797
|
|
|
798
|
-
declare const toggleSizes$
|
|
798
|
+
declare const toggleSizes$2: {
|
|
799
799
|
small: {
|
|
800
800
|
'font-family': string;
|
|
801
801
|
'font-size': string;
|
|
@@ -821,7 +821,7 @@ declare const toggleSizes$1: {
|
|
|
821
821
|
height: string;
|
|
822
822
|
};
|
|
823
823
|
};
|
|
824
|
-
type ToggleSize$
|
|
824
|
+
type ToggleSize$2 = keyof typeof toggleSizes$2;
|
|
825
825
|
declare const ToggleLink: styled_components.StyledComponent<"a", any, {
|
|
826
826
|
selected?: boolean | undefined;
|
|
827
827
|
stretch?: boolean | undefined;
|
|
@@ -830,7 +830,7 @@ declare const ToggleLink: styled_components.StyledComponent<"a", any, {
|
|
|
830
830
|
type ToggleProps = React__default.PropsWithChildren<{
|
|
831
831
|
stretch?: boolean;
|
|
832
832
|
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
833
|
-
size?: ToggleSize$
|
|
833
|
+
size?: ToggleSize$2;
|
|
834
834
|
} & SharedStyleTypes>;
|
|
835
835
|
declare const Toggle: ({ size, ...props }: ToggleProps) => React__default.JSX.Element;
|
|
836
836
|
|
|
@@ -2307,13 +2307,14 @@ type ThermometerProps = {
|
|
|
2307
2307
|
style?: React__default.CSSProperties;
|
|
2308
2308
|
title?: string;
|
|
2309
2309
|
target: number;
|
|
2310
|
-
|
|
2311
|
-
|
|
2310
|
+
value: number;
|
|
2311
|
+
valueLabel?: React__default.ReactNode | ((v: number) => React__default.ReactNode);
|
|
2312
|
+
targetLabel?: React__default.ReactNode | ((v: number) => React__default.ReactNode);
|
|
2312
2313
|
barColor?: string;
|
|
2313
2314
|
labelTextColor?: string;
|
|
2314
2315
|
isSecondary?: boolean;
|
|
2315
2316
|
};
|
|
2316
|
-
declare function Thermometer({ title, target,
|
|
2317
|
+
declare function Thermometer({ title, target, targetLabel, value, valueLabel, barColor, labelTextColor, isSecondary, ...props }: ThermometerProps): React__default.JSX.Element;
|
|
2317
2318
|
|
|
2318
2319
|
type LightIndicatorProps = {
|
|
2319
2320
|
name: string;
|
|
@@ -3426,7 +3427,7 @@ declare const useFallbackRef: <T>(forwardedRef: ForwardedRef<T>) => MutableRefOb
|
|
|
3426
3427
|
declare const useValue: <T>(initialValue: T) => [T, React$1.Dispatch<React$1.SetStateAction<T>>];
|
|
3427
3428
|
//# sourceMappingURL=useValue.d.ts.map
|
|
3428
3429
|
|
|
3429
|
-
declare const toggleSizes: {
|
|
3430
|
+
declare const toggleSizes$1: {
|
|
3430
3431
|
small: {
|
|
3431
3432
|
'font-family': string;
|
|
3432
3433
|
'font-size': string;
|
|
@@ -3452,21 +3453,21 @@ declare const toggleSizes: {
|
|
|
3452
3453
|
height: string;
|
|
3453
3454
|
};
|
|
3454
3455
|
};
|
|
3455
|
-
type ToggleSize = keyof typeof toggleSizes;
|
|
3456
|
-
type CommonProps = {
|
|
3456
|
+
type ToggleSize$1 = keyof typeof toggleSizes$1;
|
|
3457
|
+
type CommonProps$1 = {
|
|
3457
3458
|
selected?: boolean;
|
|
3458
3459
|
stretch?: boolean;
|
|
3459
|
-
size?: ToggleSize;
|
|
3460
|
+
size?: ToggleSize$1;
|
|
3460
3461
|
};
|
|
3461
3462
|
type ToggleSwitchProps = {
|
|
3462
3463
|
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
3463
3464
|
style?: React__default.CSSProperties;
|
|
3464
|
-
} & CommonProps & Omit<Omit<Omit<BaseCskuProps, 'hidden'>, 'color'>, 'style'>;
|
|
3465
|
+
} & CommonProps$1 & Omit<Omit<Omit<BaseCskuProps, 'hidden'>, 'color'>, 'style'>;
|
|
3465
3466
|
type ToggleSwitchStatedProps = {
|
|
3466
3467
|
initialSelected?: boolean;
|
|
3467
3468
|
style?: React__default.CSSProperties;
|
|
3468
3469
|
onClick?: (value: boolean) => void;
|
|
3469
|
-
} & Omit<CommonProps, 'selected'> & Omit<BaseCskuProps, 'style'>;
|
|
3470
|
+
} & Omit<CommonProps$1, 'selected'> & Omit<BaseCskuProps, 'style'>;
|
|
3470
3471
|
declare const ToggleSwitchStyled: ({ onClick, size, selected, stretch, style, ...props }: ToggleSwitchProps) => React__default.JSX.Element;
|
|
3471
3472
|
declare const ToggleSwitch: ({ size, initialSelected, stretch, onClick, ...props }: ToggleSwitchStatedProps) => React__default.JSX.Element;
|
|
3472
3473
|
|
|
@@ -3645,4 +3646,36 @@ interface PaginationProps {
|
|
|
3645
3646
|
}
|
|
3646
3647
|
declare const Pagination: ({ currentPage, totalPages, onChange, }: PaginationProps) => React__default.JSX.Element;
|
|
3647
3648
|
|
|
3648
|
-
|
|
3649
|
+
declare const toggleSizes: {
|
|
3650
|
+
small: {
|
|
3651
|
+
height: string;
|
|
3652
|
+
width: string;
|
|
3653
|
+
};
|
|
3654
|
+
medium: {
|
|
3655
|
+
height: string;
|
|
3656
|
+
width: string;
|
|
3657
|
+
};
|
|
3658
|
+
large: {
|
|
3659
|
+
height: string;
|
|
3660
|
+
width: string;
|
|
3661
|
+
};
|
|
3662
|
+
};
|
|
3663
|
+
type ToggleSize = keyof typeof toggleSizes;
|
|
3664
|
+
type CommonProps = {
|
|
3665
|
+
selected?: boolean;
|
|
3666
|
+
stretch?: boolean;
|
|
3667
|
+
size?: ToggleSize;
|
|
3668
|
+
};
|
|
3669
|
+
type SwitchProps = {
|
|
3670
|
+
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
3671
|
+
style?: React__default.CSSProperties;
|
|
3672
|
+
} & CommonProps & Omit<Omit<Omit<BaseCskuProps, 'hidden'>, 'color'>, 'style'>;
|
|
3673
|
+
type SwitchStatedProps = {
|
|
3674
|
+
initialSelected?: boolean;
|
|
3675
|
+
style?: React__default.CSSProperties;
|
|
3676
|
+
onClick?: (value: boolean) => void;
|
|
3677
|
+
} & Omit<CommonProps, 'selected'> & Omit<BaseCskuProps, 'style'>;
|
|
3678
|
+
declare const SwitchStyled: ({ onClick, size, selected, stretch, style, ...props }: SwitchProps) => React__default.JSX.Element;
|
|
3679
|
+
declare const Switch: ({ size, initialSelected, stretch, onClick, ...props }: SwitchStatedProps) => React__default.JSX.Element;
|
|
3680
|
+
|
|
3681
|
+
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AddressAutocompleteInput, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClearIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentBubbleIcon, CommentIcon, CommonskuMainLogo, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, DateRange, DateRangeDropdown, DateRangeDropdownProps, DateRangeInput, DateRangeInputProps, DateRangePicker, DateRangePickerProps, DateRangePreset, Datepicker, DaysBodyWrapper, DebouncedInput, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DesignIcon, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EmptyStateArrowIcon as EmptyStateArrow, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1$1 as H1, H2$1 as H2, H3, H4, H5$1 as H5, H6, HandleIcon, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputDropdown, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledInputProps, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LayersIcon, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MergeIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavReportsIcon, NavResourcesIcon, NavSalesIcon, NestedOption, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, Pagination, PanelContact, PanelTileContact, PanelledSelect, PanelledSelectProps, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, ProductCard, ProductDetail, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResizableIcon, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SelectionTable, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SkubotLogo, SkubotSpinner, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, Switch, SwitchProps, SwitchStatedProps, SwitchStyled, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TagIcon, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TemplateIcon, Text$1 as Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, Tooltip, TrashIcon, TrendIcon, Typography, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, WarnIcon, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$2 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useValue, useWindowSize };
|