intergalactic 15.95.0 → 15.96.0

package/color-picker/lib/es6/components/InputColor.js

@@ -14,29 +14,29 @@ import Input from 'intergalactic/input';
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';
 /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_ibn5s_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_ibn5s_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_ibn5s_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_ibn5s_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_ibn5s)}@media (hover:hover){.___SItemContainer_ibn5s_gg_:hover>.___SCloseIcon_ibn5s_gg_{opacity:1}}.___SItemContainer_ibn5s_gg_.__keyboardFocused_ibn5s_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_ibn5s_gg_.__selected_ibn5s_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_ibn5s_gg_.__displayLabel_ibn5s_gg_::after{background:var(--value_ibn5s);opacity:.15}.___SItemContainer_ibn5s_gg_:not(.__value_ibn5s_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_ibn5s_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_ibn5s_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_ibn5s_gg_,.___SPaletteManager_ibn5s_gg_,.___SPlusButton_ibn5s_gg_{display:flex;align-items:center}.___SPlusButton_ibn5s_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_ibn5s_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_ibn5s_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_ibn5s_gg_.__keyboardFocused_ibn5s_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_ibn5s_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_ibn5s);border:1px solid transparent}.___STriggerCircle_ibn5s_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_ibn5s_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_ibn5s_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_ibn5s_gg_{position:absolute}.___SLabel_ibn5s_gg_{z-index:1;color:var(--data-value_ibn5s);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_ibn5s_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_ibn5s)}.___SClearConfirm_ibn5s_gg_.__hidden_ibn5s_gg_,.___SConfirmColor_ibn5s_gg_.__hidden_ibn5s_gg_{display:none}" /*__inner_css_end__*/, "ibn5s_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_ibn5s_gg_",
-  "__SItemContainer": "___SItemContainer_ibn5s_gg_",
-  "__SCloseIcon": "___SCloseIcon_ibn5s_gg_",
-  "_keyboardFocused": "__keyboardFocused_ibn5s_gg_",
-  "_selected": "__selected_ibn5s_gg_",
-  "__SColors": "___SColors_ibn5s_gg_",
-  "__SPaletteManager": "___SPaletteManager_ibn5s_gg_",
-  "__SInputContainer": "___SInputContainer_ibn5s_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_ibn5s_gg_",
-  "__STriggerCircle": "___STriggerCircle_ibn5s_gg_",
-  "--data-value": "--data-value_ibn5s",
-  "__STriggerCircleLine": "___STriggerCircleLine_ibn5s_gg_",
-  "__SLine": "___SLine_ibn5s_gg_",
-  "__SLabel": "___SLabel_ibn5s_gg_",
-  "__SItemColor": "___SItemColor_ibn5s_gg_",
-  "__SConfirmColor": "___SConfirmColor_ibn5s_gg_",
-  "_hidden": "__hidden_ibn5s_gg_",
-  "__SClearConfirm": "___SClearConfirm_ibn5s_gg_",
-  "--value": "--value_ibn5s",
-  "_displayLabel": "__displayLabel_ibn5s_gg_",
-  "_value": "__value_ibn5s_gg_",
-  "__SPlusButton": "___SPlusButton_ibn5s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_17fpg_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_17fpg_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_17fpg_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_17fpg_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_17fpg)}@media (hover:hover){.___SItemContainer_17fpg_gg_:hover>.___SCloseIcon_17fpg_gg_{opacity:1}}.___SItemContainer_17fpg_gg_.__keyboardFocused_17fpg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_17fpg_gg_.__selected_17fpg_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_17fpg_gg_.__displayLabel_17fpg_gg_::after{background:var(--value_17fpg);opacity:.15}.___SItemContainer_17fpg_gg_:not(.__value_17fpg_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_17fpg_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_17fpg_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_17fpg_gg_,.___SPaletteManager_17fpg_gg_,.___SPlusButton_17fpg_gg_{display:flex;align-items:center}.___SPlusButton_17fpg_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_17fpg_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_17fpg_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_17fpg_gg_.__keyboardFocused_17fpg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_17fpg_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_17fpg);border:1px solid transparent}.___STriggerCircle_17fpg_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_17fpg_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_17fpg_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_17fpg_gg_{position:absolute}.___SLabel_17fpg_gg_{z-index:1;color:var(--data-value_17fpg);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_17fpg_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_17fpg)}.___SClearConfirm_17fpg_gg_.__hidden_17fpg_gg_,.___SConfirmColor_17fpg_gg_.__hidden_17fpg_gg_{display:none}" /*__inner_css_end__*/, "17fpg_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_17fpg_gg_",
+  "__SItemContainer": "___SItemContainer_17fpg_gg_",
+  "__SCloseIcon": "___SCloseIcon_17fpg_gg_",
+  "_keyboardFocused": "__keyboardFocused_17fpg_gg_",
+  "_selected": "__selected_17fpg_gg_",
+  "__SColors": "___SColors_17fpg_gg_",
+  "__SPaletteManager": "___SPaletteManager_17fpg_gg_",
+  "__SInputContainer": "___SInputContainer_17fpg_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_17fpg_gg_",
+  "__STriggerCircle": "___STriggerCircle_17fpg_gg_",
+  "--data-value": "--data-value_17fpg",
+  "__STriggerCircleLine": "___STriggerCircleLine_17fpg_gg_",
+  "__SLine": "___SLine_17fpg_gg_",
+  "__SLabel": "___SLabel_17fpg_gg_",
+  "__SItemColor": "___SItemColor_17fpg_gg_",
+  "__SConfirmColor": "___SConfirmColor_17fpg_gg_",
+  "_hidden": "__hidden_17fpg_gg_",
+  "__SClearConfirm": "___SClearConfirm_17fpg_gg_",
+  "--value": "--value_17fpg",
+  "_displayLabel": "__displayLabel_17fpg_gg_",
+  "_value": "__value_17fpg_gg_",
+  "__SPlusButton": "___SPlusButton_17fpg_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

package/components.json

