@agregio-solutions/design-system 1.12.1

package/dist/packages/ds-design-tokens/src/base.style.json.d.ts

@@ -0,0 +1,225 @@
+declare const _default: {
+  "colors": {
+    "sky": {
+      "100": {
+        "$type": "color",
+        "$value": "#d8e1f3"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#0059ff"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#003dad"
+      }
+    },
+    "ocean": {
+      "100": {
+        "$type": "color",
+        "$value": "#e5f6ff"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#449eca"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#00a0f0"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#00527a"
+      }
+    },
+    "green": {
+      "100": {
+        "$type": "color",
+        "$value": "#f0f8ed"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#3ba50d"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#1e5f02"
+      }
+    },
+    "brown": {
+      "100": {
+        "$type": "color",
+        "$value": "#fff7e5"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#eba000"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#6b4900"
+      }
+    },
+    "red": {
+      "100": {
+        "$type": "color",
+        "$value": "#ffe5ed"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#d10a46"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#850028"
+      }
+    },
+    "azure": {
+      "400": {
+        "$type": "color",
+        "$value": "#0f87ff"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#1056c6"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#001a70"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#001352"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#000c33"
+      }
+    },
+    "grass": {
+      "400": {
+        "$type": "color",
+        "$value": "#c1e510"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#89da10"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#4f9c30"
+      }
+    },
+    "orange": {
+      "400": {
+        "$type": "color",
+        "$value": "#ffb30f"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#ff871f"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#fe5716"
+      }
+    },
+    "grey": {
+      "0": {
+        "$type": "color",
+        "$value": "#ffffff"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#f8f9fc"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#e2e3e9"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#dbdde6"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#b8bbc6"
+      }
+    }
+  },
+  "spacings": {
+    "1": {
+      "$type": "dimension",
+      "$value": 8
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": 16
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": 24
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": 32
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": 40
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": 48
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": 56
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": 64
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": 72
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": 80
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": 88
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": 96
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": 104
+    },
+    "half": {
+      "$type": "dimension",
+      "$value": 4
+    }
+  },
+  "radiuss": {
+    "sm": {
+      "$type": "dimension",
+      "$value": 2
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": 4
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": 8
+    }
+  }
+}
+;
+
+export default _default;

package/dist/packages/ds-design-tokens/src/fontSize.style.d.ts

@@ -0,0 +1,18 @@
+export declare const fontSize: {
+    xxSmall: string;
+    extraSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+    xxLarge: string;
+};
+export declare const lineHeight: {
+    xxSmall: string;
+    extraSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    extraLarge: string;
+    xxLarge: string;
+};

package/dist/packages/ds-design-tokens/src/tokens.style.d.ts

@@ -0,0 +1,70 @@
+export declare const tokens: {
+    color: {
+        content: {
+            action: {
+                action: string;
+                actionDarker: string;
+                actionLighter: string;
+            };
+            neutral: {
+                primary: string;
+                primaryReversed: string;
+                secondary: string;
+                tertiary: string;
+                stroke: string;
+            };
+            brand: {
+                brand1: string;
+                brand2: string;
+                brand3: string;
+                brand4: string;
+                brand5: string;
+                brand6: string;
+                brand7: string;
+                brand8: string;
+                brand9: string;
+            };
+            message: {
+                informative: string;
+                informativeDarker: string;
+                informativeLighter: string;
+                negative: string;
+                negativeDarker: string;
+                negativeLighter: string;
+                positive: string;
+                positiveDarker: string;
+                positiveLighter: string;
+                warning: string;
+                warningDarker: string;
+                warningLighter: string;
+            };
+        };
+        background: {
+            neutral: {
+                overground: string;
+                ground: string;
+                groundReversed: string;
+                underground1: string;
+                underground2: string;
+            };
+            highlight: {
+                focus: string;
+                focusReversed: string;
+            };
+        };
+    };
+    spacing: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+    };
+    radius: {
+        minimal: string;
+        rounded: string;
+        full: string;
+    };
+};

package/dist/packages/index.d.ts

@@ -0,0 +1,22 @@
+import { I18nProvider } from 'react-aria';
+import { default as createMuiTheme } from './mui/mui-theme.ts';
+import { tokens, fontSize, lineHeight } from './ds-design-tokens/index';
+import { default as SelectItem } from 'packages/components/SelectItem';
+import { default as Select } from './components/Select';
+import { default as Pagination } from './components/Pagination';
+import { default as Radio } from './components/Radio';
+import { default as TextInput } from './components/TextInput';
+import { default as Dropdown } from './components/Dropdown';
+import { default as DataTable } from './components/DataTable';
+import { default as DataTableRow } from './components/DataTable/DataTableRow';
+import { default as DataTableCell } from './components/DataTable/DataTableCell';
+import { default as DataTableHeader } from './components/DataTable/DataTableHeader';
+import { default as Drawer } from './components/Drawer';
+import { default as CheckboxGroup } from './components/CheckboxGroup';
+import { default as Checkbox } from './components/Checkbox';
+import { default as Badge } from './components/Badge';
+import { default as Tag } from './components/Tag';
+import { default as Icon } from './components/Icon';
+import { default as Button } from './components/Button';
+
+export { tokens, fontSize, lineHeight, Button, Icon, Checkbox, Drawer, CheckboxGroup, Tag, Badge, createMuiTheme, Dropdown, DataTableHeader, DataTableCell, DataTableRow, DataTable, Select, SelectItem, TextInput, Radio, Pagination, I18nProvider, };

