@gyldendal/kobber-base - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

src/styleDictionary/formats/esm.ts

src/styleDictionary/formats/json.ts

src/styleDictionary/transforms/fluidClamp.ts

src/styleDictionary/transforms/pxToRem.ts

src/utils/minifyDictionary.ts

themes/dark/tokens.js

themes/dark/tokens.ts

themes/default/tokens.js

themes/default/tokens.ts

buildTokens.ts

		import fs from "fs";
		import StyleDictionary from "style-dictionary";
		import { additionalTokens } from "./additionalTokens";
		import { esmFormat } from "./src/styleDictionary/formats/esm";
		import { jsonFormat } from "./src/styleDictionary/formats/json";
		import { getStyleDictionaryConfig } from "./src/styleDictionary/getStyleDictionaryConfig";
		import { jsonNested } from "./src/styleDictionary/jsonNestedFormat";
		import { sanitizeJsonFromFigma } from "./src/styleDictionary/sanitizeJsonFromFigma";
		import { additionalTokens } from "./additionalTokens";

		@@ -30,4 +31,6 @@ const jsonString = fs.readFileSync("tokens-from-figma.json", "utf-8");

		StyleDictionary.registerFormat(jsonNested);
		StyleDictionary.registerFormat(jsonFormat);

		StyleDictionary.registerFormat(esmFormat);

		// Convert Figma modes into themes
		@@ -34,0 +37,0 @@

CHANGELOG.md

		# @gyldendal/kobber-base

		## 0.2.0

		### Minor Changes

		- Tokens in js and ts formats

		### Patch Changes

		- 49ace2a: Tokens in js and ts formats

		## 0.1.0
		@@ -4,0 +14,0 @@

package.json

README.md

		@@ -8,6 +8,6 @@ # Base
		```JavaScript
		import theme from "~@gyldendal/kobber-base/themes/default/tokens.json";
		import * as tokens from "~@gyldendal/kobber-base/themes/default/tokens";

		export const Button = styled.button`
		background-color: ${theme.component.button.color.background};
		background-color: ${tokens.component.button.color.background};
		`;
		@@ -14,0 +14,0 @@ ```

src/styleDictionary/getStyleDictionaryConfig.ts

		@@ -6,5 +6,6 @@ import StyleDictionary, {
		} from "style-dictionary";
		import { fluidClampTransform } from "./fluidClampTransform";
		import { jsonNested } from "./jsonNestedFormat";
		import { pxToRemTransform } from "./pxToRemTransform";
		import { esmFormat } from "./formats/esm";
		import { jsonFormat } from "./formats/json";
		import { fluidClampTransform } from "./transforms/fluidClamp";
		import { pxToRemTransform } from "./transforms/pxToRem";

		@@ -65,3 +66,3 @@ StyleDictionary.registerTransform(pxToRemTransform);
		},
		js: {
		json: {
		transforms: [
		@@ -76,3 +77,3 @@ ...transformGroup.js,
		destination: `${themeName}/tokens.json`,
		format: jsonNested.name,
		format: jsonFormat.name,
		filter,
		@@ -82,4 +83,24 @@ },
		},
		js: {
		transforms: [
		...transformGroup.js,
		fluidClampTransform.name,
		...transforms,
		],
		buildPath,
		files: [
		{
		destination: `${themeName}/tokens.js`,
		format: esmFormat.name,
		filter,
		},
		{
		destination: `${themeName}/tokens.ts`,
		format: esmFormat.name,
		filter,
		},
		],
		},
		},
		};
		};

themes/dark/tokens.json

themes/default/tokens.json

src/styleDictionary/fluidClampTransform.ts

src/styleDictionary/jsonNestedFormat.ts

src/styleDictionary/pxToRemTransform.ts

.turbo/turbo-build.log