@@ -1,77 +1,77 @@
 {
-  "@semcore/accordion": "5.34.1",
-  "@semcore/animation": "2.27.2",
-  "@semcore/badge": "4.26.2",
-  "@semcore/base-trigger": "4.37.2",
-  "@semcore/breadcrumbs": "5.33.3",
-  "@semcore/breakpoints": "1.27.2",
-  "@semcore/button": "5.29.1",
-  "@semcore/card": "5.35.1",
-  "@semcore/carousel": "3.37.3",
-  "@semcore/checkbox": "7.30.2",
-  "@semcore/color-picker": "2.34.3",
-  "@semcore/core": "2.25.2",
-  "@semcore/counter": "3.26.2",
-  "@semcore/data-table": "4.40.2",
-  "@semcore/date-picker": "4.46.4",
-  "@semcore/divider": "4.26.2",
-  "@semcore/dot": "5.26.2",
-  "@semcore/drag-and-drop": "3.36.1",
-  "@semcore/dropdown": "4.31.7",
-  "@semcore/dropdown-menu": "4.33.8",
-  "@semcore/d3-chart": "3.46.1",
-  "@semcore/ellipsis": "2.28.3",
+  "@semcore/accordion": "5.35.0",
+  "@semcore/animation": "2.28.0",
+  "@semcore/badge": "4.27.0",
+  "@semcore/base-trigger": "4.38.0",
+  "@semcore/breadcrumbs": "5.34.0",
+  "@semcore/breakpoints": "1.28.0",
+  "@semcore/button": "5.30.0",
+  "@semcore/card": "5.36.0",
+  "@semcore/carousel": "3.38.0",
+  "@semcore/checkbox": "7.31.0",
+  "@semcore/color-picker": "2.35.0",
+  "@semcore/core": "2.26.0",
+  "@semcore/counter": "3.26.3",
+  "@semcore/data-table": "4.40.3",
+  "@semcore/date-picker": "4.46.5",
+  "@semcore/divider": "4.27.0",
+  "@semcore/dot": "5.27.0",
+  "@semcore/drag-and-drop": "3.37.0",
+  "@semcore/dropdown": "4.32.0",
+  "@semcore/dropdown-menu": "4.34.0",
+  "@semcore/d3-chart": "3.47.0",
+  "@semcore/ellipsis": "2.29.0",
   "@semcore/email": "1.0.2",
-  "@semcore/errors": "4.33.1",
-  "@semcore/feature-popover": "4.38.7",
-  "@semcore/feedback-form": "6.29.4",
-  "@semcore/flags": "4.26.2",
-  "@semcore/flex-box": "5.27.2",
-  "@semcore/format-text": "4.27.2",
-  "@semcore/fullscreen-modal": "3.37.1",
-  "@semcore/grid": "5.26.2",
-  "@semcore/icon": "4.37.0",
-  "@semcore/illustration": "2.27.2",
-  "@semcore/inline-input": "4.35.2",
-  "@semcore/inline-edit": "4.29.2",
-  "@semcore/input": "4.28.3",
-  "@semcore/input-mask": "5.29.3",
-  "@semcore/input-number": "5.29.4",
-  "@semcore/input-tags": "4.32.4",
-  "@semcore/link": "5.31.1",
-  "@semcore/mini-chart": "0.13.2",
-  "@semcore/modal": "4.37.2",
-  "@semcore/neighbor-location": "4.25.2",
-  "@semcore/notice": "5.34.2",
-  "@semcore/notice-global": "2.44.2",
-  "@semcore/notice-bubble": "5.34.0",
-  "@semcore/outside-click": "3.25.2",
-  "@semcore/pagination": "4.37.3",
-  "@semcore/pills": "5.28.2",
-  "@semcore/popper": "5.35.7",
-  "@semcore/portal": "3.27.2",
-  "@semcore/product-head": "4.27.2",
-  "@semcore/progress-bar": "4.26.2",
-  "@semcore/radio": "6.29.2",
-  "@semcore/scroll-area": "5.30.2",
-  "@semcore/select": "4.43.8",
-  "@semcore/side-panel": "3.35.2",
-  "@semcore/skeleton": "5.27.3",
-  "@semcore/slider": "4.26.2",
-  "@semcore/spin": "5.26.2",
-  "@semcore/spin-container": "7.27.2",
-  "@semcore/sticky": "3.26.2",
-  "@semcore/switch": "5.28.0",
-  "@semcore/tab-line": "4.26.2",
-  "@semcore/tab-panel": "4.28.2",
-  "@semcore/tag": "5.36.2",
-  "@semcore/textarea": "5.26.2",
-  "@semcore/time-picker": "4.43.8",
-  "@semcore/tooltip": "6.34.4",
-  "@semcore/typography": "5.35.2",
-  "@semcore/utils": "4.28.2",
-  "@semcore/widget-empty": "4.28.2",
-  "@semcore/wizard": "2.37.2",
-  "@semcore/i18n-unplugin": "0.17.22",
+  "@semcore/errors": "4.34.0",
+  "@semcore/feature-popover": "4.39.0",
+  "@semcore/feedback-form": "6.29.5",
+  "@semcore/flags": "4.27.0",
+  "@semcore/flex-box": "5.28.0",
+  "@semcore/format-text": "4.28.0",
+  "@semcore/fullscreen-modal": "3.38.0",
+  "@semcore/grid": "5.27.0",
+  "@semcore/icon": "4.38.0",
+  "@semcore/illustration": "2.28.0",
+  "@semcore/inline-input": "4.36.0",
+  "@semcore/inline-edit": "4.30.0",
+  "@semcore/input": "4.29.0",
+  "@semcore/input-mask": "5.30.0",
+  "@semcore/input-number": "5.30.0",
+  "@semcore/input-tags": "4.33.0",
+  "@semcore/link": "5.32.0",
+  "@semcore/mini-chart": "0.14.0",
+  "@semcore/modal": "4.38.0",
+  "@semcore/neighbor-location": "4.26.0",
+  "@semcore/notice": "5.34.3",
+  "@semcore/notice-global": "2.44.3",
+  "@semcore/notice-bubble": "5.35.0",
+  "@semcore/outside-click": "3.26.0",
+  "@semcore/pagination": "4.38.0",
+  "@semcore/pills": "5.29.0",
+  "@semcore/popper": "5.36.0",
+  "@semcore/portal": "3.28.0",
+  "@semcore/product-head": "4.28.0",
+  "@semcore/progress-bar": "4.27.0",
+  "@semcore/radio": "6.30.0",
+  "@semcore/scroll-area": "5.31.0",
+  "@semcore/select": "4.44.0",
+  "@semcore/side-panel": "3.36.0",
+  "@semcore/skeleton": "5.28.0",
+  "@semcore/slider": "4.27.0",
+  "@semcore/spin": "5.27.0",
+  "@semcore/spin-container": "7.28.0",
+  "@semcore/sticky": "3.27.0",
+  "@semcore/switch": "5.29.0",
+  "@semcore/tab-line": "4.27.0",
+  "@semcore/tab-panel": "4.29.0",
+  "@semcore/tag": "5.37.0",
+  "@semcore/textarea": "5.27.0",
+  "@semcore/time-picker": "4.44.0",
+  "@semcore/tooltip": "6.35.0",
+  "@semcore/typography": "5.36.0",
+  "@semcore/utils": "4.29.0",
+  "@semcore/widget-empty": "4.29.0",
+  "@semcore/wizard": "2.38.0",
+  "@semcore/i18n-unplugin": "0.17.23",
   "@semcore/stylelint-plugin": "0.0.1"
 }

package/counter/index.d.ts

