@foxford/ui 2.97.1 → 2.98.0-beta-6c5d6fb-20260227
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/dts/index.d.ts +14 -4
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/shared/utils/colors.js +1 -1
- package/shared/utils/colors.js.map +1 -1
- package/shared/utils/colors.mjs +1 -1
- package/shared/utils/colors.mjs.map +1 -1
- package/theme/themes.js +1 -1
- package/theme/themes.js.map +1 -1
- package/theme/themes.mjs +1 -1
- package/theme/themes.mjs.map +1 -1
package/dts/index.d.ts
CHANGED
|
@@ -967,6 +967,10 @@ declare function hexToRgbA(hex: string, alpha?: number): RGB | RGBA;
|
|
|
967
967
|
* @returns {boolean}
|
|
968
968
|
*/
|
|
969
969
|
declare function isHex(hex: string): boolean;
|
|
970
|
+
declare const getLightHoverColor: (color: string) => HEX;
|
|
971
|
+
declare const getLightStrongHoverColor: (color: string) => HEX;
|
|
972
|
+
declare const getDarkHoverColor: (color: string) => HEX;
|
|
973
|
+
declare const getDarkStrongHoverColor: (color: string) => HEX;
|
|
970
974
|
|
|
971
975
|
interface ThemeProviderProps {
|
|
972
976
|
theme: Partial<DefaultTheme> | ((topLevelTheme: DefaultTheme) => DefaultTheme);
|
|
@@ -7659,9 +7663,15 @@ interface Theme {
|
|
|
7659
7663
|
};
|
|
7660
7664
|
classNamePrefix: string;
|
|
7661
7665
|
defaultInputControlsWidth: number | keyof typeof SizeInput | 'auto';
|
|
7662
|
-
utils
|
|
7663
|
-
relBuilder
|
|
7664
|
-
hexToRgbA
|
|
7666
|
+
utils: {
|
|
7667
|
+
relBuilder: (_link?: string, _target?: string) => undefined | string;
|
|
7668
|
+
hexToRgbA: (hex: string, alpha?: number) => RGB | RGBA;
|
|
7669
|
+
hover: {
|
|
7670
|
+
light: (color: string) => HEX;
|
|
7671
|
+
lightStrong: (color: string) => HEX;
|
|
7672
|
+
dark: (color: string) => HEX;
|
|
7673
|
+
darkStrong: (color: string) => HEX;
|
|
7674
|
+
};
|
|
7665
7675
|
};
|
|
7666
7676
|
mixins: {
|
|
7667
7677
|
focus: (props: ThemeProps<DefaultTheme>) => string;
|
|
@@ -10607,4 +10617,4 @@ type AddElementProps = AddElementBaseProps & Omit<React.ComponentPropsWithRef<'b
|
|
|
10607
10617
|
*/
|
|
10608
10618
|
declare const AddElement: React.ForwardRefExoticComponent<AddElementProps>;
|
|
10609
10619
|
|
|
10610
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$o as Size, type SizeValue$1 as SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollLock, useScrollMonitor, vAlign };
|
|
10620
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, ActionBtn, type ActionBtnProps, AddElement, type AddElementProps, Alert, type AlertProps, Amount, type AmountProps, Anchor, Arrow, ArrowBadge, type ArrowBadgeProps, type ArrowProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BaseProps, type Breakpoint, Button, type ButtonProps, COUNTRY_DATA, type CSSBorderStyle, type CSSColor, type CSSFontWeight, type CSSGlobalValue, type CSSUnit, type CSSVerticalAlign, CURRENCY_MAP, Checkbox, type CheckboxProps, Chip, type ChipProps, type Color, ColorNames, type ColorPaletteKey, Container, type ContainerProps, ContextMenu, type ContextMenuMultiLevelProps, type ContextMenuProps, CurrencyCodes, DEFAULT_MASK, Dialog, type DialogComponentProps, type DialogProps, type DividerProps, type DomTarget, Dropdown, type DropdownProps, FormLabel, type FormLabelProps, type HEX, INITIAL_MASK, Icon, IconButton, type IconButtonProps, type IconISOCode, type IconName, type IconProps, Indicator, type IndicatorProps, Input, type InputCheckboxProps, type InputMaskOptions, type InputMaskState, type InputPhoneProps, type InputProps, type InputRadioProps, type KeysOfUnion, ListItem, type ListItemProps, Menu, type MenuComponentProps, type MenuContainerProps, type MenuDividerProps, type MenuListProps, type MenuProps, Modal, type ModalProps, Notification, type NotificationProps, type Nullable, Paper, type PaperProps, type PlaygroundToolbar, Popover, type PopoverComponentProps, type PopoverProps, Progress, ProgressCircle$1 as ProgressCircle, type ProgressCircleProps$1 as ProgressCircleProps, ProgressLine, type ProgressLineProps, type ProgressProps, type ProgressSegmentedProps, type RGB, type RGBA, Radio, type RadioProps, type ResponsiveLayoutInterpolationProps, type ResponsiveLayoutProps, type ResponsivePositionProps, type ResponsivePropKey, type ResponsiveProps, type ResponsiveSizeInterpolationProps, type ResponsiveSizeProps, withThemeScrollable as Scrollable, type ScrollableProps, Section, type SectionProps, Select, type SelectProps, Separator, type SeparatorProps, type Size$o as Size, type SizeValue$1 as SizeValue, Skeleton, type SkeletonProps, Spacer, type SpacerProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Switcher, type SwitcherProps, Tab, TabList, type TabListPanelProps, type TabListProps, type TabListTabProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextEllipseProps, type TextHeadingProps, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeMode, type ThemeName, type ThemePreset, ThemeProvider, type ToolbarControl, Tooltip, type TooltipComponentProps, type TooltipProps, type WithMergedPropsOptions, type WithThemePreset, type WrappedComponentProps, adultDarkTheme, adultLightTheme, babyDarkTheme, babyLightTheme, baseInputStyle, buildMediaQuery, color, desktopFirst, getDarkHoverColor, getDarkStrongHoverColor, getLightHoverColor, getLightStrongHoverColor, hexToRgbA, isHex, mobileFirst, motherDarkTheme, motherLightTheme, property, responsiveNamedProperty, responsiveProperty, screenL, screenM, screenMaxL, screenMaxM, screenMaxS, screenMaxXl, screenMaxXs, screenMaxXxs, screenMinL, screenMinM, screenMinS, screenMinXl, screenMinXs, screenRetina, screenS, screenXl, screenXs, teenDarkTheme, teenLightTheme, defaultTheme as theme, useClickOutside, useScrollLock, useScrollMonitor, vAlign };
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle;
|
|
1
|
+
'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');exports.getDarkHoverColor=colors$1.getDarkHoverColor,exports.getDarkStrongHoverColor=colors$1.getDarkStrongHoverColor,exports.getLightHoverColor=colors$1.getLightHoverColor,exports.getLightStrongHoverColor=colors$1.getLightStrongHoverColor,exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';
|
|
1
|
+
export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor,hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.98.0-beta-6c5d6fb-20260227",
|
|
4
4
|
"description": "UI components and utilities",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"url": "https://github.com/foxford/ui/issues"
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
"shared",
|
|
64
64
|
"theme"
|
|
65
65
|
],
|
|
66
|
-
"sha": "
|
|
66
|
+
"sha": "6c5d6fb",
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
package/shared/utils/colors.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const
|
|
1
|
+
'use strict';function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var tinycolor__default=_interopDefault(require('tinycolor2'));const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.getDarkHoverColor=o=>tinycolor__default.default(o).darken(10).toString('hex8'),exports.getDarkStrongHoverColor=o=>tinycolor__default.default(o).darken(20).toString('hex8'),exports.getLightHoverColor=o=>tinycolor__default.default(o).brighten(8).toString('hex8'),exports.getLightStrongHoverColor=o=>tinycolor__default.default(o).brighten(16).toString('hex8'),exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const r=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[l,n,a]=[...o.matchAll(r)].map((([o])=>parseInt(o.padEnd(2,o),16)));return typeof e=='number'?`rgba(${l}, ${n}, ${a}, ${e})`:`rgb(${l}, ${n}, ${a})`},exports.isHex=o=>allowedHexColorCodes.test(o);
|
|
2
2
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import type { RGB, RGBA } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n if (!allowedHexColorCodes.test(hex)) {\n throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n }\n\n const codeGroupLength = Math.floor(hex.length / 3)\n const hexCodePattern = getHexCodePattern(codeGroupLength)\n const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n if (typeof alpha === 'number') {\n return `rgba(${r}, ${g}, ${b}, ${alpha})`\n }\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n return allowedHexColorCodes.test(hex)\n}\n"],"names":["allowedHexColorCodes","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n if (!allowedHexColorCodes.test(hex)) {\n throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n }\n\n const codeGroupLength = Math.floor(hex.length / 3)\n const hexCodePattern = getHexCodePattern(codeGroupLength)\n const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n if (typeof alpha === 'number') {\n return `rgba(${r}, ${g}, ${b}, ${alpha})`\n }\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","color","tinycolor","darken","toString","brighten","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"4IAGA,MAAMA,qBAAuB,sDA0CKC,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,wCAEtDH,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,mCANjEH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,GAAGD,SAAS,yCAEvDH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,IAAID,SAAS,0BA7BhG,CAAmBE,EAAaC,KACrC,IAAKP,qBAAqBQ,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,KAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,MAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,gBASsBZ,GACbN,qBAAqBQ,KAAKF"}
|
package/shared/utils/colors.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;function hexToRgbA(o,
|
|
1
|
+
import tinycolor from'tinycolor2';const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;function hexToRgbA(o,r){if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const e=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[n,g,l]=[...o.matchAll(e)].map((([o])=>parseInt(o.padEnd(2,o),16)));return typeof r=='number'?`rgba(${n}, ${g}, ${l}, ${r})`:`rgb(${n}, ${g}, ${l})`}function isHex(o){return allowedHexColorCodes.test(o)}const getLightHoverColor=o=>tinycolor(o).brighten(8).toString('hex8');const getLightStrongHoverColor=o=>tinycolor(o).brighten(16).toString('hex8');const getDarkHoverColor=o=>tinycolor(o).darken(10).toString('hex8');const getDarkStrongHoverColor=o=>tinycolor(o).darken(20).toString('hex8');export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor,hexToRgbA,isHex};
|
|
2
2
|
//# sourceMappingURL=colors.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.mjs","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import type { RGB, RGBA } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n if (!allowedHexColorCodes.test(hex)) {\n throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n }\n\n const codeGroupLength = Math.floor(hex.length / 3)\n const hexCodePattern = getHexCodePattern(codeGroupLength)\n const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n if (typeof alpha === 'number') {\n return `rgba(${r}, ${g}, ${b}, ${alpha})`\n }\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n return allowedHexColorCodes.test(hex)\n}\n"],"names":["allowedHexColorCodes","hexToRgbA","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd","isHex"],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.mjs","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n if (!allowedHexColorCodes.test(hex)) {\n throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n }\n\n const codeGroupLength = Math.floor(hex.length / 3)\n const hexCodePattern = getHexCodePattern(codeGroupLength)\n const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n if (typeof alpha === 'number') {\n return `rgba(${r}, ${g}, ${b}, ${alpha})`\n }\n\n return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","hexToRgbA","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd","isHex","getLightHoverColor","color","tinycolor","brighten","toString","getLightStrongHoverColor","getDarkHoverColor","darken","getDarkStrongHoverColor"],"mappings":"kCAGA,MAAMA,qBAAuB,4BAWtB,SAASC,UAAUC,EAAaC,GACrC,IAAKH,qBAAqBI,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,KAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,MAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,CASO,SAASM,MAAMlB,GACpB,OAAOF,qBAAqBI,KAAKF,EACnC,OAEamB,mBAAsBC,GAAuBC,UAAUD,GAAOE,SAAS,GAAGC,SAAS,cAEnFC,yBAA4BJ,GAAuBC,UAAUD,GAAOE,SAAS,IAAIC,SAAS,cAE1FE,kBAAqBL,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS,cAEjFI,wBAA2BP,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS"}
|
package/theme/themes.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var colors$1=require('../shared/utils/colors.js');var relBuilder=require('../shared/utils/rel-builder.js');var focus=require('../mixins/focus.js');var sizeInput=require('../shared/enums/sizeInput.js');var constants=require('../shared/constants.js');var colors=require('./colors.js');var colorsLight=require('./colors-light.js');var colorsDark=require('./colors-dark.js');const defaultTheme={breakpoints:constants.BREAKPOINTS,colors:{...colors.colors,...colors.socialColors,...colors.unitColors,...colorsLight.baseColors,...colorsLight.motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:sizeInput.SizeInput.l,utils:{relBuilder:relBuilder.relBuilder,hexToRgbA:colors$1.hexToRgbA},mixins:{focus:focus.focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.motherColors},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.babyColors},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.teenColors},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.adultColors},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.adultColors},mode:'dark',preset:'brand',name:'adult'};exports.adultDarkTheme=adultDarkTheme,exports.adultLightTheme=adultLightTheme,exports.babyDarkTheme=babyDarkTheme,exports.babyLightTheme=babyLightTheme,exports.defaultTheme=defaultTheme,exports.motherDarkTheme=motherDarkTheme,exports.motherLightTheme=motherLightTheme,exports.teenDarkTheme=teenDarkTheme,exports.teenLightTheme=teenLightTheme;
|
|
1
|
+
'use strict';var colors$1=require('../shared/utils/colors.js');var relBuilder=require('../shared/utils/rel-builder.js');var focus=require('../mixins/focus.js');var sizeInput=require('../shared/enums/sizeInput.js');var constants=require('../shared/constants.js');var colors=require('./colors.js');var colorsLight=require('./colors-light.js');var colorsDark=require('./colors-dark.js');const defaultTheme={breakpoints:constants.BREAKPOINTS,colors:{...colors.colors,...colors.socialColors,...colors.unitColors,...colorsLight.baseColors,...colorsLight.motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:sizeInput.SizeInput.l,utils:{relBuilder:relBuilder.relBuilder,hexToRgbA:colors$1.hexToRgbA,hover:{light:colors$1.getLightHoverColor,lightStrong:colors$1.getLightStrongHoverColor,dark:colors$1.getDarkHoverColor,darkStrong:colors$1.getDarkStrongHoverColor}},mixins:{focus:focus.focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.motherColors},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.babyColors},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.teenColors},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.adultColors},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.adultColors},mode:'dark',preset:'brand',name:'adult'};exports.adultDarkTheme=adultDarkTheme,exports.adultLightTheme=adultLightTheme,exports.babyDarkTheme=babyDarkTheme,exports.babyLightTheme=babyLightTheme,exports.defaultTheme=defaultTheme,exports.motherDarkTheme=motherDarkTheme,exports.motherLightTheme=motherLightTheme,exports.teenDarkTheme=teenDarkTheme,exports.teenLightTheme=teenLightTheme;
|
|
2
2
|
//# sourceMappingURL=themes.js.map
|
package/theme/themes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {
|
|
1
|
+
{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n hexToRgbA,\n getLightHoverColor,\n getLightStrongHoverColor,\n getDarkHoverColor,\n getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\n\nexport const defaultTheme: DefaultTheme = {\n breakpoints: BREAKPOINTS,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n ...ColorsLight.baseColors,\n ...ColorsLight.motherColors,\n },\n borderRadius: '5px',\n textColor: 'mineShaft',\n fallbackColor: 'mineShaft',\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n hexToRgbA,\n hover: {\n light: getLightHoverColor,\n lightStrong: getLightStrongHoverColor,\n dark: getDarkHoverColor,\n darkStrong: getDarkStrongHoverColor,\n },\n },\n mixins: {\n focus,\n },\n mode: 'light',\n preset: 'default',\n name: 'mother',\n components: {\n Arrow: {\n size: 'l',\n },\n Button: {\n size: 'm',\n },\n Checkbox: {\n size: 'm',\n },\n Tooltip: {\n preset: 'default',\n },\n },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n ...defaultTheme,\n preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.motherColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.babyColors,\n },\n preset: 'brand',\n name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.babyColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.teenColors,\n },\n preset: 'brand',\n name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.teenColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.adultColors,\n },\n preset: 'brand',\n name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.adultColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'adult',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"gYAgBO,MAAMA,aAA6B,CACxCC,YAAaC,UAAAA,YACbC,OAAQ,IACHA,OAAAA,UACAC,OAAAA,gBACAC,OAAAA,cACAC,YAAAA,cACAA,YAAAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAAA,UAAUC,EACrCC,MAAO,YACLC,WAAAA,qBACAC,SAAAA,UACAC,MAAO,CACLC,MAAOC,SAAAA,mBACPC,YAAaC,SAAAA,yBACbC,KAAMC,SAAAA,kBACNC,WAAYC,SAAAA,0BAGhBC,OAAQ,CACNC,MAAAA,MAAAA,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,cAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,aAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}
|
package/theme/themes.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{hexToRgbA}from'../shared/utils/colors.mjs';import{relBuilder}from'../shared/utils/rel-builder.mjs';import{focus}from'../mixins/focus.mjs';import{SizeInput}from'../shared/enums/sizeInput.mjs';import{BREAKPOINTS}from'../shared/constants.mjs';import{unitColors,socialColors,colors}from'./colors.mjs';import{motherColors,baseColors as baseColors$1,adultColors as adultColors$1,babyColors as babyColors$1,teenColors as teenColors$1}from'./colors-light.mjs';import{adultColors,baseColors,babyColors,motherColors as motherColors$1,teenColors}from'./colors-dark.mjs';const defaultTheme={breakpoints:BREAKPOINTS,colors:{...colors,...socialColors,...unitColors,...baseColors$1,...motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:SizeInput.l,utils:{relBuilder,hexToRgbA},mixins:{focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...motherColors$1},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...babyColors$1},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...teenColors$1},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...adultColors$1},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...adultColors},mode:'dark',preset:'brand',name:'adult'};export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,defaultTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme};
|
|
1
|
+
import{getDarkStrongHoverColor,getDarkHoverColor,getLightStrongHoverColor,getLightHoverColor,hexToRgbA}from'../shared/utils/colors.mjs';import{relBuilder}from'../shared/utils/rel-builder.mjs';import{focus}from'../mixins/focus.mjs';import{SizeInput}from'../shared/enums/sizeInput.mjs';import{BREAKPOINTS}from'../shared/constants.mjs';import{unitColors,socialColors,colors}from'./colors.mjs';import{motherColors,baseColors as baseColors$1,adultColors as adultColors$1,babyColors as babyColors$1,teenColors as teenColors$1}from'./colors-light.mjs';import{adultColors,baseColors,babyColors,motherColors as motherColors$1,teenColors}from'./colors-dark.mjs';const defaultTheme={breakpoints:BREAKPOINTS,colors:{...colors,...socialColors,...unitColors,...baseColors$1,...motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:SizeInput.l,utils:{relBuilder,hexToRgbA,hover:{light:getLightHoverColor,lightStrong:getLightStrongHoverColor,dark:getDarkHoverColor,darkStrong:getDarkStrongHoverColor}},mixins:{focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...motherColors$1},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...babyColors$1},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...teenColors$1},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...adultColors$1},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...adultColors},mode:'dark',preset:'brand',name:'adult'};export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,defaultTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme};
|
|
2
2
|
//# sourceMappingURL=themes.mjs.map
|
package/theme/themes.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.mjs","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {
|
|
1
|
+
{"version":3,"file":"themes.mjs","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n hexToRgbA,\n getLightHoverColor,\n getLightStrongHoverColor,\n getDarkHoverColor,\n getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\n\nexport const defaultTheme: DefaultTheme = {\n breakpoints: BREAKPOINTS,\n colors: {\n ...colors,\n ...socialColors,\n ...unitColors,\n ...ColorsLight.baseColors,\n ...ColorsLight.motherColors,\n },\n borderRadius: '5px',\n textColor: 'mineShaft',\n fallbackColor: 'mineShaft',\n zIndex: {\n modal: 9000,\n tooltip: 80,\n },\n classNamePrefix: 'fox',\n defaultInputControlsWidth: SizeInput.l,\n utils: {\n relBuilder,\n hexToRgbA,\n hover: {\n light: getLightHoverColor,\n lightStrong: getLightStrongHoverColor,\n dark: getDarkHoverColor,\n darkStrong: getDarkStrongHoverColor,\n },\n },\n mixins: {\n focus,\n },\n mode: 'light',\n preset: 'default',\n name: 'mother',\n components: {\n Arrow: {\n size: 'l',\n },\n Button: {\n size: 'm',\n },\n Checkbox: {\n size: 'm',\n },\n Tooltip: {\n preset: 'default',\n },\n },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n ...defaultTheme,\n preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.motherColors,\n },\n mode: 'dark',\n preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.babyColors,\n },\n preset: 'brand',\n name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.babyColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.teenColors,\n },\n preset: 'brand',\n name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.teenColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsLight.adultColors,\n },\n preset: 'brand',\n name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n ...defaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...ColorsDark.baseColors,\n ...ColorsDark.adultColors,\n },\n mode: 'dark',\n preset: 'brand',\n name: 'adult',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"4oBAgBO,MAAMA,aAA6B,CACxCC,YAAaC,YACbC,OAAQ,IACHA,UACAC,gBACAC,cACAC,gBACAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAUC,EACrCC,MAAO,CACLC,WACAC,UACAC,MAAO,CACLC,MAAOC,mBACPC,YAAaC,yBACbC,KAAMC,kBACNC,WAAYC,0BAGhBC,OAAQ,CACNC,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,gBAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,eAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}
|