@mmb-digital/design-system-web 0.1.0

package/.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/.eslintrc.js

@@ -0,0 +1,165 @@
+module.exports = {
+	settings: {
+		react: {
+			version: 'detect',
+		},
+	},
+	extends: [
+		'plugin:@typescript-eslint/recommended-type-checked',
+		'plugin:@typescript-eslint/stylistic-type-checked',
+		'plugin:storybook/recommended',
+		'eslint:recommended',
+		'plugin:react/recommended',
+		'plugin:react-hooks/recommended',
+	],
+	plugins: ['typescript-sort-keys', '@typescript-eslint', 'unicorn', 'sort-destructure-keys', 'import', 'react-hooks'],
+	parser: '@typescript-eslint/parser',
+	parserOptions: {
+		project: ['./tsconfig.json'],
+		// project: true,
+		tsconfigRootDir: __dirname,
+	},
+	root: true,
+	env: {
+		jest: true,
+		browser: true,
+		es2023: true,
+	},
+	rules: {
+		'typescript-sort-keys/interface': 'error',
+		'typescript-sort-keys/string-enum': 'error',
+		'react/jsx-boolean-value': ['error', 'always'],
+		'@typescript-eslint/strict-boolean-expressions': ['error', {}],
+		'@typescript-eslint/no-empty-interface': 0,
+		'@typescript-eslint/ban-ts-comment': 0,
+		'func-style': ['error', 'expression'],
+		'prefer-arrow-callback': 'error',
+		'no-new-object': 'error',
+		'no-var': 'error',
+		'no-array-constructor': 'error',
+		'default-case': 'error',
+		'max-classes-per-file': 1,
+		'no-else-return': 'error',
+		'prefer-template': 'error',
+		'default-case-last': 'error',
+		'no-useless-rename': [
+			'error',
+			{
+				ignoreDestructuring: false,
+				ignoreImport: false,
+				ignoreExport: false,
+			},
+		],
+		'import/newline-after-import': [
+			'error',
+			{
+				count: 1,
+			},
+		],
+		'import/no-cycle': 'error',
+		'object-shorthand': ['error', 'never'],
+		'unicorn/throw-new-error': 'error',
+		'unicorn/prefer-number-properties': 'error',
+		'unicorn/prefer-array-index-of': 'error',
+		'unicorn/prefer-array-some': 'error',
+		'unicorn/prefer-array-find': 'error',
+		'unicorn/no-nested-ternary': 'error',
+		'unicorn/no-new-array': 'error',
+		'unicorn/prefer-includes': 'error',
+		'unicorn/error-message': 'error',
+		'unicorn/no-zero-fractions': 'error',
+		'unicorn/filename-case': [
+			'error',
+			{
+				cases: {
+					camelCase: true,
+				},
+				ignore: ['not-found.tsx'],
+			},
+		],
+		'@typescript-eslint/naming-convention': [
+			'error',
+			{
+				selector: 'variableLike',
+				format: ['camelCase'],
+			},
+			{
+				selector: 'function',
+				format: ['camelCase'],
+			},
+			{
+				selector: 'variable',
+				format: ['camelCase', 'PascalCase'],
+			},
+			{
+				selector: 'parameter',
+				format: ['camelCase'],
+				leadingUnderscore: 'forbid',
+			},
+			{
+				selector: 'typeLike',
+				format: ['PascalCase'],
+			},
+			{
+				selector: 'objectLiteralProperty',
+				format: ['camelCase'],
+				filter: {
+					regex: '^(?!Content-Type|Cache-Control|Channel|__html).*$',
+					match: true,
+				},
+			},
+		],
+		'@typescript-eslint/array-type': 'error',
+		'@typescript-eslint/prefer-reduce-type-parameter': 'error',
+		'@typescript-eslint/prefer-string-starts-ends-with': 'error',
+		'react/jsx-fragments': ['error', 'syntax'],
+		'@typescript-eslint/sort-type-constituents': 'error',
+		'react/jsx-sort-props': [
+			'error',
+			{
+				callbacksLast: true,
+				shorthandFirst: false,
+				shorthandLast: false,
+				ignoreCase: true,
+				noSortAlphabetically: false,
+				reservedFirst: ['key'],
+			},
+		],
+		'@typescript-eslint/no-misused-promises': [
+			'error',
+			{
+				checksVoidReturn: false,
+			},
+		],
+		'sort-destructure-keys/sort-destructure-keys': [
+			2,
+			{
+				caseSensitive: false,
+			},
+		],
+		'unicorn/prefer-type-error': 'error',
+		'unicorn/no-typeof-undefined': 'error',
+		'unicorn/no-useless-spread': 'error',
+		'unicorn/number-literal-case': 'error',
+		'unicorn/numeric-separators-style': 'error',
+		'unicorn/no-array-push-push': 'error',
+		'unicorn/prefer-object-from-entries': 'error',
+		'@typescript-eslint/prefer-nullish-coalescing': 0,
+		'@typescript-eslint/no-mixed-enums': 'error',
+		'@typescript-eslint/no-floating-promises': 'error',
+		'@typescript-eslint/no-unnecessary-condition': 'error',
+		'@typescript-eslint/no-require-imports': 'error',
+		'padding-line-between-statements': 'off',
+		'@typescript-eslint/padding-line-between-statements': [
+			'error',
+			{
+				blankLine: 'always',
+				prev: '*',
+				next: ['interface', 'type', 'return'],
+			},
+		],
+		complexity: ['error', 10],
+		'react/no-unknown-property': ['error', { ignore: ['css'] }],
+		'no-mixed-spaces-and-tabs': 0,
+	},
+};