@@ -5,7 +5,7 @@ import { BoxProps } from 'intergalactic/flex-box';
 export interface ICounterProps extends CounterProps, UnknownProperties {}
 export type CounterProps = BoxProps & {
   /** Counter theme or custom color */
-  theme?: 'warning' | 'danger' | string;
+  theme?: 'warning' | 'danger' | 'info' | string;
 
   /** Counter size
    * @default m */
@@ -21,9 +21,22 @@ export type AnimatedNumberBaseProps = {
   easing?: (t: number) => number;
   /** Stringify number, receives a fraction value */
   formatValue?: (value: number) => string;
+  /**
+   * Duration time in ms
+   * @default 200
+   * */
   duration?: number;
+  /**
+   * Delay before animation in ms
+   * @default 0
+   * */
   delay?: number;
+  /**
+   * The value from which to start the animation
+   * @default 0
+   * */
   initValue?: number;
+  /** The value by which to end the animation */
   value: number;
 };
 

package/counter/lib/cjs/AnimatedNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedNumber.js","names":["_react","_interopRequireDefault","require","_useCssVariable","_useEnhancedEffect","_excluded","easeInOutSine","t","Math","cos","PI","defaultFormatValue","value","toFixed","AnimatedNumber","props","_props$tag","ref","React","useRef","defaultDurationStr","useCssVariable","defaultDuration","useMemo","parseInt","_props$easing","easing","_props$formatValue","formatValue","_props$duration","duration","_props$delay","delay","_props$initValue","initValue","restProps","_objectWithoutProperties2","Tag","tag","animationRef","animationStart","animationFrame","fromValue","toValue","handleNextAnimationFrame","useCallback","current","Date","now","valueBase","valueDiff","diffFraction","innerText","requestAnimationFrame","useEnhancedEffect","cancelAnimationFrame","createElement","_extends2","exports"],"sources":["../../src/AnimatedNumber.tsx"],"sourcesContent":["import React from 'react';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport { Intergalactic } from '@semcore/core';\n\ntype AnimatedNumberProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nconst easeInOutSine = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\nconst defaultFormatValue = (value: number) => value.toFixed(2);\n\nexport const AnimatedNumber = ((props) => {\n  const ref = React.useRef<HTMLElement>(null);\n  const defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);\n  const defaultDuration = React.useMemo(\n    () => parseInt(defaultDurationStr, 10),\n    [defaultDurationStr],\n  );\n  const {\n    easing = easeInOutSine,\n    formatValue = defaultFormatValue,\n    duration = defaultDuration,\n    delay = 0,\n    initValue = 0,\n    value,\n    ...restProps\n  } = props;\n  const Tag: any = props.tag ?? 'div';\n  const animationRef = React.useRef({\n    animationStart: -1,\n    animationFrame: -1,\n    fromValue: initValue,\n    toValue: value,\n  });\n  const handleNextAnimationFrame = React.useCallback(() => {\n    if (!ref.current) return;\n    if (Date.now() - animationRef.current.animationStart > delay) {\n      const valueBase = animationRef.current.fromValue;\n      const valueDiff = animationRef.current.toValue - animationRef.current.fromValue;\n      const diffFraction = easing(\n        (Date.now() - animationRef.current.animationStart - delay) / duration,\n      );\n      const value = valueBase + valueDiff * diffFraction;\n      ref.current.innerText = formatValue(value);\n    }\n    if (Date.now() - animationRef.current.animationStart - delay >= duration) {\n      ref.current.innerText = formatValue(animationRef.current.toValue);\n      animationRef.current.fromValue = animationRef.current.toValue;\n      return;\n    }\n    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);\n  }, [easing, formatValue, duration, delay]);\n  useEnhancedEffect(() => {\n    ref.current!.innerText = formatValue(animationRef.current.fromValue);\n    animationRef.current.toValue = value;\n    animationRef.current.animationStart = Date.now();\n    handleNextAnimationFrame();\n    return () => cancelAnimationFrame(animationRef.current.animationFrame);\n  }, [handleNextAnimationFrame, value]);\n\n  return (\n    <Tag ref={ref} {...restProps}>\n      {formatValue(value)}\n    </Tag>\n  );\n}) as Intergalactic.Component<'div', AnimatedNumberProps>;\n"],"mappings":"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"}
+{"version":3,"file":"AnimatedNumber.js","names":["_react","_interopRequireDefault","require","_useCssVariable","_useEnhancedEffect","_excluded","easeInOutSine","t","Math","cos","PI","defaultFormatValue","value","toFixed","AnimatedNumber","props","_props$tag","ref","React","useRef","defaultDurationStr","useCssVariable","defaultDuration","useMemo","parseInt","_props$easing","easing","_props$formatValue","formatValue","_props$duration","duration","_props$delay","delay","_props$initValue","initValue","restProps","_objectWithoutProperties2","Tag","tag","animationRef","animationStart","animationFrame","fromValue","toValue","handleNextAnimationFrame","useCallback","current","Date","now","valueBase","valueDiff","diffFraction","innerText","requestAnimationFrame","useEnhancedEffect","cancelAnimationFrame","createElement","_extends2","exports"],"sources":["../../src/AnimatedNumber.tsx"],"sourcesContent":["import React from 'react';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport { Intergalactic } from '@semcore/core';\nimport { AnimatedNumberBaseProps } from './index';\n\nconst easeInOutSine = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\nconst defaultFormatValue = (value: number) => value.toFixed(2);\n\nexport const AnimatedNumber = ((props) => {\n  const ref = React.useRef<HTMLElement>(null);\n  const defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);\n  const defaultDuration = React.useMemo(\n    () => parseInt(defaultDurationStr, 10),\n    [defaultDurationStr],\n  );\n  const {\n    easing = easeInOutSine,\n    formatValue = defaultFormatValue,\n    duration = defaultDuration,\n    delay = 0,\n    initValue = 0,\n    value,\n    ...restProps\n  } = props;\n  const Tag: any = props.tag ?? 'div';\n  const animationRef = React.useRef({\n    animationStart: -1,\n    animationFrame: -1,\n    fromValue: initValue,\n    toValue: value,\n  });\n  const handleNextAnimationFrame = React.useCallback(() => {\n    if (!ref.current) return;\n    if (Date.now() - animationRef.current.animationStart > delay) {\n      const valueBase = animationRef.current.fromValue;\n      const valueDiff = animationRef.current.toValue - animationRef.current.fromValue;\n      const diffFraction = easing(\n        (Date.now() - animationRef.current.animationStart - delay) / duration,\n      );\n      const value = valueBase + valueDiff * diffFraction;\n      ref.current.innerText = formatValue(value);\n    }\n    if (Date.now() - animationRef.current.animationStart - delay >= duration) {\n      ref.current.innerText = formatValue(animationRef.current.toValue);\n      animationRef.current.fromValue = animationRef.current.toValue;\n      return;\n    }\n    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);\n  }, [easing, formatValue, duration, delay]);\n  useEnhancedEffect(() => {\n    ref.current!.innerText = formatValue(animationRef.current.fromValue);\n    animationRef.current.toValue = value;\n    animationRef.current.animationStart = Date.now();\n    handleNextAnimationFrame();\n    return () => cancelAnimationFrame(animationRef.current.animationFrame);\n  }, [handleNextAnimationFrame, value]);\n\n  return (\n    <Tag ref={ref} {...restProps}>\n      {formatValue(value)}\n    </Tag>\n  );\n}) as Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n"],"mappings":"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"}

package/counter/lib/cjs/Counter.js

