aristid-ds 0.5.1

package/dist/theme/types/components/DataEntry/Tag/index.d.ts

@@ -0,0 +1,40 @@
+export interface KitTagThemeAntd {
+    colors: {
+        background: {
+            default: string;
+        };
+        typography: {
+            default: string;
+        };
+    };
+    border: {
+        radius: number;
+    };
+}
+
+interface KitTagThemeColor {
+    background: {
+        default: string;
+    };
+    typography: {
+        default: string;
+        hover: string;
+        closeIcon: string;
+    };
+}
+
+export interface KitTagThemeStyled {
+    colors: {
+        red: KitTagThemeColor;
+        green: KitTagThemeColor;
+        blue: KitTagThemeColor;
+        blueInvert: KitTagThemeColor;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: number | string;
+    };
+}
+
+export type KitTagTheme = KitTagThemeAntd & KitTagThemeStyled;

package/dist/theme/types/components/General/Button/index.d.ts

@@ -0,0 +1,66 @@
+import {KitColorKeys, KitColorsPalette} from '../../../general/colors/index';
+
+export interface KitButtonThemeAntd {
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+    };
+    border: {
+        radius: number;
+    };
+}
+
+interface KitButtonThemeStateColor {
+    default: string;
+    hover: string;
+    active: string;
+    focus: string;
+    disabled: string;
+    danger: {
+        default: string;
+        hover: string;
+        active: string;
+        focus: string;
+        disabled: string;
+    };
+}
+
+export interface KitButtonThemeStyled {
+    colors: {
+        typography: Omit<KitButtonThemeStateColor, 'danger'> & {
+            danger: Omit<KitButtonThemeStateColor['danger'], 'hover' | 'active' | 'focus'>;
+        } & {
+            iconCheck?: string;
+            ghost?: string;
+        };
+        background: KitButtonThemeStateColor & {ghost?: string};
+        border: KitButtonThemeStateColor;
+    };
+    typography: {
+        fontWeight: string | number;
+        iconSize: {
+            xs: number;
+            s: number;
+            m: number;
+            l: number;
+            xl: number;
+        };
+    };
+    compact: {
+        border: {
+            radius: number;
+        };
+    };
+}
+
+export type KitColoredSegmentedButtonThemesStyled = {[key in KitColorKeys]: KitButtonThemeStyled};
+
+export type KitButtonTheme = KitButtonThemeAntd & {
+    primary: KitButtonThemeStyled;
+    default: KitButtonThemeStyled;
+    link: KitButtonThemeStyled;
+    segmented: {
+        default: KitButtonThemeStyled;
+    } & KitColoredSegmentedButtonThemesStyled;
+};

package/dist/theme/types/general/border/index.d.ts

@@ -0,0 +1,14 @@
+export interface KitBorder {
+    radius: {
+        square: number;
+        xxs: number;
+        xs: number;
+        s: number;
+        m: number;
+        l: number;
+        xl: number;
+        xxl: number;
+        pills: number;
+    };
+    width: number;
+}

package/dist/theme/types/general/colors/index.d.ts

@@ -0,0 +1,96 @@
+export interface KitColorsPalette {
+    primary: {
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+    };
+    neutral: {
+        typography: {
+            black: string;
+            black60: string;
+            white: string;
+        };
+        background: string;
+        border: string;
+        gray: {
+            gray100: string;
+            gray200: string;
+            gray300: string;
+            gray400: string;
+            gray500: string;
+            gray600: string;
+            gray700: string;
+        };
+    };
+    secondary: {
+        mediumGrey: {
+            mediumGrey100: string;
+            mediumGrey200: string;
+            mediumGrey300: string;
+            mediumGrey400: string;
+            mediumGrey500: string;
+            mediumGrey600: string;
+            mediumGrey700: string;
+        };
+        yellow: {
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+        };
+        orange: {
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+        };
+        pink: {
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+        };
+        red: {
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+        };
+        blue: {
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+        };
+        green: {
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+        };
+    };
+}
+
+export type KitColorKeys = keyof KitColorsPalette['secondary'];

package/dist/theme/types/general/spacing/index.d.ts

@@ -0,0 +1,12 @@
+export interface KitSpacing {
+    none: number;
+    xxs: number;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+    xxl: number;
+    huge: number;
+    veryHuge: number;
+}

package/dist/theme/types/general/typography/index.d.ts

@@ -0,0 +1,22 @@
+export interface KitTypography {
+    fontFamily: string;
+    fontStyle: string;
+    defaultFontWeight: string | number;
+    boldFontWeight: string | number;
+    mediumfontWeight: string | number;
+    regularFontWeight: string | number;
+    fontSize1: number;
+    fontSize2: number;
+    fontSize3: number;
+    fontSize4: number;
+    fontSize5: number;
+    fontSize6: number;
+    fontSize7: number;
+    lineHeight1: number;
+    lineHeight2: number;
+    lineHeight3: number;
+    lineHeight4: number;
+    lineHeight5: number;
+    lineHeight6: number;
+    lineHeight7: number;
+}

package/dist/theme/types/index.d.ts