package/.prettierrc.js

@@ -0,0 +1,15 @@
+module.exports = {
+  arrowParens: 'always',
+  bracketSpacing: true,
+  bracketSameLine: false,
+  jsxSingleQuote: false,
+  printWidth: 160,
+  quoteProps: 'as-needed',
+  singleQuote: true,
+  trailingComma: 'all',
+  parser: 'typescript',
+  proseWrap: 'preserve',
+  endOfLine: 'auto',
+  singleAttributePerLine: true,
+  useTabs: true,
+};

package/.storybook/main.ts

@@ -0,0 +1,23 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+// @ts-ignore
+import path from 'path';
+const config: StorybookConfig = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
+	framework: {
+		name: '@storybook/react-webpack5',
+		options: {},
+	},
+	webpackFinal: async (config, { configType }) => {
+		config.resolve.alias['@'] = path.resolve(__dirname, '../src/');
+		return config;
+	},
+	babel: (config) => {
+		config.plugins?.push('babel-plugin-styled-components');
+		return config;
+	},
+	docs: {
+		autodocs: 'tag',
+	},
+};
+export default config;

package/.storybook/preview.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import type { Preview } from '@storybook/react';
+import StorybookProvider from '../src/provider/storybook/storybookProvider';
+
+const preview: Preview = {
+	parameters: {
+		actions: { argTypesRegex: '^on[A-Z].*' },
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/,
+			},
+		},
+	},
+};
+
+export default preview;
+
+export const decorators = [
+	(storyFn: any) => {
+		return <StorybookProvider>{storyFn()}</StorybookProvider>;
+	},
+	(storyFn: any) => {
+		return <>{storyFn()}</>;
+	},
+];

package/dist/cjs/index.js

