@foxford/ui 2.119.0-beta-3939fb6-20260713 → 2.119.0
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/Alert/Alert.js +1 -1
- package/components/Alert/Alert.js.map +1 -1
- package/components/Alert/Alert.mjs +1 -1
- package/components/Alert/Alert.mjs.map +1 -1
- package/components/Alert/CountdownCircle.js +2 -0
- package/components/Alert/CountdownCircle.js.map +1 -0
- package/components/Alert/CountdownCircle.mjs +2 -0
- package/components/Alert/CountdownCircle.mjs.map +1 -0
- package/components/Alert/style.js +1 -1
- package/components/Alert/style.js.map +1 -1
- package/components/Alert/style.mjs +1 -1
- package/components/Alert/style.mjs.map +1 -1
- package/components/Alert/utils.js +2 -0
- package/components/Alert/utils.js.map +1 -0
- package/components/Alert/utils.mjs +2 -0
- package/components/Alert/utils.mjs.map +1 -0
- 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/DialogComponent/DialogComponent.js +1 -1
- package/components/DialogComponent/DialogComponent.js.map +1 -1
- package/components/DialogComponent/DialogComponent.mjs +1 -1
- package/components/DialogComponent/DialogComponent.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/style.js +1 -1
- package/components/IconButton/style.js.map +1 -1
- package/components/IconButton/style.mjs +1 -1
- package/components/IconButton/style.mjs.map +1 -1
- package/components/Media/Media.js +1 -1
- package/components/Media/Media.js.map +1 -1
- package/components/Media/Media.mjs +1 -1
- package/components/Media/Media.mjs.map +1 -1
- package/components/Media/MediaMatcher.js +2 -0
- package/components/Media/MediaMatcher.js.map +1 -0
- package/components/Media/MediaMatcher.mjs +2 -0
- package/components/Media/MediaMatcher.mjs.map +1 -0
- package/components/Media/MediaMatchers.js +1 -1
- package/components/Media/MediaMatchers.js.map +1 -1
- package/components/Media/MediaMatchers.mjs +1 -1
- package/components/Media/MediaMatchers.mjs.map +1 -1
- package/components/Media/MediaMediator.js +2 -0
- package/components/Media/MediaMediator.js.map +1 -0
- package/components/Media/MediaMediator.mjs +2 -0
- package/components/Media/MediaMediator.mjs.map +1 -0
- package/{shared/context/media.js → components/Media/context.js} +1 -1
- package/components/Media/context.js.map +1 -0
- package/{shared/context/media.mjs → components/Media/context.mjs} +1 -1
- package/components/Media/context.mjs.map +1 -0
- package/{hooks → components/Media}/useMediaConnector.js +1 -1
- package/components/Media/useMediaConnector.js.map +1 -0
- package/components/Media/useMediaConnector.mjs +2 -0
- package/components/Media/useMediaConnector.mjs.map +1 -0
- package/components/Media/useMediaMatchers.js.map +1 -0
- package/components/Media/useMediaMatchers.mjs.map +1 -0
- package/components/Media/useMediaPropsMatches.js.map +1 -1
- package/components/Media/useMediaPropsMatches.mjs.map +1 -1
- package/components/TooltipComponent/TooltipComponent.js +1 -1
- package/components/TooltipComponent/TooltipComponent.js.map +1 -1
- package/components/TooltipComponent/TooltipComponent.mjs +1 -1
- package/components/TooltipComponent/TooltipComponent.mjs.map +1 -1
- package/dts/index.d.ts +659 -911
- package/icon-pack/src/collection.json.js +1 -1
- package/icon-pack/src/collection.json.mjs +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/mixins/responsive-margin.js.map +1 -1
- package/mixins/responsive-margin.mjs.map +1 -1
- package/package.json +2 -2
- package/theme/colors-dark.js +1 -1
- package/theme/colors-dark.js.map +1 -1
- package/theme/colors-dark.mjs +1 -1
- package/theme/colors-dark.mjs.map +1 -1
- package/components/Alert/sizes.js +0 -2
- package/components/Alert/sizes.js.map +0 -1
- package/components/Alert/sizes.mjs +0 -2
- package/components/Alert/sizes.mjs.map +0 -1
- package/components/Alert/useAlertProps.js +0 -2
- package/components/Alert/useAlertProps.js.map +0 -1
- package/components/Alert/useAlertProps.mjs +0 -2
- package/components/Alert/useAlertProps.mjs.map +0 -1
- package/components/Timer/Timer.js +0 -2
- package/components/Timer/Timer.js.map +0 -1
- package/components/Timer/Timer.mjs +0 -2
- package/components/Timer/Timer.mjs.map +0 -1
- package/components/Timer/context.js +0 -2
- package/components/Timer/context.js.map +0 -1
- package/components/Timer/context.mjs +0 -2
- package/components/Timer/context.mjs.map +0 -1
- package/components/Timer/images/Circle.svg.js +0 -2
- package/components/Timer/images/Circle.svg.js.map +0 -1
- package/components/Timer/images/Circle.svg.mjs +0 -2
- package/components/Timer/images/Circle.svg.mjs.map +0 -1
- package/components/Timer/sizes.js +0 -2
- package/components/Timer/sizes.js.map +0 -1
- package/components/Timer/sizes.mjs +0 -2
- package/components/Timer/sizes.mjs.map +0 -1
- package/components/Timer/styled.js +0 -2
- package/components/Timer/styled.js.map +0 -1
- package/components/Timer/styled.mjs +0 -2
- package/components/Timer/styled.mjs.map +0 -1
- package/components/Timer/useTimer.js +0 -2
- package/components/Timer/useTimer.js.map +0 -1
- package/components/Timer/useTimer.mjs +0 -2
- package/components/Timer/useTimer.mjs.map +0 -1
- package/components/Timer/useTimerProps.js +0 -2
- package/components/Timer/useTimerProps.js.map +0 -1
- package/components/Timer/useTimerProps.mjs +0 -2
- package/components/Timer/useTimerProps.mjs.map +0 -1
- package/hooks/useMediaConnector.js.map +0 -1
- package/hooks/useMediaConnector.mjs +0 -2
- package/hooks/useMediaConnector.mjs.map +0 -1
- package/hooks/useMediaMatchers.js.map +0 -1
- package/hooks/useMediaMatchers.mjs.map +0 -1
- package/hooks/useResponsiveLayoutProps.js +0 -2
- package/hooks/useResponsiveLayoutProps.js.map +0 -1
- package/hooks/useResponsiveLayoutProps.mjs +0 -2
- package/hooks/useResponsiveLayoutProps.mjs.map +0 -1
- package/hooks/useResponsiveMarginProps.js +0 -2
- package/hooks/useResponsiveMarginProps.js.map +0 -1
- package/hooks/useResponsiveMarginProps.mjs +0 -2
- package/hooks/useResponsiveMarginProps.mjs.map +0 -1
- package/hooks/useResponsiveProps.js +0 -2
- package/hooks/useResponsiveProps.js.map +0 -1
- package/hooks/useResponsiveProps.mjs +0 -2
- package/hooks/useResponsiveProps.mjs.map +0 -1
- package/hooks/useResponsiveSizeProps.js +0 -2
- package/hooks/useResponsiveSizeProps.js.map +0 -1
- package/hooks/useResponsiveSizeProps.mjs +0 -2
- package/hooks/useResponsiveSizeProps.mjs.map +0 -1
- package/shared/context/media.js.map +0 -1
- package/shared/context/media.mjs.map +0 -1
- package/shared/media/MediaMatcher.js +0 -2
- package/shared/media/MediaMatcher.js.map +0 -1
- package/shared/media/MediaMatcher.mjs +0 -2
- package/shared/media/MediaMatcher.mjs.map +0 -1
- package/shared/media/MediaMediator.js +0 -2
- package/shared/media/MediaMediator.js.map +0 -1
- package/shared/media/MediaMediator.mjs +0 -2
- package/shared/media/MediaMediator.mjs.map +0 -1
- package/shared/utils/isPointerSupported.js +0 -2
- package/shared/utils/isPointerSupported.js.map +0 -1
- package/shared/utils/isPointerSupported.mjs +0 -2
- package/shared/utils/isPointerSupported.mjs.map +0 -1
- /package/{hooks → components/Media}/useMediaMatchers.js +0 -0
- /package/{hooks → components/Media}/useMediaMatchers.mjs +0 -0
package/theme/colors-dark.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';exports.adultColors={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580','bg-brand-primary-50':'#0b004fff','bg-brand-secondary-50':'#1f0d47ff'},exports.babyColors={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80','bg-brand-primary-50':'#32001fff','bg-brand-secondary-50':'#1c1c1dff'},exports.baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#f5f6f966','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#ecedf31a','border-onmain-default-small':'#ecedf333','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#f5f6f91a','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#
|
|
1
|
+
'use strict';exports.adultColors={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580','bg-brand-primary-50':'#0b004fff','bg-brand-secondary-50':'#1f0d47ff'},exports.babyColors={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80','bg-brand-primary-50':'#32001fff','bg-brand-secondary-50':'#1c1c1dff'},exports.baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#f5f6f966','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#ecedf31a','border-onmain-default-small':'#ecedf333','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#f5f6f91a','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#00000014','bg-oncontrast-hover':'#ffffff14','bg-oncolor-disabled':'#ffffff1f','alert-bg-success-100':'#071d02','alert-bg-success-200':'#0a2603','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#241500','alert-bg-warning-200':'#2e1c00','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#2e0100','alert-bg-error-200':'#3d0004','alert-bg-error-500':'#e4494e','alert-success':'#63ab4f','alert-warning':'#f16f04','alert-error':'#fd655d','product-bg-course':'#00222e','product-bg-tutor':'#232900','product-bg-group':'#202018','product-bg-complect':'#241500','skeleton-onmain-primary':'rgba(255, 255, 255, 0.1)','skeleton-onmain-secondary':'rgba(255, 255, 255, 0.06)','skeleton-gradient-from-color-onmain':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-onmain':'rgba(255, 255, 255, 0.07)','skeleton-oncolor-primary':'rgba(255, 255, 255, 0.15)','skeleton-oncolor-secondary':'rgba(255, 255, 255, 0.2)','skeleton-gradient-from-color-oncolor':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-oncolor':'rgba(255, 255, 255, 0.2)','bg-other-badge':'#25262c33','bg-other-black':'#000000','alert-bg-info-100':'#1b0042','alert-bg-info-200':'#240057','alert-bg-info-500':'#c09eff','alert-info':'#c09eff','product-content-school':'#c09eff','product-content-group':'#c09eff','product-content-outclass':'#f16f04','product-content-course':'#8aafff','product-content-tutor':'#63ab4f','product-high-school':'#c09eff','product-high-group':'#c09eff','product-high-outclass':'#f16f04','product-high-course':'#8aafff','product-high-tutor':'#63ab4f','product-low-school':'#1b0042','product-low-group':'#1b0042','product-low-outclass':'#241500','product-low-course':'#120075','product-low-tutor':'#071d02','bg-other-overlay':'#25262C8C','product-low-school-50':'#140033ff','product-low-group-50':'#140033ff','product-low-outclass-50':'#1a0f00ff','product-low-course-50':'#0b004fff','product-low-tutor-50':'#031300ff'},exports.motherColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#ff8800','border-brand-primary':'#c09eff','border-brand-secondary':'#ff8800','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#241500','bg-brand-secondary-200':'#2e1c00','bg-brand-secondary-400':'#382300','bg-brand-secondary-500':'#422900','bg-brand-tertiary-100':'#202018','bg-brand-tertiary-200':'#26261c','bg-brand-quaternary-100':'#00222e','bg-brand-quaternary-200':'#002733','bg-brand-quaternary-400':'#054457','bg-brand-quaternary-500':'#05495c','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280','bg-brand-primary-50':'#140033ff','bg-brand-secondary-50':'#1a0f00ff'},exports.teenColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#d1f00a','border-brand-primary':'#c09eff','border-brand-secondary':'#d1f00a','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#003309','bg-brand-secondary-200':'#093910','bg-brand-secondary-400':'#144318','bg-brand-secondary-500':'#1c4a20','bg-brand-tertiary-100':'#00224d','bg-brand-tertiary-200':'#0c315f','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280','bg-brand-primary-50':'#140033ff','bg-brand-secondary-50':'#002205ff'};
|
|
2
2
|
//# sourceMappingURL=colors-dark.js.map
|
package/theme/colors-dark.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors-dark.js","sources":["../../../src/theme/colors-dark.ts"],"sourcesContent":["import type { CSSColor } from 'shared/types'\nimport type { BaseColorName, BrandColorName } from './colors'\n\nexport const baseColors: Readonly<Record<BaseColorName, CSSColor>> = {\n 'content-onmain-primary': '#f5f6f9',\n 'content-onmain-secondary': '#9698a6',\n 'content-onmain-tertiary': '#848694',\n 'content-onmain-inverse': '#25262C',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#f5f6f9cc',\n 'content-oncolor-tertiary': '#f5f6f999',\n 'content-oncolor-constant': '#25262c',\n 'content-oncolor-inverse': '#f5f6f9',\n 'content-disabled': '#f5f6f966',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#f16c65',\n 'content-link': '#8aafff',\n 'border-onmain-default-large': '#ecedf31a',\n 'border-onmain-default-small': '#ecedf333',\n 'border-onmain-contrast': '#f5f6f9',\n 'border-oncolor-default': '#ffffff',\n 'border-oncolor-default-large': '#ffffff99',\n 'border-disabled': '#f5f6f91a',\n 'border-focus': '#8aafff',\n 'border-oncolor-disabled': '#ffffff66',\n 'bg-onmain-main': '#000000',\n 'bg-onmain-primary': '#121316',\n 'bg-onmain-secondary': '#1a1b1f',\n 'bg-onmain-tertiary': '#25262c',\n 'bg-onmain-divider': '#25262c',\n 'bg-onmain-contrast': '#44454b',\n 'bg-onmain-inverse': '#ffffff',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-disabled-large': '#1a1b1f',\n 'bg-disabled-small': '#25262c',\n 'bg-disabled-active': '#494a50',\n 'bg-contrast-active': '#f5f6f9',\n 'bg-oncolor-hover': '#ffffff1a',\n 'bg-oncontrast-hover': '#ffffff14',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'alert-bg-success-100': '#071d02',\n 'alert-bg-success-200': '#0a2603',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#241500',\n 'alert-bg-warning-200': '#2e1c00',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#2e0100',\n 'alert-bg-error-200': '#3d0004',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#63ab4f',\n 'alert-warning': '#f16f04',\n 'alert-error': '#fd655d',\n 'product-bg-course': '#00222e',\n 'product-bg-tutor': '#232900',\n 'product-bg-group': '#202018',\n 'product-bg-complect': '#241500',\n 'skeleton-onmain-primary': 'rgba(255, 255, 255, 0.1)',\n 'skeleton-onmain-secondary': 'rgba(255, 255, 255, 0.06)',\n 'skeleton-gradient-from-color-onmain': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-onmain': 'rgba(255, 255, 255, 0.07)',\n 'skeleton-oncolor-primary': 'rgba(255, 255, 255, 0.15)',\n 'skeleton-oncolor-secondary': 'rgba(255, 255, 255, 0.2)',\n 'skeleton-gradient-from-color-oncolor': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-oncolor': 'rgba(255, 255, 255, 0.2)',\n 'bg-other-badge': '#25262c33',\n 'bg-other-black': '#000000',\n 'alert-bg-info-100': '#1b0042',\n 'alert-bg-info-200': '#240057',\n 'alert-bg-info-500': '#c09eff',\n 'alert-info': '#c09eff',\n 'product-content-school': '#c09eff',\n 'product-content-group': '#c09eff',\n 'product-content-outclass': '#f16f04',\n 'product-content-course': '#8aafff',\n 'product-content-tutor': '#63ab4f',\n 'product-high-school': '#c09eff',\n 'product-high-group': '#c09eff',\n 'product-high-outclass': '#f16f04',\n 'product-high-course': '#8aafff',\n 'product-high-tutor': '#63ab4f',\n 'product-low-school': '#1b0042',\n 'product-low-group': '#1b0042',\n 'product-low-outclass': '#241500',\n 'product-low-course': '#120075',\n 'product-low-tutor': '#071d02',\n 'bg-other-overlay': '#25262C8C',\n 'product-low-school-50': '#140033ff',\n 'product-low-group-50': '#140033ff',\n 'product-low-outclass-50': '#1a0f00ff',\n 'product-low-course-50': '#0b004fff',\n 'product-low-tutor-50': '#031300ff',\n}\n\nexport const motherColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#ff8800',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#ff8800',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#241500',\n 'bg-brand-secondary-200': '#2e1c00',\n 'bg-brand-secondary-400': '#382300',\n 'bg-brand-secondary-500': '#422900',\n 'bg-brand-tertiary-100': '#202018',\n 'bg-brand-tertiary-200': '#26261c',\n 'bg-brand-quaternary-100': '#00222e',\n 'bg-brand-quaternary-200': '#002733',\n 'bg-brand-quaternary-400': '#054457',\n 'bg-brand-quaternary-500': '#05495c',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#1a0f00ff',\n}\n\nexport const babyColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#e594c5',\n 'content-brand-secondary': '#ffd333',\n 'border-brand-primary': '#e594c5',\n 'border-brand-secondary': '#ffd333',\n 'border-brand-primary-hover': '#e594c580',\n 'border-brand-primary-active': '#e594c5',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#47002d',\n 'bg-brand-primary-200': '#570f3a',\n 'bg-brand-primary-400': '#611a43',\n 'bg-brand-primary-500': '#6b244c',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#27282a',\n 'bg-brand-secondary-200': '#313235',\n 'bg-brand-secondary-400': '#393a3c',\n 'bg-brand-secondary-500': '#3e4041',\n 'bg-brand-tertiary-100': '#1d1f58',\n 'bg-brand-tertiary-200': '#282c67',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#47002d',\n 'bg-brand-primary-100-hover': '#47002d80',\n 'bg-brand-primary-50': '#32001fff',\n 'bg-brand-secondary-50': '#1c1c1dff',\n}\n\nexport const teenColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#d1f00a',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#d1f00a',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#003309',\n 'bg-brand-secondary-200': '#093910',\n 'bg-brand-secondary-400': '#144318',\n 'bg-brand-secondary-500': '#1c4a20',\n 'bg-brand-tertiary-100': '#00224d',\n 'bg-brand-tertiary-200': '#0c315f',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#002205ff',\n}\n\nexport const adultColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#8fa9ff',\n 'content-brand-secondary': '#c1b8ff',\n 'border-brand-primary': '#8fa9ff',\n 'border-brand-secondary': '#c1b8ff',\n 'border-brand-primary-hover': '#8fa9ff80',\n 'border-brand-primary-active': '#8fa9ff',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#120075',\n 'bg-brand-primary-200': '#181b86',\n 'bg-brand-primary-400': '#1e2699',\n 'bg-brand-primary-500': '#2b36b6',\n 'bg-brand-secondary-basic': '#6e62bc',\n 'bg-brand-secondary-100': '#2c1461',\n 'bg-brand-secondary-200': '#351e71',\n 'bg-brand-secondary-400': '#402583',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#232900',\n 'bg-brand-tertiary-200': '#373e14',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#120075',\n 'bg-brand-primary-100-hover': '#12007580',\n 'bg-brand-primary-50': '#0b004fff',\n 'bg-brand-secondary-50': '#1f0d47ff',\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors-dark.js","sources":["../../../src/theme/colors-dark.ts"],"sourcesContent":["import type { CSSColor } from 'shared/types'\nimport type { BaseColorName, BrandColorName } from './colors'\n\nexport const baseColors: Readonly<Record<BaseColorName, CSSColor>> = {\n 'content-onmain-primary': '#f5f6f9',\n 'content-onmain-secondary': '#9698a6',\n 'content-onmain-tertiary': '#848694',\n 'content-onmain-inverse': '#25262C',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#f5f6f9cc',\n 'content-oncolor-tertiary': '#f5f6f999',\n 'content-oncolor-constant': '#25262c',\n 'content-oncolor-inverse': '#f5f6f9',\n 'content-disabled': '#f5f6f966',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#f16c65',\n 'content-link': '#8aafff',\n 'border-onmain-default-large': '#ecedf31a',\n 'border-onmain-default-small': '#ecedf333',\n 'border-onmain-contrast': '#f5f6f9',\n 'border-oncolor-default': '#ffffff',\n 'border-oncolor-default-large': '#ffffff99',\n 'border-disabled': '#f5f6f91a',\n 'border-focus': '#8aafff',\n 'border-oncolor-disabled': '#ffffff66',\n 'bg-onmain-main': '#000000',\n 'bg-onmain-primary': '#121316',\n 'bg-onmain-secondary': '#1a1b1f',\n 'bg-onmain-tertiary': '#25262c',\n 'bg-onmain-divider': '#25262c',\n 'bg-onmain-contrast': '#44454b',\n 'bg-onmain-inverse': '#ffffff',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-disabled-large': '#1a1b1f',\n 'bg-disabled-small': '#25262c',\n 'bg-disabled-active': '#494a50',\n 'bg-contrast-active': '#f5f6f9',\n 'bg-oncolor-hover': '#00000014',\n 'bg-oncontrast-hover': '#ffffff14',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'alert-bg-success-100': '#071d02',\n 'alert-bg-success-200': '#0a2603',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#241500',\n 'alert-bg-warning-200': '#2e1c00',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#2e0100',\n 'alert-bg-error-200': '#3d0004',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#63ab4f',\n 'alert-warning': '#f16f04',\n 'alert-error': '#fd655d',\n 'product-bg-course': '#00222e',\n 'product-bg-tutor': '#232900',\n 'product-bg-group': '#202018',\n 'product-bg-complect': '#241500',\n 'skeleton-onmain-primary': 'rgba(255, 255, 255, 0.1)',\n 'skeleton-onmain-secondary': 'rgba(255, 255, 255, 0.06)',\n 'skeleton-gradient-from-color-onmain': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-onmain': 'rgba(255, 255, 255, 0.07)',\n 'skeleton-oncolor-primary': 'rgba(255, 255, 255, 0.15)',\n 'skeleton-oncolor-secondary': 'rgba(255, 255, 255, 0.2)',\n 'skeleton-gradient-from-color-oncolor': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-oncolor': 'rgba(255, 255, 255, 0.2)',\n 'bg-other-badge': '#25262c33',\n 'bg-other-black': '#000000',\n 'alert-bg-info-100': '#1b0042',\n 'alert-bg-info-200': '#240057',\n 'alert-bg-info-500': '#c09eff',\n 'alert-info': '#c09eff',\n 'product-content-school': '#c09eff',\n 'product-content-group': '#c09eff',\n 'product-content-outclass': '#f16f04',\n 'product-content-course': '#8aafff',\n 'product-content-tutor': '#63ab4f',\n 'product-high-school': '#c09eff',\n 'product-high-group': '#c09eff',\n 'product-high-outclass': '#f16f04',\n 'product-high-course': '#8aafff',\n 'product-high-tutor': '#63ab4f',\n 'product-low-school': '#1b0042',\n 'product-low-group': '#1b0042',\n 'product-low-outclass': '#241500',\n 'product-low-course': '#120075',\n 'product-low-tutor': '#071d02',\n 'bg-other-overlay': '#25262C8C',\n 'product-low-school-50': '#140033ff',\n 'product-low-group-50': '#140033ff',\n 'product-low-outclass-50': '#1a0f00ff',\n 'product-low-course-50': '#0b004fff',\n 'product-low-tutor-50': '#031300ff',\n}\n\nexport const motherColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#ff8800',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#ff8800',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#241500',\n 'bg-brand-secondary-200': '#2e1c00',\n 'bg-brand-secondary-400': '#382300',\n 'bg-brand-secondary-500': '#422900',\n 'bg-brand-tertiary-100': '#202018',\n 'bg-brand-tertiary-200': '#26261c',\n 'bg-brand-quaternary-100': '#00222e',\n 'bg-brand-quaternary-200': '#002733',\n 'bg-brand-quaternary-400': '#054457',\n 'bg-brand-quaternary-500': '#05495c',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#1a0f00ff',\n}\n\nexport const babyColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#e594c5',\n 'content-brand-secondary': '#ffd333',\n 'border-brand-primary': '#e594c5',\n 'border-brand-secondary': '#ffd333',\n 'border-brand-primary-hover': '#e594c580',\n 'border-brand-primary-active': '#e594c5',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#47002d',\n 'bg-brand-primary-200': '#570f3a',\n 'bg-brand-primary-400': '#611a43',\n 'bg-brand-primary-500': '#6b244c',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#27282a',\n 'bg-brand-secondary-200': '#313235',\n 'bg-brand-secondary-400': '#393a3c',\n 'bg-brand-secondary-500': '#3e4041',\n 'bg-brand-tertiary-100': '#1d1f58',\n 'bg-brand-tertiary-200': '#282c67',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#47002d',\n 'bg-brand-primary-100-hover': '#47002d80',\n 'bg-brand-primary-50': '#32001fff',\n 'bg-brand-secondary-50': '#1c1c1dff',\n}\n\nexport const teenColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#d1f00a',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#d1f00a',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#003309',\n 'bg-brand-secondary-200': '#093910',\n 'bg-brand-secondary-400': '#144318',\n 'bg-brand-secondary-500': '#1c4a20',\n 'bg-brand-tertiary-100': '#00224d',\n 'bg-brand-tertiary-200': '#0c315f',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#002205ff',\n}\n\nexport const adultColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#8fa9ff',\n 'content-brand-secondary': '#c1b8ff',\n 'border-brand-primary': '#8fa9ff',\n 'border-brand-secondary': '#c1b8ff',\n 'border-brand-primary-hover': '#8fa9ff80',\n 'border-brand-primary-active': '#8fa9ff',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#120075',\n 'bg-brand-primary-200': '#181b86',\n 'bg-brand-primary-400': '#1e2699',\n 'bg-brand-primary-500': '#2b36b6',\n 'bg-brand-secondary-basic': '#6e62bc',\n 'bg-brand-secondary-100': '#2c1461',\n 'bg-brand-secondary-200': '#351e71',\n 'bg-brand-secondary-400': '#402583',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#232900',\n 'bg-brand-tertiary-200': '#373e14',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#120075',\n 'bg-brand-primary-100-hover': '#12007580',\n 'bg-brand-primary-50': '#0b004fff',\n 'bg-brand-secondary-50': '#1f0d47ff',\n}\n"],"names":[],"mappings":"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"}
|
package/theme/colors-dark.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#f5f6f966','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#ecedf31a','border-onmain-default-small':'#ecedf333','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#f5f6f91a','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#
|
|
1
|
+
const baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#f5f6f966','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#ecedf31a','border-onmain-default-small':'#ecedf333','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#f5f6f91a','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#00000014','bg-oncontrast-hover':'#ffffff14','bg-oncolor-disabled':'#ffffff1f','alert-bg-success-100':'#071d02','alert-bg-success-200':'#0a2603','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#241500','alert-bg-warning-200':'#2e1c00','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#2e0100','alert-bg-error-200':'#3d0004','alert-bg-error-500':'#e4494e','alert-success':'#63ab4f','alert-warning':'#f16f04','alert-error':'#fd655d','product-bg-course':'#00222e','product-bg-tutor':'#232900','product-bg-group':'#202018','product-bg-complect':'#241500','skeleton-onmain-primary':'rgba(255, 255, 255, 0.1)','skeleton-onmain-secondary':'rgba(255, 255, 255, 0.06)','skeleton-gradient-from-color-onmain':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-onmain':'rgba(255, 255, 255, 0.07)','skeleton-oncolor-primary':'rgba(255, 255, 255, 0.15)','skeleton-oncolor-secondary':'rgba(255, 255, 255, 0.2)','skeleton-gradient-from-color-oncolor':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-oncolor':'rgba(255, 255, 255, 0.2)','bg-other-badge':'#25262c33','bg-other-black':'#000000','alert-bg-info-100':'#1b0042','alert-bg-info-200':'#240057','alert-bg-info-500':'#c09eff','alert-info':'#c09eff','product-content-school':'#c09eff','product-content-group':'#c09eff','product-content-outclass':'#f16f04','product-content-course':'#8aafff','product-content-tutor':'#63ab4f','product-high-school':'#c09eff','product-high-group':'#c09eff','product-high-outclass':'#f16f04','product-high-course':'#8aafff','product-high-tutor':'#63ab4f','product-low-school':'#1b0042','product-low-group':'#1b0042','product-low-outclass':'#241500','product-low-course':'#120075','product-low-tutor':'#071d02','bg-other-overlay':'#25262C8C','product-low-school-50':'#140033ff','product-low-group-50':'#140033ff','product-low-outclass-50':'#1a0f00ff','product-low-course-50':'#0b004fff','product-low-tutor-50':'#031300ff'};const motherColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#ff8800','border-brand-primary':'#c09eff','border-brand-secondary':'#ff8800','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#241500','bg-brand-secondary-200':'#2e1c00','bg-brand-secondary-400':'#382300','bg-brand-secondary-500':'#422900','bg-brand-tertiary-100':'#202018','bg-brand-tertiary-200':'#26261c','bg-brand-quaternary-100':'#00222e','bg-brand-quaternary-200':'#002733','bg-brand-quaternary-400':'#054457','bg-brand-quaternary-500':'#05495c','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280','bg-brand-primary-50':'#140033ff','bg-brand-secondary-50':'#1a0f00ff'};const babyColors={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80','bg-brand-primary-50':'#32001fff','bg-brand-secondary-50':'#1c1c1dff'};const teenColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#d1f00a','border-brand-primary':'#c09eff','border-brand-secondary':'#d1f00a','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#003309','bg-brand-secondary-200':'#093910','bg-brand-secondary-400':'#144318','bg-brand-secondary-500':'#1c4a20','bg-brand-tertiary-100':'#00224d','bg-brand-tertiary-200':'#0c315f','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280','bg-brand-primary-50':'#140033ff','bg-brand-secondary-50':'#002205ff'};const adultColors={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580','bg-brand-primary-50':'#0b004fff','bg-brand-secondary-50':'#1f0d47ff'};export{adultColors,babyColors,baseColors,motherColors,teenColors};
|
|
2
2
|
//# sourceMappingURL=colors-dark.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors-dark.mjs","sources":["../../../src/theme/colors-dark.ts"],"sourcesContent":["import type { CSSColor } from 'shared/types'\nimport type { BaseColorName, BrandColorName } from './colors'\n\nexport const baseColors: Readonly<Record<BaseColorName, CSSColor>> = {\n 'content-onmain-primary': '#f5f6f9',\n 'content-onmain-secondary': '#9698a6',\n 'content-onmain-tertiary': '#848694',\n 'content-onmain-inverse': '#25262C',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#f5f6f9cc',\n 'content-oncolor-tertiary': '#f5f6f999',\n 'content-oncolor-constant': '#25262c',\n 'content-oncolor-inverse': '#f5f6f9',\n 'content-disabled': '#f5f6f966',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#f16c65',\n 'content-link': '#8aafff',\n 'border-onmain-default-large': '#ecedf31a',\n 'border-onmain-default-small': '#ecedf333',\n 'border-onmain-contrast': '#f5f6f9',\n 'border-oncolor-default': '#ffffff',\n 'border-oncolor-default-large': '#ffffff99',\n 'border-disabled': '#f5f6f91a',\n 'border-focus': '#8aafff',\n 'border-oncolor-disabled': '#ffffff66',\n 'bg-onmain-main': '#000000',\n 'bg-onmain-primary': '#121316',\n 'bg-onmain-secondary': '#1a1b1f',\n 'bg-onmain-tertiary': '#25262c',\n 'bg-onmain-divider': '#25262c',\n 'bg-onmain-contrast': '#44454b',\n 'bg-onmain-inverse': '#ffffff',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-disabled-large': '#1a1b1f',\n 'bg-disabled-small': '#25262c',\n 'bg-disabled-active': '#494a50',\n 'bg-contrast-active': '#f5f6f9',\n 'bg-oncolor-hover': '#ffffff1a',\n 'bg-oncontrast-hover': '#ffffff14',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'alert-bg-success-100': '#071d02',\n 'alert-bg-success-200': '#0a2603',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#241500',\n 'alert-bg-warning-200': '#2e1c00',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#2e0100',\n 'alert-bg-error-200': '#3d0004',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#63ab4f',\n 'alert-warning': '#f16f04',\n 'alert-error': '#fd655d',\n 'product-bg-course': '#00222e',\n 'product-bg-tutor': '#232900',\n 'product-bg-group': '#202018',\n 'product-bg-complect': '#241500',\n 'skeleton-onmain-primary': 'rgba(255, 255, 255, 0.1)',\n 'skeleton-onmain-secondary': 'rgba(255, 255, 255, 0.06)',\n 'skeleton-gradient-from-color-onmain': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-onmain': 'rgba(255, 255, 255, 0.07)',\n 'skeleton-oncolor-primary': 'rgba(255, 255, 255, 0.15)',\n 'skeleton-oncolor-secondary': 'rgba(255, 255, 255, 0.2)',\n 'skeleton-gradient-from-color-oncolor': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-oncolor': 'rgba(255, 255, 255, 0.2)',\n 'bg-other-badge': '#25262c33',\n 'bg-other-black': '#000000',\n 'alert-bg-info-100': '#1b0042',\n 'alert-bg-info-200': '#240057',\n 'alert-bg-info-500': '#c09eff',\n 'alert-info': '#c09eff',\n 'product-content-school': '#c09eff',\n 'product-content-group': '#c09eff',\n 'product-content-outclass': '#f16f04',\n 'product-content-course': '#8aafff',\n 'product-content-tutor': '#63ab4f',\n 'product-high-school': '#c09eff',\n 'product-high-group': '#c09eff',\n 'product-high-outclass': '#f16f04',\n 'product-high-course': '#8aafff',\n 'product-high-tutor': '#63ab4f',\n 'product-low-school': '#1b0042',\n 'product-low-group': '#1b0042',\n 'product-low-outclass': '#241500',\n 'product-low-course': '#120075',\n 'product-low-tutor': '#071d02',\n 'bg-other-overlay': '#25262C8C',\n 'product-low-school-50': '#140033ff',\n 'product-low-group-50': '#140033ff',\n 'product-low-outclass-50': '#1a0f00ff',\n 'product-low-course-50': '#0b004fff',\n 'product-low-tutor-50': '#031300ff',\n}\n\nexport const motherColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#ff8800',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#ff8800',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#241500',\n 'bg-brand-secondary-200': '#2e1c00',\n 'bg-brand-secondary-400': '#382300',\n 'bg-brand-secondary-500': '#422900',\n 'bg-brand-tertiary-100': '#202018',\n 'bg-brand-tertiary-200': '#26261c',\n 'bg-brand-quaternary-100': '#00222e',\n 'bg-brand-quaternary-200': '#002733',\n 'bg-brand-quaternary-400': '#054457',\n 'bg-brand-quaternary-500': '#05495c',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#1a0f00ff',\n}\n\nexport const babyColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#e594c5',\n 'content-brand-secondary': '#ffd333',\n 'border-brand-primary': '#e594c5',\n 'border-brand-secondary': '#ffd333',\n 'border-brand-primary-hover': '#e594c580',\n 'border-brand-primary-active': '#e594c5',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#47002d',\n 'bg-brand-primary-200': '#570f3a',\n 'bg-brand-primary-400': '#611a43',\n 'bg-brand-primary-500': '#6b244c',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#27282a',\n 'bg-brand-secondary-200': '#313235',\n 'bg-brand-secondary-400': '#393a3c',\n 'bg-brand-secondary-500': '#3e4041',\n 'bg-brand-tertiary-100': '#1d1f58',\n 'bg-brand-tertiary-200': '#282c67',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#47002d',\n 'bg-brand-primary-100-hover': '#47002d80',\n 'bg-brand-primary-50': '#32001fff',\n 'bg-brand-secondary-50': '#1c1c1dff',\n}\n\nexport const teenColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#d1f00a',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#d1f00a',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#003309',\n 'bg-brand-secondary-200': '#093910',\n 'bg-brand-secondary-400': '#144318',\n 'bg-brand-secondary-500': '#1c4a20',\n 'bg-brand-tertiary-100': '#00224d',\n 'bg-brand-tertiary-200': '#0c315f',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#002205ff',\n}\n\nexport const adultColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#8fa9ff',\n 'content-brand-secondary': '#c1b8ff',\n 'border-brand-primary': '#8fa9ff',\n 'border-brand-secondary': '#c1b8ff',\n 'border-brand-primary-hover': '#8fa9ff80',\n 'border-brand-primary-active': '#8fa9ff',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#120075',\n 'bg-brand-primary-200': '#181b86',\n 'bg-brand-primary-400': '#1e2699',\n 'bg-brand-primary-500': '#2b36b6',\n 'bg-brand-secondary-basic': '#6e62bc',\n 'bg-brand-secondary-100': '#2c1461',\n 'bg-brand-secondary-200': '#351e71',\n 'bg-brand-secondary-400': '#402583',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#232900',\n 'bg-brand-tertiary-200': '#373e14',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#120075',\n 'bg-brand-primary-100-hover': '#12007580',\n 'bg-brand-primary-50': '#0b004fff',\n 'bg-brand-secondary-50': '#1f0d47ff',\n}\n"],"names":["baseColors","motherColors","babyColors","teenColors","adultColors"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"colors-dark.mjs","sources":["../../../src/theme/colors-dark.ts"],"sourcesContent":["import type { CSSColor } from 'shared/types'\nimport type { BaseColorName, BrandColorName } from './colors'\n\nexport const baseColors: Readonly<Record<BaseColorName, CSSColor>> = {\n 'content-onmain-primary': '#f5f6f9',\n 'content-onmain-secondary': '#9698a6',\n 'content-onmain-tertiary': '#848694',\n 'content-onmain-inverse': '#25262C',\n 'content-oncolor-primary': '#ffffff',\n 'content-oncolor-secondary': '#f5f6f9cc',\n 'content-oncolor-tertiary': '#f5f6f999',\n 'content-oncolor-constant': '#25262c',\n 'content-oncolor-inverse': '#f5f6f9',\n 'content-disabled': '#f5f6f966',\n 'content-oncolor-disabled': '#f5f6f999',\n 'content-oncolor-hover': '#00000029',\n 'content-onmain-hover': '#ffffff29',\n 'content-discount': '#f16c65',\n 'content-link': '#8aafff',\n 'border-onmain-default-large': '#ecedf31a',\n 'border-onmain-default-small': '#ecedf333',\n 'border-onmain-contrast': '#f5f6f9',\n 'border-oncolor-default': '#ffffff',\n 'border-oncolor-default-large': '#ffffff99',\n 'border-disabled': '#f5f6f91a',\n 'border-focus': '#8aafff',\n 'border-oncolor-disabled': '#ffffff66',\n 'bg-onmain-main': '#000000',\n 'bg-onmain-primary': '#121316',\n 'bg-onmain-secondary': '#1a1b1f',\n 'bg-onmain-tertiary': '#25262c',\n 'bg-onmain-divider': '#25262c',\n 'bg-onmain-contrast': '#44454b',\n 'bg-onmain-inverse': '#ffffff',\n 'bg-oncolor-primary': '#ffffff',\n 'bg-oncolor-secondary': '#ffffff3d',\n 'bg-oncolor-tertiary': '#ffffff1f',\n 'bg-disabled-large': '#1a1b1f',\n 'bg-disabled-small': '#25262c',\n 'bg-disabled-active': '#494a50',\n 'bg-contrast-active': '#f5f6f9',\n 'bg-oncolor-hover': '#00000014',\n 'bg-oncontrast-hover': '#ffffff14',\n 'bg-oncolor-disabled': '#ffffff1f',\n 'alert-bg-success-100': '#071d02',\n 'alert-bg-success-200': '#0a2603',\n 'alert-bg-success-500': '#63ab4f',\n 'alert-bg-warning-100': '#241500',\n 'alert-bg-warning-200': '#2e1c00',\n 'alert-bg-warning-500': '#f16f04',\n 'alert-bg-error-100': '#2e0100',\n 'alert-bg-error-200': '#3d0004',\n 'alert-bg-error-500': '#e4494e',\n 'alert-success': '#63ab4f',\n 'alert-warning': '#f16f04',\n 'alert-error': '#fd655d',\n 'product-bg-course': '#00222e',\n 'product-bg-tutor': '#232900',\n 'product-bg-group': '#202018',\n 'product-bg-complect': '#241500',\n 'skeleton-onmain-primary': 'rgba(255, 255, 255, 0.1)',\n 'skeleton-onmain-secondary': 'rgba(255, 255, 255, 0.06)',\n 'skeleton-gradient-from-color-onmain': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-onmain': 'rgba(255, 255, 255, 0.07)',\n 'skeleton-oncolor-primary': 'rgba(255, 255, 255, 0.15)',\n 'skeleton-oncolor-secondary': 'rgba(255, 255, 255, 0.2)',\n 'skeleton-gradient-from-color-oncolor': 'rgba(255, 255, 255, 0)',\n 'skeleton-gradient-to-color-oncolor': 'rgba(255, 255, 255, 0.2)',\n 'bg-other-badge': '#25262c33',\n 'bg-other-black': '#000000',\n 'alert-bg-info-100': '#1b0042',\n 'alert-bg-info-200': '#240057',\n 'alert-bg-info-500': '#c09eff',\n 'alert-info': '#c09eff',\n 'product-content-school': '#c09eff',\n 'product-content-group': '#c09eff',\n 'product-content-outclass': '#f16f04',\n 'product-content-course': '#8aafff',\n 'product-content-tutor': '#63ab4f',\n 'product-high-school': '#c09eff',\n 'product-high-group': '#c09eff',\n 'product-high-outclass': '#f16f04',\n 'product-high-course': '#8aafff',\n 'product-high-tutor': '#63ab4f',\n 'product-low-school': '#1b0042',\n 'product-low-group': '#1b0042',\n 'product-low-outclass': '#241500',\n 'product-low-course': '#120075',\n 'product-low-tutor': '#071d02',\n 'bg-other-overlay': '#25262C8C',\n 'product-low-school-50': '#140033ff',\n 'product-low-group-50': '#140033ff',\n 'product-low-outclass-50': '#1a0f00ff',\n 'product-low-course-50': '#0b004fff',\n 'product-low-tutor-50': '#031300ff',\n}\n\nexport const motherColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#ff8800',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#ff8800',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#ff9900',\n 'bg-brand-secondary-100': '#241500',\n 'bg-brand-secondary-200': '#2e1c00',\n 'bg-brand-secondary-400': '#382300',\n 'bg-brand-secondary-500': '#422900',\n 'bg-brand-tertiary-100': '#202018',\n 'bg-brand-tertiary-200': '#26261c',\n 'bg-brand-quaternary-100': '#00222e',\n 'bg-brand-quaternary-200': '#002733',\n 'bg-brand-quaternary-400': '#054457',\n 'bg-brand-quaternary-500': '#05495c',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#1a0f00ff',\n}\n\nexport const babyColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#e594c5',\n 'content-brand-secondary': '#ffd333',\n 'border-brand-primary': '#e594c5',\n 'border-brand-secondary': '#ffd333',\n 'border-brand-primary-hover': '#e594c580',\n 'border-brand-primary-active': '#e594c5',\n 'bg-brand-primary-basic': '#cc2e8d',\n 'bg-brand-primary-100': '#47002d',\n 'bg-brand-primary-200': '#570f3a',\n 'bg-brand-primary-400': '#611a43',\n 'bg-brand-primary-500': '#6b244c',\n 'bg-brand-secondary-basic': '#ffd333',\n 'bg-brand-secondary-100': '#27282a',\n 'bg-brand-secondary-200': '#313235',\n 'bg-brand-secondary-400': '#393a3c',\n 'bg-brand-secondary-500': '#3e4041',\n 'bg-brand-tertiary-100': '#1d1f58',\n 'bg-brand-tertiary-200': '#282c67',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#cc2e8d',\n 'bg-brand-primary-100-active': '#47002d',\n 'bg-brand-primary-100-hover': '#47002d80',\n 'bg-brand-primary-50': '#32001fff',\n 'bg-brand-secondary-50': '#1c1c1dff',\n}\n\nexport const teenColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#c09eff',\n 'content-brand-secondary': '#d1f00a',\n 'border-brand-primary': '#c09eff',\n 'border-brand-secondary': '#d1f00a',\n 'border-brand-primary-hover': '#c09eff80',\n 'border-brand-primary-active': '#c09eff',\n 'bg-brand-primary-basic': '#8a51e6',\n 'bg-brand-primary-100': '#1b0042',\n 'bg-brand-primary-200': '#240057',\n 'bg-brand-primary-400': '#2e0066',\n 'bg-brand-primary-500': '#37007a',\n 'bg-brand-secondary-basic': '#d1f00a',\n 'bg-brand-secondary-100': '#003309',\n 'bg-brand-secondary-200': '#093910',\n 'bg-brand-secondary-400': '#144318',\n 'bg-brand-secondary-500': '#1c4a20',\n 'bg-brand-tertiary-100': '#00224d',\n 'bg-brand-tertiary-200': '#0c315f',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#8a51e6',\n 'bg-brand-primary-100-active': '#1b0042',\n 'bg-brand-primary-100-hover': '#1b004280',\n 'bg-brand-primary-50': '#140033ff',\n 'bg-brand-secondary-50': '#002205ff',\n}\n\nexport const adultColors: Readonly<Record<BrandColorName, CSSColor>> = {\n 'content-brand-primary': '#8fa9ff',\n 'content-brand-secondary': '#c1b8ff',\n 'border-brand-primary': '#8fa9ff',\n 'border-brand-secondary': '#c1b8ff',\n 'border-brand-primary-hover': '#8fa9ff80',\n 'border-brand-primary-active': '#8fa9ff',\n 'bg-brand-primary-basic': '#3d4eeb',\n 'bg-brand-primary-100': '#120075',\n 'bg-brand-primary-200': '#181b86',\n 'bg-brand-primary-400': '#1e2699',\n 'bg-brand-primary-500': '#2b36b6',\n 'bg-brand-secondary-basic': '#6e62bc',\n 'bg-brand-secondary-100': '#2c1461',\n 'bg-brand-secondary-200': '#351e71',\n 'bg-brand-secondary-400': '#402583',\n 'bg-brand-secondary-500': '#1b0047',\n 'bg-brand-tertiary-100': '#232900',\n 'bg-brand-tertiary-200': '#373e14',\n 'bg-brand-quaternary-100': '#241500',\n 'bg-brand-quaternary-200': '#2e1c00',\n 'bg-brand-quaternary-400': '#382300',\n 'bg-brand-quaternary-500': '#422900',\n 'bg-brand-primary-basic-active': '#3d4eeb',\n 'bg-brand-primary-100-active': '#120075',\n 'bg-brand-primary-100-hover': '#12007580',\n 'bg-brand-primary-50': '#0b004fff',\n 'bg-brand-secondary-50': '#1f0d47ff',\n}\n"],"names":["baseColors","motherColors","babyColors","teenColors","adultColors"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var sizes=require('../IconButton/sizes.js');var sizes$1=require('../Button/sizes.js');require('../Button/Button.js');var sizes$2=require('../Timer/sizes.js');const SIZES_ALERT_TIMER={m:sizes$2.SIZES.m,s:sizes$2.SIZES.s};const SIZES_DISCARD_BUTTON={m:sizes.SIZES_BASE.xl,s:sizes.SIZES_BASE.m};exports.SIZES_ALERT_BUTTON={m:sizes$1.SIZES.s,s:sizes$1.SIZES.xs},exports.SIZES_ALERT_BUTTON_ICON={m:{fontSize:20},s:{fontSize:20}},exports.SIZES_ALERT_BUTTON_TEXT={m:{fontSize:16},s:{fontSize:14}},exports.SIZES_ALERT_TIMER=SIZES_ALERT_TIMER,exports.SIZES_DISCARD_BUTTON=SIZES_DISCARD_BUTTON,exports.SIZES_HORIZONTAL={m:{'--alert-root-width':'fit-content','--alert-root-max-width':'704px','--alert-root-min-width':'224px','--alert-root-border-radius':'24px','--alert-root-min-height':'48px','--alert-container-padding':'4px 20px','--alert-container-gap':'12px','--alert-main-flex-direction':'row','--alert-main-gap-horizontal':'16px','--alert-main-gap-vertical':'0px','--alert-discard-button-padding':'8px 8px 8px 0px','--alert-content-padding':'10px 0px','--alert-content-align-items':'center','--alert-content-gap':'8px'},s:{'--alert-root-width':'fit-content','--alert-root-max-width':'512px','--alert-root-min-width':'192px','--alert-root-border-radius':'20px','--alert-root-min-height':'40px','--alert-container-padding':'4px 16px','--alert-container-gap':'8px','--alert-main-flex-direction':'row','--alert-main-gap-horizontal':'12px','--alert-main-gap-vertical':'0px','--alert-discard-button-padding':'8px 8px 8px 0px','--alert-content-padding':'7px 0px','--alert-content-align-items':'center','--alert-content-gap':'6px'}},exports.SIZES_ICON={m:{fontSize:24},s:{fontSize:20}},exports.SIZES_TEXT={m:{fontSize:16},s:{fontSize:14}},exports.SIZES_VERTICAL={m:{'--alert-root-width':'368px','--alert-root-max-width':'none','--alert-root-min-width':'auto','--alert-root-border-radius':'12px','--alert-root-min-height':'48px','--alert-container-padding':'16px 20px','--alert-container-gap':'12px','--alert-main-flex-direction':'column','--alert-main-gap-horizontal':'0px','--alert-main-gap-vertical':'12px','--alert-discard-button-padding':'12px 12px 12px 0px','--alert-content-padding':'3px 0px','--alert-content-align-items':'start','--alert-content-gap':'8px'},s:{'--alert-root-width':'fit-content','--alert-root-max-width':'100%','--alert-root-min-width':'280px','--alert-root-border-radius':'12px','--alert-root-min-height':'40px','--alert-container-padding':'12px 16px','--alert-container-gap':'8px','--alert-main-flex-direction':'column','--alert-main-gap-horizontal':'0px','--alert-main-gap-vertical':'10px','--alert-discard-button-padding':'10px 10px 10px 0px','--alert-content-padding':'2px 0px','--alert-content-align-items':'start','--alert-content-gap':'6px'}};
|
|
2
|
-
//# sourceMappingURL=sizes.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sources":["../../../../src/components/Alert/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_TIMER } from 'components/Timer'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { Size } from './types'\n\nexport const SIZES_HORIZONTAL: Record<Size, CSSProperties> = {\n m: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '704px',\n '--alert-root-min-width': '224px',\n '--alert-root-border-radius': '24px',\n '--alert-root-min-height': '48px',\n '--alert-container-padding': '4px 20px',\n '--alert-container-gap': '12px',\n '--alert-main-flex-direction': 'row',\n '--alert-main-gap-horizontal': '16px',\n '--alert-main-gap-vertical': '0px',\n '--alert-discard-button-padding': '8px 8px 8px 0px',\n '--alert-content-padding': '10px 0px',\n '--alert-content-align-items': 'center',\n '--alert-content-gap': '8px',\n },\n s: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '512px',\n '--alert-root-min-width': '192px',\n '--alert-root-border-radius': '20px',\n '--alert-root-min-height': '40px',\n '--alert-container-padding': '4px 16px',\n '--alert-container-gap': '8px',\n '--alert-main-flex-direction': 'row',\n '--alert-main-gap-horizontal': '12px',\n '--alert-main-gap-vertical': '0px',\n '--alert-discard-button-padding': '8px 8px 8px 0px',\n '--alert-content-padding': '7px 0px',\n '--alert-content-align-items': 'center',\n '--alert-content-gap': '6px',\n },\n}\n\nexport const SIZES_VERTICAL: Record<Size, CSSProperties> = {\n m: {\n '--alert-root-width': '368px',\n '--alert-root-max-width': 'none',\n '--alert-root-min-width': 'auto',\n '--alert-root-border-radius': '12px',\n '--alert-root-min-height': '48px',\n '--alert-container-padding': '16px 20px',\n '--alert-container-gap': '12px',\n '--alert-main-flex-direction': 'column',\n '--alert-main-gap-horizontal': '0px',\n '--alert-main-gap-vertical': '12px',\n '--alert-discard-button-padding': '12px 12px 12px 0px',\n '--alert-content-padding': '3px 0px',\n '--alert-content-align-items': 'start',\n '--alert-content-gap': '8px',\n },\n s: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '100%',\n '--alert-root-min-width': '280px',\n '--alert-root-border-radius': '12px',\n '--alert-root-min-height': '40px',\n '--alert-container-padding': '12px 16px',\n '--alert-container-gap': '8px',\n '--alert-main-flex-direction': 'column',\n '--alert-main-gap-horizontal': '0px',\n '--alert-main-gap-vertical': '10px',\n '--alert-discard-button-padding': '10px 10px 10px 0px',\n '--alert-content-padding': '2px 0px',\n '--alert-content-align-items': 'start',\n '--alert-content-gap': '6px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_ALERT_TIMER: Record<Size, CSSProperties> = {\n m: SIZES_TIMER.m,\n s: SIZES_TIMER.s,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<Size, CSSProperties> = {\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.m,\n}\n\nexport const SIZES_ALERT_BUTTON: Record<Size, CSSProperties> = {\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.xs,\n}\n\nexport const SIZES_ALERT_BUTTON_ICON: Record<Size, CSSProperties> = {\n m: { fontSize: 20 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_ALERT_BUTTON_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n"],"names":["SIZES_ALERT_TIMER","m","SIZES_TIMER","s","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","xl","SIZES_BUTTON","xs","fontSize"],"mappings":"2KAsFO,MAAMA,kBAAiD,CAC5DC,EAAGC,QAAAA,MAAYD,EACfE,EAAGD,QAAAA,MAAYC,GAGV,MAAMC,qBAAoD,CAC/DH,EAAGI,MAAAA,WAAkBC,GACrBH,EAAGE,MAAAA,WAAkBJ,8BAGwC,CAC7DA,EAAGM,QAAAA,MAAaJ,EAChBA,EAAGI,QAAAA,MAAaC,oCAGkD,CAClEP,EAAG,CAAEQ,SAAU,IACfN,EAAG,CAAEM,SAAU,qCAGmD,CAClER,EAAG,CAAEQ,SAAU,IACfN,EAAG,CAAEM,SAAU,4HAtG4C,CAC3DR,EAAG,CACD,qBAAsB,cACtB,yBAA0B,QAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,WAC7B,wBAAyB,OACzB,8BAA+B,MAC/B,8BAA+B,OAC/B,4BAA6B,MAC7B,iCAAkC,kBAClC,0BAA2B,WAC3B,8BAA+B,SAC/B,sBAAuB,OAEzBE,EAAG,CACD,qBAAsB,cACtB,yBAA0B,QAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,WAC7B,wBAAyB,MACzB,8BAA+B,MAC/B,8BAA+B,OAC/B,4BAA6B,MAC7B,iCAAkC,kBAClC,0BAA2B,UAC3B,8BAA+B,SAC/B,sBAAuB,2BA4C4B,CACrDF,EAAG,CAAEQ,SAAU,IACfN,EAAG,CAAEM,SAAU,wBAPsC,CACrDR,EAAG,CAAEQ,SAAU,IACfN,EAAG,CAAEM,SAAU,4BArC0C,CACzDR,EAAG,CACD,qBAAsB,QACtB,yBAA0B,OAC1B,yBAA0B,OAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,YAC7B,wBAAyB,OACzB,8BAA+B,SAC/B,8BAA+B,MAC/B,4BAA6B,OAC7B,iCAAkC,qBAClC,0BAA2B,UAC3B,8BAA+B,QAC/B,sBAAuB,OAEzBE,EAAG,CACD,qBAAsB,cACtB,yBAA0B,OAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,YAC7B,wBAAyB,MACzB,8BAA+B,SAC/B,8BAA+B,MAC/B,4BAA6B,OAC7B,iCAAkC,qBAClC,0BAA2B,UAC3B,8BAA+B,QAC/B,sBAAuB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{SIZES_BASE}from'../IconButton/sizes.mjs';import{SIZES}from'../Button/sizes.mjs';import'../Button/Button.mjs';import{SIZES as SIZES$1}from'../Timer/sizes.mjs';const SIZES_HORIZONTAL={m:{'--alert-root-width':'fit-content','--alert-root-max-width':'704px','--alert-root-min-width':'224px','--alert-root-border-radius':'24px','--alert-root-min-height':'48px','--alert-container-padding':'4px 20px','--alert-container-gap':'12px','--alert-main-flex-direction':'row','--alert-main-gap-horizontal':'16px','--alert-main-gap-vertical':'0px','--alert-discard-button-padding':'8px 8px 8px 0px','--alert-content-padding':'10px 0px','--alert-content-align-items':'center','--alert-content-gap':'8px'},s:{'--alert-root-width':'fit-content','--alert-root-max-width':'512px','--alert-root-min-width':'192px','--alert-root-border-radius':'20px','--alert-root-min-height':'40px','--alert-container-padding':'4px 16px','--alert-container-gap':'8px','--alert-main-flex-direction':'row','--alert-main-gap-horizontal':'12px','--alert-main-gap-vertical':'0px','--alert-discard-button-padding':'8px 8px 8px 0px','--alert-content-padding':'7px 0px','--alert-content-align-items':'center','--alert-content-gap':'6px'}};const SIZES_VERTICAL={m:{'--alert-root-width':'368px','--alert-root-max-width':'none','--alert-root-min-width':'auto','--alert-root-border-radius':'12px','--alert-root-min-height':'48px','--alert-container-padding':'16px 20px','--alert-container-gap':'12px','--alert-main-flex-direction':'column','--alert-main-gap-horizontal':'0px','--alert-main-gap-vertical':'12px','--alert-discard-button-padding':'12px 12px 12px 0px','--alert-content-padding':'3px 0px','--alert-content-align-items':'start','--alert-content-gap':'8px'},s:{'--alert-root-width':'fit-content','--alert-root-max-width':'100%','--alert-root-min-width':'280px','--alert-root-border-radius':'12px','--alert-root-min-height':'40px','--alert-container-padding':'12px 16px','--alert-container-gap':'8px','--alert-main-flex-direction':'column','--alert-main-gap-horizontal':'0px','--alert-main-gap-vertical':'10px','--alert-discard-button-padding':'10px 10px 10px 0px','--alert-content-padding':'2px 0px','--alert-content-align-items':'start','--alert-content-gap':'6px'}};const SIZES_TEXT={m:{fontSize:16},s:{fontSize:14}};const SIZES_ICON={m:{fontSize:24},s:{fontSize:20}};const SIZES_ALERT_TIMER={m:SIZES$1.m,s:SIZES$1.s};const SIZES_DISCARD_BUTTON={m:SIZES_BASE.xl,s:SIZES_BASE.m};const SIZES_ALERT_BUTTON={m:SIZES.s,s:SIZES.xs};const SIZES_ALERT_BUTTON_ICON={m:{fontSize:20},s:{fontSize:20}};const SIZES_ALERT_BUTTON_TEXT={m:{fontSize:16},s:{fontSize:14}};export{SIZES_ALERT_BUTTON,SIZES_ALERT_BUTTON_ICON,SIZES_ALERT_BUTTON_TEXT,SIZES_ALERT_TIMER,SIZES_DISCARD_BUTTON,SIZES_HORIZONTAL,SIZES_ICON,SIZES_TEXT,SIZES_VERTICAL};
|
|
2
|
-
//# sourceMappingURL=sizes.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Alert/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES as SIZES_TIMER } from 'components/Timer'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { Size } from './types'\n\nexport const SIZES_HORIZONTAL: Record<Size, CSSProperties> = {\n m: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '704px',\n '--alert-root-min-width': '224px',\n '--alert-root-border-radius': '24px',\n '--alert-root-min-height': '48px',\n '--alert-container-padding': '4px 20px',\n '--alert-container-gap': '12px',\n '--alert-main-flex-direction': 'row',\n '--alert-main-gap-horizontal': '16px',\n '--alert-main-gap-vertical': '0px',\n '--alert-discard-button-padding': '8px 8px 8px 0px',\n '--alert-content-padding': '10px 0px',\n '--alert-content-align-items': 'center',\n '--alert-content-gap': '8px',\n },\n s: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '512px',\n '--alert-root-min-width': '192px',\n '--alert-root-border-radius': '20px',\n '--alert-root-min-height': '40px',\n '--alert-container-padding': '4px 16px',\n '--alert-container-gap': '8px',\n '--alert-main-flex-direction': 'row',\n '--alert-main-gap-horizontal': '12px',\n '--alert-main-gap-vertical': '0px',\n '--alert-discard-button-padding': '8px 8px 8px 0px',\n '--alert-content-padding': '7px 0px',\n '--alert-content-align-items': 'center',\n '--alert-content-gap': '6px',\n },\n}\n\nexport const SIZES_VERTICAL: Record<Size, CSSProperties> = {\n m: {\n '--alert-root-width': '368px',\n '--alert-root-max-width': 'none',\n '--alert-root-min-width': 'auto',\n '--alert-root-border-radius': '12px',\n '--alert-root-min-height': '48px',\n '--alert-container-padding': '16px 20px',\n '--alert-container-gap': '12px',\n '--alert-main-flex-direction': 'column',\n '--alert-main-gap-horizontal': '0px',\n '--alert-main-gap-vertical': '12px',\n '--alert-discard-button-padding': '12px 12px 12px 0px',\n '--alert-content-padding': '3px 0px',\n '--alert-content-align-items': 'start',\n '--alert-content-gap': '8px',\n },\n s: {\n '--alert-root-width': 'fit-content',\n '--alert-root-max-width': '100%',\n '--alert-root-min-width': '280px',\n '--alert-root-border-radius': '12px',\n '--alert-root-min-height': '40px',\n '--alert-container-padding': '12px 16px',\n '--alert-container-gap': '8px',\n '--alert-main-flex-direction': 'column',\n '--alert-main-gap-horizontal': '0px',\n '--alert-main-gap-vertical': '10px',\n '--alert-discard-button-padding': '10px 10px 10px 0px',\n '--alert-content-padding': '2px 0px',\n '--alert-content-align-items': 'start',\n '--alert-content-gap': '6px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_ALERT_TIMER: Record<Size, CSSProperties> = {\n m: SIZES_TIMER.m,\n s: SIZES_TIMER.s,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<Size, CSSProperties> = {\n m: SIZES_ICON_BUTTON.xl,\n s: SIZES_ICON_BUTTON.m,\n}\n\nexport const SIZES_ALERT_BUTTON: Record<Size, CSSProperties> = {\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.xs,\n}\n\nexport const SIZES_ALERT_BUTTON_ICON: Record<Size, CSSProperties> = {\n m: { fontSize: 20 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_ALERT_BUTTON_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n"],"names":["SIZES_HORIZONTAL","m","s","SIZES_VERTICAL","SIZES_TEXT","fontSize","SIZES_ICON","SIZES_ALERT_TIMER","SIZES_TIMER","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","xl","SIZES_ALERT_BUTTON","SIZES_BUTTON","xs","SIZES_ALERT_BUTTON_ICON","SIZES_ALERT_BUTTON_TEXT"],"mappings":"qKAMO,MAAMA,iBAAgD,CAC3DC,EAAG,CACD,qBAAsB,cACtB,yBAA0B,QAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,WAC7B,wBAAyB,OACzB,8BAA+B,MAC/B,8BAA+B,OAC/B,4BAA6B,MAC7B,iCAAkC,kBAClC,0BAA2B,WAC3B,8BAA+B,SAC/B,sBAAuB,OAEzBC,EAAG,CACD,qBAAsB,cACtB,yBAA0B,QAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,WAC7B,wBAAyB,MACzB,8BAA+B,MAC/B,8BAA+B,OAC/B,4BAA6B,MAC7B,iCAAkC,kBAClC,0BAA2B,UAC3B,8BAA+B,SAC/B,sBAAuB,QAIpB,MAAMC,eAA8C,CACzDF,EAAG,CACD,qBAAsB,QACtB,yBAA0B,OAC1B,yBAA0B,OAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,YAC7B,wBAAyB,OACzB,8BAA+B,SAC/B,8BAA+B,MAC/B,4BAA6B,OAC7B,iCAAkC,qBAClC,0BAA2B,UAC3B,8BAA+B,QAC/B,sBAAuB,OAEzBC,EAAG,CACD,qBAAsB,cACtB,yBAA0B,OAC1B,yBAA0B,QAC1B,6BAA8B,OAC9B,0BAA2B,OAC3B,4BAA6B,YAC7B,wBAAyB,MACzB,8BAA+B,SAC/B,8BAA+B,MAC/B,4BAA6B,OAC7B,iCAAkC,qBAClC,0BAA2B,UAC3B,8BAA+B,QAC/B,sBAAuB,QAIpB,MAAME,WAA0C,CACrDH,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,KAGV,MAAMC,WAA0C,CACrDL,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,KAGV,MAAME,kBAAiD,CAC5DN,EAAGO,QAAYP,EACfC,EAAGM,QAAYN,GAGV,MAAMO,qBAAoD,CAC/DR,EAAGS,WAAkBC,GACrBT,EAAGQ,WAAkBT,GAGhB,MAAMW,mBAAkD,CAC7DX,EAAGY,MAAaX,EAChBA,EAAGW,MAAaC,IAGX,MAAMC,wBAAuD,CAClEd,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,KAGV,MAAMW,wBAAuD,CAClEf,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var useThemeMergedProps=require('../../hooks/useThemeMergedProps.js');var useResponsiveSizeProps=require('../../hooks/useResponsiveSizeProps.js');var useResponsiveLayoutProps=require('../../hooks/useResponsiveLayoutProps.js');var useResponsiveMarginProps=require('../../hooks/useResponsiveMarginProps.js');var useMergedPalette=require('../../hooks/useMergedPalette.js');exports.useAlertProps=e=>{const s=useThemeMergedProps.useThemeMergedProps(e,'Alert');const r=useResponsiveSizeProps.useResponsiveSizeProps(s);const o=useResponsiveLayoutProps.useResponsiveLayoutProps(s);const u=useResponsiveMarginProps.useResponsiveMarginProps(s);const p=useMergedPalette.useMergedPalette(s);return{...s,size:r,layout:o,margin:u,palette:p}};
|
|
2
|
-
//# sourceMappingURL=useAlertProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertProps.js","sources":["../../../../src/components/Alert/useAlertProps.ts"],"sourcesContent":["import { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { useResponsiveLayoutProps } from 'hooks/useResponsiveLayoutProps'\nimport { useResponsiveMarginProps } from 'hooks/useResponsiveMarginProps'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { AlertProps } from './types'\n\nexport const useAlertProps = (props: AlertProps) => {\n const mergedProps = useThemeMergedProps(props, 'Alert')\n const size = useResponsiveSizeProps(mergedProps)\n const layout = useResponsiveLayoutProps(mergedProps)\n const margin = useResponsiveMarginProps(mergedProps)\n const palette = useMergedPalette(mergedProps)\n\n return {\n ...mergedProps,\n size,\n layout,\n margin,\n palette,\n }\n}\n"],"names":["props","mergedProps","useThemeMergedProps","size","useResponsiveSizeProps","layout","useResponsiveLayoutProps","margin","useResponsiveMarginProps","palette","useMergedPalette"],"mappings":"qZAO8BA,IAC5B,MAAMC,EAAcC,oBAAAA,oBAAoBF,EAAO,SAC/C,MAAMG,EAAOC,uBAAAA,uBAAuBH,GACpC,MAAMI,EAASC,yBAAAA,yBAAyBL,GACxC,MAAMM,EAASC,yBAAAA,yBAAyBP,GACxC,MAAMQ,EAAUC,iBAAAA,iBAAiBT,GAEjC,MAAO,IACFA,EACHE,OACAE,SACAE,SACAE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useThemeMergedProps}from'../../hooks/useThemeMergedProps.mjs';import{useResponsiveSizeProps}from'../../hooks/useResponsiveSizeProps.mjs';import{useResponsiveLayoutProps}from'../../hooks/useResponsiveLayoutProps.mjs';import{useResponsiveMarginProps}from'../../hooks/useResponsiveMarginProps.mjs';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';const useAlertProps=e=>{const s=useThemeMergedProps(e,'Alert');const o=useResponsiveSizeProps(s);const r=useResponsiveLayoutProps(s);const p=useResponsiveMarginProps(s);const t=useMergedPalette(s);return{...s,size:o,layout:r,margin:p,palette:t}};export{useAlertProps};
|
|
2
|
-
//# sourceMappingURL=useAlertProps.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAlertProps.mjs","sources":["../../../../src/components/Alert/useAlertProps.ts"],"sourcesContent":["import { useThemeMergedProps } from 'hooks/useThemeMergedProps'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { useResponsiveLayoutProps } from 'hooks/useResponsiveLayoutProps'\nimport { useResponsiveMarginProps } from 'hooks/useResponsiveMarginProps'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport type { AlertProps } from './types'\n\nexport const useAlertProps = (props: AlertProps) => {\n const mergedProps = useThemeMergedProps(props, 'Alert')\n const size = useResponsiveSizeProps(mergedProps)\n const layout = useResponsiveLayoutProps(mergedProps)\n const margin = useResponsiveMarginProps(mergedProps)\n const palette = useMergedPalette(mergedProps)\n\n return {\n ...mergedProps,\n size,\n layout,\n margin,\n palette,\n }\n}\n"],"names":["useAlertProps","props","mergedProps","useThemeMergedProps","size","useResponsiveSizeProps","layout","useResponsiveLayoutProps","margin","useResponsiveMarginProps","palette","useMergedPalette"],"mappings":"6WAOO,MAAMA,cAAiBC,IAC5B,MAAMC,EAAcC,oBAAoBF,EAAO,SAC/C,MAAMG,EAAOC,uBAAuBH,GACpC,MAAMI,EAASC,yBAAyBL,GACxC,MAAMM,EAASC,yBAAyBP,GACxC,MAAMQ,EAAUC,iBAAiBT,GAEjC,MAAO,IACFA,EACHE,OACAE,SACAE,SACAE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');var getProgressPercent=require('../../shared/utils/getProgressPercent.js');var useTimerProps=require('./useTimerProps.js');var useTimer=require('./useTimer.js');var sizes=require('./sizes.js');var styled=require('./styled.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Text=require('../Text/Text.js');exports.Timer=React.forwardRef((e,s)=>{const{size:r="s",color:t="content-brand-primary",style:i={},sizes:n,limit:o,paused:u,content:a,sizeXXS:l,sizeXS:c,sizeS:m,sizeM:j,sizeL:x,sizeXL:d,onStart:p,onFinish:z,onPause:P,...R}=useTimerProps.useTimerProps(e);const T={size:r,sizeXXS:l,sizeXS:c,sizeS:m,sizeM:j,sizeL:x,sizeXL:d,sizes:sizes.SIZES_TEXT,appearance:'caption',color:'inherit',weight:700,marginTop:1,lineHeight:1};const g=React.useRef(null);const S=useTimer.useTimer({limit:o,paused:u,onStart:p,onPause:P,onFinish:z,onRemainingMSChange:e=>{g.current&&g.current.style.setProperty('--timer-progress-percent',""+(100-getProgressPercent.getProgressPercent(e,o*1e3)))}});const[h,y]=React.useState([]);return React.useEffect(()=>{y(e=>[...e,S])},[S]),jsxRuntime.jsxs(styled.Root,{...R,color:t,ref:s,style:{...n[r],...i},children:[S>0?jsxRuntime.jsx(styled.ProgressCircle,{ref:g}):null,jsxRuntime.jsx(styled.DisplayPosition,{children:jsxRuntime.jsx(styled.Display,{children:jsxRuntime.jsx(styled.Track,{shift:h.length-1,children:h.map(e=>jsxRuntime.jsx(styled.Digit,{children:jsxRuntime.jsx(Slot.Slot,{render:a,props:{textProps:T,seconds:e},fallback:jsxRuntime.jsx(Text.Text,{...T,children:e})})},e))})})})]})});
|
|
2
|
-
//# sourceMappingURL=Timer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timer.js","sources":["../../../../src/components/Timer/Timer.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect } from 'react'\nimport { Text } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport type { TextProps } from 'components/Text'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { useTimerProps } from './useTimerProps'\nimport { useTimer } from './useTimer'\nimport { SIZES_TEXT } from './sizes'\nimport * as Styled from './styled'\nimport type { TimerProps } from './types'\n\n/**\n *\n * Таймер обратного отсчета.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nexport const Timer = forwardRef<HTMLDivElement, TimerProps>((props, ref) => {\n const {\n size = 's',\n color = 'content-brand-primary',\n style = {},\n sizes,\n limit,\n paused,\n content,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n onStart,\n onFinish,\n onPause,\n ...restProps\n } = useTimerProps(props)\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'caption',\n color: 'inherit',\n weight: 700,\n marginTop: 1,\n lineHeight: 1,\n }\n\n const progressRef = useRef<SVGSVGElement | null>(null)\n\n const remainingSeconds = useTimer({\n limit,\n paused,\n onStart,\n onPause,\n onFinish,\n onRemainingMSChange: (timeMS) => {\n if (progressRef.current) {\n progressRef.current.style.setProperty(\n '--timer-progress-percent',\n `${100 - getProgressPercent(timeMS, limit * 1000)}`\n )\n }\n },\n })\n\n const [secondsDigits, setSecondsDigits] = useState<number[]>([])\n\n useEffect(() => {\n setSecondsDigits((prev) => [...prev, remainingSeconds])\n }, [remainingSeconds])\n\n return (\n <Styled.Root\n {...restProps}\n color={color}\n ref={ref}\n style={{\n ...sizes[size],\n ...style,\n }}\n >\n {remainingSeconds > 0 ? <Styled.ProgressCircle ref={progressRef} /> : null}\n <Styled.DisplayPosition>\n <Styled.Display>\n <Styled.Track shift={secondsDigits.length - 1}>\n {secondsDigits.map((digit) => (\n <Styled.Digit key={digit}>\n <Slot\n render={content}\n props={{\n textProps,\n seconds: digit,\n }}\n fallback={<Text {...textProps}>{digit}</Text>}\n />\n </Styled.Digit>\n ))}\n </Styled.Track>\n </Styled.Display>\n </Styled.DisplayPosition>\n </Styled.Root>\n )\n})\n"],"names":["forwardRef","props","ref","size","color","style","sizes","limit","paused","content","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","onStart","onFinish","onPause","restProps","useTimerProps","textProps","SIZES_TEXT","appearance","weight","marginTop","lineHeight","progressRef","useRef","remainingSeconds","useTimer","onRemainingMSChange","timeMS","current","setProperty","getProgressPercent","secondsDigits","setSecondsDigits","useState","useEffect","prev","_jsxs","Styled","children","_jsx","shift","length","map","digit","Slot","render","seconds","fallback","Text"],"mappings":"6YAiBqBA,MAAAA,WAAuC,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,MACVA,EAAQ,wBAAuBC,MAC/BA,EAAQ,CAAA,QACRC,EAAKC,MACLA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,SACPA,EAAQC,QACRA,KACGC,GACDC,cAAAA,cAAcnB,GAYlB,MAAMoB,EAAuB,CAT3BlB,OACAO,UACAC,SACAC,QACAC,QACAC,QACAC,SAKAT,MAAOgB,MAAAA,WACPC,WAAY,UACZnB,MAAO,UACPoB,OAAQ,IACRC,UAAW,EACXC,WAAY,GAGd,MAAMC,EAAcC,MAAAA,OAA6B,MAEjD,MAAMC,EAAmBC,SAAAA,SAAS,CAChCvB,QACAC,SACAQ,UACAE,UACAD,WACAc,oBAAsBC,IAChBL,EAAYM,SACdN,EAAYM,QAAQ5B,MAAM6B,YACxB,2BACA,IAAG,IAAMC,mBAAAA,mBAAmBH,EAAQzB,EAAQ,UAMpD,MAAO6B,EAAeC,GAAoBC,MAAAA,SAAmB,IAM7D,OAJAC,MAAAA,UAAU,KACRF,EAAkBG,GAAS,IAAIA,EAAMX,KACpC,CAACA,IAGFY,WAAAA,KAACC,OAAAA,KAAW,IACNvB,EACJf,MAAOA,EACPF,IAAKA,EACLG,MAAO,IACFC,EAAMH,MACNE,GACHsC,SAAA,CAEDd,EAAmB,EAAIe,WAAAA,IAACF,OAAAA,eAAqB,CAACxC,IAAKyB,IAAkB,KACtEiB,WAAAA,IAACF,uBAAsB,CAAAC,SACrBC,WAAAA,IAACF,eAAc,CAAAC,SACbC,WAAAA,IAACF,aAAY,CAACG,MAAOT,EAAcU,OAAS,EAAEH,SAC3CP,EAAcW,IAAKC,GAClBJ,WAAAA,IAACF,OAAAA,MAAY,CAAAC,SACXC,WAAAA,IAACK,UAAI,CACHC,OAAQzC,EACRR,MAAO,CACLoB,YACA8B,QAASH,GAEXI,SAAUR,WAAAA,IAACS,UAAI,IAAKhC,EAASsB,SAAGK,OAPjBA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{forwardRef,useRef,useState,useEffect}from'react';import{getProgressPercent}from'../../shared/utils/getProgressPercent.mjs';import{useTimerProps}from'./useTimerProps.mjs';import{useTimer}from'./useTimer.mjs';import{SIZES_TEXT}from'./sizes.mjs';import{Root,ProgressCircle,DisplayPosition,Display,Track,Digit}from'./styled.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';const Timer=forwardRef((e,s)=>{const{size:r="s",color:i="content-brand-primary",style:t={},sizes:o,limit:n,paused:m,content:c,sizeXXS:l,sizeXS:a,sizeS:p,sizeM:f,sizeL:u,sizeXL:S,onStart:T,onFinish:j,onPause:g,...x}=useTimerProps(e);const z={size:r,sizeXXS:l,sizeXS:a,sizeS:p,sizeM:f,sizeL:u,sizeXL:S,sizes:SIZES_TEXT,appearance:'caption',color:'inherit',weight:700,marginTop:1,lineHeight:1};const P=useRef(null);const d=useTimer({limit:n,paused:m,onStart:T,onPause:g,onFinish:j,onRemainingMSChange:e=>{P.current&&P.current.style.setProperty('--timer-progress-percent',""+(100-getProgressPercent(e,n*1e3)))}});const[h,y]=useState([]);return useEffect(()=>{y(e=>[...e,d])},[d]),jsxs(Root,{...x,color:i,ref:s,style:{...o[r],...t},children:[d>0?jsx(ProgressCircle,{ref:P}):null,jsx(DisplayPosition,{children:jsx(Display,{children:jsx(Track,{shift:h.length-1,children:h.map(e=>jsx(Digit,{children:jsx(Slot,{render:c,props:{textProps:z,seconds:e},fallback:jsx(Text,{...z,children:e})})},e))})})})]})});export{Timer};
|
|
2
|
-
//# sourceMappingURL=Timer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Timer.mjs","sources":["../../../../src/components/Timer/Timer.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect } from 'react'\nimport { Text } from 'components/Text'\nimport { Slot } from 'components/Slot'\nimport type { TextProps } from 'components/Text'\nimport { getProgressPercent } from 'shared/utils/getProgressPercent'\nimport { useTimerProps } from './useTimerProps'\nimport { useTimer } from './useTimer'\nimport { SIZES_TEXT } from './sizes'\nimport * as Styled from './styled'\nimport type { TimerProps } from './types'\n\n/**\n *\n * Таймер обратного отсчета.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nexport const Timer = forwardRef<HTMLDivElement, TimerProps>((props, ref) => {\n const {\n size = 's',\n color = 'content-brand-primary',\n style = {},\n sizes,\n limit,\n paused,\n content,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n onStart,\n onFinish,\n onPause,\n ...restProps\n } = useTimerProps(props)\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'caption',\n color: 'inherit',\n weight: 700,\n marginTop: 1,\n lineHeight: 1,\n }\n\n const progressRef = useRef<SVGSVGElement | null>(null)\n\n const remainingSeconds = useTimer({\n limit,\n paused,\n onStart,\n onPause,\n onFinish,\n onRemainingMSChange: (timeMS) => {\n if (progressRef.current) {\n progressRef.current.style.setProperty(\n '--timer-progress-percent',\n `${100 - getProgressPercent(timeMS, limit * 1000)}`\n )\n }\n },\n })\n\n const [secondsDigits, setSecondsDigits] = useState<number[]>([])\n\n useEffect(() => {\n setSecondsDigits((prev) => [...prev, remainingSeconds])\n }, [remainingSeconds])\n\n return (\n <Styled.Root\n {...restProps}\n color={color}\n ref={ref}\n style={{\n ...sizes[size],\n ...style,\n }}\n >\n {remainingSeconds > 0 ? <Styled.ProgressCircle ref={progressRef} /> : null}\n <Styled.DisplayPosition>\n <Styled.Display>\n <Styled.Track shift={secondsDigits.length - 1}>\n {secondsDigits.map((digit) => (\n <Styled.Digit key={digit}>\n <Slot\n render={content}\n props={{\n textProps,\n seconds: digit,\n }}\n fallback={<Text {...textProps}>{digit}</Text>}\n />\n </Styled.Digit>\n ))}\n </Styled.Track>\n </Styled.Display>\n </Styled.DisplayPosition>\n </Styled.Root>\n )\n})\n"],"names":["Timer","forwardRef","props","ref","size","color","style","sizes","limit","paused","content","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","onStart","onFinish","onPause","restProps","useTimerProps","textProps","SIZES_TEXT","appearance","weight","marginTop","lineHeight","progressRef","useRef","remainingSeconds","useTimer","onRemainingMSChange","timeMS","current","setProperty","getProgressPercent","secondsDigits","setSecondsDigits","useState","useEffect","prev","_jsxs","Styled","children","_jsx","shift","length","map","digit","Slot","render","seconds","fallback","Text"],"mappings":"0bAiBO,MAAMA,MAAQC,WAAuC,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,MACVA,EAAQ,wBAAuBC,MAC/BA,EAAQ,CAAA,EAAEC,MACVA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,QACNA,EAAOC,SACPA,EAAQC,QACRA,KACGC,GACDC,cAAcnB,GAYlB,MAAMoB,EAAuB,CAT3BlB,OACAO,UACAC,SACAC,QACAC,QACAC,QACAC,SAKAT,MAAOgB,WACPC,WAAY,UACZnB,MAAO,UACPoB,OAAQ,IACRC,UAAW,EACXC,WAAY,GAGd,MAAMC,EAAcC,OAA6B,MAEjD,MAAMC,EAAmBC,SAAS,CAChCvB,QACAC,SACAQ,UACAE,UACAD,WACAc,oBAAsBC,IAChBL,EAAYM,SACdN,EAAYM,QAAQ5B,MAAM6B,YACxB,2BACA,IAAG,IAAMC,mBAAmBH,EAAQzB,EAAQ,UAMpD,MAAO6B,EAAeC,GAAoBC,SAAmB,IAM7D,OAJAC,UAAU,KACRF,EAAkBG,GAAS,IAAIA,EAAMX,KACpC,CAACA,IAGFY,KAACC,KAAW,IACNvB,EACJf,MAAOA,EACPF,IAAKA,EACLG,MAAO,IACFC,EAAMH,MACNE,GACHsC,SAAA,CAEDd,EAAmB,EAAIe,IAACF,eAAqB,CAACxC,IAAKyB,IAAkB,KACtEiB,IAACF,gBAAsB,CAAAC,SACrBC,IAACF,QAAc,CAAAC,SACbC,IAACF,MAAY,CAACG,MAAOT,EAAcU,OAAS,EAAEH,SAC3CP,EAAcW,IAAKC,GAClBJ,IAACF,MAAY,CAAAC,SACXC,IAACK,KAAI,CACHC,OAAQzC,EACRR,MAAO,CACLoB,YACA8B,QAASH,GAEXI,SAAUR,IAACS,KAAI,IAAKhC,EAASsB,SAAGK,OAPjBA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sources":["../../../../src/components/Timer/context.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { TimerProps } from './types'\n\nexport const TimerPropsContext = createContext<Partial<TimerProps> | null>(null)\n"],"names":["createContext"],"mappings":"kEAGiCA,MAAAA,cAA0C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.mjs","sources":["../../../../src/components/Timer/context.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { TimerProps } from './types'\n\nexport const TimerPropsContext = createContext<Partial<TimerProps> | null>(null)\n"],"names":["TimerPropsContext","createContext"],"mappings":"uCAGaA,kBAAoBC,cAA0C"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),_path||(_path=React__namespace.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,d:"M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16",pathLength:100})));
|
|
2
|
-
//# sourceMappingURL=Circle.svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Circle.svg.js","sources":["../../../../../src/components/Timer/images/Circle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCircle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 20 20\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeWidth: 1.5,\n d: \"M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16\",\n pathLength: 100\n})));\nexport default SvgCircle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","stroke","strokeLinecap","strokeWidth","d","pathLength"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAEjQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC1EgB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,OAAQ,eACRC,cAAe,QACfC,YAAa,IACbC,EAAG,sCACHC,WAAY"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SvgCircle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),_path||(_path=React.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,d:"M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16",pathLength:100})));export{SvgCircle as default};
|
|
2
|
-
//# sourceMappingURL=Circle.svg.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Circle.svg.mjs","sources":["../../../../../src/components/Timer/images/Circle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCircle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 20 20\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeWidth: 1.5,\n d: \"M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16\",\n pathLength: 100\n})));\nexport default SvgCircle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgCircle","props","React","createElement","xmlns","fill","viewBox","stroke","strokeLinecap","strokeWidth","d","pathLength"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,UAAYC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC1EiB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,OAAQ,eACRC,cAAe,QACfC,YAAa,IACbC,EAAG,sCACHC,WAAY"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';exports.SIZES={m:{'--timer-root-width':'24px','--timer-root-height':'24px','--timer-display-width':'18px','--timer-display-height':'18px'},s:{'--timer-root-width':'20px','--timer-root-height':'20px','--timer-display-width':'14px','--timer-display-height':'14px'}},exports.SIZES_TEXT={m:{fontSize:14},s:{fontSize:12}};
|
|
2
|
-
//# sourceMappingURL=sizes.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sources":["../../../../src/components/Timer/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n m: {\n '--timer-root-width': '24px',\n '--timer-root-height': '24px',\n '--timer-display-width': '18px',\n '--timer-display-height': '18px',\n },\n s: {\n '--timer-root-width': '20px',\n '--timer-root-height': '20px',\n '--timer-display-width': '14px',\n '--timer-display-height': '14px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 14 },\n s: { fontSize: 12 },\n}\n"],"names":["m","s","fontSize"],"mappings":"2BAGkD,CAChDA,EAAG,CACD,qBAAsB,OACtB,sBAAuB,OACvB,wBAAyB,OACzB,yBAA0B,QAE5BC,EAAG,CACD,qBAAsB,OACtB,sBAAuB,OACvB,wBAAyB,OACzB,yBAA0B,4BAIyB,CACrDD,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const SIZES={m:{'--timer-root-width':'24px','--timer-root-height':'24px','--timer-display-width':'18px','--timer-display-height':'18px'},s:{'--timer-root-width':'20px','--timer-root-height':'20px','--timer-display-width':'14px','--timer-display-height':'14px'}};const SIZES_TEXT={m:{fontSize:14},s:{fontSize:12}};export{SIZES,SIZES_TEXT};
|
|
2
|
-
//# sourceMappingURL=sizes.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Timer/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n m: {\n '--timer-root-width': '24px',\n '--timer-root-height': '24px',\n '--timer-display-width': '18px',\n '--timer-display-height': '18px',\n },\n s: {\n '--timer-root-width': '20px',\n '--timer-root-height': '20px',\n '--timer-display-width': '14px',\n '--timer-display-height': '14px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n m: { fontSize: 14 },\n s: { fontSize: 12 },\n}\n"],"names":["SIZES","m","s","SIZES_TEXT","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,EAAG,CACD,qBAAsB,OACtB,sBAAuB,OACvB,wBAAyB,OACzB,yBAA0B,QAE5BC,EAAG,CACD,qBAAsB,OACtB,sBAAuB,OACvB,wBAAyB,OACzB,yBAA0B,SAIvB,MAAMC,WAA0C,CACrDF,EAAG,CAAEG,SAAU,IACfF,EAAG,CAAEE,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var style=require('../../shared/utils/style.js');var Circle=require('./images/Circle.svg.js');function _interopDefault(i){return i&&i.__esModule?i:{default:i}}var styled__default=_interopDefault(styled);const shouldForwardTimerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTimerProp}).withConfig({displayName:"Timer__Root",componentId:"ui__sc-1movwuq-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:var(--timer-root-width);height:var(--timer-root-height);",""],i=>`\n color: ${color.getColor(i.color,i)};\n `);const ProgressCircle=styled__default.default(Circle.default).withConfig({displayName:"Timer__ProgressCircle",componentId:"ui__sc-1movwuq-1"})(["box-sizing:border-box;width:100%;& > path{transition-property:stroke-dashoffset;transition-duration:150ms;transition-timing-function:linear;stroke-dasharray:100;stroke-dashoffset:var(--timer-progress-percent);}"]);const DisplayPosition=styled__default.default.div.withConfig({displayName:"Timer__DisplayPosition",componentId:"ui__sc-1movwuq-2"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;"]);const Display=styled__default.default.div.withConfig({displayName:"Timer__Display",componentId:"ui__sc-1movwuq-3"})(["box-sizing:border-box;overflow:hidden;width:var(--timer-display-width);height:var(--timer-display-height);"]);const Track=styled__default.default.div.withConfig({shouldForwardProp:i=>i!=='shift'}).withConfig({displayName:"Timer__Track",componentId:"ui__sc-1movwuq-4"})(["box-sizing:border-box;width:100%;transition-property:transform;transition-duration:650ms;transition-timing-function:cubic-bezier(0.34,1.6,0.64,1);",""],i=>`\n transform: translateY(calc(-${i.shift} * var(--timer-display-height)));\n `);const Digit=styled__default.default.div.withConfig({displayName:"Timer__Digit",componentId:"ui__sc-1movwuq-5"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--timer-display-width);height:var(--timer-display-height);"]);exports.Digit=Digit,exports.Display=Display,exports.DisplayPosition=DisplayPosition,exports.ProgressCircle=ProgressCircle,exports.Root=Root,exports.Track=Track;
|
|
2
|
-
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../src/components/Timer/styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport Circle from './images/Circle.svg?module'\nimport type { StyledTimerProps } from './types'\n\nconst shouldForwardTimerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledTimerProps>({\n shouldForwardProp: shouldForwardTimerProp,\n})`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n width: var(--timer-root-width);\n height: var(--timer-root-height);\n ${(props) => `\n color: ${getColor(props.color, props)};\n `}\n`\n\nexport const ProgressCircle = styled(Circle)`\n box-sizing: border-box;\n width: 100%;\n & > path {\n transition-property: stroke-dashoffset;\n transition-duration: 150ms;\n transition-timing-function: linear;\n stroke-dasharray: 100;\n stroke-dashoffset: var(--timer-progress-percent);\n }\n`\n\nexport const DisplayPosition = styled.div`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const Display = styled.div`\n box-sizing: border-box;\n overflow: hidden;\n width: var(--timer-display-width);\n height: var(--timer-display-height);\n`\n\nexport const Track = styled.div.withConfig<{\n shift: number\n}>({\n shouldForwardProp: (propKey) => propKey !== 'shift',\n})`\n box-sizing: border-box;\n width: 100%;\n transition-property: transform;\n transition-duration: 650ms;\n transition-timing-function: cubic-bezier(0.34, 1.6, 0.64, 1);\n ${(props) => `\n transform: translateY(calc(-${props.shift} * var(--timer-display-height)));\n `}\n`\n\nexport const Digit = styled.div`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--timer-display-width);\n height: var(--timer-display-height);\n`\n"],"names":["shouldForwardTimerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","getColor","color","ProgressCircle","Circle","DisplayPosition","Display","Track","propKey","shift","Digit"],"mappings":"2SAMA,MAAMA,uBAAyBC,MAAAA,0BAExB,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAA6B,CAC1DC,kBAAmBN,yBACnBK,WAAA,CAAAE,YAAA,cAAAC,YAAA,oBAFkBL,CAElB,CAAA,uHAAA,IAMGM,GAAU,gBACFC,eAASD,EAAME,MAAOF,WAI5B,MAAMG,eAAiBT,gBAAAA,QAAOU,gBAAOR,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAdL,CAAc,CAAA,6NAY/BW,gBAAkBX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAAVL,CAAU,CAAA,wIAY5BY,QAAUZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,iBAAAC,YAAA,oBAAVL,CAAU,CAAA,+GAO1B,MAAMa,MAAQb,gBAAAA,QAAOC,IAAIC,WAE7B,CACDC,kBAAoBW,GAAYA,IAAY,UAC5CZ,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAJmBL,CAInB,CAAA,qJAAA,IAMGM,GAAU,qCACmBA,EAAMS,oDAI3BC,MAAQhB,gBAAAA,QAAOC,IAAGC,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAAVL,CAAU,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import SvgCircle from'./images/Circle.svg.mjs';const shouldForwardTimerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTimerProp}).withConfig({displayName:"Timer__Root",componentId:"ui__sc-1movwuq-0"})(["box-sizing:border-box;position:relative;flex-shrink:0;width:var(--timer-root-width);height:var(--timer-root-height);",""],i=>`\n color: ${getColor(i.color,i)};\n `);const ProgressCircle=styled(SvgCircle).withConfig({displayName:"Timer__ProgressCircle",componentId:"ui__sc-1movwuq-1"})(["box-sizing:border-box;width:100%;& > path{transition-property:stroke-dashoffset;transition-duration:150ms;transition-timing-function:linear;stroke-dasharray:100;stroke-dashoffset:var(--timer-progress-percent);}"]);const DisplayPosition=styled.div.withConfig({displayName:"Timer__DisplayPosition",componentId:"ui__sc-1movwuq-2"})(["box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;"]);const Display=styled.div.withConfig({displayName:"Timer__Display",componentId:"ui__sc-1movwuq-3"})(["box-sizing:border-box;overflow:hidden;width:var(--timer-display-width);height:var(--timer-display-height);"]);const Track=styled.div.withConfig({shouldForwardProp:i=>i!=='shift'}).withConfig({displayName:"Timer__Track",componentId:"ui__sc-1movwuq-4"})(["box-sizing:border-box;width:100%;transition-property:transform;transition-duration:650ms;transition-timing-function:cubic-bezier(0.34,1.6,0.64,1);",""],i=>`\n transform: translateY(calc(-${i.shift} * var(--timer-display-height)));\n `);const Digit=styled.div.withConfig({displayName:"Timer__Digit",componentId:"ui__sc-1movwuq-5"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--timer-display-width);height:var(--timer-display-height);"]);export{Digit,Display,DisplayPosition,ProgressCircle,Root,Track};
|
|
2
|
-
//# sourceMappingURL=styled.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.mjs","sources":["../../../../src/components/Timer/styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport Circle from './images/Circle.svg?module'\nimport type { StyledTimerProps } from './types'\n\nconst shouldForwardTimerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledTimerProps>({\n shouldForwardProp: shouldForwardTimerProp,\n})`\n box-sizing: border-box;\n position: relative;\n flex-shrink: 0;\n width: var(--timer-root-width);\n height: var(--timer-root-height);\n ${(props) => `\n color: ${getColor(props.color, props)};\n `}\n`\n\nexport const ProgressCircle = styled(Circle)`\n box-sizing: border-box;\n width: 100%;\n & > path {\n transition-property: stroke-dashoffset;\n transition-duration: 150ms;\n transition-timing-function: linear;\n stroke-dasharray: 100;\n stroke-dashoffset: var(--timer-progress-percent);\n }\n`\n\nexport const DisplayPosition = styled.div`\n box-sizing: border-box;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const Display = styled.div`\n box-sizing: border-box;\n overflow: hidden;\n width: var(--timer-display-width);\n height: var(--timer-display-height);\n`\n\nexport const Track = styled.div.withConfig<{\n shift: number\n}>({\n shouldForwardProp: (propKey) => propKey !== 'shift',\n})`\n box-sizing: border-box;\n width: 100%;\n transition-property: transform;\n transition-duration: 650ms;\n transition-timing-function: cubic-bezier(0.34, 1.6, 0.64, 1);\n ${(props) => `\n transform: translateY(calc(-${props.shift} * var(--timer-display-height)));\n `}\n`\n\nexport const Digit = styled.div`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--timer-display-width);\n height: var(--timer-display-height);\n`\n"],"names":["shouldForwardTimerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","getColor","color","ProgressCircle","Circle","DisplayPosition","Display","Track","propKey","shift","Digit"],"mappings":"oMAMA,MAAMA,uBAAyBC,0BAExB,MAAMC,KAAOC,OAAOC,IAAIC,WAA6B,CAC1DC,kBAAmBN,yBACnBK,WAAA,CAAAE,YAAA,cAAAC,YAAA,oBAFkBL,CAElB,CAAA,uHAAA,IAMGM,GAAU,gBACFC,SAASD,EAAME,MAAOF,WAI5B,MAAMG,eAAiBT,OAAOU,WAAOR,WAAA,CAAAE,YAAA,wBAAAC,YAAA,oBAAdL,CAAc,CAAA,6NAY/BW,gBAAkBX,OAAOC,IAAGC,WAAA,CAAAE,YAAA,yBAAAC,YAAA,oBAAVL,CAAU,CAAA,wIAY5BY,QAAUZ,OAAOC,IAAGC,WAAA,CAAAE,YAAA,iBAAAC,YAAA,oBAAVL,CAAU,CAAA,+GAO1B,MAAMa,MAAQb,OAAOC,IAAIC,WAE7B,CACDC,kBAAoBW,GAAYA,IAAY,UAC5CZ,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAJmBL,CAInB,CAAA,qJAAA,IAMGM,GAAU,qCACmBA,EAAMS,oDAI3BC,MAAQhB,OAAOC,IAAGC,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAAVL,CAAU,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');exports.useTimer=({limit:e,paused:t,onStart:r,onPause:n,onFinish:c,onRemainingMSChange:u})=>{const a=React.useRef(null);const s=React.useRef(null);const l=React.useRef(null);const o=React.useRef(null);const R=React.useRef(Date.now()+e*1e3);const f=React.useRef(null);const i=React.useRef(!1);const h=React.useRef(!1);a.current=r,s.current=n,l.current=c,o.current=u;const m=React.useCallback(()=>Math.max(0,R.current-Date.now()),[]);const v=React.useCallback(e=>Math.ceil(e/1e3),[]);const[w,D]=React.useState(()=>v(m()));return React.useEffect(()=>{if(i.current)return;let e=null;if(t){if(f.current===null){f.current=Date.now();const e=m();o.current&&o.current(e),D(v(e)),s.current&&s.current()}}else f.current!==null&&(R.current+=Date.now()-f.current,f.current=null),a.current&&!h.current&&(a.current(),h.current=!0),e=setInterval(()=>{const t=m();const r=v(t);o.current&&o.current(t),D(r),t===0&&(e&&clearInterval(e),l.current&&l.current(),i.current=!0)},100);return()=>{e&&clearInterval(e)}},[t,m,v]),w};
|
|
2
|
-
//# sourceMappingURL=useTimer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimer.js","sources":["../../../../src/components/Timer/useTimer.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'react'\nimport type { TimerProps } from './types'\n\ntype UseTimerProps = Pick<TimerProps, 'limit' | 'paused' | 'onStart' | 'onPause' | 'onFinish'> & {\n onRemainingMSChange: (timeMS: number) => void\n}\n\nexport const useTimer = ({\n limit,\n paused,\n onStart: onStartProp,\n onPause: onPauseProp,\n onFinish: onFinishProp,\n onRemainingMSChange: onRemainingMSChangeProp,\n}: UseTimerProps): number => {\n const onStart = useRef<UseTimerProps['onStart'] | null>(null)\n const onPause = useRef<UseTimerProps['onPause'] | null>(null)\n const onFinish = useRef<UseTimerProps['onFinish'] | null>(null)\n const onRemainingMSChange = useRef<UseTimerProps['onRemainingMSChange'] | null>(null)\n\n const endTimeMS = useRef<number>(Date.now() + limit * 1000)\n const pausedTimeMS = useRef<number | null>(null)\n\n const timerDone = useRef<boolean>(false)\n const onStartRun = useRef<boolean>(false)\n\n onStart.current = onStartProp\n onPause.current = onPauseProp\n onFinish.current = onFinishProp\n onRemainingMSChange.current = onRemainingMSChangeProp\n\n const getRemainingMS = useCallback(() => {\n return Math.max(0, endTimeMS.current - Date.now())\n }, [])\n\n const getRemainingSeconds = useCallback((timeMS: number) => {\n return Math.ceil(timeMS / 1000)\n }, [])\n\n const [remainingSeconds, setRemainingSeconds] = useState<number>(() => {\n return getRemainingSeconds(getRemainingMS())\n })\n\n useEffect(() => {\n if (timerDone.current) {\n return\n }\n\n let intervalId: ReturnType<typeof setInterval> | null = null\n\n if (paused) {\n if (pausedTimeMS.current === null) {\n pausedTimeMS.current = Date.now()\n\n const timeMS = getRemainingMS()\n\n if (onRemainingMSChange.current) {\n onRemainingMSChange.current(timeMS)\n }\n\n setRemainingSeconds(getRemainingSeconds(timeMS))\n\n if (onPause.current) onPause.current()\n }\n } else {\n if (pausedTimeMS.current !== null) {\n endTimeMS.current += Date.now() - pausedTimeMS.current\n pausedTimeMS.current = null\n }\n\n if (onStart.current && !onStartRun.current) {\n onStart.current()\n onStartRun.current = true\n }\n\n intervalId = setInterval(() => {\n const timeMS = getRemainingMS()\n const timeSeconds = getRemainingSeconds(timeMS)\n\n if (onRemainingMSChange.current) {\n onRemainingMSChange.current(timeMS)\n }\n\n setRemainingSeconds(timeSeconds)\n\n if (timeMS !== 0) {\n return\n }\n\n if (intervalId) clearInterval(intervalId)\n if (onFinish.current) onFinish.current()\n\n timerDone.current = true\n }, 100)\n }\n\n return () => {\n if (intervalId) {\n clearInterval(intervalId)\n }\n }\n }, [paused, getRemainingMS, getRemainingSeconds])\n\n return remainingSeconds\n}\n"],"names":["useTimer","limit","paused","onStart","onStartProp","onPause","onPauseProp","onFinish","onFinishProp","onRemainingMSChange","onRemainingMSChangeProp","useRef","endTimeMS","Date","now","pausedTimeMS","timerDone","onStartRun","current","getRemainingMS","useCallback","Math","max","getRemainingSeconds","timeMS","ceil","remainingSeconds","setRemainingSeconds","useState","useEffect","intervalId","setInterval","timeSeconds","clearInterval"],"mappings":"yDAOwBA,EACtBC,QACAC,SACAC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,oBAAqBC,MAErB,MAAMP,EAAUQ,MAAAA,OAAwC,MACxD,MAAMN,EAAUM,MAAAA,OAAwC,MACxD,MAAMJ,EAAWI,MAAAA,OAAyC,MAC1D,MAAMF,EAAsBE,MAAAA,OAAoD,MAEhF,MAAMC,EAAYD,MAAAA,OAAeE,KAAKC,MAAQb,EAAQ,KACtD,MAAMc,EAAeJ,MAAAA,OAAsB,MAE3C,MAAMK,EAAYL,MAAAA,QAAgB,GAClC,MAAMM,EAAaN,MAAAA,QAAgB,GAEnCR,EAAQe,QAAUd,EAClBC,EAAQa,QAAUZ,EAClBC,EAASW,QAAUV,EACnBC,EAAoBS,QAAUR,EAE9B,MAAMS,EAAiBC,MAAAA,YAAY,IAC1BC,KAAKC,IAAI,EAAGV,EAAUM,QAAUL,KAAKC,OAC3C,IAEH,MAAMS,EAAsBH,MAAAA,YAAaI,GAChCH,KAAKI,KAAKD,EAAS,KACzB,IAEH,MAAOE,EAAkBC,GAAuBC,MAAAA,SAAiB,IACxDL,EAAoBJ,MA+D7B,OA5DAU,MAAAA,UAAU,KACR,GAAIb,EAAUE,QACZ,OAGF,IAAIY,EAAoD,KAExD,GAAI5B,GACF,GAAIa,EAAaG,UAAY,KAAM,CACjCH,EAAaG,QAAUL,KAAKC,MAE5B,MAAMU,EAASL,IAEXV,EAAoBS,SACtBT,EAAoBS,QAAQM,GAG9BG,EAAoBJ,EAAoBC,IAEpCnB,EAAQa,SAASb,EAAQa,SAC/B,OAEIH,EAAaG,UAAY,OAC3BN,EAAUM,SAAWL,KAAKC,MAAQC,EAAaG,QAC/CH,EAAaG,QAAU,MAGrBf,EAAQe,UAAYD,EAAWC,UACjCf,EAAQe,UACRD,EAAWC,SAAU,GAGvBY,EAAaC,YAAY,KACvB,MAAMP,EAASL,IACf,MAAMa,EAAcT,EAAoBC,GAEpCf,EAAoBS,SACtBT,EAAoBS,QAAQM,GAG9BG,EAAoBK,GAEhBR,IAAW,IAIXM,GAAYG,cAAcH,GAC1BvB,EAASW,SAASX,EAASW,UAE/BF,EAAUE,SAAU,IACnB,KAGL,MAAO,KACDY,GACFG,cAAcH,KAGjB,CAAC5B,EAAQiB,EAAgBI,IAErBG"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useRef,useCallback,useState,useEffect}from'react';const useTimer=({limit:e,paused:r,onStart:n,onPause:t,onFinish:u,onRemainingMSChange:c})=>{const s=useRef(null);const l=useRef(null);const a=useRef(null);const o=useRef(null);const f=useRef(Date.now()+e*1e3);const i=useRef(null);const R=useRef(!1);const m=useRef(!1);s.current=n,l.current=t,a.current=u,o.current=c;const h=useCallback(()=>Math.max(0,f.current-Date.now()),[]);const w=useCallback(e=>Math.ceil(e/1e3),[]);const[C,D]=useState(()=>w(h()));return useEffect(()=>{if(R.current)return;let e=null;if(r){if(i.current===null){i.current=Date.now();const e=h();o.current&&o.current(e),D(w(e)),l.current&&l.current()}}else i.current!==null&&(f.current+=Date.now()-i.current,i.current=null),s.current&&!m.current&&(s.current(),m.current=!0),e=setInterval(()=>{const r=h();const n=w(r);o.current&&o.current(r),D(n),r===0&&(e&&clearInterval(e),a.current&&a.current(),R.current=!0)},100);return()=>{e&&clearInterval(e)}},[r,h,w]),C};export{useTimer};
|
|
2
|
-
//# sourceMappingURL=useTimer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimer.mjs","sources":["../../../../src/components/Timer/useTimer.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback } from 'react'\nimport type { TimerProps } from './types'\n\ntype UseTimerProps = Pick<TimerProps, 'limit' | 'paused' | 'onStart' | 'onPause' | 'onFinish'> & {\n onRemainingMSChange: (timeMS: number) => void\n}\n\nexport const useTimer = ({\n limit,\n paused,\n onStart: onStartProp,\n onPause: onPauseProp,\n onFinish: onFinishProp,\n onRemainingMSChange: onRemainingMSChangeProp,\n}: UseTimerProps): number => {\n const onStart = useRef<UseTimerProps['onStart'] | null>(null)\n const onPause = useRef<UseTimerProps['onPause'] | null>(null)\n const onFinish = useRef<UseTimerProps['onFinish'] | null>(null)\n const onRemainingMSChange = useRef<UseTimerProps['onRemainingMSChange'] | null>(null)\n\n const endTimeMS = useRef<number>(Date.now() + limit * 1000)\n const pausedTimeMS = useRef<number | null>(null)\n\n const timerDone = useRef<boolean>(false)\n const onStartRun = useRef<boolean>(false)\n\n onStart.current = onStartProp\n onPause.current = onPauseProp\n onFinish.current = onFinishProp\n onRemainingMSChange.current = onRemainingMSChangeProp\n\n const getRemainingMS = useCallback(() => {\n return Math.max(0, endTimeMS.current - Date.now())\n }, [])\n\n const getRemainingSeconds = useCallback((timeMS: number) => {\n return Math.ceil(timeMS / 1000)\n }, [])\n\n const [remainingSeconds, setRemainingSeconds] = useState<number>(() => {\n return getRemainingSeconds(getRemainingMS())\n })\n\n useEffect(() => {\n if (timerDone.current) {\n return\n }\n\n let intervalId: ReturnType<typeof setInterval> | null = null\n\n if (paused) {\n if (pausedTimeMS.current === null) {\n pausedTimeMS.current = Date.now()\n\n const timeMS = getRemainingMS()\n\n if (onRemainingMSChange.current) {\n onRemainingMSChange.current(timeMS)\n }\n\n setRemainingSeconds(getRemainingSeconds(timeMS))\n\n if (onPause.current) onPause.current()\n }\n } else {\n if (pausedTimeMS.current !== null) {\n endTimeMS.current += Date.now() - pausedTimeMS.current\n pausedTimeMS.current = null\n }\n\n if (onStart.current && !onStartRun.current) {\n onStart.current()\n onStartRun.current = true\n }\n\n intervalId = setInterval(() => {\n const timeMS = getRemainingMS()\n const timeSeconds = getRemainingSeconds(timeMS)\n\n if (onRemainingMSChange.current) {\n onRemainingMSChange.current(timeMS)\n }\n\n setRemainingSeconds(timeSeconds)\n\n if (timeMS !== 0) {\n return\n }\n\n if (intervalId) clearInterval(intervalId)\n if (onFinish.current) onFinish.current()\n\n timerDone.current = true\n }, 100)\n }\n\n return () => {\n if (intervalId) {\n clearInterval(intervalId)\n }\n }\n }, [paused, getRemainingMS, getRemainingSeconds])\n\n return remainingSeconds\n}\n"],"names":["useTimer","limit","paused","onStart","onStartProp","onPause","onPauseProp","onFinish","onFinishProp","onRemainingMSChange","onRemainingMSChangeProp","useRef","endTimeMS","Date","now","pausedTimeMS","timerDone","onStartRun","current","getRemainingMS","useCallback","Math","max","getRemainingSeconds","timeMS","ceil","remainingSeconds","setRemainingSeconds","useState","useEffect","intervalId","setInterval","timeSeconds","clearInterval"],"mappings":"yDAOO,MAAMA,SAAWA,EACtBC,QACAC,SACAC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,oBAAqBC,MAErB,MAAMP,EAAUQ,OAAwC,MACxD,MAAMN,EAAUM,OAAwC,MACxD,MAAMJ,EAAWI,OAAyC,MAC1D,MAAMF,EAAsBE,OAAoD,MAEhF,MAAMC,EAAYD,OAAeE,KAAKC,MAAQb,EAAQ,KACtD,MAAMc,EAAeJ,OAAsB,MAE3C,MAAMK,EAAYL,QAAgB,GAClC,MAAMM,EAAaN,QAAgB,GAEnCR,EAAQe,QAAUd,EAClBC,EAAQa,QAAUZ,EAClBC,EAASW,QAAUV,EACnBC,EAAoBS,QAAUR,EAE9B,MAAMS,EAAiBC,YAAY,IAC1BC,KAAKC,IAAI,EAAGV,EAAUM,QAAUL,KAAKC,OAC3C,IAEH,MAAMS,EAAsBH,YAAaI,GAChCH,KAAKI,KAAKD,EAAS,KACzB,IAEH,MAAOE,EAAkBC,GAAuBC,SAAiB,IACxDL,EAAoBJ,MA+D7B,OA5DAU,UAAU,KACR,GAAIb,EAAUE,QACZ,OAGF,IAAIY,EAAoD,KAExD,GAAI5B,GACF,GAAIa,EAAaG,UAAY,KAAM,CACjCH,EAAaG,QAAUL,KAAKC,MAE5B,MAAMU,EAASL,IAEXV,EAAoBS,SACtBT,EAAoBS,QAAQM,GAG9BG,EAAoBJ,EAAoBC,IAEpCnB,EAAQa,SAASb,EAAQa,SAC/B,OAEIH,EAAaG,UAAY,OAC3BN,EAAUM,SAAWL,KAAKC,MAAQC,EAAaG,QAC/CH,EAAaG,QAAU,MAGrBf,EAAQe,UAAYD,EAAWC,UACjCf,EAAQe,UACRD,EAAWC,SAAU,GAGvBY,EAAaC,YAAY,KACvB,MAAMP,EAASL,IACf,MAAMa,EAAcT,EAAoBC,GAEpCf,EAAoBS,SACtBT,EAAoBS,QAAQM,GAG9BG,EAAoBK,GAEhBR,IAAW,IAIXM,GAAYG,cAAcH,GAC1BvB,EAASW,SAASX,EAASW,UAE/BF,EAAUE,SAAU,IACnB,KAGL,MAAO,KACDY,GACFG,cAAcH,KAGjB,CAAC5B,EAAQiB,EAAgBI,IAErBG"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');var misc=require('../../shared/utils/misc.js');var useMergedProps=require('../../hooks/useMergedProps.js');var useResponsiveSizeProps=require('../../hooks/useResponsiveSizeProps.js');var sizes=require('./sizes.js');var context=require('./context.js');exports.useTimerProps=e=>{const s=React.useContext(context.TimerPropsContext);const r=useMergedProps.useMergedProps(e,{componentName:'Timer',sizes:sizes.SIZES});const o=s?misc.deepmerge(s,r):r;const i=useResponsiveSizeProps.useResponsiveSizeProps(o);return{...o,size:i}};
|
|
2
|
-
//# sourceMappingURL=useTimerProps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimerProps.js","sources":["../../../../src/components/Timer/useTimerProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { deepmerge } from 'shared/utils/misc'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { SIZES } from './sizes'\nimport type { TimerProps, Size } from './types'\nimport { TimerPropsContext } from './context'\n\nexport const useTimerProps = (props: TimerProps) => {\n const contextProps = useContext(TimerPropsContext)\n\n const mergedProps = useMergedProps(props, {\n componentName: 'Timer',\n sizes: SIZES,\n })\n\n const timerProps = contextProps ? deepmerge(contextProps, mergedProps) : mergedProps\n\n const size = useResponsiveSizeProps<Size>(timerProps)\n\n return {\n ...timerProps,\n size,\n }\n}\n"],"names":["props","contextProps","useContext","TimerPropsContext","mergedProps","useMergedProps","componentName","sizes","SIZES","timerProps","deepmerge","size","useResponsiveSizeProps"],"mappings":"yTAQ8BA,IAC5B,MAAMC,EAAeC,MAAAA,WAAWC,2BAEhC,MAAMC,EAAcC,eAAAA,eAAeL,EAAO,CACxCM,cAAe,QACfC,MAAOC,MAAAA,QAGT,MAAMC,EAAaR,EAAeS,KAAAA,UAAUT,EAAcG,GAAeA,EAEzE,MAAMO,EAAOC,uBAAAA,uBAA6BH,GAE1C,MAAO,IACFA,EACHE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useContext}from'react';import{deepmerge}from'../../shared/utils/misc.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{useResponsiveSizeProps}from'../../hooks/useResponsiveSizeProps.mjs';import{SIZES}from'./sizes.mjs';import{TimerPropsContext}from'./context.mjs';const useTimerProps=e=>{const s=useContext(TimerPropsContext);const o=useMergedProps(e,{componentName:'Timer',sizes:SIZES});const r=s?deepmerge(s,o):o;const m=useResponsiveSizeProps(r);return{...r,size:m}};export{useTimerProps};
|
|
2
|
-
//# sourceMappingURL=useTimerProps.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useTimerProps.mjs","sources":["../../../../src/components/Timer/useTimerProps.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { deepmerge } from 'shared/utils/misc'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useResponsiveSizeProps } from 'hooks/useResponsiveSizeProps'\nimport { SIZES } from './sizes'\nimport type { TimerProps, Size } from './types'\nimport { TimerPropsContext } from './context'\n\nexport const useTimerProps = (props: TimerProps) => {\n const contextProps = useContext(TimerPropsContext)\n\n const mergedProps = useMergedProps(props, {\n componentName: 'Timer',\n sizes: SIZES,\n })\n\n const timerProps = contextProps ? deepmerge(contextProps, mergedProps) : mergedProps\n\n const size = useResponsiveSizeProps<Size>(timerProps)\n\n return {\n ...timerProps,\n size,\n }\n}\n"],"names":["useTimerProps","props","contextProps","useContext","TimerPropsContext","mergedProps","useMergedProps","componentName","sizes","SIZES","timerProps","deepmerge","size","useResponsiveSizeProps"],"mappings":"mSAQO,MAAMA,cAAiBC,IAC5B,MAAMC,EAAeC,WAAWC,mBAEhC,MAAMC,EAAcC,eAAeL,EAAO,CACxCM,cAAe,QACfC,MAAOC,QAGT,MAAMC,EAAaR,EAAeS,UAAUT,EAAcG,GAAeA,EAEzE,MAAMO,EAAOC,uBAA6BH,GAE1C,MAAO,IACFA,EACHE"}
|