{"_id":"@daniellauding/skistar-design-system","_rev":"9-4af6b0013bae9f04b0269e083ca159d2","name":"@daniellauding/skistar-design-system","dist-tags":{"latest":"0.1.8"},"versions":{"0.1.0":{"name":"@daniellauding/skistar-design-system","version":"0.1.0","_id":"@daniellauding/skistar-design-system@0.1.0","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"b504d9290d09f5a90c587cbd2b3fb52afdba89fc","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.0.tgz","fileCount":34,"integrity":"sha512-IqsEyKRtgro84LfqkJic03HUTCnQBuWE6juqGF0+5iKWVuhN1VelGCNtXT1yDHzwGIj1vey+pVXXeTAAMOjITg==","signatures":[{"sig":"MEYCIQCt74aWld3wIUM0/eozJiAu5bW5siAqKtVu1azeRg18GQIhAPQDcPgzSNDzVGZZsNNdVqdlJ7fdiSr1QxBtSmZ/4f4X","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":464440},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"981a05403179a5146456b528d4a1d8f02f5eae2e","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"11.8.0","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","directories":{},"_nodeVersion":"25.5.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.0_1775241512413_0.6115191082895202","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@daniellauding/skistar-design-system","version":"0.1.1","_id":"@daniellauding/skistar-design-system@0.1.1","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"1345aa994aa2a611a87d5373d6a01598d658cb2d","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.1.tgz","fileCount":34,"integrity":"sha512-qVClnL9GWatDyy796Z1ajAagyXArZoXEOaul49rfgwhst+qJ+W3jbjPsVYx4pB4atqZjtVgVsqzOZQEVF+SyyQ==","signatures":[{"sig":"MEYCIQD1jkjms5xCKm/oPQrXxMs3BYJwmsTf/mC8JyQXaJqxqAIhAOdqVlUwOV8NVx0V5H9impwN1jtgxJkiU97Wxk201sEN","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":471259},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"d8bfee622708b16140a35874e6276090385078f7","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"11.8.0","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"25.5.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.1_1775311395407_0.39026940389111986","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@daniellauding/skistar-design-system","version":"0.1.2","_id":"@daniellauding/skistar-design-system@0.1.2","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"15b536fec0d194d87a150c79b5b8430ceddbf8ee","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.2.tgz","fileCount":34,"integrity":"sha512-B/VTDbhSzSCMIS4DxAFlQzF5M0a9Yf3y2X1+9E5yiIZK2rdrOGLA9U2mzcR5kWk9lyOk/EcyHEyoYdcSbJafXw==","signatures":[{"sig":"MEUCIE/C8M3Sh54dEl5mLUo2HrriFvZZqpNG9KkTVzA1VwdlAiEAlPNcbhHC7+BDdyTXWU+I0V1JEfyaz4nbKMejRXO0BXc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":471222},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"c6e72ecf893b56802f0c59db4bd37bf05395c7c2","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"11.8.0","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"25.5.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.2_1775314134930_0.8043057439175176","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@daniellauding/skistar-design-system","version":"0.1.3","_id":"@daniellauding/skistar-design-system@0.1.3","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"c04438beaa5bfa9ed8d208de61a17693d5fced0c","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.3.tgz","fileCount":34,"integrity":"sha512-jYIrneRaBke9ch8q4OoyfwoqHvcK9/+vT3SS/9jCfSlTX2JOENTKnhfqkATnnVA4Iv1nu668xogPZ54L2s0ziA==","signatures":[{"sig":"MEUCIA3qeCgk9DjYr3x8j4ZkA4SGLhOMcJ85hylz2GRrE+SbAiEA10BO2IYYltv/ZofJqIAPLKg+G9dExevbV6Gdu8Zq9tI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":471836},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"2d0e88e0d908b636f09a0dad1c93f68ae6afb3d7","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"11.8.0","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"25.5.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.3_1775319443631_0.039805277585970966","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@daniellauding/skistar-design-system","version":"0.1.4","_id":"@daniellauding/skistar-design-system@0.1.4","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"e29114aed0697c53b6d656f2d31c11a2139d19f0","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.4.tgz","fileCount":35,"integrity":"sha512-NNF0frBBgvA/eX6nVuCUsNXC6fOMHZt4uRaQOlYKoWx9NwIpTjIoizxtY6rE8UoLesPaJ0eFVoqANxkyYhFk+Q==","signatures":[{"sig":"MEUCIDXDHUguuTjQLnwjOaSAid/QjZWcRPsXHGgP0RVbygiBAiEAswi4c5sGVQcrJmeZTgJTnnwwGrjfO7E+tG40lUB8deM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":473741},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"f0283d2ac0647c7b424461b379fdc92f7773743f","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"11.8.0","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"25.5.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.4_1775336039327_0.9124612762516866","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@daniellauding/skistar-design-system","version":"0.1.5","_id":"@daniellauding/skistar-design-system@0.1.5","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"adfe7674cf55166ad7849c96deced7061b63e9ab","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.5.tgz","fileCount":47,"integrity":"sha512-VZwI+VkiUkJy8sYjyqPw52HVDQqGW4HeR6eL6jYtaUd7NfyeebVy6/Q0zk3eAGHdVp8pFvJmQ2OJv47nAx9IOQ==","signatures":[{"sig":"MEYCIQCMlk08KNpqUTFcKWW3JvmSN0PPKRDPwqx4jP5F/Oqa+AIhAOu3ZZpBA7pAmKRbnCUI3PoRzL8fciO/1gjLGoCIZrzp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":571945},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"29ec842ff26915665d61bb352ae7256e3b514746","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"10.9.3","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.5_1775586071962_0.7614922485528053","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@daniellauding/skistar-design-system","version":"0.1.6","_id":"@daniellauding/skistar-design-system@0.1.6","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"864fa7d629a642fa508a534308776d48bafbe81f","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.6.tgz","fileCount":47,"integrity":"sha512-Ux/ZNoyflmtVycKu4XZTCb2alXLLYnlx+jXA3qIcrXxItA12htVSEjuZmX45oEUCbPhJoJeSf2lQOtUvI0mflA==","signatures":[{"sig":"MEUCIQCRUFivBC+qwiT+qFXRjXmTTUZJwYx80s305fz4MWxmgQIgdl2D6tq1DhtInvnNi95J2tQamQm6XKAxIK2uwhlgt/A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":572617},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"29ec842ff26915665d61bb352ae7256e3b514746","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"10.9.3","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.6_1775590570196_0.9720618886716963","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"@daniellauding/skistar-design-system","version":"0.1.7","_id":"@daniellauding/skistar-design-system@0.1.7","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"dist":{"shasum":"b6dca464fa10f58ecfc1601d2a7430339309a52c","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.7.tgz","fileCount":47,"integrity":"sha512-J6/t7kEJcvycNKVpmuiftEedjsofvTaD4CrnYGawDx1PzDlARrCEIvYuKRylLhmnRK2dsFP/9kzkXJD+4friSg==","signatures":[{"sig":"MEUCIEMMWpYC9YUBVeu3JPsFId5SGwc6yebENg4eZX7q0svqAiEAtc2nomN0n55m7sZoW6HR0YbLOfQ6s2QQJnw/A/Evnl4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":576794},"main":"src/components/index.ts","type":"module","types":"src/components/index.ts","module":"src/components/index.ts","exports":{".":"./src/components/index.ts","./theme":"./src/tokens/ThemeProvider.tsx","./tokens":"./src/tokens/index.ts"},"gitHead":"863f20bc156185ac9ff228326682ebaef1d08353","scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"_npmVersion":"10.9.3","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","directories":{},"_nodeVersion":"22.18.0","dependencies":{"react":"^19.2.4","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","@storybook/addon-mcp":"^0.5.0","storybook-react-i18next":"^10.1.1","@storybook/addon-designs":"^11.1.3","@storybook/addon-viewport":"^9.0.8"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.1","eslint":"^9.39.4","vitest":"^4.1.2","globals":"^17.4.0","storybook":"^10.3.4","@eslint/js":"^9.39.4","playwright":"^1.59.1","typescript":"~5.9.3","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.57.0","@vitest/coverage-v8":"^4.1.2","@vitejs/plugin-react":"^6.0.1","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/react-vite":"^10.3.4","@storybook/addon-vitest":"^10.3.4","eslint-plugin-storybook":"^10.3.4","@chromatic-com/storybook":"^5.1.1","eslint-plugin-react-hooks":"^7.0.1","@vitest/browser-playwright":"^4.1.2","@storybook/addon-onboarding":"^10.3.4","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/skistar-design-system_0.1.7_1775596657479_0.9269615183895294","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"@daniellauding/skistar-design-system","version":"0.1.8","type":"module","main":"src/components/index.ts","module":"src/components/index.ts","types":"src/components/index.ts","exports":{".":"./src/components/index.ts","./tokens":"./src/tokens/index.ts","./theme":"./src/tokens/ThemeProvider.tsx"},"scripts":{"dev":"vite","build":"tsc -b && vite build","lint":"eslint .","preview":"vite preview","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"dependencies":{"@storybook/addon-designs":"^11.1.3","@storybook/addon-mcp":"^0.5.0","@storybook/addon-viewport":"^9.0.8","i18next":"^25.10.10","mapbox-gl":"^3.21.0","react":"^19.2.4","react-dom":"^19.2.4","react-i18next":"^16.6.6","react-native-svg":"^15.15.4","react-native-web":"^0.21.2","storybook-react-i18next":"^10.1.1"},"devDependencies":{"@chromatic-com/storybook":"^5.1.1","@eslint/js":"^9.39.4","@storybook/addon-a11y":"^10.3.4","@storybook/addon-docs":"^10.3.4","@storybook/addon-onboarding":"^10.3.4","@storybook/addon-vitest":"^10.3.4","@storybook/react-vite":"^10.3.4","@types/node":"^24.12.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","@vitest/browser-playwright":"^4.1.2","@vitest/coverage-v8":"^4.1.2","eslint":"^9.39.4","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2","eslint-plugin-storybook":"^10.3.4","globals":"^17.4.0","playwright":"^1.59.1","storybook":"^10.3.4","typescript":"~5.9.3","typescript-eslint":"^8.57.0","vite":"^8.0.1","vitest":"^4.1.2"},"_id":"@daniellauding/skistar-design-system@0.1.8","gitHead":"ffaaa932df4baf3a26f233069294ef7f98a7c7bf","description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-cvCaPTcTSXbMyGTp4FikGRBQ539SDsfNZTRRsMeJBabA/kU2kbX32YqUpzF5nbTdAHdbe+xH0rRz4xv/7WFV8g==","shasum":"a5357ccfe6a8b69f10af7c39226c5b8cfd8ea921","tarball":"https://registry.npmjs.org/@daniellauding/skistar-design-system/-/skistar-design-system-0.1.8.tgz","fileCount":49,"unpackedSize":592287,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCB6RQ+4dXTAbku0X1QkacbQEs5+8UCQB+u5V8taGj/AAIhAI1P+9WmBYe3Pnyrz5iPVjMDyD/MvHN8cIT72SI9KHqj"}]},"_npmUser":{"name":"daniellauding","email":"daniel@lauding.se"},"directories":{},"maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/skistar-design-system_0.1.8_1775623497075_0.14176860538015257"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-03T18:38:32.290Z","modified":"2026-04-08T04:44:57.356Z","0.1.0":"2026-04-03T18:38:32.666Z","0.1.1":"2026-04-04T14:03:15.603Z","0.1.2":"2026-04-04T14:48:55.105Z","0.1.3":"2026-04-04T16:17:23.890Z","0.1.4":"2026-04-04T20:53:59.526Z","0.1.5":"2026-04-07T18:21:12.127Z","0.1.6":"2026-04-07T19:36:10.361Z","0.1.7":"2026-04-07T21:17:37.690Z","0.1.8":"2026-04-08T04:44:57.247Z"},"description":"A complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.","maintainers":[{"name":"daniellauding","email":"daniel@lauding.se"}],"readme":"# SkiStar Design System\n\nA complete React Native design system built from the SkiStar Figma design file, with Storybook documentation, npm package, and example apps.\n\n## Live Links\n\n| Project | URL |\n|---------|-----|\n| **Storybook** | [skistar-design-system-test.netlify.app](https://skistar-design-system-test.netlify.app) |\n| **Web App** | [skistar-design-system-test-web.netlify.app](https://skistar-design-system-test-web.netlify.app) |\n| **Mobile (Expo Web)** | [skistar-design-system-test-mobile.netlify.app](https://skistar-design-system-test-mobile.netlify.app) |\n| **npm Package** | [@daniellauding/skistar-design-system](https://www.npmjs.com/package/@daniellauding/skistar-design-system) |\n\n## Repos\n\n| Repo | Description |\n|------|-------------|\n| [skistar-design-system-test](https://github.com/daniellauding/skistar-design-system-test) | Design system + Storybook |\n| [skistar-design-system-test-ios](https://github.com/daniellauding/skistar-design-system-test-ios) | Expo React Native app |\n| [skistar-design-system-test-web](https://github.com/daniellauding/skistar-design-system-test-web) | React web app |\n\n---\n\n## Architecture\n\n```\nFigma (SkiStar-App-DesignSystem)\n │\n ├── Figma MCP (Desktop Bridge)\n │ └── Extracts: tokens, icons (131 SVG), components, specs\n │\n ▼\nDesignSystemTest/ (this repo)\n ├── src/tokens/ → Design tokens (colors, typography, spacing, radius)\n ├── src/components/ → 27 React Native components\n ├── src/stories/ → Storybook stories + docs\n └── npm publish → @daniellauding/skistar-design-system\n │\n ┌───────────────┼───────────────┐\n ▼ ▼ ▼\n SkiStarApp/ SkiStarWeb/ Any project\n (Expo RN) (Vite React) npm install\n```\n\n## Component List (27 components)\n\n### Inputs & Actions\n| Component | Figma Node | Description |\n|-----------|------------|-------------|\n| `Button` | `6330:14686` | Primary/Secondary/Functional/Text, Medium/Small |\n| `Chip` | `1:6024` | Active/Inactive filter chip |\n| `SearchField` | `1:6032` | Search with SVG icon, states |\n| `TextField` | `1:6066` | Input with floating label, error state |\n| `Toggle` | `7825:167282` | On/off switch (48x28) |\n| `Checkmark` | `6576:13302` | Circle check Default/Selected |\n| `QuantityStepper` | `7847:122273` | +/- buttons with count |\n| `FAB` | `6513:4384` | Floating action button (56x56) |\n\n### Navigation\n| Component | Figma Node | Description |\n|-----------|------------|-------------|\n| `BottomTabBar` | `7581:48226` | 5-tab bottom navigation |\n| `AppBar` | `7263:57323` | Header with back/action buttons |\n| `TabBar` | `5436:30437` | Scrollable text tabs |\n| `SegmentedController` | `1:5539` | Underline tab bar |\n\n### Content & Layout\n| Component | Figma Node | Description |\n|-----------|------------|-------------|\n| `Card` | `7242:25049` | Image/body/footer, 3 elevation levels |\n| `ListItem` / `List` | `7825:167745` | Flexible list cell with slots |\n| `Icon` | `6330:14476` | 131 SVG icons from Figma |\n| `Logo` | `1:569` | 9 resort logotypes |\n| `EmptyState` | `1:379` | 15 types with SVG illustrations |\n| `WeatherCard` | `7204:40222` | Lift/Pist/Väder card with weather icons |\n| `DestinationHeader` | `1:18348` | Hero header with logo + curve |\n\n### Overlays & Feedback\n| Component | Figma Node | Description |\n|-----------|------------|-------------|\n| `BottomSheet` | `7832:168981` | Draggable sheet, 3 snap points |\n| `ModalDialog` | `7329:11695` | Centered dialog with actions |\n| `Toast` | `6151:15926` | Notification banner |\n\n### AI Agent\n| Component | Figma Node | Description |\n|-----------|------------|-------------|\n| `ChatBubble` | `6112:5154` | Agent/User chat bubbles |\n| `PromptArea` | `7850:124724` | Chat input with send button |\n\n### Maps\n| Component | Description |\n|-----------|-------------|\n| `MapView` | Mapbox GL JS (web), placeholder for RN |\n\n---\n\n## Design Tokens\n\nAll tokens map 1:1 to Figma variables in the **Tokens** collection (Light/Dark modes).\n\n### Usage in JS (React Native)\n```tsx\nimport { colors, lightTheme, typography, spacing, radius } from '@daniellauding/skistar-design-system/tokens';\nimport { ThemeProvider, useTheme } from '@daniellauding/skistar-design-system/theme';\n\n// Wrap app\n\n \n\n\n// In components\nconst { theme } = useTheme();\nHello\n```\n\n### Token Categories\n| Category | Examples | Figma Collection |\n|----------|---------|-----------------|\n| **Colors** | `colors.brand.red600`, `colors.neutral[800]` | Colour |\n| **Text** | `theme.text.primary`, `theme.text.secondary` | Tokens (Light/Dark) |\n| **Surface** | `theme.surface.card`, `theme.surface.background` | Tokens |\n| **Action** | `theme.action.primaryDefault` | Tokens |\n| **Typography** | `typography.size.md` (16px), `typography.family.body` (DM Sans) | Typography |\n| **Spacing** | `spacing.lg` (16px), `spacing.xl` (24px) | Spacing |\n| **Radius** | `radius.md` (12px), `radius.xl` (100px) | Radius |\n\n### Dark Mode\nAll components use `useTheme()` — switching mode changes all colors automatically:\n- Background: `#FFFFFF` → `#000000`\n- Cards: `#FFFFFF` → `#222222`\n- Text: `#222222` → `#FFFFFF`\n- Borders become visible on dark surfaces\n\n---\n\n## Workflow: Figma → Storybook → App\n\n### 1. Design in Figma\n- Create/update component in **SkiStar-App-DesignSystem**\n- Bind all values to design tokens (Tokens collection)\n- Use existing token variables, don't hardcode colors\n\n### 2. Extract via Figma MCP\n```\n# Start Figma Desktop Bridge plugin\n# Claude reads component specs via mcp__figma-console\n```\nThe MCP extracts:\n- Component structure (layout, padding, gap)\n- Bound variables → token names\n- SVG paths for icons/illustrations\n- Colors, typography, effects (shadows)\n\n### 3. Build in Storybook\n```bash\ncd DesignSystemTest\nnpm run storybook # http://localhost:6006\n```\n- Create component: `src/components/NewComponent/NewComponent.tsx`\n- Create story: `src/stories/components/NewComponent.stories.tsx`\n- Export in: `src/components/index.ts`\n- Use `useTheme()` for ALL colors — no hardcoded hex values\n- Test in both Light and Dark mode (toolbar toggle)\n\n### 4. Publish to npm\n```bash\n# Bump version in package.json\nnpm publish --access public\n```\n\n### 5. Update apps\n```bash\n# In SkiStarApp/ or SkiStarWeb/\nnpm update @daniellauding/skistar-design-system\n```\n\n### 6. Use in app\n```tsx\nimport { Button, Card, Icon } from '@daniellauding/skistar-design-system';\n\n\n