@@ -31,17 +31,21 @@ Object.keys(_AnimatedNumber).forEach(function (key) {
   });
 });
 /*__reshadow-styles__:"./style/counter.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCounter_kym8s_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;box-sizing:border-box;vertical-align:middle;border-radius:var(--intergalactic-counter-rounded, 12px);font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCounter_kym8s_gg_._size_m_kym8s_gg_{height:16px;min-width:16px;font-size:var(--intergalactic-fs-50, 10px);padding:var(--intergalactic-spacing-1x, 4px)}.___SCounter_kym8s_gg_._size_l_kym8s_gg_,.___SCounter_kym8s_gg_._size_xl_kym8s_gg_{padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-05x, 2px) + var(--intergalactic-spacing-1x, 4px))}.___SCounter_kym8s_gg_._size_l_kym8s_gg_{height:20px;min-width:20px;font-size:var(--intergalactic-fs-100, 12px)}.___SCounter_kym8s_gg_._size_xl_kym8s_gg_{height:24px;min-width:24px;font-size:var(--intergalactic-fs-200, 14px)}.___SCounter_kym8s_gg_.__theme_kym8s_gg_{border-color:transparent;position:relative;background:var(--theme_kym8s);color:var(--theme_kym8s)}.___SCounter_kym8s_gg_.__theme_kym8s_gg_ .___SText_kym8s_gg_{filter:invert(1) saturate(0) contrast(10) brightness(10)}.___SText_kym8s_gg_{display:inline}.___SCounter_kym8s_gg_._theme_warning_kym8s_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCounter_kym8s_gg_._theme_danger_kym8s_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}" /*__inner_css_end__*/, "kym8s_gg_") /*__reshadow_css_end__*/, {
-  "__SCounter": "___SCounter_kym8s_gg_",
-  "_size_m": "_size_m_kym8s_gg_",
-  "_size_l": "_size_l_kym8s_gg_",
-  "_size_xl": "_size_xl_kym8s_gg_",
-  "_theme": "__theme_kym8s_gg_",
-  "--theme": "--theme_kym8s",
-  "__SText": "___SText_kym8s_gg_",
-  "_theme_warning": "_theme_warning_kym8s_gg_",
-  "_theme_danger": "_theme_danger_kym8s_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCounter_13ed1_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;box-sizing:border-box;vertical-align:middle;border-radius:var(--intergalactic-counter-rounded, 12px);font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCounter_13ed1_gg_._size_m_13ed1_gg_{height:16px;min-width:16px;font-size:var(--intergalactic-fs-50, 10px);padding:var(--intergalactic-spacing-1x, 4px)}.___SCounter_13ed1_gg_._size_l_13ed1_gg_,.___SCounter_13ed1_gg_._size_xl_13ed1_gg_{padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-05x, 2px) + var(--intergalactic-spacing-1x, 4px))}.___SCounter_13ed1_gg_._size_l_13ed1_gg_{height:20px;min-width:20px;font-size:var(--intergalactic-fs-100, 12px)}.___SCounter_13ed1_gg_._size_xl_13ed1_gg_{height:24px;min-width:24px;font-size:var(--intergalactic-fs-200, 14px)}.___SCounter_13ed1_gg_.__theme_13ed1_gg_{border-color:transparent;position:relative;background:var(--theme_13ed1);color:var(--theme_13ed1)}.___SCounter_13ed1_gg_.__theme_13ed1_gg_ .___SText_13ed1_gg_{filter:invert(1) saturate(0) contrast(10) brightness(10)}.___SText_13ed1_gg_{display:inline}.___SCounter_13ed1_gg_._theme_info_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-info, #008ff8)}.___SCounter_13ed1_gg_._theme_warning_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-warning, #ff642d)}.___SCounter_13ed1_gg_._theme_danger_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-critical, #ff4953)}" /*__inner_css_end__*/, "13ed1_gg_") /*__reshadow_css_end__*/, {
+  "__SCounter": "___SCounter_13ed1_gg_",
+  "_size_m": "_size_m_13ed1_gg_",
+  "_size_l": "_size_l_13ed1_gg_",
+  "_size_xl": "_size_xl_13ed1_gg_",
+  "_theme": "__theme_13ed1_gg_",
+  "--theme": "--theme_13ed1",
+  "__SText": "___SText_13ed1_gg_",
+  "_theme_info": "_theme_info_13ed1_gg_",
+  "_theme_warning": "_theme_warning_13ed1_gg_",
+  "_theme_danger": "_theme_danger_13ed1_gg_"
 });
+var enhance = {
+  resolveColor: (0, _resolveColorEnhance["default"])()
+};
 var Counter = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Counter, _Component);
   var _super = (0, _createSuper2["default"])(Counter);
@@ -70,7 +74,7 @@ var Counter = /*#__PURE__*/function (_Component) {
   return Counter;
 }(_core.Component);
 (0, _defineProperty2["default"])(Counter, "displayName", 'Counter');