@@ -0,0 +1,52 @@
+import {KitRateTheme} from './components/DataEntry/Rate';
+import {KitTooltipTheme} from './components/DataDisplay/Tooltip';
+import {KitBorder} from './general/border';
+import {KitColorsPalette} from './general/colors';
+import {KitSpacing} from './general/spacing';
+import {KitTypography} from './general/typography';
+import {KitTagTheme} from './components/DataEntry/Tag';
+import {KitInputWrapperTheme} from './components/DataEntry/Input';
+import {KitInputTheme} from './components/DataEntry/Input/Input';
+import {KitAvatarGroupTheme, KitAvatarTheme} from './components/DataDisplay/Avatar';
+import {KitBadgeTheme} from './components/DataDisplay/Badge';
+import {KitCardTheme} from './components/DataDisplay/Card';
+import {KitButtonTheme} from './components/General/Button';
+import {KitSliderTheme} from './components/DataEntry/Slider';
+
+type DeepPartial<T> = T extends object
+    ? {
+          [P in keyof T]?: DeepPartial<T[P]>;
+      }
+    : T;
+
+export interface KitThemeGeneral {
+    colors: KitColorsPalette;
+    border: KitBorder;
+    spacing: KitSpacing;
+    typography: KitTypography;
+}
+
+export interface KitTheme {
+    general: KitThemeGeneral;
+    components: {
+        Button: KitButtonTheme;
+        Rate: KitRateTheme;
+        Tooltip: KitTooltipTheme;
+        Tag: KitTagTheme;
+        InputWrapper: KitInputWrapperTheme;
+        Input: KitInputTheme;
+        Avatar: KitAvatarTheme;
+        AvatarGroup: KitAvatarGroupTheme;
+        Badge: KitBadgeTheme;
+        Card: KitCardTheme;
+        Slider: KitSliderTheme;
+    };
+}
+
+export interface KitCustomTheme extends DeepPartial<KitTheme> {}
+
+// This function can set an optional attribute to be required
+type SetRequired<T, K extends keyof T> = T & {[P in K]-?: T[P]};
+
+// This type can be used to map our custom token to antd design token
+export type AntdThemeConfigWithRequiredComponents = SetRequired<ThemeConfig, 'components'>;

package/dist/theme/typography.d.ts

@@ -0,0 +1,35 @@
+export interface KitTypography {
+    fontFamily: string;
+    fontStyle: string;
+    defaultFontWeight: string | number;
+    boldFontWeight: string | number;
+    mediumfontWeight: string | number;
+    regularFontWeight: string | number;
+    fontSize5: number;
+    fontSize6: number;
+    fontSize7: number;
+    lineHeight5: number;
+    lineHeight6: number;
+    lineHeight7: number;
+}
+export interface KitTypograhyHeaders {
+    fontSize1: number;
+    fontSize2: number;
+    fontSize3: number;
+    fontSize4: number;
+    lineHeight1: number;
+    lineHeight2: number;
+    lineHeight3: number;
+    lineHeight4: number;
+}
+export declare const typographyHeaders: {
+    fontSize1: number;
+    lineHeight1: number;
+    fontSize2: number;
+    lineHeight2: number;
+    fontSize3: number;
+    lineHeight3: number;
+    fontSize4: number;
+    lineHeight4: number;
+};
+export declare const Typography: KitTypography;

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "aristid-ds",
+  "private": false,
+  "version": "0.5.1",
+  "authors": [
+    "e.voiron-levy@aristid.com",
+    "p.chevieux@aristid.com",
+    "v.delmotte@aristid.com"
+  ],
+  "license": "MIT",
+  "homepage": "https://www.aristid.com",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "copy-typescript-definitions": "copyfiles -u 1 \"src/**/*.d.ts\" dist",
+    "build": "tsc && vite build && yarn copy-typescript-definitions",
+    "build-stats": "STATS=true tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006 --docs",
+    "build-storybook": "env=production storybook build --docs",
+    "build-all": "yarn build && yarn build-storybook",
+    "pretty": "prettier --write \"./**/*.{js,jsx,ts,tsx,json}\""
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.2.5",
+    "antd": "^5.8.1",
+    "antd-img-crop": "^4.12.2",
+    "classnames": "^2.3.2",
+    "copyfiles": "^2.4.1",
+    "dayjs": "^1.11.9",
+    "lodash.merge": "^4.6.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.1",
+    "react-modal": "^3.16.1",
+    "react-sticky-box": "^2.0.4",
+    "react-uuid": "^2.0.0",
+    "remark-gfm": "^3.0.1",
+    "styled-components": "^6.0.7"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.22.9",
+    "@storybook/addon-docs": "^7.2.1",
+    "@storybook/addon-essentials": "^7.2.1",
+    "@storybook/addon-interactions": "^7.2.1",
+    "@storybook/addon-links": "^7.2.1",
+    "@storybook/blocks": "^7.2.1",
+    "@storybook/manager-api": "^7.2.1",
+    "@storybook/react": "^7.2.1",
+    "@storybook/react-vite": "^7.2.1",
+    "@storybook/testing-library": "^0.2.0",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "babel-loader": "^8.3.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "prettier": "^3.0.1",
+    "rollup-plugin-uglify": "^6.0.4",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "rollup-plugin-webpack-stats": "^0.2.0",
+    "storybook": "^7.2.1",
+    "storybook-docs-toc": "^1.7.0",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.4.0"
+  },
+  "peerDependencies": {
+    "antd": "^5.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.1",
+    "react-modal": "^3.16.1",
+    "react-uuid": "^2.0.0",
+    "remark-gfm": "^3.0.1",
+    "styled-components": "^6.0.7"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.es.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.es.js"
+    }
+  }
+}