@foxford/ui 2.78.0 → 2.79.0-beta-f5654ee-20250916
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/components/Button/Button.js +1 -1
- package/components/Button/Button.js.map +1 -1
- package/components/Button/Button.mjs +1 -1
- package/components/Button/Button.mjs.map +1 -1
- package/components/Button/sizes-default.js +2 -0
- package/components/Button/sizes-default.js.map +1 -0
- package/components/Button/sizes-default.mjs +2 -0
- package/components/Button/sizes-default.mjs.map +1 -0
- package/components/Button/sizes.js +2 -0
- package/components/Button/sizes.js.map +1 -0
- package/components/Button/sizes.mjs +2 -0
- package/components/Button/sizes.mjs.map +1 -0
- package/components/Button/style.js +1 -1
- package/components/Button/style.js.map +1 -1
- package/components/Button/style.mjs +1 -1
- package/components/Button/style.mjs.map +1 -1
- package/components/Chip/constants.js +1 -1
- package/components/Chip/constants.js.map +1 -1
- package/components/Chip/constants.mjs +1 -1
- package/components/Chip/constants.mjs.map +1 -1
- package/components/IconButton/IconButton.js +1 -1
- package/components/IconButton/IconButton.js.map +1 -1
- package/components/IconButton/IconButton.mjs +1 -1
- package/components/IconButton/IconButton.mjs.map +1 -1
- package/components/IconButton/sizes.js +2 -0
- package/components/IconButton/sizes.js.map +1 -0
- package/components/IconButton/sizes.mjs +2 -0
- package/components/IconButton/sizes.mjs.map +1 -0
- package/components/Input/constants.js +1 -1
- package/components/Input/constants.js.map +1 -1
- package/components/Input/constants.mjs +1 -1
- package/components/Input/constants.mjs.map +1 -1
- package/components/Notification/constants.js +1 -1
- package/components/Notification/constants.js.map +1 -1
- package/components/Notification/constants.mjs +1 -1
- package/components/Notification/constants.mjs.map +1 -1
- package/components/PopoverComponent/sizes.js +1 -1
- package/components/PopoverComponent/sizes.js.map +1 -1
- package/components/PopoverComponent/sizes.mjs +1 -1
- package/components/PopoverComponent/sizes.mjs.map +1 -1
- package/components/Scrollable/Scrollable.js.map +1 -1
- package/components/Scrollable/Scrollable.mjs.map +1 -1
- package/components/TabList/sizes.js +1 -1
- package/components/TabList/sizes.js.map +1 -1
- package/components/TabList/sizes.mjs +1 -1
- package/components/TabList/sizes.mjs.map +1 -1
- package/components/Text/Text.js +1 -1
- package/components/Text/Text.js.map +1 -1
- package/components/Text/Text.mjs +1 -1
- package/components/Text/Text.mjs.map +1 -1
- package/dts/index.d.ts +319 -108
- package/mixins/responsive-margin.js +1 -1
- package/mixins/responsive-margin.js.map +1 -1
- package/mixins/responsive-margin.mjs +1 -1
- package/mixins/responsive-margin.mjs.map +1 -1
- package/package.json +2 -2
- package/components/Button/constants.js +0 -2
- package/components/Button/constants.js.map +0 -1
- package/components/Button/constants.mjs +0 -2
- package/components/Button/constants.mjs.map +0 -1
- package/components/Button/default-constants.js +0 -2
- package/components/Button/default-constants.js.map +0 -1
- package/components/Button/default-constants.mjs +0 -2
- package/components/Button/default-constants.mjs.map +0 -1
- package/components/IconButton/constants.js +0 -2
- package/components/IconButton/constants.js.map +0 -1
- package/components/IconButton/constants.mjs +0 -2
- package/components/IconButton/constants.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.mjs","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { LoaderFill } from '@foxford/icon-pack'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-contrast'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-brand-primary'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color as keyof typeof props.theme.colors])\n .saturate(-5)\n .lighten(-8)\n .toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n let cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n if (props.loading) cursor = 'wait'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${cursor};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${\n props.preset === 'brand'\n ? `\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }`\n : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.default\n }}\n\n ${focus}\n ${responsiveSize}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n }}\n ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n return responsiveNamedProperty({\n sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n cssProperty: 'margin-top',\n })\n }}\n ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n return responsiveNamedProperty({\n sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n cssProperty: 'margin-right',\n })\n }}\n ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n cssProperty: 'margin-bottom',\n })\n }}\n ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n cssProperty: 'margin-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const LoaderIcon = styled(LoaderFill)`\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","contrast","clear","props","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","displayName","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","onColored","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","heightXS","heightS","heightM","heightL","heightXL","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","LoaderFill"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"style.mjs","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color as keyof typeof props.theme.colors])\n .saturate(-5)\n .lighten(-8)\n .toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n let cursor = 'pointer'\n if (props.loading) cursor = 'wait'\n if (props.success) cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${cursor};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n font: inherit;\n ${\n props.preset === 'brand'\n ? `\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }`\n : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const Content = styled.span`\n display: flex;\n align-items: center;\n justify-content: center;\n &[aria-hidden='true'],\n &[aria-hidden='true'] * {\n visibility: hidden !important;\n }\n & > *:not(:last-child) {\n margin-right: var(--gap, 0.25em);\n }\n`\n\nexport const IconPosition = styled.span`\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const IconAnimation = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n @media (prefers-reduced-motion: reduce) {\n animation-name: none;\n }\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","contrast","clear","props","theme","colors","transparent","base","success","tinycolor","darken","toString","outline","loading","filled","danger","black","lighten","default","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","displayName","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","onColored","focus","responsiveSize","responsiveMargin","padding","property","paddingTop","paddingBottom","fluid","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","heightXS","heightS","heightM","heightL","heightXL","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","fluidXS","fluidS","fluidM","fluidL","fluidXL","Content","span","IconPosition","IconAnimation"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var constants=require('../Indicator/constants.js');require('../Indicator/Indicator.js');var constants$1=require('../Avatar/constants.js');require('../Avatar/Avatar.js');var
|
|
1
|
+
'use strict';var constants=require('../Indicator/constants.js');require('../Indicator/Indicator.js');var constants$1=require('../Avatar/constants.js');require('../Avatar/Avatar.js');var sizes=require('../IconButton/sizes.js');const SIZES_CHIP_INDICATOR={xxl:constants.SIZES_SQUARE.l,xl:constants.SIZES_SQUARE.l,l:constants.SIZES_SQUARE.m,m:constants.SIZES_SQUARE.m,s:constants.SIZES_SQUARE.s,xs:constants.SIZES_SQUARE.s};const SIZES_CHIP_AVATAR={xxl:constants$1.SIZES.xs,xl:constants$1.SIZES.xs,l:constants$1.SIZES.xxs,m:constants$1.SIZES.xxs,s:constants$1.SIZES.xxxs,xs:constants$1.SIZES.xxxs};const SIZES_CHIP_AVATAR_SQUARE={xxl:constants$1.SIZES_SQUARE.xs,xl:constants$1.SIZES_SQUARE.xs,l:constants$1.SIZES_SQUARE.xxs,m:constants$1.SIZES_SQUARE.xxs,s:constants$1.SIZES_SQUARE.xxxs,xs:constants$1.SIZES_SQUARE.xxxs};const SIZES_DISCARD_BUTTON={xxl:sizes.SIZES.l,xl:sizes.SIZES.l,l:sizes.SIZES.m,m:sizes.SIZES.m,s:sizes.SIZES.s,xs:sizes.SIZES.s};const SIZES_DISCARD_BUTTON_SQUARE={xxl:sizes.SIZES_SQUARE.l,xl:sizes.SIZES_SQUARE.l,l:sizes.SIZES_SQUARE.m,m:sizes.SIZES_SQUARE.m,s:sizes.SIZES_SQUARE.s,xs:sizes.SIZES_SQUARE.s};exports.SIZES={xxl:{fontSize:18,width:'max-content',minHeight:56,padding:'12px 14px',borderRadius:12},xl:{fontSize:18,width:'max-content',minHeight:48,padding:'8px 10px',borderRadius:10},l:{fontSize:16,width:'max-content',minHeight:40,padding:'6px 8px',borderRadius:8},m:{fontSize:16,width:'max-content',minHeight:36,padding:'4px 6px',borderRadius:8},s:{fontSize:14,width:'max-content',minHeight:32,padding:'4px 6px',borderRadius:7},xs:{fontSize:14,width:'max-content',minHeight:28,padding:'2px 4px',borderRadius:6}},exports.SIZES_CHIP_AVATAR=SIZES_CHIP_AVATAR,exports.SIZES_CHIP_AVATAR_SQUARE=SIZES_CHIP_AVATAR_SQUARE,exports.SIZES_CHIP_INDICATOR=SIZES_CHIP_INDICATOR,exports.SIZES_DISCARD_BUTTON=SIZES_DISCARD_BUTTON,exports.SIZES_DISCARD_BUTTON_SQUARE=SIZES_DISCARD_BUTTON_SQUARE,exports.SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","SIZES_SQUARE","l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","SIZES","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","SIZES_SQUARE","l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","SIZES","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"kOA4DO,MAAMA,qBAAwD,CACnEC,IAAKC,UAAeC,aAACC,EACrBC,GAAIH,UAAeC,aAACC,EACpBA,EAAGF,UAAeC,aAACG,EACnBA,EAAGJ,UAAeC,aAACG,EACnBC,EAAGL,UAAeC,aAACI,EACnBC,GAAIN,UAAeC,aAACI,GAGf,MAAME,kBAAqD,CAChER,IAAKS,YAAYC,MAACH,GAClBH,GAAIK,YAAYC,MAACH,GACjBJ,EAAGM,YAAYC,MAACC,IAChBN,EAAGI,YAAYC,MAACC,IAChBL,EAAGG,YAAYC,MAACE,KAChBL,GAAIE,YAAYC,MAACE,MAGZ,MAAMC,yBAA4D,CACvEb,IAAKc,YAAmBZ,aAACK,GACzBH,GAAIU,YAAmBZ,aAACK,GACxBJ,EAAGW,YAAmBZ,aAACS,IACvBN,EAAGS,YAAmBZ,aAACS,IACvBL,EAAGQ,YAAmBZ,aAACU,KACvBL,GAAIO,YAAmBZ,aAACU,MAGnB,MAAMG,qBAAwD,CACnEf,IAAKgB,MAAiBN,MAACP,EACvBC,GAAIY,MAAiBN,MAACP,EACtBA,EAAGa,MAAiBN,MAACL,EACrBA,EAAGW,MAAiBN,MAACL,EACrBC,EAAGU,MAAiBN,MAACJ,EACrBC,GAAIS,MAAiBN,MAACJ,GAGjB,MAAMW,4BAA+D,CAC1EjB,IAAKkB,MAAwBhB,aAACC,EAC9BC,GAAIc,MAAwBhB,aAACC,EAC7BA,EAAGe,MAAwBhB,aAACG,EAC5BA,EAAGa,MAAwBhB,aAACG,EAC5BC,EAAGY,MAAwBhB,aAACI,EAC5BC,GAAIW,MAAwBhB,aAACI,iBAhGuB,CACpDN,IAAK,CACHmB,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,IAEhBnB,GAAI,CACFe,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,IAEhBpB,EAAG,CACDgB,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBlB,EAAG,CACDc,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBjB,EAAG,CACDa,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBhB,GAAI,CACFY,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,iSAIyC,CACzDvB,IAAK,CAAEmB,SAAU,IACjBf,GAAI,CAAEe,SAAU,IAChBhB,EAAG,CAAEgB,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{SIZES_SQUARE}from'../Indicator/constants.mjs';import'../Indicator/Indicator.mjs';import{SIZES as SIZES$1,SIZES_SQUARE as SIZES_SQUARE$1}from'../Avatar/constants.mjs';import'../Avatar/Avatar.mjs';import{SIZES as SIZES$2,SIZES_SQUARE as SIZES_SQUARE$2}from'../IconButton/
|
|
1
|
+
import{SIZES_SQUARE}from'../Indicator/constants.mjs';import'../Indicator/Indicator.mjs';import{SIZES as SIZES$1,SIZES_SQUARE as SIZES_SQUARE$1}from'../Avatar/constants.mjs';import'../Avatar/Avatar.mjs';import{SIZES as SIZES$2,SIZES_SQUARE as SIZES_SQUARE$2}from'../IconButton/sizes.mjs';const SIZES={xxl:{fontSize:18,width:'max-content',minHeight:56,padding:'12px 14px',borderRadius:12},xl:{fontSize:18,width:'max-content',minHeight:48,padding:'8px 10px',borderRadius:10},l:{fontSize:16,width:'max-content',minHeight:40,padding:'6px 8px',borderRadius:8},m:{fontSize:16,width:'max-content',minHeight:36,padding:'4px 6px',borderRadius:8},s:{fontSize:14,width:'max-content',minHeight:32,padding:'4px 6px',borderRadius:7},xs:{fontSize:14,width:'max-content',minHeight:28,padding:'2px 4px',borderRadius:6}};const SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}};const SIZES_CHIP_INDICATOR={xxl:SIZES_SQUARE.l,xl:SIZES_SQUARE.l,l:SIZES_SQUARE.m,m:SIZES_SQUARE.m,s:SIZES_SQUARE.s,xs:SIZES_SQUARE.s};const SIZES_CHIP_AVATAR={xxl:SIZES$1.xs,xl:SIZES$1.xs,l:SIZES$1.xxs,m:SIZES$1.xxs,s:SIZES$1.xxxs,xs:SIZES$1.xxxs};const SIZES_CHIP_AVATAR_SQUARE={xxl:SIZES_SQUARE$1.xs,xl:SIZES_SQUARE$1.xs,l:SIZES_SQUARE$1.xxs,m:SIZES_SQUARE$1.xxs,s:SIZES_SQUARE$1.xxxs,xs:SIZES_SQUARE$1.xxxs};const SIZES_DISCARD_BUTTON={xxl:SIZES$2.l,xl:SIZES$2.l,l:SIZES$2.m,m:SIZES$2.m,s:SIZES$2.s,xs:SIZES$2.s};const SIZES_DISCARD_BUTTON_SQUARE={xxl:SIZES_SQUARE$2.l,xl:SIZES_SQUARE$2.l,l:SIZES_SQUARE$2.m,m:SIZES_SQUARE$2.m,s:SIZES_SQUARE$2.s,xs:SIZES_SQUARE$2.s};export{SIZES,SIZES_CHIP_AVATAR,SIZES_CHIP_AVATAR_SQUARE,SIZES_CHIP_INDICATOR,SIZES_DISCARD_BUTTON,SIZES_DISCARD_BUTTON_SQUARE,SIZES_ICON};
|
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES","xxl","fontSize","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_ICON","SIZES_CHIP_INDICATOR","SIZES_INDICATOR","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES","xxl","fontSize","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_ICON","SIZES_CHIP_INDICATOR","SIZES_INDICATOR","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE"],"mappings":"+RAMO,MAAMA,MAAyC,CACpDC,IAAK,CACHC,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,IAEhBC,GAAI,CACFL,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,IAEhBE,EAAG,CACDN,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBG,EAAG,CACDP,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBI,EAAG,CACDR,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBK,GAAI,CACFT,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,IAIX,MAAMM,WAA8C,CACzDX,IAAK,CAAEC,SAAU,IACjBK,GAAI,CAAEL,SAAU,IAChBM,EAAG,CAAEN,SAAU,IACfO,EAAG,CAAEP,SAAU,IACfQ,EAAG,CAAER,SAAU,IACfS,GAAI,CAAET,SAAU,KAGX,MAAMW,qBAAwD,CACnEZ,IAAKa,aAAgBN,EACrBD,GAAIO,aAAgBN,EACpBA,EAAGM,aAAgBL,EACnBA,EAAGK,aAAgBL,EACnBC,EAAGI,aAAgBJ,EACnBC,GAAIG,aAAgBJ,GAGf,MAAMK,kBAAqD,CAChEd,IAAKe,QAAaL,GAClBJ,GAAIS,QAAaL,GACjBH,EAAGQ,QAAaC,IAChBR,EAAGO,QAAaC,IAChBP,EAAGM,QAAaE,KAChBP,GAAIK,QAAaE,MAGZ,MAAMC,yBAA4D,CACvElB,IAAKmB,eAAoBT,GACzBJ,GAAIa,eAAoBT,GACxBH,EAAGY,eAAoBH,IACvBR,EAAGW,eAAoBH,IACvBP,EAAGU,eAAoBF,KACvBP,GAAIS,eAAoBF,MAGnB,MAAMG,qBAAwD,CACnEpB,IAAKqB,QAAkBd,EACvBD,GAAIe,QAAkBd,EACtBA,EAAGc,QAAkBb,EACrBA,EAAGa,QAAkBb,EACrBC,EAAGY,QAAkBZ,EACrBC,GAAIW,QAAkBZ,GAGjB,MAAMa,4BAA+D,CAC1EtB,IAAKuB,eAAyBhB,EAC9BD,GAAIiB,eAAyBhB,EAC7BA,EAAGgB,eAAyBf,EAC5BA,EAAGe,eAAyBf,EAC5BC,EAAGc,eAAyBd,EAC5BC,GAAIa,eAAyBd"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var
|
|
1
|
+
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const IconButton=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:i="m",type:r="button",iconProps:t={},icon:o,sizeXXS:n,sizeXS:c,sizeS:z,sizeM:u,sizeL:a,sizeXL:I,...S}=e;const p={size:i,sizeXXS:n,sizeXS:c,sizeS:z,sizeM:u,sizeL:a,sizeXL:I};return jsxRuntime.jsx(style.Root,{...S,...p,type:r,ref:s,children:jsxRuntime.jsx(Icon.Icon,{...p,sizes:sizes.SIZES_ICON,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0,...t})})})),{displayName:'IconButton',sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.IconButton=IconButton;
|
|
2
2
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE, SIZES_ICON } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n IconButtonProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n const {\n size = 'm',\n type = 'button',\n iconProps = {},\n icon,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} ref={ref}>\n <Icon\n {...sizeProps}\n sizes={SIZES_ICON}\n preset='brand'\n name={typeof icon === 'string' ? icon : undefined}\n icon={typeof icon !== 'string' ? icon : undefined}\n {...iconProps}\n />\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsx","Styled","children","jsx","Icon","sizes","SIZES_ICON","preset","name","undefined","displayName","square","SIZES_SQUARE","SIZES"],"mappings":"qPAgBMA,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SAAQC,UACfA,EAAY,CAAE,EAAAC,KACdA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDZ,EAEJ,MAAMa,EAAY,CAChBX,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,WAAAA,IAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWV,KAAMA,EAAMF,IAAKA,EAAIe,SAC9DF,WAAAG,IAACC,UAAI,IACCL,EACJM,MAAOC,MAAWA,WAClBC,OAAO,QACPC,YAAajB,GAAS,SAAWA,OAAOkB,EACxClB,YAAaA,GAAS,SAAWA,OAAOkB,KACpCnB,KAEM,IAGlB,CACEoB,YAnDmB,aAoDnBL,MAAQnB,GAAWA,EAAMyB,OAASC,MAAYA,aAAGC,MAAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./
|
|
1
|
+
import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const IconButton=withMergedProps(forwardRef(((o,e)=>{const{size:s="m",type:i="button",iconProps:r={},icon:t,sizeXXS:n,sizeXS:m,sizeS:S,sizeM:c,sizeL:p,sizeXL:z,...I}=o;const f={size:s,sizeXXS:n,sizeXS:m,sizeS:S,sizeM:c,sizeL:p,sizeXL:z};return jsx(Root,{...I,...f,type:i,ref:e,children:jsx(Icon,{...f,sizes:SIZES_ICON,preset:"brand",name:typeof t=='string'?t:void 0,icon:typeof t!='string'?t:void 0,...r})})})),{displayName:'IconButton',sizes:o=>o.square?SIZES_SQUARE:SIZES});export{IconButton};
|
|
2
2
|
//# sourceMappingURL=IconButton.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './
|
|
1
|
+
{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE, SIZES_ICON } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n IconButtonProps,\n HTMLButtonElement\n>(\n forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n const {\n size = 'm',\n type = 'button',\n iconProps = {},\n icon,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} type={type} ref={ref}>\n <Icon\n {...sizeProps}\n sizes={SIZES_ICON}\n preset='brand'\n name={typeof icon === 'string' ? icon : undefined}\n icon={typeof icon !== 'string' ? icon : undefined}\n {...iconProps}\n />\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsx","Styled","children","Icon","sizes","SIZES_ICON","preset","name","undefined","displayName","square","SIZES_SQUARE","SIZES"],"mappings":"qPAgBMA,MAAAA,WAA+DC,gBAInEC,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SAAQC,UACfA,EAAY,CAAE,EAAAC,KACdA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDZ,EAEJ,MAAMa,EAAY,CAChBX,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,IAACC,KAAW,IAAKH,KAAeC,EAAWV,KAAMA,EAAMF,IAAKA,EAAIe,SAC9DF,IAACG,KAAI,IACCJ,EACJK,MAAOC,WACPC,OAAO,QACPC,YAAahB,GAAS,SAAWA,OAAOiB,EACxCjB,YAAaA,GAAS,SAAWA,OAAOiB,KACpClB,KAEM,IAGlB,CACEmB,YAnDmB,aAoDnBL,MAAQlB,GAAWA,EAAMwB,OAASC,aAAeC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';exports.SIZES={xxl:{width:40,height:40,borderRadius:'50%'},xl:{width:32,height:32,borderRadius:'50%'},l:{width:28,height:28,borderRadius:'50%'},m:{width:24,height:24,borderRadius:'50%'},s:{width:20,height:20,borderRadius:'50%'},xs:{width:18,height:18,borderRadius:'50%'},xxs:{width:16,height:16,borderRadius:'50%'}},exports.SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12}},exports.SIZES_SQUARE={xxl:{width:40,height:40,borderRadius:8},xl:{width:32,height:32,borderRadius:7},l:{width:28,height:28,borderRadius:6},m:{width:24,height:24,borderRadius:5},s:{width:20,height:20,borderRadius:4},xs:{width:18,height:18,borderRadius:4},xxs:{width:16,height:16,borderRadius:4}};
|
|
2
|
+
//# sourceMappingURL=sizes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizes.js","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxl: {\n width: 40,\n height: 40,\n borderRadius: '50%',\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: '50%',\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: '50%',\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: '50%',\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: '50%',\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: '50%',\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxl: {\n width: 40,\n height: 40,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: 6,\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: 4,\n },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: { fontSize: 16 },\n xs: { fontSize: 14 },\n xxs: { fontSize: 12 },\n}\n"],"names":["xxl","width","height","borderRadius","xl","l","m","s","xs","xxs","fontSize"],"mappings":"2BAGkD,CAChDA,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,2BA0CqC,CACrDH,IAAK,CAAEU,SAAU,IACjBN,GAAI,CAAEM,SAAU,IAChBL,EAAG,CAAEK,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,GAAI,CAAEE,SAAU,IAChBD,IAAK,CAAEC,SAAU,0BA7CsC,CACvDV,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const SIZES={xxl:{width:40,height:40,borderRadius:'50%'},xl:{width:32,height:32,borderRadius:'50%'},l:{width:28,height:28,borderRadius:'50%'},m:{width:24,height:24,borderRadius:'50%'},s:{width:20,height:20,borderRadius:'50%'},xs:{width:18,height:18,borderRadius:'50%'},xxs:{width:16,height:16,borderRadius:'50%'}};const SIZES_SQUARE={xxl:{width:40,height:40,borderRadius:8},xl:{width:32,height:32,borderRadius:7},l:{width:28,height:28,borderRadius:6},m:{width:24,height:24,borderRadius:5},s:{width:20,height:20,borderRadius:4},xs:{width:18,height:18,borderRadius:4},xxs:{width:16,height:16,borderRadius:4}};const SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12}};export{SIZES,SIZES_ICON,SIZES_SQUARE};
|
|
2
|
+
//# sourceMappingURL=sizes.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxl: {\n width: 40,\n height: 40,\n borderRadius: '50%',\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: '50%',\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: '50%',\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: '50%',\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: '50%',\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: '50%',\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxl: {\n width: 40,\n height: 40,\n borderRadius: 8,\n },\n xl: {\n width: 32,\n height: 32,\n borderRadius: 7,\n },\n l: {\n width: 28,\n height: 28,\n borderRadius: 6,\n },\n m: {\n width: 24,\n height: 24,\n borderRadius: 5,\n },\n s: {\n width: 20,\n height: 20,\n borderRadius: 4,\n },\n xs: {\n width: 18,\n height: 18,\n borderRadius: 4,\n },\n xxs: {\n width: 16,\n height: 16,\n borderRadius: 4,\n },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: { fontSize: 16 },\n xs: { fontSize: 14 },\n xxs: { fontSize: 12 },\n}\n"],"names":["SIZES","xxl","width","height","borderRadius","xl","l","m","s","xs","xxs","SIZES_SQUARE","SIZES_ICON","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,QAIX,MAAMO,aAA4C,CACvDV,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,IAIX,MAAMQ,WAA0C,CACrDX,IAAK,CAAEY,SAAU,IACjBR,GAAI,CAAEQ,SAAU,IAChBP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU,IACfL,EAAG,CAAEK,SAAU,IACfJ,GAAI,CAAEI,SAAU,IAChBH,IAAK,CAAEG,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var sizes=require('../IconButton/sizes.js');exports.SIZES_CONTROL={l:sizes.SIZES_SQUARE.xl,m:sizes.SIZES_SQUARE.xl,s:sizes.SIZES_SQUARE.l},exports.SIZES_ICON={l:{fontSize:24},m:{fontSize:24},s:{fontSize:20}};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Input/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { InputSize } from './types'\n\nexport const SIZES_ICON: Record<InputSize, CSSProperties> = {\n l: { fontSize: 24 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_CONTROL: Record<InputSize, CSSProperties> = {\n l: SIZES_ICON_BUTTON.xl,\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.l,\n}\n"],"names":["l","SIZES_ICON_BUTTON","SIZES_SQUARE","xl","m","s","fontSize"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Input/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { InputSize } from './types'\n\nexport const SIZES_ICON: Record<InputSize, CSSProperties> = {\n l: { fontSize: 24 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_CONTROL: Record<InputSize, CSSProperties> = {\n l: SIZES_ICON_BUTTON.xl,\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.l,\n}\n"],"names":["l","SIZES_ICON_BUTTON","SIZES_SQUARE","xl","m","s","fontSize"],"mappings":"+EAU+D,CAC7DA,EAAGC,MAAiBC,aAACC,GACrBC,EAAGH,MAAiBC,aAACC,GACrBE,EAAGJ,MAAiBC,aAACF,sBATqC,CAC1DA,EAAG,CAAEM,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{SIZES_SQUARE}from'../IconButton/
|
|
1
|
+
import{SIZES_SQUARE}from'../IconButton/sizes.mjs';const SIZES_ICON={l:{fontSize:24},m:{fontSize:24},s:{fontSize:20}};const SIZES_CONTROL={l:SIZES_SQUARE.xl,m:SIZES_SQUARE.xl,s:SIZES_SQUARE.l};export{SIZES_CONTROL,SIZES_ICON};
|
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Input/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { InputSize } from './types'\n\nexport const SIZES_ICON: Record<InputSize, CSSProperties> = {\n l: { fontSize: 24 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_CONTROL: Record<InputSize, CSSProperties> = {\n l: SIZES_ICON_BUTTON.xl,\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.l,\n}\n"],"names":["SIZES_ICON","l","fontSize","m","s","SIZES_CONTROL","SIZES_ICON_BUTTON","xl"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Input/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport type { InputSize } from './types'\n\nexport const SIZES_ICON: Record<InputSize, CSSProperties> = {\n l: { fontSize: 24 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_CONTROL: Record<InputSize, CSSProperties> = {\n l: SIZES_ICON_BUTTON.xl,\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.l,\n}\n"],"names":["SIZES_ICON","l","fontSize","m","s","SIZES_CONTROL","SIZES_ICON_BUTTON","xl"],"mappings":"kDAIO,MAAMA,WAA+C,CAC1DC,EAAG,CAAEC,SAAU,IACfC,EAAG,CAAED,SAAU,IACfE,EAAG,CAAEF,SAAU,KAGV,MAAMG,cAAkD,CAC7DJ,EAAGK,aAAkBC,GACrBJ,EAAGG,aAAkBC,GACrBH,EAAGE,aAAkBL"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var sizes=require('../Button/sizes.js');require('../Button/Button.js');const SIZES_ACTION={l:sizes.SIZES.l,m:sizes.SIZES.s,s:sizes.SIZES.s};exports.ICON_NAMES={system:'infoCircle',info:'infoCircle',error:'closeCirlce',success:'checkCircle',warning:'warningTriangle'},exports.SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}},exports.SIZES_ACTION=SIZES_ACTION,exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}},exports.SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n system: 'infoCircle',\n info: 'infoCircle',\n error: 'closeCirlce',\n success: 'checkCircle',\n warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES_ACTION","l","SIZES_BUTTON","SIZES","m","s","system","info","error","success","warning","fontSize","padding","borderRadius"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n system: 'infoCircle',\n info: 'infoCircle',\n error: 'closeCirlce',\n success: 'checkCircle',\n warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES_ACTION","l","SIZES_BUTTON","SIZES","m","s","system","info","error","success","warning","fontSize","padding","borderRadius"],"mappings":"oFA2CO,MAAMA,aAAwD,CACnEC,EAAGC,MAAYC,MAACF,EAChBG,EAAGF,MAAYC,MAACE,EAChBA,EAAGH,MAAYC,MAACE,sBAjB8C,CAC9DC,OAAQ,aACRC,KAAM,aACNC,MAAO,cACPC,QAAS,cACTC,QAAS,iCA7BmD,CAC5DT,EAAG,CACDU,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBT,EAAG,CACDO,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBR,EAAG,CACDM,SAAU,GACVC,QAAS,YACTC,aAAc,yDAIiD,CACjEZ,EAAG,CAAEU,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU,wBAWkD,CACjEV,EAAG,CAAEU,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{SIZES as SIZES$1}from'../Button/
|
|
1
|
+
import{SIZES as SIZES$1}from'../Button/sizes.mjs';import'../Button/Button.mjs';const SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}};const ICON_NAMES={system:'infoCircle',info:'infoCircle',error:'closeCirlce',success:'checkCircle',warning:'warningTriangle'};const SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};const SIZES_ACTION={l:SIZES$1.l,m:SIZES$1.s,s:SIZES$1.s};export{ICON_NAMES,SIZES,SIZES_ACTION,SIZES_ICON,SIZES_TEXT};
|
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n system: 'infoCircle',\n info: 'infoCircle',\n error: 'closeCirlce',\n success: 'checkCircle',\n warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES","l","fontSize","padding","borderRadius","m","s","SIZES_ICON","ICON_NAMES","system","info","error","success","warning","SIZES_TEXT","SIZES_ACTION","SIZES_BUTTON"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { IconName } from 'components/Icon'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize, NotificationStatus } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const ICON_NAMES: Record<NotificationStatus, IconName> = {\n system: 'infoCircle',\n info: 'infoCircle',\n error: 'closeCirlce',\n success: 'checkCircle',\n warning: 'warningTriangle',\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES","l","fontSize","padding","borderRadius","m","s","SIZES_ICON","ICON_NAMES","system","info","error","success","warning","SIZES_TEXT","SIZES_ACTION","SIZES_BUTTON"],"mappings":"+EAKO,MAAMA,MAAiD,CAC5DC,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBC,EAAG,CACDH,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBE,EAAG,CACDJ,SAAU,GACVC,QAAS,YACTC,aAAc,IAIX,MAAMG,WAAsD,CACjEN,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMM,WAAmD,CAC9DC,OAAQ,aACRC,KAAM,aACNC,MAAO,cACPC,QAAS,cACTC,QAAS,mBAGJ,MAAMC,WAAsD,CACjEb,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMa,aAAwD,CACnEd,EAAGe,QAAaf,EAChBI,EAAGW,QAAaV,EAChBA,EAAGU,QAAaV"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var sizes=require('../IconButton/sizes.js');var constants=require('../Badge/constants.js');const SIZES_CLOSE_BUTTON={xl:{...sizes.SIZES_SQUARE.xxl},l:{...sizes.SIZES_SQUARE.xl},m:{...sizes.SIZES_SQUARE.xl},s:{...sizes.SIZES_SQUARE.l},xs:{...sizes.SIZES_SQUARE.l}};const SIZES_HEADER_BADGE={xl:{...constants.SIZES.l},l:{...constants.SIZES.l},m:{...constants.SIZES.m},s:{...constants.SIZES.m},xs:{...constants.SIZES.m}};exports.SIZES={xl:{display:'grid',gridTemplateColumns:'1fr',maxWidth:560,minWidth:'min-content',minHeight:60,gap:32,padding:32,borderRadius:16},l:{display:'grid',gridTemplateColumns:'1fr',maxWidth:456,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},m:{display:'grid',gridTemplateColumns:'1fr',maxWidth:352,minWidth:'min-content',minHeight:60,gap:24,padding:24,borderRadius:16},s:{display:'grid',gridTemplateColumns:'1fr',maxWidth:288,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14},xs:{display:'grid',gridTemplateColumns:'1fr',maxWidth:224,minWidth:'min-content',minHeight:60,gap:20,padding:20,borderRadius:14}},exports.SIZES_CAPTION={xl:{fontSize:16},l:{fontSize:16},m:{fontSize:14},s:{fontSize:14},xs:{fontSize:14}},exports.SIZES_CLOSE_BUTTON=SIZES_CLOSE_BUTTON,exports.SIZES_CONTENT={xl:{fontSize:20},l:{fontSize:18},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14}},exports.SIZES_HEADER_BADGE=SIZES_HEADER_BADGE,exports.SIZES_TITLE={xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16}};
|
|
2
2
|
//# sourceMappingURL=sizes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xl: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 560,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 32,\n padding: 32,\n borderRadius: 16,\n },\n l: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 456,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 24,\n padding: 24,\n borderRadius: 16,\n },\n m: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 352,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 24,\n padding: 24,\n borderRadius: 16,\n },\n s: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 288,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 20,\n padding: 20,\n borderRadius: 14,\n },\n xs: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 224,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 20,\n padding: 20,\n borderRadius: 14,\n },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n xl: { ...SIZES_ICON_BUTTON.xxl },\n l: { ...SIZES_ICON_BUTTON.xl },\n m: { ...SIZES_ICON_BUTTON.xl },\n s: { ...SIZES_ICON_BUTTON.l },\n xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n xl: { ...SIZES_BADGE.l },\n l: { ...SIZES_BADGE.l },\n m: { ...SIZES_BADGE.m },\n s: { ...SIZES_BADGE.m },\n xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xl: { fontSize: 16 },\n l: { fontSize: 16 },\n m: { fontSize: 14 },\n s: { fontSize: 14 },\n xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xl: { fontSize: 28 },\n l: { fontSize: 24 },\n m: { fontSize: 20 },\n s: { fontSize: 18 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n xl: { fontSize: 20 },\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 16 },\n xs: { fontSize: 14 },\n}\n"],"names":["SIZES_CLOSE_BUTTON","xl","SIZES_ICON_BUTTON","SIZES_SQUARE","xxl","l","m","s","xs","SIZES_HEADER_BADGE","SIZES_BADGE","SIZES","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","fontSize"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sizes.js","sources":["../../../../src/components/PopoverComponent/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_BADGE } from 'components/Badge'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xl: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 560,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 32,\n padding: 32,\n borderRadius: 16,\n },\n l: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 456,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 24,\n padding: 24,\n borderRadius: 16,\n },\n m: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 352,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 24,\n padding: 24,\n borderRadius: 16,\n },\n s: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 288,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 20,\n padding: 20,\n borderRadius: 14,\n },\n xs: {\n display: 'grid',\n gridTemplateColumns: '1fr',\n maxWidth: 224,\n minWidth: 'min-content',\n minHeight: 60,\n gap: 20,\n padding: 20,\n borderRadius: 14,\n },\n}\n\nexport const SIZES_CLOSE_BUTTON: Record<Size, CSSProperties> = {\n xl: { ...SIZES_ICON_BUTTON.xxl },\n l: { ...SIZES_ICON_BUTTON.xl },\n m: { ...SIZES_ICON_BUTTON.xl },\n s: { ...SIZES_ICON_BUTTON.l },\n xs: { ...SIZES_ICON_BUTTON.l },\n}\n\nexport const SIZES_HEADER_BADGE: Record<Size, CSSProperties> = {\n xl: { ...SIZES_BADGE.l },\n l: { ...SIZES_BADGE.l },\n m: { ...SIZES_BADGE.m },\n s: { ...SIZES_BADGE.m },\n xs: { ...SIZES_BADGE.m },\n}\n\nexport const SIZES_CAPTION: Record<Size, CSSProperties> = {\n xl: { fontSize: 16 },\n l: { fontSize: 16 },\n m: { fontSize: 14 },\n s: { fontSize: 14 },\n xs: { fontSize: 14 },\n}\n\nexport const SIZES_TITLE: Record<Size, CSSProperties> = {\n xl: { fontSize: 28 },\n l: { fontSize: 24 },\n m: { fontSize: 20 },\n s: { fontSize: 18 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n xl: { fontSize: 20 },\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 16 },\n xs: { fontSize: 14 },\n}\n"],"names":["SIZES_CLOSE_BUTTON","xl","SIZES_ICON_BUTTON","SIZES_SQUARE","xxl","l","m","s","xs","SIZES_HEADER_BADGE","SIZES_BADGE","SIZES","display","gridTemplateColumns","maxWidth","minWidth","minHeight","gap","padding","borderRadius","fontSize"],"mappings":"wGA0DO,MAAMA,mBAAkD,CAC7DC,GAAI,IAAKC,MAAiBC,aAACC,KAC3BC,EAAG,IAAKH,MAAiBC,aAACF,IAC1BK,EAAG,IAAKJ,MAAiBC,aAACF,IAC1BM,EAAG,IAAKL,MAAiBC,aAACE,GAC1BG,GAAI,IAAKN,MAAiBC,aAACE,IAGtB,MAAMI,mBAAkD,CAC7DR,GAAI,IAAKS,UAAWC,MAACN,GACrBA,EAAG,IAAKK,UAAWC,MAACN,GACpBC,EAAG,IAAKI,UAAWC,MAACL,GACpBC,EAAG,IAAKG,UAAWC,MAACL,GACpBE,GAAI,IAAKE,UAAWC,MAACL,kBAlE2B,CAChDL,GAAI,CACFW,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBd,EAAG,CACDO,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBb,EAAG,CACDM,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBZ,EAAG,CACDK,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,IAEhBX,GAAI,CACFI,QAAS,OACTC,oBAAqB,MACrBC,SAAU,IACVC,SAAU,cACVC,UAAW,GACXC,IAAK,GACLC,QAAS,GACTC,aAAc,2BAoBwC,CACxDlB,GAAI,CAAEmB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU,yEAWwC,CACxDnB,GAAI,CAAEmB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU,uEAbsC,CACtDnB,GAAI,CAAEmB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU"}
|