@bbl-digital/snorre 4.1.36 → 4.1.38

package/esm/v2/core/ButtonsFilter/ButtonsFilter.stories.js

@@ -0,0 +1,38 @@
+import ButtonsFilter from '.';
+const meta = {
+  title: 'v2/Core/ButtonsFilter',
+  component: ButtonsFilter
+};
+export default meta;
+export const Default = {
+  name: 'Default',
+  args: {
+    values: ['One', 'Two', 'Three'],
+    disabled: false,
+    onChange: e => console.log(e)
+  }
+};
+export const Loading = {
+  name: 'Loading',
+  args: {
+    loading: true
+  }
+};
+export const ObjectValues = {
+  name: 'Object Values',
+  args: {
+    values: [{
+      label: 'One',
+      value: 15
+    }, {
+      label: 'Two',
+      value: 2
+    }, {
+      label: 'Three',
+      value: 5
+    }],
+    labelField: 'label',
+    valueField: 'value',
+    onChange: e => console.log(e)
+  }
+};

package/esm/v2/core/ButtonsFilter/index.js

@@ -0,0 +1,73 @@
+/** @jsxImportSource @emotion/react */
+
+import { useEffect, useMemo, useState } from 'react';
+import Button from '../Button';
+import { Wrapper } from './styles';
+import Skeleton from '../../../core/Skeleton';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const resolve = (value, field) => {
+  const valueIsObject = typeof value === 'object';
+  return valueIsObject ? value[field] : value;
+};
+const ButtonsFilter = ({
+  values,
+  disabled,
+  skeletons = 3,
+  labelField,
+  valueField,
+  loading,
+  onChange,
+  ...rest
+}) => {
+  const [selected, setSelected] = useState(undefined);
+  const isEmpty = !values?.length;
+  const handleClick = value => {
+    setSelected(value);
+    onChange?.(value);
+  };
+  const resolvedValues = useMemo(() => {
+    if (!values) return [];
+    return values.map(value => ({
+      label: resolve(value, labelField),
+      value: resolve(value, valueField)
+    }));
+  }, [values, labelField, valueField]);
+  useEffect(() => {
+    if (loading || isEmpty || selected !== undefined) return;
+    const firstValue = resolve(values[0], valueField);
+    const selectedExists = resolvedValues.some(({
+      value
+    }) => value === selected);
+    if (!selectedExists) {
+      setSelected(firstValue);
+      onChange?.(firstValue);
+    }
+  }, [values, loading, selected, isEmpty, valueField, onChange]);
+  if (loading) return _jsx(Wrapper, {
+    children: Array.from({
+      length: skeletons
+    }).map((_, index) => _jsx(Skeleton, {
+      width: "100px",
+      height: "32px",
+      borderRadius: "100px",
+      rectangle: true
+    }, index))
+  });
+  if (isEmpty) return null;
+  return _jsx(Wrapper, {
+    children: resolvedValues.map(({
+      label,
+      value
+    }) => _jsx(Button, {
+      small: true,
+      title: label,
+      onClick: () => handleClick(value),
+      secondary: selected !== value,
+      "aria-pressed": selected === value,
+      disabled: disabled,
+      ...rest,
+      children: label
+    }, value))
+  });
+};
+export default ButtonsFilter;

package/esm/v2/core/ButtonsFilter/styles.js