package/dist/packages/mui/mui-theme.d.ts

@@ -0,0 +1,4 @@
+import { ThemeOptions } from '@mui/material/styles';
+
+export default function createMuiTheme(options?: ThemeOptions): ThemeOptions;
+export declare const BASE_MUI_THEME: ThemeOptions;

package/dist/style.css

@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,:after,:before{box-sizing:border-box}.design-system-icon{display:inline-block;width:1em}@font-face{font-family:EDF2020;font-style:normal;font-weight:400;src:url(/ds-fonts/EDF2020.woff2) format("woff2")}@font-face{font-family:EDF2020;font-style:normal;font-weight:700;src:url(/ds-fonts/EDF2020Bold.woff2) format("woff2")}*{font-family:EDF2020,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-content-action-action: #0059ff;--color-content-action-action-darker: #003dad;--color-content-action-action-lighter: #d8e1f3;--color-content-neutral-primary: #000c33;--color-content-neutral-primary-reversed: #ffffff;--color-content-neutral-secondary: #001352;--color-content-neutral-tertiary: #b8bbc6;--color-content-neutral-stroke: #dbdde6;--color-content-brand-brand-1: #001a70;--color-content-brand-brand-2: #1056c6;--color-content-brand-brand-3: #0f87ff;--color-content-brand-brand-4: #4f9c30;--color-content-brand-brand-5: #89da10;--color-content-brand-brand-6: #c1e510;--color-content-brand-brand-7: #fe5716;--color-content-brand-brand-8: #ff871f;--color-content-brand-brand-9: #ffb30f;--color-content-message-informative: #00a0f0;--color-content-message-informative-darker: #00527a;--color-content-message-informative-lighter: #e5f6ff;--color-content-message-negative: #d10a46;--color-content-message-negative-darker: #850028;--color-content-message-negative-lighter: #ffe5ed;--color-content-message-positive: #3ba50d;--color-content-message-positive-darker: #1e5f02;--color-content-message-positive-lighter: #f0f8ed;--color-content-message-warning: #eba000;--color-content-message-warning-darker: #6b4900;--color-content-message-warning-lighter: #fff7e5;--color-background-neutral-overground: #ffffff;--color-background-neutral-ground: #ffffff;--color-background-neutral-ground-reversed: #000c33;--color-background-neutral-underground-1: #f8f9fc;--color-background-neutral-underground-2: #e2e3e9;--color-background-highlight-focus: #449eca;--color-background-highlight-focus-reversed: #ffffff;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 80px;--radius-minimal: 2px;--radius-rounded: 4px;--radius-full: 8px}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@agregio-solutions/design-system",
+  "version": "1.12.1",
+  "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
+  "type": "module",
+  "module": "dist/design-system.js",
+  "main": "dist/design-system.cjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic",
+    "eslint": "eslint . --ignore-path .gitignore",
+    "formatters": "npm run prettier:check && npm run eslint && npm run typescript:check",
+    "integrity": "npm run formatters && npm run vitest:all && npm run build && npm run storybook:test:integrity",
+    "pre-commit": "lint-staged && npm run typescript:check && npm run vitest:only-changed && npm run storybook:test:only-changed",
+    "prepare": "husky",
+    "prettier:check": "prettier . --check --ignore-path .gitignore",
+    "prettier:write": "prettier . --write --ignore-path .gitignore",
+    "storybook": "storybook dev -p 6006",
+    "storybook:start": "http-server storybook-static -p 6006 --silent",
+    "storybook:test": "test-storybook --url http://localhost:6006",
+    "storybook:test:only-changed": "start-server-and-test storybook 6006 'npm run storybook:test -- -- -o'",
+    "storybook:test:integrity": "npm run build-storybook && npx start-server-and-test storybook:start http://localhost:6006 storybook:test",
+    "typescript:check": "tsc --noEmit",
+    "vitest:all": "vitest run",
+    "vitest:only-changed": "vitest run --changed"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.14",
+    "@semantic-release/gitlab": "^13.0.3",
+    "@semantic-release/npm": "^12.0.0",
+    "@storybook/addon-a11y": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/manager-api": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
+    "@storybook/test": "^8.0.8",
+    "@storybook/test-runner": "^0.17.0",
+    "@storybook/theming": "^8.0.8",
+    "@tanstack/react-table": "^8.15.0",
+    "@types/node": "^20.12.2",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "chromatic": "^11.0.0",
+    "conventional-changelog-conventionalcommits": "^7.0.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jest-dom": "^5.2.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "http-server": "^14.1.1",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.2",
+    "lodash": "^4.17.21",
+    "prettier": "^3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.1",
+    "remark-gfm": "^4.0.0",
+    "semantic-release": "^23.0.6",
+    "start-server-and-test": "^2.0.3",
+    "storybook": "^8.0.8",
+    "vite-plugin-dts": "^3.7.3",
+    "vitest": "^1.5.0"
+  },
+  "dependencies": {
+    "@react-aria/optimize-locales-plugin": "^1.0.2",
+    "clsx": "^2.1.0",
+    "normalize.css": "^8.0.1",
+    "react-aria-components": "^1.1.1",
+    "styled-components": "^6.1.8",
+    "vite": "^5.2.6",
+    "vite-tsconfig-paths": "^4.3.2"
+  }
+}