@kiefer-tek/sophea-design-system 0.15.0

package/package.json

@@ -0,0 +1,200 @@
+{
+  "name": "@kiefer-tek/sophea-design-system",
+  "version": "0.15.0",
+  "description": "Sophea design system: tokens, components, Tailwind preset.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Kiefer-Tek/sophea-design-system.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=22 <25",
+    "npm": ">=10"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./table": {
+      "types": "./dist/table/index.d.ts",
+      "import": "./dist/table/index.js",
+      "default": "./dist/table/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "default": "./dist/icons/index.js"
+    },
+    "./illustrations": {
+      "types": "./dist/illustrations/index.d.ts",
+      "import": "./dist/illustrations/index.js",
+      "default": "./dist/illustrations/index.js"
+    },
+    "./illustrations/*": {
+      "types": "./dist/illustrations/*.d.ts",
+      "import": "./dist/illustrations/*.js",
+      "default": "./dist/illustrations/*.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js",
+      "default": "./dist/tokens/index.js"
+    },
+    "./tokens.json": "./src/tokens/tokens.json",
+    "./tokens.css": "./src/tokens/colors_and_type.css",
+    "./styles.css": "./dist/index.css",
+    "./tailwind-preset": {
+      "types": "./dist/tokens/tailwind-preset.d.ts",
+      "import": "./dist/tokens/tailwind-preset.js",
+      "default": "./dist/tokens/tailwind-preset.js"
+    },
+    "./assets/*": "./src/assets/*"
+  },
+  "files": [
+    "dist",
+    "src/tokens/colors_and_type.css",
+    "src/tokens/tokens.json",
+    "src/assets"
+  ],
+  "size-limit": [
+    {
+      "name": "Full bundle (ESM)",
+      "path": "dist/index.js",
+      "limit": "180 kB",
+      "ignore": [
+        "react",
+        "react-dom"
+      ]
+    },
+    {
+      "name": "Tokens entry",
+      "path": "dist/tokens/index.js",
+      "limit": "6 kB"
+    },
+    {
+      "name": "Tailwind preset",
+      "path": "dist/tokens/tailwind-preset.js",
+      "limit": "4 kB"
+    },
+    {
+      "name": "Table entry (ESM, excl. tanstack/dnd-kit)",
+      "path": "dist/table/index.js",
+      "limit": "40 kB",
+      "ignore": [
+        "react",
+        "react-dom",
+        "@tanstack/react-table",
+        "@dnd-kit/core",
+        "@dnd-kit/sortable",
+        "@dnd-kit/utilities",
+        "@dnd-kit/modifiers"
+      ]
+    }
+  ],
+  "scripts": {
+    "prepublishOnly": "npm run tokens:build && npm run build",
+    "build": "vite build --config vite.lib.config.ts",
+    "dev": "vite build --config vite.lib.config.ts --watch",
+    "typecheck": "tsc --noEmit",
+    "sync-kit-tokens": "node -e \"require('fs').copyFileSync('src/tokens/colors_and_type.css','docs/reference/colors_and_type.css')\"",
+    "prestorybook": "npm run sync-kit-tokens",
+    "storybook": "storybook dev -p 6006",
+    "prebuild-storybook": "npm run sync-kit-tokens",
+    "build-storybook": "storybook build",
+    "lint": "eslint .",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,json}\"",
+    "icons:build": "node scripts/build-icons.mjs",
+    "tokens:build": "style-dictionary build --config style-dictionary.config.mjs && node scripts/build-contrast.mjs && npm run icons:build && node scripts/copy-agent-artifacts.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test-storybook": "test-storybook",
+    "size": "size-limit",
+    "scaffold": "node scripts/new-component.mjs",
+    "status:sync": "node scripts/inject-status-tags.mjs",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:publish": "changeset publish"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.31.0",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@storybook/addon-essentials": "^8.4.0",
+    "@storybook/addon-themes": "^8.4.0",
+    "@storybook/react-vite": "^8.4.0",
+    "@storybook/test": "^8.6.18",
+    "@storybook/test-runner": "^0.19.1",
+    "@svgr/cli": "^8.1.0",
+    "@svgr/core": "^8.1.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.9.1",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "axe-playwright": "^2.2.2",
+    "eslint": "^9.0.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "globals": "^15.15.0",
+    "jsdom": "^29.1.1",
+    "prettier": "^3.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "size-limit": "^12.1.0",
+    "storybook": "^8.4.0",
+    "style-dictionary": "^4.4.0",
+    "tailwindcss": "^3.4.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.6.0",
+    "typescript-eslint": "^8.60.0",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.7"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@tanstack/react-table": "^8.21.3",
+    "date-fns": "^4.2.1",
+    "framer-motion": "^12.40.0",
+    "react-day-picker": "^10.0.1"
+  }
+}