@@ -0,0 +1,16 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1djumss0"
+} : {
+  target: "e1djumss0",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "11impfd",
+  styles: "display:flex;gap:8px;margin-bottom:16px;flex-flow:wrap;width:100%"
+} : {
+  name: "11impfd",
+  styles: "display:flex;gap:8px;margin-bottom:16px;flex-flow:wrap;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy92Mi9jb3JlL0J1dHRvbnNGaWx0ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvdjIvY29yZS9CdXR0b25zRmlsdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xuICBtYXJnaW4tYm90dG9tOiAxNnB4O1xuICBmbGV4LWZsb3c6IHdyYXA7XG4gIHdpZHRoOiAxMDAlO1xuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/app-shell/theme.d.ts

@@ -90,6 +90,31 @@ export interface IAppTheme {
     mypageBoxBorderRadius: string;
     mypageBoxShadow: string;
     preemptionCardBorderRadius: string;
+    primary900: string;
+    primary800: string;
+    primary700: string;
+    primary600: string;
+    primary500: string;
+    primary400: string;
+    primary300: string;
+    primary200: string;
+    primary100: string;
+    primary50: string;
+    neutral900: string;
+    neutral800: string;
+    neutral700: string;
+    neutral600: string;
+    neutral500: string;
+    neutral400: string;
+    neutral300: string;
+    neutral200: string;
+    neutral100: string;
+    neutral0: string;
+    successDark: string;
+    warningDark: string;
+    warningLight: string;
+    errorDark: string;
+    errorLight: string;
 }
 export declare const initTheme: (values: IAppTheme, defaultTextColor?: string) => {
     defaultText: string;
@@ -183,6 +208,31 @@ export declare const initTheme: (values: IAppTheme, defaultTextColor?: string) =
     mypageBoxBorderRadius: string;
     mypageBoxShadow: string;
     preemptionCardBorderRadius: string;
+    primary900: string;
+    primary800: string;
+    primary700: string;
+    primary600: string;
+    primary500: string;
+    primary400: string;
+    primary300: string;
+    primary200: string;
+    primary100: string;
+    primary50: string;
+    neutral900: string;
+    neutral800: string;
+    neutral700: string;
+    neutral600: string;
+    neutral500: string;
+    neutral400: string;
+    neutral300: string;
+    neutral200: string;
+    neutral100: string;
+    neutral0: string;
+    successDark: string;
+    warningDark: string;
+    warningLight: string;
+    errorDark: string;
+    errorLight: string;
 };
 export default IAppTheme;
 //# sourceMappingURL=theme.d.ts.map

package/lib/app-shell/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IAExB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IAGxB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,MAAM,CAAA;IAGzB,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAGhB,UAAU,EAAE,MAAM,CAAA;IAClB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;IAGrB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IAGrB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAGhB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IAGjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,uBAAuB,EAAE,MAAM,CAAA;IAG/B,uBAAuB,EAAE,MAAM,GAAG,IAAI,CAAA;IAGtC,qBAAqB,EAAE,MAAM,CAAA;IAC7B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,yBAAyB,EAAE,MAAM,CAAA;IACjC,8BAA8B,EAAE,MAAM,CAAA;IACtC,+BAA+B,EAAE,MAAM,CAAA;IACvC,wBAAwB,EAAE,MAAM,CAAA;IAChC,4BAA4B,EAAE,MAAM,CAAA;IACpC,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,4BAA4B,EAAE,MAAM,CAAA;IACpC,6BAA6B,EAAE,MAAM,CAAA;IACrC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B,EAAE,MAAM,CAAA;IAClC,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,sBAAsB,EAAE,MAAM,CAAA;IAE9B,0BAA0B,EAAE,MAAM,CAAA;IAClC,yBAAyB,EAAE,MAAM,CAAA;IACjC,mCAAmC,EAAE,MAAM,CAAA;IAC3C,+BAA+B,EAAE,MAAM,CAAA;IACvC,gCAAgC,EAAE,MAAM,CAAA;IACxC,+BAA+B,EAAE,MAAM,CAAA;IACvC,yCAAyC,EAAE,MAAM,CAAA;IACjD,wBAAwB,EAAE,MAAM,CAAA;IAChC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,4BAA4B,EAAE,MAAM,CAAA;IACpC,6BAA6B,EAAE,MAAM,CAAA;IACrC,8BAA8B,EAAE,MAAM,CAAA;IACtC,6BAA6B,EAAE,MAAM,CAAA;IACrC,kCAAkC,EAAE,MAAM,CAAA;IAE1C,qBAAqB,EAAE,MAAM,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,0BAA0B,EAAE,MAAM,CAAA;IAGlC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,WAAY,SAAS,qBAAqB,MAAM;;aA5I3D,MAAM;eACJ,MAAM;kBACH,MAAM;kBACN,MAAM;kBACN,MAAM;oBACJ,MAAM;sBACJ,MAAM;gBAIZ,MAAM;uBACC,MAAM;QAGrB,MAAM;aACD,MAAM;cACL,MAAM;YACR,MAAM;cACJ,MAAM;gBAGJ,MAAM;yBACG,MAAM;sBACT,MAAM;uBACL,MAAM;gBACb,MAAM;sBACA,MAAM;uBACL,MAAM;eACd,MAAM;qBACA,MAAM;sBACL,MAAM;iBACX,MAAM;uBACA,MAAM;mBACV,MAAM;WAGd,MAAM;gBACD,MAAM;iBACL,MAAM;UACb,MAAM;gBACA,MAAM;eACP,MAAM;gBACL,MAAM;aACT,MAAM;mBACA,MAAM;kBACP,MAAM;mBACL,MAAM;YAGb,MAAM;YACN,MAAM;YACN,MAAM;cACJ,MAAM;iBAGH,MAAM;uBACA,MAAM;eACd,MAAM;sBAGC,MAAM;2BACD,MAAM;2BACN,MAAM;2BACN,MAAM;2BACN,MAAM;0BACP,MAAM;6BACH,MAAM;6BAGN,MAAM,GAAG,IAAI;2BAGf,MAAM;0BACP,MAAM;+BACD,MAAM;oCACD,MAAM;qCACL,MAAM;8BACb,MAAM;kCACF,MAAM;yBACf,MAAM;wBACP,MAAM;4BACF,MAAM;6BACL,MAAM;kCACD,MAAM;mCACL,MAAM;4BACb,MAAM;gCACF,MAAM;kBACpB,MAAM;sBACF,MAAM;sBACN,MAAM;4BACA,MAAM;gCAEF,MAAM;+BACP,MAAM;yCACI,MAAM;qCACV,MAAM;sCACL,MAAM;qCACP,MAAM;+CACI,MAAM;8BACvB,MAAM;6BACP,MAAM;6BACN,MAAM;kCACD,MAAM;mCACL,MAAM;oCACL,MAAM;mCACP,MAAM;wCACD,MAAM;2BAEnB,MAAM;qBACZ,MAAM;gCACK,MAAM;gBAGtB,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;eACP,MAAM;gBACL,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;cACR,MAAM;iBACH,MAAM;iBACN,MAAM;kBACL,MAAM;eACT,MAAM;gBACL,MAAM;CASnB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAEZ,8BAA8B,EAE/B,MAAM,OAAO,CAAA;AAUd,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACrE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,8BAA8B,CAAA;IAC7C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFA8JV,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Input/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAEZ,8BAA8B,EAE/B,MAAM,OAAO,CAAA;AAUd,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACrE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,gBAAgB;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;IACtC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iFAAiF;IACjF,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,8BAA8B,CAAA;IAC7C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACvC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AAED,MAAM,MAAM,GAAG,GAAG,gBAAgB,CAAA;AAElC,QAAA,MAAM,KAAK,qFA6KV,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/core/Input/index.js

@@ -37,9 +37,8 @@ const Input = /*#__PURE__*/React.forwardRef(({
   };
   const handleNumberOnlyFormatting = val => {
     const onlyNumbers = val.replace(/[^\d]/g, '');
-    const formatedNumbersWithSpace = onlyNumbers.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
     getFormattedNumber && getFormattedNumber(onlyNumbers);
-    return formatedNumbersWithSpace;
+    return onlyNumbers;
   };
   const onInputChange = e => {
     setInputDirty(true);
@@ -54,6 +53,20 @@ const Input = /*#__PURE__*/React.forwardRef(({
       props.onChange(e);
     }
   };
+  const handleBlur = e => {
+    if (variant === 'formattedNumber') {
+      const onlyNumbers = value.toString().replace(/[^\d]/g, '');
+      const formatedNumbersWithSpace = onlyNumbers.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+      setValueChanged(formatedNumbersWithSpace);
+    }
+    props.onBlur && props.onBlur(e);
+  };
+  const handleFocus = e => {
+    if (variant === 'formattedNumber') {
+      setValueChanged(value.toString().replaceAll(' ', ''));
+    }
+    props.onFocus && props.onFocus(e);
+  };
   useEffect(() => {
     if (props.reset) {
       setValueChanged('');
@@ -95,8 +108,8 @@ const Input = /*#__PURE__*/React.forwardRef(({
           placeholder: props.placeholder,
           disabled: props.disabled,
           autoFocus: props.focus,
-          onBlur: props.onBlur,
-          onFocus: props.onFocus,
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           onChange: onInputChange,
           maxLength: maxlength,
           ref: ref,

package/lib/v2/core/Button/Button.stories.d.ts

@@ -4,8 +4,16 @@ declare const meta: Meta<typeof Button>;
 export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Default: Story;
+export declare const DefaultSmall: Story;
+export declare const Secondary: Story;
+export declare const SecondaryWithIcon: Story;
+export declare const SecondarySmall: Story;
+export declare const Ghost: Story;
+export declare const GhostSmall: Story;
+export declare const GhostSmallIcon: Story;
 export declare const IconBefore: Story;
 export declare const IconAfter: Story;
+export declare const SmallWithIcon: Story;
 export declare const Success: Story;
 export declare const Danger: Story;
 export declare const Loading: Story;

package/lib/v2/core/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAGtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,MAAM,MAAM,GAAG,CAAA;AAKtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AACD,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAID,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA"}

package/lib/v2/core/Button/Button.stories.js

@@ -1,5 +1,7 @@
 import Button from '.';
 import IconCaretDown from '../../../icons/General/IconCaretDown';
+import IconBookmarkFilled from '../../../icons/General/IconBookmarkFilled';
+import IconBookmarkOutline from '../../../icons/General/IconBookmarkOutline';
 import { jsx as _jsx } from "react/jsx-runtime";
 const meta = {
   title: 'v2/Core/Button',
@@ -12,9 +14,64 @@ export const Default = {
   },
   name: 'Default'
 };
+export const DefaultSmall = {
+  args: {
+    small: true,
+    children: 'Small button'
+  },
+  name: 'Default small'
+};
+export const Secondary = {
+  args: {
+    secondary: true,
+    children: 'Secondary button'
+  },
+  name: 'Secondary'
+};
+export const SecondaryWithIcon = {
+  args: {
+    secondary: true,
+    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkOutline, {}),
+    children: 'Secondary button'
+  },
+  name: 'Secondary with icon'
+};
+export const SecondarySmall = {
+  args: {
+    secondary: true,
+    small: true,
+    children: 'Secondary'
+  },
+  name: 'Secondary small'
+};
+export const Ghost = {
+  args: {
+    ghost: true,
+    children: 'Ghost button',
+    disabled: true
+  },
+  name: 'Ghost'
+};
+export const GhostSmall = {
+  args: {
+    ghost: true,
+    small: true,
+    children: 'Ghost small button'
+  },
+  name: 'Ghost small'
+};
+export const GhostSmallIcon = {
+  args: {
+    ghost: true,
+    small: true,
+    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkOutline, {}),
+    children: 'Ghost small button'
+  },
+  name: 'Ghost small icon'
+};
 export const IconBefore = {
   args: {
-    beforeIcon: /*#__PURE__*/_jsx(IconCaretDown, {}),
+    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkFilled, {}),
     children: 'Standard button'
   },
   name: 'Icon before'
@@ -29,6 +86,14 @@ export const IconAfter = {
   },
   name: 'Icon after'
 };
+export const SmallWithIcon = {
+  args: {
+    small: true,
+    beforeIcon: /*#__PURE__*/_jsx(IconBookmarkFilled, {}),
+    children: 'Small button'
+  },
+  name: 'Small with icon'
+};
 export const Success = {
   args: {
     success: true,

package/lib/v2/core/Button/index.d.ts

@@ -9,6 +9,10 @@ export type IProps = ButtonOrLinkProps & {
     danger?: boolean;
     /** Bigger button */
     highlight?: boolean;
+    /** Secondary color styling */
+    secondary?: boolean;
+    /** Ghost is a button without a backgound */
+    ghost?: boolean;
     /** Outlined button styling */
     outline?: boolean;
     /** Without style */
@@ -61,6 +65,10 @@ declare const Button: React.ForwardRefExoticComponent<React.HTMLAttributes<impor
     danger?: boolean;
     /** Bigger button */
     highlight?: boolean;
+    /** Secondary color styling */
+    secondary?: boolean;
+    /** Ghost is a button without a backgound */
+    ghost?: boolean;
     /** Outlined button styling */
     outline?: boolean;
     /** Without style */

package/lib/v2/core/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,oCAAoC,CAAA;AAM3C,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;sBAlC2B,SAAS;uBAEN,SAAS;gCAG3C,SAAS;;;;4BAYf,UADQ;8BAIN,UAAU;;;;;;;;;;;;;;;;;IAdZ,4BAA4B;cAClB,OAAO;IACjB,2BAA2B;aAClB,OAAO;IAChB,oBAAoB;gBACR,OAAO;IACnB,8BAA8B;cACpB,OAAO;IACjB,oBAAoB;cACV,OAAO;IACjB,mDAAmD;gBACvC,OAAO;IACnB,oBAAoB;aACX,MAAM;IACf,iBAAiB;UACX,gBAAgB;IACtB,uCAAuC;cAC7B,OAAO;IACjB,uBAAuB;WAChB,OAAO;IACd,0BAA0B;YAClB,OAAO;IACf,4BAA4B;oBACZ,OAAO;IACvB,mBAAmB;eACR,MAAM;2CAqFjB,CAAA;AACF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAqB,EACnB,KAAK,IAAI,iBAAiB,EAC3B,MAAM,oCAAoC,CAAA;AAM3C,MAAM,MAAM,MAAM,GAAG,iBAAiB,GAAG;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,MAAM;sBAtC2B,SAAS;uBAEN,SAAS;gCAG3C,SAAS;;;;4BASwB,UACrC;8BAMF,UADS;;;;;;;;;;;;;;;;;IAdT,4BAA4B;cAClB,OAAO;IACjB,2BAA2B;aAClB,OAAO;IAChB,oBAAoB;gBACR,OAAO;IACnB,8BAA8B;gBAClB,OAAO;IACnB,4CAA4C;YACpC,OAAO;IACf,8BAA8B;cACpB,OAAO;IACjB,oBAAoB;cACV,OAAO;IACjB,mDAAmD;gBACvC,OAAO;IACnB,oBAAoB;aACX,MAAM;IACf,iBAAiB;UACX,gBAAgB;IACtB,uCAAuC;cAC7B,OAAO;IACjB,uBAAuB;WAChB,OAAO;IACd,0BAA0B;YAClB,OAAO;IACf,4BAA4B;oBACZ,OAAO;IACvB,mBAAmB;eACR,MAAM;2CAuFjB,CAAA;AACF,eAAe,MAAM,CAAA"}

package/lib/v2/core/Button/index.js

@@ -8,6 +8,8 @@ import AppLoader from '../../../core/AppLoader';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
+    secondary,
+    ghost,
     danger,
     success,
     highlight,
@@ -50,7 +52,7 @@ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
     disabled: disabled,
     loading: loading,
     ref: ref,
-    css: theme => [styles.default(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), beforeIcon && styles.beforeIcon, afterIcon && styles.afterIcon, border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), success && outline && styles.successOutline(theme), transparentBg && styles.transparentBg, focusable && styles.focusable],
+    css: theme => [styles.default(theme), secondary && styles.secondary(theme), outline && styles.outline(theme), danger && styles.danger(theme), success && styles.success(theme), highlight && styles.highlighted, ghost && styles.ghost(theme), disabled && styles.disabled(theme), (beforeIcon || afterIcon) && styles.icon(theme), border && styles.border(border), nostyle && styles.nostyle, loading && styles.loading(theme), back && styles.back(theme), css && css, small && styles.small, danger && outline && styles.dangerOutline(theme), success && outline && styles.successOutline(theme), transparentBg && styles.transparentBg, focusable && styles.focusable],
     afterIcon: afterIcon,
     beforeIcon: back ? _jsx(IconChevronLeft, {
       size: '12px'

package/lib/v2/core/Button/styles.d.ts

@@ -3,9 +3,9 @@ export declare const Btn: import("@emotion/styled").StyledComponent<any, import(
 declare const styles: {
     default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
     highlighted: import("@emotion/react").SerializedStyles;
+    secondary: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    ghost: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
     icon: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
-    beforeIcon: import("@emotion/react").SerializedStyles;
-    afterIcon: import("@emotion/react").SerializedStyles;
     outline: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
     success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
     danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;

package/lib/v2/core/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAEhD,eAAO,MAAM,GAAG,mKAAuB,CAAA;AAEvC,QAAA,MAAM,MAAM;qBACO,SAAS;;kBAmCZ,SAAS;;;qBAsBN,SAAS;qBAqBT,SAAS;oBAgBV,SAAS;sBAcP,SAAS;oBAWX,MAAM;qBAGL,SAAS;;kBA6BZ,SAAS;;2BA8BA,SAAS;4BAIR,SAAS;;;CAalC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/v2/core/Button/styles.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAEhD,eAAO,MAAM,GAAG,mKAAuB,CAAA;AAEvC,QAAA,MAAM,MAAM;qBACO,SAAS;;uBAoCP,SAAS;mBAab,SAAS;kBAcV,SAAS;qBAsBN,SAAS;qBAuBT,SAAS;oBAgBV,SAAS;sBAcP,SAAS;oBAWX,MAAM;qBAGL,SAAS;;kBA6BZ,SAAS;;2BA8BA,SAAS;4BAIR,SAAS;;;CAalC,CAAA;AAED,eAAe,MAAM,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,CAAA"}