@kong/design-tokens - npm Package Compare versions

dist/tokens/js/index.d.ts

		/**
		* Do not edit directly
		* Generated on Thu, 29 Jun 2023 19:11:58 GMT
		* Generated on Thu, 29 Jun 2023 20:04:34 GMT
		*
		@@ -5,0 +5,0 @@ * GitHub: https://github.com/Kong/design-tokens

dist/tokens/js/index.js

		/**
		* Do not edit directly
		* Generated on Thu, 29 Jun 2023 19:11:58 GMT
		* Generated on Thu, 29 Jun 2023 20:04:34 GMT
		*
		@@ -5,0 +5,0 @@ * GitHub: https://github.com/Kong/design-tokens

package.json

		{
		"name": "@kong/design-tokens",
		"version": "1.1.5-pr.29.a1cedae.0",
		"version": "1.1.5",
		"description": "Kong UI Design Tokens and style dictionary",
		@@ -5,0 +5,0 @@ "scripts": {

README.md

		@@ -16,2 +16,3 @@ # Kong UI Design Tokens
		- [VS Code extensions](#vs-code-extensions)
		- [Server-Side Rendering (SSR)](#server-side-rendering-ssr)
		- [Development Sandbox](#development-sandbox)
		@@ -113,2 +114,21 @@ - [Lint and fix](#lint-and-fix)

		### Server-Side Rendering (SSR)

		If your host app utilizes SSR, you may need to resolve aliases to the package exports.

		For example, for a VitePress site, add the following to your `vite.config.ts`

		```ts
		export default defineConfig({
		resolve: {
		alias: {
		// We must alias `@kong/design-tokens` imports to specifically utilize the esm build
		'@kong/design-tokens/tokens/scss/variables': path.resolve(__dirname, '../node_modules/@kong/design-tokens/dist/tokens/scss/variables.scss'),
		'@kong/design-tokens': path.resolve(__dirname, '../node_modules/@kong/design-tokens/dist/tokens/js/'),
		},
		},
		})

		```

		### Development Sandbox
		@@ -115,0 +135,0 @@

dist/tokens/css/variables.css