-(0, _defineProperty2["default"])(Counter, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(Counter, "enhance", Object.values(enhance));
 (0, _defineProperty2["default"])(Counter, "style", style);
 (0, _defineProperty2["default"])(Counter, "defaultProps", {
   size: 'm'

package/counter/lib/cjs/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_AnimatedNumber","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","style","_index","sstyled","insert","Counter","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","value","render","_ref","asProps","_ref2","SCounter","Box","SText","_this$asProps","styles","theme","resolveColor","Children","colorBG","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","resolveColorEnhance","size","_default","createComponent"],"sources":["../../src/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/counter.shadow.css';\n\nclass Counter extends Component<{\n  theme: 'warning' | 'danger' | string;\n  resolveColor: (color: string) => string;\n}> {\n  static displayName = 'Counter';\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SCounter = Root;\n    const SText = 'span';\n    const { styles, theme, resolveColor, Children } = this.asProps;\n\n    const colorBG = resolveColor(theme);\n\n    return sstyled(styles)(\n      <SCounter render={Box} use:theme={colorBG}>\n        <SText>\n          <Children />\n        </SText>\n      </SCounter>,\n    );\n  }\n}\n\nexport default createComponent(Counter);\nexport * from './AnimatedNumber';\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAmCA,IAAAK,eAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAiC;AAAA,IAAAS,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IA/B3BC,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAK,gBAAA,mBAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,OAAA;IAAAb,GAAA;IAAAsB,KAAA,EAaX,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAOMC,YAAG;MANvB,IAAMC,KAAK,GAAG,MAAM;MACpB,IAAAC,aAAA,GAAkD,IAAI,CAACL,OAAO;QAAtDM,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;MAE7C,IAAMC,OAAO,GAAGF,YAAY,CAACD,KAAK,CAAC;MAEnC,OAAAN,KAAA,GAAO,IAAAf,aAAO,EAACoB,MAAM,CAAC,eACpBvC,MAAA,YAAA4C,aAAA,CAACT,QAAQ,EAAAD,KAAA,CAAAW,EAAA,iBAAAC,cAAA,qBAAAjD,KAAA,CAAAkD,WAAA;QAAA,aAAyBJ;MAAO,GAAAX,IAAA,kBACvChC,MAAA,YAAA4C,aAAA,CAACP,KAAK,EAAAH,KAAA,CAAAW,EAAA,4BACJ7C,MAAA,YAAA4C,aAAA,CAACF,QAAQ,EAAAR,KAAA,CAAAW,EAAA,iBAAG,CACN,CACC;IAEf;EAAC;EAAA,OAAAxB,OAAA;AAAA,EA3BmB2B,eAAS;AAAA,IAAAC,gBAAA,aAAzB5B,OAAO,iBAIU,SAAS;AAAA,IAAA4B,gBAAA,aAJ1B5B,OAAO,aAKM,CAAC,IAAA6B,+BAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aALpC5B,OAAO,WAOIJ,KAAK;AAAA,IAAAgC,gBAAA,aAPhB5B,OAAO,kBASW;EACpB8B,IAAI,EAAE;AACR,CAAC;AAAA,IAAAC,QAAA,GAmBY,IAAAC,gBAAe,EAAChC,OAAO,CAAC;AAAAR,OAAA,cAAAuC,QAAA"}
+{"version":3,"file":"Counter.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","_AnimatedNumber","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","style","_index","sstyled","insert","enhance","resolveColor","resolveColorEnhance","Counter","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","value","render","_ref","asProps","_ref2","SCounter","Box","SText","_this$asProps","styles","theme","Children","colorBG","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","values","size","_default","createComponent"],"sources":["../../src/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/counter.shadow.css';\nimport { CounterProps } from './index';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass Counter extends Component<CounterProps, {}, {}, typeof enhance> {\n  static displayName = 'Counter';\n  static enhance = Object.values(enhance);\n\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SCounter = Root;\n    const SText = 'span';\n    const { styles, theme, resolveColor, Children } = this.asProps;\n\n    const colorBG = resolveColor(theme);\n\n    return sstyled(styles)(\n      <SCounter render={Box} use:theme={colorBG}>\n        <SText>\n          <Children />\n        </SText>\n      </SCounter>,\n    );\n  }\n}\n\nexport default createComponent(Counter);\nexport * from './AnimatedNumber';\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAqCA,IAAAK,eAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAAiC;AAAA,IAAAS,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAhCjC,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAK,gBAAA,mBAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,OAAA;IAAAhB,GAAA;IAAAyB,KAAA,EAUX,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAOMC,YAAG;MANvB,IAAMC,KAAK,GAAG,MAAM;MACpB,IAAAC,aAAA,GAAkD,IAAI,CAACL,OAAO;QAAtDM,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAErB,YAAY,GAAAmB,aAAA,CAAZnB,YAAY;QAAEsB,QAAQ,GAAAH,aAAA,CAARG,QAAQ;MAE7C,IAAMC,OAAO,GAAGvB,YAAY,CAACqB,KAAK,CAAC;MAEnC,OAAAN,KAAA,GAAO,IAAAlB,aAAO,EAACuB,MAAM,CAAC,eACpB1C,MAAA,YAAA8C,aAAA,CAACR,QAAQ,EAAAD,KAAA,CAAAU,EAAA,iBAAAC,cAAA,qBAAAnD,KAAA,CAAAoD,WAAA;QAAA,aAAyBJ;MAAO,GAAAV,IAAA,kBACvCnC,MAAA,YAAA8C,aAAA,CAACN,KAAK,EAAAH,KAAA,CAAAU,EAAA,4BACJ/C,MAAA,YAAA8C,aAAA,CAACF,QAAQ,EAAAP,KAAA,CAAAU,EAAA,iBAAG,CACN,CACC;IAEf;EAAC;EAAA,OAAAvB,OAAA;AAAA,EAxBmB0B,eAAS;AAAA,IAAAC,gBAAA,aAAzB3B,OAAO,iBACU,SAAS;AAAA,IAAA2B,gBAAA,aAD1B3B,OAAO,aAEMnB,MAAM,CAAC+C,MAAM,CAAC/B,OAAO,CAAC;AAAA,IAAA8B,gBAAA,aAFnC3B,OAAO,WAIIP,KAAK;AAAA,IAAAkC,gBAAA,aAJhB3B,OAAO,kBAMW;EACpB6B,IAAI,EAAE;AACR,CAAC;AAAA,IAAAC,QAAA,GAmBY,IAAAC,gBAAe,EAAC/B,OAAO,CAAC;AAAAX,OAAA,cAAAyC,QAAA"}

package/counter/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICounterProps extends CounterProps, UnknownProperties {}\nexport type CounterProps = BoxProps & {\n  /** Counter theme or custom color */\n  theme?: 'warning' | 'danger' | string;\n\n  /** Counter size\n   * @default m */\n  size?: 'm' | 'l' | 'xl';\n};\n\ndeclare const Counter: Intergalactic.Component<'div', CounterProps>;\n\n/** @deprecated */\nexport interface IAnimatedNumberBaseProps extends AnimatedNumberBaseProps, UnknownProperties {}\nexport type AnimatedNumberBaseProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nexport declare const AnimatedNumber: Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n\nexport default Counter;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICounterProps extends CounterProps, UnknownProperties {}\nexport type CounterProps = BoxProps & {\n  /** Counter theme or custom color */\n  theme?: 'warning' | 'danger' | 'info' | string;\n\n  /** Counter size\n   * @default m */\n  size?: 'm' | 'l' | 'xl';\n};\n\ndeclare const Counter: Intergalactic.Component<'div', CounterProps>;\n\n/** @deprecated */\nexport interface IAnimatedNumberBaseProps extends AnimatedNumberBaseProps, UnknownProperties {}\nexport type AnimatedNumberBaseProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  /**\n   * Duration time in ms\n   * @default 200\n   * */\n  duration?: number;\n  /**\n   * Delay before animation in ms\n   * @default 0\n   * */\n  delay?: number;\n  /**\n   * The value from which to start the animation\n   * @default 0\n   * */\n  initValue?: number;\n  /** The value by which to end the animation */\n  value: number;\n};\n\nexport declare const AnimatedNumber: Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n\nexport default Counter;\n"],"mappings":""}

package/counter/lib/cjs/style/counter.shadow.css

@@ -49,14 +49,17 @@ SText {
   display: inline;
 }
 
+SCounter[theme='info'] {
+  border-color: transparent;
+  background: var(--intergalactic-bg-primary-info, #008ff8);
+}
+
 SCounter[theme='warning'] {
   border-color: transparent;
   background: var(--intergalactic-bg-primary-warning, #ff642d);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
 }
 
 SCounter[theme='danger'] {
   border-color: transparent;
   background: var(--intergalactic-bg-primary-critical, #ff4953);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-}
+}

package/counter/lib/es6/AnimatedNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedNumber.js","names":["React","useCssVariable","useEnhancedEffect","easeInOutSine","t","Math","cos","PI","defaultFormatValue","value","toFixed","AnimatedNumber","props","_props$tag","ref","useRef","defaultDurationStr","defaultDuration","useMemo","parseInt","_props$easing","easing","_props$formatValue","formatValue","_props$duration","duration","_props$delay","delay","_props$initValue","initValue","restProps","_objectWithoutProperties","_excluded","Tag","tag","animationRef","animationStart","animationFrame","fromValue","toValue","handleNextAnimationFrame","useCallback","current","Date","now","valueBase","valueDiff","diffFraction","innerText","requestAnimationFrame","cancelAnimationFrame","createElement","_extends"],"sources":["../../src/AnimatedNumber.tsx"],"sourcesContent":["import React from 'react';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport { Intergalactic } from '@semcore/core';\n\ntype AnimatedNumberProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nconst easeInOutSine = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\nconst defaultFormatValue = (value: number) => value.toFixed(2);\n\nexport const AnimatedNumber = ((props) => {\n  const ref = React.useRef<HTMLElement>(null);\n  const defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);\n  const defaultDuration = React.useMemo(\n    () => parseInt(defaultDurationStr, 10),\n    [defaultDurationStr],\n  );\n  const {\n    easing = easeInOutSine,\n    formatValue = defaultFormatValue,\n    duration = defaultDuration,\n    delay = 0,\n    initValue = 0,\n    value,\n    ...restProps\n  } = props;\n  const Tag: any = props.tag ?? 'div';\n  const animationRef = React.useRef({\n    animationStart: -1,\n    animationFrame: -1,\n    fromValue: initValue,\n    toValue: value,\n  });\n  const handleNextAnimationFrame = React.useCallback(() => {\n    if (!ref.current) return;\n    if (Date.now() - animationRef.current.animationStart > delay) {\n      const valueBase = animationRef.current.fromValue;\n      const valueDiff = animationRef.current.toValue - animationRef.current.fromValue;\n      const diffFraction = easing(\n        (Date.now() - animationRef.current.animationStart - delay) / duration,\n      );\n      const value = valueBase + valueDiff * diffFraction;\n      ref.current.innerText = formatValue(value);\n    }\n    if (Date.now() - animationRef.current.animationStart - delay >= duration) {\n      ref.current.innerText = formatValue(animationRef.current.toValue);\n      animationRef.current.fromValue = animationRef.current.toValue;\n      return;\n    }\n    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);\n  }, [easing, formatValue, duration, delay]);\n  useEnhancedEffect(() => {\n    ref.current!.innerText = formatValue(animationRef.current.fromValue);\n    animationRef.current.toValue = value;\n    animationRef.current.animationStart = Date.now();\n    handleNextAnimationFrame();\n    return () => cancelAnimationFrame(animationRef.current.animationFrame);\n  }, [handleNextAnimationFrame, value]);\n\n  return (\n    <Tag ref={ref} {...restProps}>\n      {formatValue(value)}\n    </Tag>\n  );\n}) as Intergalactic.Component<'div', AnimatedNumberProps>;\n"],"mappings":"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"}
+{"version":3,"file":"AnimatedNumber.js","names":["React","useCssVariable","useEnhancedEffect","easeInOutSine","t","Math","cos","PI","defaultFormatValue","value","toFixed","AnimatedNumber","props","_props$tag","ref","useRef","defaultDurationStr","defaultDuration","useMemo","parseInt","_props$easing","easing","_props$formatValue","formatValue","_props$duration","duration","_props$delay","delay","_props$initValue","initValue","restProps","_objectWithoutProperties","_excluded","Tag","tag","animationRef","animationStart","animationFrame","fromValue","toValue","handleNextAnimationFrame","useCallback","current","Date","now","valueBase","valueDiff","diffFraction","innerText","requestAnimationFrame","cancelAnimationFrame","createElement","_extends"],"sources":["../../src/AnimatedNumber.tsx"],"sourcesContent":["import React from 'react';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\nimport { Intergalactic } from '@semcore/core';\nimport { AnimatedNumberBaseProps } from './index';\n\nconst easeInOutSine = (t: number) => -(Math.cos(Math.PI * t) - 1) / 2;\nconst defaultFormatValue = (value: number) => value.toFixed(2);\n\nexport const AnimatedNumber = ((props) => {\n  const ref = React.useRef<HTMLElement>(null);\n  const defaultDurationStr = useCssVariable('--intergalactic-duration-counter', '200', ref);\n  const defaultDuration = React.useMemo(\n    () => parseInt(defaultDurationStr, 10),\n    [defaultDurationStr],\n  );\n  const {\n    easing = easeInOutSine,\n    formatValue = defaultFormatValue,\n    duration = defaultDuration,\n    delay = 0,\n    initValue = 0,\n    value,\n    ...restProps\n  } = props;\n  const Tag: any = props.tag ?? 'div';\n  const animationRef = React.useRef({\n    animationStart: -1,\n    animationFrame: -1,\n    fromValue: initValue,\n    toValue: value,\n  });\n  const handleNextAnimationFrame = React.useCallback(() => {\n    if (!ref.current) return;\n    if (Date.now() - animationRef.current.animationStart > delay) {\n      const valueBase = animationRef.current.fromValue;\n      const valueDiff = animationRef.current.toValue - animationRef.current.fromValue;\n      const diffFraction = easing(\n        (Date.now() - animationRef.current.animationStart - delay) / duration,\n      );\n      const value = valueBase + valueDiff * diffFraction;\n      ref.current.innerText = formatValue(value);\n    }\n    if (Date.now() - animationRef.current.animationStart - delay >= duration) {\n      ref.current.innerText = formatValue(animationRef.current.toValue);\n      animationRef.current.fromValue = animationRef.current.toValue;\n      return;\n    }\n    animationRef.current.animationFrame = requestAnimationFrame(handleNextAnimationFrame);\n  }, [easing, formatValue, duration, delay]);\n  useEnhancedEffect(() => {\n    ref.current!.innerText = formatValue(animationRef.current.fromValue);\n    animationRef.current.toValue = value;\n    animationRef.current.animationStart = Date.now();\n    handleNextAnimationFrame();\n    return () => cancelAnimationFrame(animationRef.current.animationFrame);\n  }, [handleNextAnimationFrame, value]);\n\n  return (\n    <Tag ref={ref} {...restProps}>\n      {formatValue(value)}\n    </Tag>\n  );\n}) as Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n"],"mappings":"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"}

package/counter/lib/es6/Counter.js

@@ -11,17 +11,21 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/counter.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCounter_kym8s_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;box-sizing:border-box;vertical-align:middle;border-radius:var(--intergalactic-counter-rounded, 12px);font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCounter_kym8s_gg_._size_m_kym8s_gg_{height:16px;min-width:16px;font-size:var(--intergalactic-fs-50, 10px);padding:var(--intergalactic-spacing-1x, 4px)}.___SCounter_kym8s_gg_._size_l_kym8s_gg_,.___SCounter_kym8s_gg_._size_xl_kym8s_gg_{padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-05x, 2px) + var(--intergalactic-spacing-1x, 4px))}.___SCounter_kym8s_gg_._size_l_kym8s_gg_{height:20px;min-width:20px;font-size:var(--intergalactic-fs-100, 12px)}.___SCounter_kym8s_gg_._size_xl_kym8s_gg_{height:24px;min-width:24px;font-size:var(--intergalactic-fs-200, 14px)}.___SCounter_kym8s_gg_.__theme_kym8s_gg_{border-color:transparent;position:relative;background:var(--theme_kym8s);color:var(--theme_kym8s)}.___SCounter_kym8s_gg_.__theme_kym8s_gg_ .___SText_kym8s_gg_{filter:invert(1) saturate(0) contrast(10) brightness(10)}.___SText_kym8s_gg_{display:inline}.___SCounter_kym8s_gg_._theme_warning_kym8s_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCounter_kym8s_gg_._theme_danger_kym8s_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}" /*__inner_css_end__*/, "kym8s_gg_") /*__reshadow_css_end__*/, {
-  "__SCounter": "___SCounter_kym8s_gg_",
-  "_size_m": "_size_m_kym8s_gg_",
-  "_size_l": "_size_l_kym8s_gg_",
-  "_size_xl": "_size_xl_kym8s_gg_",
-  "_theme": "__theme_kym8s_gg_",
-  "--theme": "--theme_kym8s",
-  "__SText": "___SText_kym8s_gg_",
-  "_theme_warning": "_theme_warning_kym8s_gg_",
-  "_theme_danger": "_theme_danger_kym8s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCounter_13ed1_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;box-sizing:border-box;vertical-align:middle;border-radius:var(--intergalactic-counter-rounded, 12px);font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SCounter_13ed1_gg_._size_m_13ed1_gg_{height:16px;min-width:16px;font-size:var(--intergalactic-fs-50, 10px);padding:var(--intergalactic-spacing-1x, 4px)}.___SCounter_13ed1_gg_._size_l_13ed1_gg_,.___SCounter_13ed1_gg_._size_xl_13ed1_gg_{padding:var(--intergalactic-spacing-05x, 2px) calc(var(--intergalactic-spacing-05x, 2px) + var(--intergalactic-spacing-1x, 4px))}.___SCounter_13ed1_gg_._size_l_13ed1_gg_{height:20px;min-width:20px;font-size:var(--intergalactic-fs-100, 12px)}.___SCounter_13ed1_gg_._size_xl_13ed1_gg_{height:24px;min-width:24px;font-size:var(--intergalactic-fs-200, 14px)}.___SCounter_13ed1_gg_.__theme_13ed1_gg_{border-color:transparent;position:relative;background:var(--theme_13ed1);color:var(--theme_13ed1)}.___SCounter_13ed1_gg_.__theme_13ed1_gg_ .___SText_13ed1_gg_{filter:invert(1) saturate(0) contrast(10) brightness(10)}.___SText_13ed1_gg_{display:inline}.___SCounter_13ed1_gg_._theme_info_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-info, #008ff8)}.___SCounter_13ed1_gg_._theme_warning_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-warning, #ff642d)}.___SCounter_13ed1_gg_._theme_danger_13ed1_gg_{border-color:transparent;background:var(--intergalactic-bg-primary-critical, #ff4953)}" /*__inner_css_end__*/, "13ed1_gg_") /*__reshadow_css_end__*/, {
+  "__SCounter": "___SCounter_13ed1_gg_",
+  "_size_m": "_size_m_13ed1_gg_",
+  "_size_l": "_size_l_13ed1_gg_",
+  "_size_xl": "_size_xl_13ed1_gg_",
+  "_theme": "__theme_13ed1_gg_",
+  "--theme": "--theme_13ed1",
+  "__SText": "___SText_13ed1_gg_",
+  "_theme_info": "_theme_info_13ed1_gg_",
+  "_theme_warning": "_theme_warning_13ed1_gg_",
+  "_theme_danger": "_theme_danger_13ed1_gg_"
 });