package/src/assets/connectors/Anthropic.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 509.64"><path fill="#D77655" d="M115.612 0h280.775C459.974 0 512 52.026 512 115.612v278.415c0 63.587-52.026 115.612-115.613 115.612H115.612C52.026 509.639 0 457.614 0 394.027V115.612C0 52.026 52.026 0 115.612 0z"></path><path fill="#FCF2EE" fill-rule="nonzero" d="M142.27 316.619l73.655-41.326 1.238-3.589-1.238-1.996-3.589-.001-12.31-.759-42.084-1.138-36.498-1.516-35.361-1.896-8.897-1.895-8.34-10.995.859-5.484 7.482-5.03 10.717.935 23.683 1.617 35.537 2.452 25.782 1.517 38.193 3.968h6.064l.86-2.451-2.073-1.517-1.618-1.517-36.776-24.922-39.81-26.338-20.852-15.166-11.273-7.683-5.687-7.204-2.451-15.721 10.237-11.273 13.75.935 3.513.936 13.928 10.716 29.749 23.027 38.848 28.612 5.687 4.727 2.275-1.617.278-1.138-2.553-4.271-21.13-38.193-22.546-38.848-10.035-16.101-2.654-9.655c-.935-3.968-1.617-7.304-1.617-11.374l11.652-15.823 6.445-2.073 15.545 2.073 6.547 5.687 9.655 22.092 15.646 34.78 24.265 47.291 7.103 14.028 3.791 12.992 1.416 3.968 2.449-.001v-2.275l1.997-26.641 3.69-32.707 3.589-42.084 1.239-11.854 5.863-14.206 11.652-7.683 9.099 4.348 7.482 10.716-1.036 6.926-4.449 28.915-8.72 45.294-5.687 30.331h3.313l3.792-3.791 15.342-20.372 25.782-32.227 11.374-12.789 13.27-14.129 8.517-6.724 16.1-.001 11.854 17.617-5.307 18.199-16.581 21.029-13.75 17.819-19.716 26.54-12.309 21.231 1.138 1.694 2.932-.278 44.536-9.479 24.062-4.347 28.714-4.928 12.992 6.066 1.416 6.167-5.106 12.613-30.71 7.583-36.018 7.204-53.636 12.689-.657.48.758.935 24.164 2.275 10.337.556h25.301l47.114 3.514 12.309 8.139 7.381 9.959-1.238 7.583-18.957 9.655-25.579-6.066-59.702-14.205-20.474-5.106-2.83-.001v1.694l17.061 16.682 31.266 28.233 39.152 36.397 1.997 8.999-5.03 7.102-5.307-.758-34.401-25.883-13.27-11.651-30.053-25.302-1.996-.001v2.654l6.926 10.136 36.574 54.975 1.895 16.859-2.653 5.485-9.479 3.311-10.414-1.895-21.408-30.054-22.092-33.844-17.819-30.331-2.173 1.238-10.515 113.261-4.929 5.788-11.374 4.348-9.478-7.204-5.03-11.652 5.03-23.027 6.066-30.052 4.928-23.886 4.449-29.674 2.654-9.858-.177-.657-2.173.278-22.37 30.71-34.021 45.977-26.919 28.815-6.445 2.553-11.173-5.789 1.037-10.337 6.243-9.2 37.257-47.392 22.47-29.371 14.508-16.961-.101-2.451h-.859l-98.954 64.251-17.618 2.275-7.583-7.103.936-11.652 3.589-3.791 29.749-20.474-.101.102.024.101z"></path></svg>