@@ -0,0 +1,131 @@
+"use strict";require("react");var e,t,o,s=require("styled-components");!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary"}(e||(e={})),function(e){e.MD="md",e.SM="sm",e.XL="xl",e.XS="xs",e.XXL="xxl"}(t||(t={})),function(e){e.BUTTON="button",e.RESET="reset",e.SUBMIT="submit"}(o||(o={})),s.button`
+	/* common styles */
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+
+	/* type specific styles */
+	${({buttonStyle:t})=>{switch(t){case e.PRIMARY:return s.css`
+					color: ${({theme:e})=>e.colors.fg.neutral.white.light};
+					background-color: ${({theme:e})=>e.colors.bg.brand.bold.light};
+					border: 1px solid ${({theme:e})=>e.colors.border.brand.bold.light};
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.bold.hover.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.bold.pressed.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.disabled.light};
+						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
+					}
+				`;case e.SECONDARY:return s.css`
+					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					border: 1px solid ${({theme:e})=>e.colors.border.neutral.subtle.light};
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
+						border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.pressed.light};
+						border: 2px solid ${({theme:e})=>e.colors.border.brand.subtle.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+						border: 1px solid ${({theme:e})=>e.colors.bg.disabled.light};
+					}
+				`;case e.TERTIARY:return s.css`
+					color: ${({theme:e})=>e.colors.fg.neutral.subtle.light};
+					background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					border: none;
+
+					&:hover {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.light};
+					}
+
+					&:focus {
+						box-shadow: ${({theme:e})=>e.colors.shadow.buttonFocus};
+					}
+
+					&:active {
+						background-color: ${({theme:e})=>e.colors.bg.brand.default.pressed.light};
+					}
+
+					&:disabled {
+						color: ${({theme:e})=>e.colors.fg.disabled.light};
+						background-color: ${({theme:e})=>e.colors.bg.neutral.white.light};
+					}
+				`;default:return""}}}
+
+	/* size specific styles */
+	${({size:e})=>{switch(e){case t.XS:return s.css`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xl};
+					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
+					font-size: ${({theme:e})=>e.font.size.body.xs};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.xs};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`;case t.SM:return s.css`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xl};
+					padding: ${({theme:e})=>e.spacing.xxs} ${({theme:e})=>e.spacing.xs};
+					font-size: ${({theme:e})=>e.font.size.body.sm};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`;case t.MD:return s.css`
+					gap: ${({theme:e})=>e.spacing.xxs};
+					min-height: ${({theme:e})=>e.spacing.xxl};
+					padding: ${({theme:e})=>e.spacing.xs} ${({theme:e})=>e.spacing.sm};
+					font-size: ${({theme:e})=>e.font.size.body.sm};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.sm};
+					letter-spacing: ${({theme:e})=>e.font.letterSpacing.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xs};
+				`;case t.XL:return s.css`
+					gap: ${({theme:e})=>e.spacing.xs};
+					min-height: ${({theme:e})=>e.spacing.xxxl};
+					padding: ${({theme:e})=>e.spacing.sm};
+					font-size: ${({theme:e})=>e.font.size.body.md};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.md};
+					border-radius: ${({theme:e})=>e.borderRadius.xs};
+				`;case t.XXL:return s.css`
+					gap: ${({theme:e})=>e.spacing.sm};
+					min-height: ${({theme:e})=>e.spacing.xxxxl};
+					padding: ${({theme:e})=>e.spacing.md} ${({theme:e})=>e.spacing.xl};
+					font-size: ${({theme:e})=>e.font.size.body.lg};
+					font-weight: ${({theme:e})=>e.font.weight.medium};
+					line-height: ${({theme:e})=>e.font.lineHeight.body.lg};
+					border-radius: ${({theme:e})=>e.borderRadius.sm};
+				`;default:return s.css`
+					border-radius: ${({theme:e})=>e.borderRadius.xxs};
+				`}}}
+`,s.div`
+	display: flex;
+	align-items: center;
+	height: 100%;
+`;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/button/button.types.ts","../../../src/components/button/button.styles.ts"],"sourcesContent":[null,null],"names":["ButtonStyle","ButtonSize","ButtonType","styled","button","buttonStyle","PRIMARY","css","theme","colors","fg","neutral","white","light","bg","brand","bold","border","hover","shadow","buttonFocus","pressed","disabled","SECONDARY","subtle","default","TERTIARY","size","XS","spacing","xxs","xl","xs","font","body","weight","medium","lineHeight","letterSpacing","md","borderRadius","SM","sm","MD","xxl","XL","xxxl","XXL","xxxxl","lg","div"],"mappings":"kCAEYA,EAMAC,EAQAC,kCAdZ,SAAYF,GACXA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACA,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAED,SAAYC,GACXA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,IAAA,KACA,CAND,CAAYA,IAAAA,EAMX,CAAA,IAED,SAAYC,GACXA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,OAAA,QACA,CAJD,CAAYA,IAAAA,EAIX,CAAA,IChB2BC,EAAOC,MAAsB;;;;;;;;;GAStD,EAAGC,kBACJ,OAAQA,GACP,KAAKL,EAAYM,QAChB,OAAOC,EAAGA,GAAA;cACA,EAAGC,WAAYA,EAAMC,OAAOC,GAAGC,QAAQC,MAAMC;yBAClC,EAAGL,WAAYA,EAAMC,OAAOK,GAAGC,MAAMC,KAAKH;yBAC1C,EAAGL,WAAYA,EAAMC,OAAOQ,OAAOF,MAAMC,KAAKH;;;0BAG7C,EAAGL,WAAYA,EAAMC,OAAOK,GAAGC,MAAMC,KAAKE,MAAML;;;;oBAItD,EAAGL,WAAYA,EAAMC,OAAOU,OAAOC;;;;0BAI7B,EAAGZ,WAAYA,EAAMC,OAAOK,GAAGC,MAAMC,KAAKK,QAAQR;;;;eAI7D,EAAGL,WAAYA,EAAMC,OAAOC,GAAGY,SAAST;0BAC7B,EAAGL,WAAYA,EAAMC,OAAOK,GAAGQ,SAAST;0BACxC,EAAGL,WAAYA,EAAMC,OAAOK,GAAGQ,SAAST;;MAG/D,KAAKb,EAAYuB,UAChB,OAAOhB,EAAGA,GAAA;cACA,EAAGC,WAAYA,EAAMC,OAAOC,GAAGC,QAAQa,OAAOX;yBACnC,EAAGL,WAAYA,EAAMC,OAAOK,GAAGH,QAAQC,MAAMC;yBAC7C,EAAGL,WAAYA,EAAMC,OAAOQ,OAAON,QAAQa,OAAOX;;;0BAGjD,EAAGL,WAAYA,EAAMC,OAAOK,GAAGC,MAAMU,QAAQZ;0BAC7C,EAAGL,WAAYA,EAAMC,OAAOQ,OAAOF,MAAMS,OAAOX;;;;oBAItD,EAAGL,WAAYA,EAAMC,OAAOU,OAAOC;;;;0BAI7B,EAAGZ,WAAYA,EAAMC,OAAOK,GAAGC,MAAMU,QAAQJ,QAAQR;0BACrD,EAAGL,WAAYA,EAAMC,OAAOQ,OAAOF,MAAMS,OAAOX;;;;eAI3D,EAAGL,WAAYA,EAAMC,OAAOC,GAAGY,SAAST;0BAC7B,EAAGL,WAAYA,EAAMC,OAAOK,GAAGH,QAAQC,MAAMC;0BAC7C,EAAGL,WAAYA,EAAMC,OAAOK,GAAGQ,SAAST;;MAG/D,KAAKb,EAAY0B,SAChB,OAAOnB,EAAGA,GAAA;cACA,EAAGC,WAAYA,EAAMC,OAAOC,GAAGC,QAAQa,OAAOX;yBACnC,EAAGL,WAAYA,EAAMC,OAAOK,GAAGH,QAAQC,MAAMC;;;;0BAI5C,EAAGL,WAAYA,EAAMC,OAAOK,GAAGC,MAAMU,QAAQZ;;;;oBAInD,EAAGL,WAAYA,EAAMC,OAAOU,OAAOC;;;;0BAI7B,EAAGZ,WAAYA,EAAMC,OAAOK,GAAGC,MAAMU,QAAQJ,QAAQR;;;;eAIhE,EAAGL,WAAYA,EAAMC,OAAOC,GAAGY,SAAST;0BAC7B,EAAGL,WAAYA,EAAMC,OAAOK,GAAGH,QAAQC,MAAMC;;MAGpE,QACC,MAAO,GACR;;;GAIA,EAAGc,WACJ,OAAQA,GACP,KAAK1B,EAAW2B,GACf,OAAOrB,EAAGA,GAAA;YACF,EAAGC,WAAYA,EAAMqB,QAAQC;mBACtB,EAAGtB,WAAYA,EAAMqB,QAAQE;gBAChC,EAAGvB,WAAYA,EAAMqB,QAAQC,OAAO,EAAGtB,WAAYA,EAAMqB,QAAQG;kBAC/D,EAAGxB,WAAYA,EAAMyB,KAAKN,KAAKO,KAAKF;oBAClC,EAAGxB,WAAYA,EAAMyB,KAAKE,OAAOC;oBACjC,EAAG5B,WAAYA,EAAMyB,KAAKI,WAAWH,KAAKF;uBACvC,EAAGxB,WAAYA,EAAMyB,KAAKK,cAAcJ,KAAKK;sBAC9C,EAAG/B,WAAYA,EAAMgC,aAAaV;MAErD,KAAK7B,EAAWwC,GACf,OAAOlC,EAAGA,GAAA;YACF,EAAGC,WAAYA,EAAMqB,QAAQC;mBACtB,EAAGtB,WAAYA,EAAMqB,QAAQE;gBAChC,EAAGvB,WAAYA,EAAMqB,QAAQC,OAAO,EAAGtB,WAAYA,EAAMqB,QAAQG;kBAC/D,EAAGxB,WAAYA,EAAMyB,KAAKN,KAAKO,KAAKQ;oBAClC,EAAGlC,WAAYA,EAAMyB,KAAKE,OAAOC;oBACjC,EAAG5B,WAAYA,EAAMyB,KAAKI,WAAWH,KAAKQ;uBACvC,EAAGlC,WAAYA,EAAMyB,KAAKK,cAAcJ,KAAKK;sBAC9C,EAAG/B,WAAYA,EAAMgC,aAAaV;MAErD,KAAK7B,EAAW0C,GACf,OAAOpC,EAAGA,GAAA;YACF,EAAGC,WAAYA,EAAMqB,QAAQC;mBACtB,EAAGtB,WAAYA,EAAMqB,QAAQe;gBAChC,EAAGpC,WAAYA,EAAMqB,QAAQG,MAAM,EAAGxB,WAAYA,EAAMqB,QAAQa;kBAC9D,EAAGlC,WAAYA,EAAMyB,KAAKN,KAAKO,KAAKQ;oBAClC,EAAGlC,WAAYA,EAAMyB,KAAKE,OAAOC;oBACjC,EAAG5B,WAAYA,EAAMyB,KAAKI,WAAWH,KAAKQ;uBACvC,EAAGlC,WAAYA,EAAMyB,KAAKK,cAAcJ,KAAKK;sBAC9C,EAAG/B,WAAYA,EAAMgC,aAAaR;MAErD,KAAK/B,EAAW4C,GACf,OAAOtC,EAAGA,GAAA;YACF,EAAGC,WAAYA,EAAMqB,QAAQG;mBACtB,EAAGxB,WAAYA,EAAMqB,QAAQiB;gBAChC,EAAGtC,WAAYA,EAAMqB,QAAQa;kBAC3B,EAAGlC,WAAYA,EAAMyB,KAAKN,KAAKO,KAAKK;oBAClC,EAAG/B,WAAYA,EAAMyB,KAAKE,OAAOC;oBACjC,EAAG5B,WAAYA,EAAMyB,KAAKI,WAAWH,KAAKK;sBACxC,EAAG/B,WAAYA,EAAMgC,aAAaR;MAErD,KAAK/B,EAAW8C,IACf,OAAOxC,EAAGA,GAAA;YACF,EAAGC,WAAYA,EAAMqB,QAAQa;mBACtB,EAAGlC,WAAYA,EAAMqB,QAAQmB;gBAChC,EAAGxC,WAAYA,EAAMqB,QAAQU,MAAM,EAAG/B,WAAYA,EAAMqB,QAAQE;kBAC9D,EAAGvB,WAAYA,EAAMyB,KAAKN,KAAKO,KAAKe;oBAClC,EAAGzC,WAAYA,EAAMyB,KAAKE,OAAOC;oBACjC,EAAG5B,WAAYA,EAAMyB,KAAKI,WAAWH,KAAKe;sBACxC,EAAGzC,WAAYA,EAAMgC,aAAaE;MAErD,QACC,OAAOnC,EAAGA,GAAA;sBACQ,EAAGC,WAAYA,EAAMgC,aAAaV;MAErD;EAI8B3B,EAAO+C,GAAmB"}

package/dist/cjs/types/jest.config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * For a detailed explanation regarding each configuration property, visit:
+ * https://jestjs.io/docs/configuration
+ */
+import type { Config } from 'jest';
+declare const config: Config;
+export default config;

package/dist/cjs/types/src/components/button/button.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './button.types';
+declare const Button: FC<Props>;
+export default Button;

package/dist/cjs/types/src/components/button/button.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from './button.types';
+export declare const ButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Partial<Props>>>;
+export declare const IconWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Partial<Props>>>;

package/dist/cjs/types/src/components/button/button.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/types/src/components/button/button.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export declare enum ButtonStyle {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}
+export declare enum ButtonSize {
+    MD = "md",
+    SM = "sm",
+    XL = "xl",
+    XS = "xs",
+    XXL = "xxl"
+}
+export declare enum ButtonType {
+    BUTTON = "button",
+    RESET = "reset",
+    SUBMIT = "submit"
+}
+export interface Props {
+    buttonStyle: ButtonStyle;
+    children: ReactNode;
+    disabled?: boolean;
+    displayOnlyIcon?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    onClick?: () => void;
+    size: ButtonSize;
+    type?: ButtonType;
+}

package/dist/cjs/types/src/components/form/hint/formHint.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from '@/components/form/hint/formHint.types';
+declare const FormHint: React.FC<Props>;
+export default FormHint;

package/dist/cjs/types/src/components/form/hint/formHint.style.d.ts

@@ -0,0 +1 @@
+export declare const hint: import("styled-components").RuleSet<object>;

package/dist/cjs/types/src/components/form/hint/formHint.types.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export interface Props {
+    readonly children: React.ReactNode;
+}

package/dist/cjs/types/src/components/slider/slider/slider.d.ts

@@ -0,0 +1,5 @@
+import 'rc-slider/assets/index.css';
+import React from 'react';
+import { Props } from './slider.types';
+declare const Slider: React.FC<Props>;
+export default Slider;

package/dist/cjs/types/src/components/slider/slider/slider.style.d.ts

@@ -0,0 +1,5 @@
+export declare const sliderWrapper: import("styled-components").RuleSet<object>;
+export declare const wrapper: import("styled-components").RuleSet<object>;
+export declare const labelsWrapper: import("styled-components").RuleSet<object>;
+export declare const hintLeft: import("styled-components").RuleSet<object>;
+export declare const hintRight: import("styled-components").RuleSet<object>;

package/dist/cjs/types/src/components/slider/slider/slider.types.d.ts

@@ -0,0 +1,47 @@
+export interface SliderMapFunctionParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export interface SliderMapFunctionReturn {
+    readonly sliderMax: number;
+    readonly sliderMin: number;
+    readonly sliderStep: number | undefined;
+    readonly sliderValue: number;
+}
+export type SliderMapFunction = (param: SliderMapFunctionParam) => SliderMapFunctionReturn;
+export interface SliderMapOnChangeFunctionParam {
+    readonly max: number;
+    readonly min: number;
+    readonly sliderValue: number;
+    readonly steps: SliderSteps;
+}
+export type SliderMapOnChangeFunction = (param: SliderMapOnChangeFunctionParam) => number;
+export interface SliderBreakpoint {
+    readonly bottomBreakpoint: number;
+    readonly step: number;
+}
+export interface SliderSteps {
+    readonly baseStep: number;
+    readonly breakpointList: SliderBreakpoint[];
+}
+export declare enum SliderStepType {
+    DEFAULT = "default",// step changes dynamically (visually steps are of different sizes)
+    LINEAR_VISUAL_STEP = "linearVisualStep"
+}
+export interface MinMaxLabels {
+    readonly max: string;
+    readonly min: string;
+}
+export interface Props {
+    readonly disable?: boolean | undefined;
+    readonly max: number;
+    readonly min: number;
+    readonly minMaxLabels: MinMaxLabels | undefined;
+    readonly onChange: (values: number) => void;
+    readonly onFinalChange: (values: number) => void;
+    readonly stepType: SliderStepType;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}

package/dist/cjs/types/src/components/slider/slider/sliderFunction/default/sliderFunctionDefault.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapFunction } from '@/components/slider/slider/slider.types';
+export declare const sliderFunctionDefault: SliderMapFunction;

package/dist/cjs/types/src/components/slider/slider/sliderFunction/default/sliderStep.d.ts

@@ -0,0 +1,7 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderStepParam {
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export declare const getSliderStep: (param: GetSliderStepParam) => number;
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/default/sliderStep.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderFunctionLinearVisualSteps.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapFunction } from '@/components/slider/slider/slider.types';
+export declare const sliderFunctionLinearVisualSteps: SliderMapFunction;

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.d.ts

@@ -0,0 +1,8 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderMaxParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+}
+export declare const getSliderMax: (param: GetSliderMaxParam) => number;
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderMax.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.d.ts

@@ -0,0 +1,9 @@
+import { SliderSteps } from '@/components/slider/slider/slider.types';
+interface GetSliderValueByValueParam {
+    readonly max: number;
+    readonly min: number;
+    readonly steps: SliderSteps;
+    readonly value: number;
+}
+export declare const getSliderValueByValue: (param: GetSliderValueByValueParam) => number;
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/sliderValueByValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.d.ts

@@ -0,0 +1,2 @@
+import { SliderMapOnChangeFunction } from '@/components/slider/slider/slider.types';
+export declare const getValueBySliderValue: SliderMapOnChangeFunction;

package/dist/cjs/types/src/components/slider/slider/sliderFunction/linearVisualSteps/valueBySliderValue.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/src/components/slider/slider/sliderHandleSvgHandler.d.ts

@@ -0,0 +1,2 @@
+export declare const getSliderHandleBackgroundSvg: (disable: boolean) => string;
+export declare const getSliderHandleBackgroundSvgBase64: (disable: boolean) => string;

package/dist/cjs/types/src/components/storeButton/assets/androidSvg.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    height?: string;
+    width?: string;
+}
+export declare const AndroidSvg: React.FC<Props>;
+export {};

package/dist/cjs/types/src/components/storeButton/assets/appleSvg.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    height?: string;
+    width?: string;
+}
+export declare const AppleSvg: React.FC<Props>;
+export {};

package/dist/cjs/types/src/components/storeButton/storeButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from './storeButton.types';
+declare const StoreButton: FC<Props>;
+export default StoreButton;

package/dist/cjs/types/src/components/storeButton/storeButton.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Props } from './storeButton.types';
+export declare const StoreButtonStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Partial<Props>>>;

package/dist/cjs/types/src/components/storeButton/storeButton.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/types/src/components/storeButton/storeButton.types.d.ts

@@ -0,0 +1,13 @@
+export declare enum StoreButtonVariant {
+    ANDROID = "android",
+    APPLE = "apple"
+}
+export declare enum StoreButtonSize {
+    BIG = "big",
+    SMALL = "small"
+}
+export interface Props {
+    href: string;
+    size: StoreButtonSize;
+    variant: StoreButtonVariant;
+}

package/dist/cjs/types/src/icons/systemIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    color?: string;
+    width?: string;
+}
+export declare const SystemIcon: ({ className, color, width }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components/button/button';

package/dist/cjs/types/src/provider/storybook/storybookProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Props } from '@/provider/storybook/storybookProvider.types';
+declare const StorybookProvider: React.FC<Props>;
+export default StorybookProvider;