+var enhance = {
+  resolveColor: resolveColorEnhance()
+};
 var Counter = /*#__PURE__*/function (_Component) {
   _inherits(Counter, _Component);
   var _super = _createSuper(Counter);
@@ -50,7 +54,7 @@ var Counter = /*#__PURE__*/function (_Component) {
   return Counter;
 }(Component);
 _defineProperty(Counter, "displayName", 'Counter');
-_defineProperty(Counter, "enhance", [resolveColorEnhance()]);
+_defineProperty(Counter, "enhance", Object.values(enhance));
 _defineProperty(Counter, "style", style);
 _defineProperty(Counter, "defaultProps", {
   size: 'm'

package/counter/lib/es6/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","style","_sstyled","insert","Counter","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SCounter","SText","_this$asProps","styles","theme","resolveColor","Children","colorBG","createElement","cn","_objectSpread","_assignProps","_defineProperty","size"],"sources":["../../src/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/counter.shadow.css';\n\nclass Counter extends Component<{\n  theme: 'warning' | 'danger' | string;\n  resolveColor: (color: string) => string;\n}> {\n  static displayName = 'Counter';\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SCounter = Root;\n    const SText = 'span';\n    const { styles, theme, resolveColor, Children } = this.asProps;\n\n    const colorBG = resolveColor(theme);\n\n    return sstyled(styles)(\n      <SCounter render={Box} use:theme={colorBG}>\n        <SText>\n          <Children />\n        </SText>\n      </SCounter>,\n    );\n  }\n}\n\nexport default createComponent(Counter);\nexport * from './AnimatedNumber';\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5EC,OAAO,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAAK,eAAA,OAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,OAAA;IAAAS,GAAA;IAAAC,KAAA,EAaX,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAOMpB,GAAG;MANvB,IAAMqB,KAAK,GAAG,MAAM;MACpB,IAAAC,aAAA,GAAkD,IAAI,CAACJ,OAAO;QAAtDK,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;MAE7C,IAAMC,OAAO,GAAGF,YAAY,CAACD,KAAK,CAAC;MAEnC,OAAAL,KAAA,GAAOrB,OAAO,CAACyB,MAAM,CAAC,eACpB5B,KAAA,CAAAiC,aAAA,CAACR,QAAQ,EAAAD,KAAA,CAAAU,EAAA,aAAAC,aAAA,KAAAC,YAAA;QAAA,aAAyBJ;MAAO,GAAAV,IAAA,kBACvCtB,KAAA,CAAAiC,aAAA,CAACP,KAAK,EAAAF,KAAA,CAAAU,EAAA,4BACJlC,KAAA,CAAAiC,aAAA,CAACF,QAAQ,EAAAP,KAAA,CAAAU,EAAA,iBAAG,CACN,CACC;IAEf;EAAC;EAAA,OAAAxB,OAAA;AAAA,EA3BmBR,SAAS;AAAAmC,eAAA,CAAzB3B,OAAO,iBAIU,SAAS;AAAA2B,eAAA,CAJ1B3B,OAAO,aAKM,CAACJ,mBAAmB,EAAE,CAAC;AAAA+B,eAAA,CALpC3B,OAAO,WAOIH,KAAK;AAAA8B,eAAA,CAPhB3B,OAAO,kBASW;EACpB4B,IAAI,EAAE;AACR,CAAC;AAmBH,eAAerC,eAAe,CAACS,OAAO,CAAC;AACvC,cAAc,kBAAkB"}
+{"version":3,"file":"Counter.js","names":["React","createComponent","Component","sstyled","Root","Box","resolveColorEnhance","style","_sstyled","insert","enhance","resolveColor","Counter","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SCounter","SText","_this$asProps","styles","theme","Children","colorBG","createElement","cn","_objectSpread","_assignProps","_defineProperty","Object","values","size"],"sources":["../../src/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/counter.shadow.css';\nimport { CounterProps } from './index';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass Counter extends Component<CounterProps, {}, {}, typeof enhance> {\n  static displayName = 'Counter';\n  static enhance = Object.values(enhance);\n\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n  };\n\n  render() {\n    const SCounter = Root;\n    const SText = 'span';\n    const { styles, theme, resolveColor, Children } = this.asProps;\n\n    const colorBG = resolveColor(theme);\n\n    return sstyled(styles)(\n      <SCounter render={Box} use:theme={colorBG}>\n        <SText>\n          <Children />\n        </SText>\n      </SCounter>,\n    );\n  }\n}\n\nexport default createComponent(Counter);\nexport * from './AnimatedNumber';\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAKlF,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAEL,mBAAmB;AACnC,CAAC;AAAC,IAEIM,OAAO,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAAK,eAAA,OAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,OAAA;IAAAS,GAAA;IAAAC,KAAA,EAUX,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAOMtB,GAAG;MANvB,IAAMuB,KAAK,GAAG,MAAM;MACpB,IAAAC,aAAA,GAAkD,IAAI,CAACJ,OAAO;QAAtDK,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEpB,YAAY,GAAAkB,aAAA,CAAZlB,YAAY;QAAEqB,QAAQ,GAAAH,aAAA,CAARG,QAAQ;MAE7C,IAAMC,OAAO,GAAGtB,YAAY,CAACoB,KAAK,CAAC;MAEnC,OAAAL,KAAA,GAAOvB,OAAO,CAAC2B,MAAM,CAAC,eACpB9B,KAAA,CAAAkC,aAAA,CAACP,QAAQ,EAAAD,KAAA,CAAAS,EAAA,aAAAC,aAAA,KAAAC,YAAA;QAAA,aAAyBJ;MAAO,GAAAT,IAAA,kBACvCxB,KAAA,CAAAkC,aAAA,CAACN,KAAK,EAAAF,KAAA,CAAAS,EAAA,4BACJnC,KAAA,CAAAkC,aAAA,CAACF,QAAQ,EAAAN,KAAA,CAAAS,EAAA,iBAAG,CACN,CACC;IAEf;EAAC;EAAA,OAAAvB,OAAA;AAAA,EAxBmBV,SAAS;AAAAoC,eAAA,CAAzB1B,OAAO,iBACU,SAAS;AAAA0B,eAAA,CAD1B1B,OAAO,aAEM2B,MAAM,CAACC,MAAM,CAAC9B,OAAO,CAAC;AAAA4B,eAAA,CAFnC1B,OAAO,WAIIL,KAAK;AAAA+B,eAAA,CAJhB1B,OAAO,kBAMW;EACpB6B,IAAI,EAAE;AACR,CAAC;AAmBH,eAAexC,eAAe,CAACW,OAAO,CAAC;AACvC,cAAc,kBAAkB"}

package/counter/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICounterProps extends CounterProps, UnknownProperties {}\nexport type CounterProps = BoxProps & {\n  /** Counter theme or custom color */\n  theme?: 'warning' | 'danger' | string;\n\n  /** Counter size\n   * @default m */\n  size?: 'm' | 'l' | 'xl';\n};\n\ndeclare const Counter: Intergalactic.Component<'div', CounterProps>;\n\n/** @deprecated */\nexport interface IAnimatedNumberBaseProps extends AnimatedNumberBaseProps, UnknownProperties {}\nexport type AnimatedNumberBaseProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  duration?: number;\n  delay?: number;\n  initValue?: number;\n  value: number;\n};\n\nexport declare const AnimatedNumber: Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n\nexport default Counter;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICounterProps extends CounterProps, UnknownProperties {}\nexport type CounterProps = BoxProps & {\n  /** Counter theme or custom color */\n  theme?: 'warning' | 'danger' | 'info' | string;\n\n  /** Counter size\n   * @default m */\n  size?: 'm' | 'l' | 'xl';\n};\n\ndeclare const Counter: Intergalactic.Component<'div', CounterProps>;\n\n/** @deprecated */\nexport interface IAnimatedNumberBaseProps extends AnimatedNumberBaseProps, UnknownProperties {}\nexport type AnimatedNumberBaseProps = {\n  /** Animates number change, receives value between 0 and 1 and returns value in range from 0 to 1, e.g. for linear easing pass (t) => t */\n  easing?: (t: number) => number;\n  /** Stringify number, receives a fraction value */\n  formatValue?: (value: number) => string;\n  /**\n   * Duration time in ms\n   * @default 200\n   * */\n  duration?: number;\n  /**\n   * Delay before animation in ms\n   * @default 0\n   * */\n  delay?: number;\n  /**\n   * The value from which to start the animation\n   * @default 0\n   * */\n  initValue?: number;\n  /** The value by which to end the animation */\n  value: number;\n};\n\nexport declare const AnimatedNumber: Intergalactic.Component<'div', AnimatedNumberBaseProps>;\n\nexport default Counter;\n"],"mappings":""}

package/counter/lib/es6/style/counter.shadow.css

@@ -49,14 +49,17 @@ SText {
   display: inline;
 }
 
+SCounter[theme='info'] {
+  border-color: transparent;
+  background: var(--intergalactic-bg-primary-info, #008ff8);
+}
+
 SCounter[theme='warning'] {
   border-color: transparent;
   background: var(--intergalactic-bg-primary-warning, #ff642d);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
 }
 
 SCounter[theme='danger'] {
   border-color: transparent;
   background: var(--intergalactic-bg-primary-critical, #ff4953);
-  color: var(--intergalactic-text-primary-invert, #ffffff);
-}
+}

package/counter/lib/types/index.d.ts

@@ -5,7 +5,7 @@ import { BoxProps } from 'intergalactic/flex-box';
 export interface ICounterProps extends CounterProps, UnknownProperties {}
 export type CounterProps = BoxProps & {
   /** Counter theme or custom color */
-  theme?: 'warning' | 'danger' | string;
+  theme?: 'warning' | 'danger' | 'info' | string;
 
   /** Counter size
    * @default m */
@@ -21,9 +21,22 @@ export type AnimatedNumberBaseProps = {
   easing?: (t: number) => number;
   /** Stringify number, receives a fraction value */
   formatValue?: (value: number) => string;
+  /**
+   * Duration time in ms
+   * @default 200
+   * */
   duration?: number;
+  /**
+   * Delay before animation in ms
+   * @default 0
+   * */
   delay?: number;
+  /**
+   * The value from which to start the animation
+   * @default 0
+   * */
   initValue?: number;
+  /** The value by which to end the animation */
   value: number;
 };