package/src/assets/connectors/Confluence.svg

@@ -0,0 +1,16 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.87273 21.5569C4.61902 21.9559 4.32905 22.4274 4.11158 22.7901C3.89411 23.1528 4.00285 23.6243 4.3653 23.8419L9.33088 26.8884C9.69333 27.106 10.1645 26.9972 10.382 26.6345C10.5632 26.3081 10.8169 25.8729 11.1069 25.4014C13.0641 22.1735 15.0576 22.5362 18.6096 24.2408L23.539 26.562C23.9377 26.7434 24.3726 26.562 24.5538 26.1993L26.9098 20.8678C27.091 20.5052 26.9098 20.0337 26.5473 19.8523C25.4962 19.3808 23.4302 18.4016 21.618 17.4949C14.9126 14.267 9.22215 14.4846 4.87273 21.5569Z" fill="url(#paint0_linear)"></path>
+<path d="M27.1274 9.44314C27.3812 9.04419 27.6711 8.57269 27.8886 8.21001C28.1061 7.84732 27.9973 7.37583 27.6349 7.15822L22.6693 4.11165C22.3068 3.89404 21.8356 4.00285 21.6182 4.36553C21.437 4.69195 21.1832 5.12718 20.8933 5.59867C18.936 8.82657 16.9426 8.46389 13.3905 6.75926L8.46118 4.43807C8.06248 4.25673 7.62754 4.43807 7.44632 4.80076L5.09038 10.1322C4.90916 10.4949 5.09038 10.9664 5.45283 11.1478C6.50394 11.6193 8.56992 12.5985 10.3822 13.5052C17.0875 16.6969 22.778 16.5155 27.1274 9.44314Z" fill="url(#paint1_linear)"></path>
+<defs>
+<linearGradient id="paint0_linear" x1="26.7906" y1="28.4674" x2="11.7924" y2="19.8546" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0052CC"></stop>
+<stop offset="0.9182" stop-color="#2380FB"></stop>
+<stop offset="1" stop-color="#2684FF"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="5.20945" y1="2.52323" x2="20.2079" y2="11.1361" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0052CC"></stop>
+<stop offset="0.9182" stop-color="#2380FB"></stop>
+<stop offset="1" stop-color="#2684FF"></stop>
+</linearGradient>
+</defs>
+</svg>

package/src/assets/connectors/Gemini.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16 8.016A8.522 8.522 0 008.016 16h-.032A8.521 8.521 0 000 8.016v-.032A8.521 8.521 0 007.984 0h.032A8.522 8.522 0 0016 7.984v.032z" fill="url(#prefix__paint0_radial_980_20147)"></path><defs><radialGradient id="prefix__paint0_radial_980_20147" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(16.1326 5.4553 -43.70045 129.2322 1.588 6.503)"><stop offset=".067" stop-color="#9168C0"></stop><stop offset=".343" stop-color="#5684D1"></stop><stop offset=".672" stop-color="#1BA1E3"></stop></radialGradient></defs></svg>

package/src/assets/sophea-logo.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Sophea mark">
+  <path d="M30.0879 11.798L29.1985 10.7539C31.2216 9.0581 32.2919 6.9558 31.7086 4.28064C30.4502 5.49647 29.1971 6.42151 27.5674 7.03093L23.2337 8.65159C22.47 8.93702 21.7418 9.2144 21.023 9.59642C19.283 10.5215 17.7904 11.8208 16.6568 13.4317L16.0601 14.2796C16.1916 12.9706 17.182 11.6826 18.0913 10.8149C19.4181 9.54879 20.9157 8.82902 22.5967 8.15285L24.1188 7.54074C22.2332 5.98716 17.8465 5.65813 15.5369 5.71784C14.1805 5.75272 12.8567 5.86407 11.5285 6.1287C10.3707 6.35946 8.72454 6.81359 7.81661 7.64036C10.0105 8.2793 11.9172 9.10237 13.6019 10.6181C14.0054 10.981 14.3643 11.3499 14.6876 11.7883C15.2481 12.5496 15.6955 13.4012 15.8525 14.3678C14.6343 12.2927 12.9674 10.6697 10.8798 9.56221C10.2308 9.21809 9.58753 8.91119 8.89224 8.66602L6.31904 7.75775C3.91857 6.91052 2.08526 6.11361 0.205672 4.28198C-0.270598 7.03093 0.701395 9.18119 2.89157 10.7858L2.29019 11.4026C1.40171 12.3132 0.76747 13.4086 0.394168 14.6278C-0.253828 16.7438 -0.108599 19.1564 0.875134 21.1269C1.72068 22.4125 2.76043 23.5075 4.06044 24.3185C4.76814 24.7599 5.51541 25.1503 6.33447 25.3184C6.94657 25.4441 7.54896 25.4421 8.15201 25.6269C9.07101 25.6471 9.9511 25.5277 10.8329 25.2637C11.6412 25.0272 12.3824 24.6878 13.1217 24.2833C13.6539 25.692 14.5961 26.8649 15.828 27.7195C17.1421 26.9199 18.1631 25.7135 18.7681 24.2796C20.4089 25.3227 22.2882 25.8577 24.2271 25.8057C25.34 25.7671 26.3982 25.5394 27.402 25.0765C28.5766 24.5355 29.556 23.6954 30.2546 22.6154C30.307 22.5765 30.3848 22.5238 30.421 22.4725C31.2099 21.3529 31.7079 20.0921 31.8991 18.7284C32.2449 16.2679 31.7187 13.7121 30.0879 11.798ZM29.1642 21.1181C27.3259 23.8554 23.8605 25.1067 20.7416 23.8564C19.8887 23.5146 19.1569 23.0182 18.4633 22.3762C17.9142 23.9543 17.227 25.3408 15.9363 26.4296C14.7312 25.2905 14.0178 23.8936 13.5084 22.3112C12.8339 22.9424 12.1161 23.4727 11.2692 23.8242C9.41144 24.5949 7.29573 24.4909 5.50502 23.5867C2.97039 22.3068 1.58786 19.6628 1.72504 16.8696C1.82063 14.9226 2.81141 13.265 4.20567 11.9707C4.42838 11.799 4.68127 11.746 4.95563 11.8446C5.39165 12.0012 5.81325 12.185 6.23586 12.3964C5.59491 12.7794 5.05088 13.1815 4.56589 13.7061C3.4366 14.9276 2.9298 16.5798 3.22127 18.2297C3.58283 20.2743 5.05055 21.9838 7.01667 22.6399C7.80319 22.9021 8.59574 22.982 9.41647 22.8465C12.4257 22.3491 14.6128 19.5636 14.1644 16.5292C14.045 15.7209 13.6549 15.0259 13.117 14.4229C12.3657 13.581 11.4557 12.939 10.4368 12.4557C8.89056 11.7225 7.38025 11.3962 5.76428 10.6191C4.5186 10.0197 3.33094 9.22547 2.44347 8.08845C3.23267 8.60665 4.07084 9.02724 4.97542 9.37438C5.95982 9.75238 6.92813 10.0727 7.93299 10.398C9.28231 10.8351 10.8543 11.3472 12.0568 12.0727C14.1128 13.3133 15.3504 15.2523 15.8143 17.5998C15.8324 17.6903 15.8978 17.7816 15.9769 17.8168C16.0323 17.7336 16.0829 17.636 16.1061 17.5431C16.2627 16.9068 16.4508 16.3102 16.7225 15.7141C17.1753 14.7204 17.7945 13.8403 18.5961 13.096C19.8075 11.9711 21.1921 11.3244 22.7551 10.8233L25.6204 9.90398C26.9499 9.47735 28.4062 8.9122 29.5339 8.09382C29.558 8.09952 29.5681 8.10489 29.5697 8.12032C28.58 9.31334 27.3296 10.1797 25.8994 10.7479L24.4059 11.3415L21.985 12.2578C20.6829 12.7505 19.501 13.3985 18.631 14.5094C17.9196 15.4177 17.6204 16.5423 17.7646 17.6917C17.8146 18.0895 17.8944 18.4453 18.0054 18.828C18.5183 20.5969 19.8361 22.0194 21.5828 22.6197C23.6452 23.3288 25.826 22.7146 27.294 21.1577C28.3016 20.0891 28.8101 18.7204 28.7953 17.2557C28.7725 15.0564 27.6134 13.5273 25.779 12.4047C26.2744 12.1606 26.7185 11.9328 27.2149 11.7598C27.3702 11.7058 27.5446 11.8594 27.6771 11.954C28.7789 12.8455 29.5677 13.9989 29.9397 15.359C30.474 17.312 30.3107 19.4109 29.1642 21.1181ZM8.66618 13.4837C10.7993 13.4837 12.5287 15.2131 12.5287 17.3462C12.5287 19.4794 10.7993 21.2087 8.66618 21.2087C6.53302 21.2087 4.80369 19.4794 4.80369 17.3462C4.80369 15.2131 6.53302 13.4837 8.66618 13.4837Z M17.9639 20.8415L17.4812 22.3032L16.9644 23.5881C16.693 24.1204 16.3992 24.6124 15.9545 25.0729C15.1562 24.0996 14.7048 22.9136 14.2999 21.7558C14.1728 21.2822 14.1245 20.8133 14.2469 20.3394C14.3247 20.0395 14.4877 19.7897 14.6303 19.5167C14.9281 18.9461 14.9251 18.4689 15.5731 18.2408C15.9182 18.119 16.2892 18.1378 16.589 18.3635C17.3132 19.0129 17.6566 19.9319 17.9639 20.8415Z M11.1954 17.3671C11.1954 18.7654 10.0621 19.8987 8.66412 19.8987C7.26617 19.8987 6.13251 18.7654 6.13251 17.3671C6.13251 15.9688 7.26583 14.8358 8.66412 14.8358C10.0624 14.8358 11.1954 15.9691 11.1954 17.3671Z M25.8347 17.3613C25.8347 18.7647 24.6974 19.9023 23.2937 19.9023C21.8901 19.9023 20.7531 18.7647 20.7531 17.3613C20.7531 15.958 21.8904 14.8207 23.2937 14.8207C24.697 14.8207 25.8347 15.958 25.8347 17.3613Z M27.1606 17.3455C27.1606 19.4804 25.4302 21.2107 23.2954 21.2107C21.1606 21.2107 19.4302 19.4804 19.4302 17.3455C19.4302 15.2107 21.1609 13.4804 23.2954 13.4804C25.4299 13.4804 27.1606 15.211 27.1606 17.3455Z" fill="currentColor"></path>
+</svg>

package/src/assets/sophea-wordmark.svg

@@ -0,0 +1,5 @@
+<svg width="103" height="44" viewBox="0 0 150 64" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Sophea wordmark">
+  <g fill="#387aff" font-family="Geist, &#39;Geist Variable&#39;, system-ui, -apple-system, sans-serif">
+    <text x="0" y="44" font-size="38" font-weight="600" letter-spacing="-0.01em">Sophea</text>
+  </g>
+</svg>