@dialpad/dialtone-tokens - npm Package Compare versions

Comparing version 1.3.2 to 1.3.3

dist/tokens.json

		@@ -106,2 +106,3 @@ {
		"dtColorTan500": "#121212",
		"dtColorGradientMagentaPurple": "linear-gradient(180deg, #F9008E 10%, #7C52FF 90%)",
		"dtTypographyBodySmallFontFamily": "SF Pro",
		@@ -140,2 +141,14 @@ "dtTypographyBodySmallFontWeight": 400,
		"dtTypographyHeadlineLargeFontSize": "1.9rem",
		"dtTypographyHeadlineExtraLargeFontFamily": "SF Pro",
		"dtTypographyHeadlineExtraLargeFontWeight": 500,
		"dtTypographyHeadlineExtraLargeLineHeight": "120%",
		"dtTypographyHeadlineExtraLargeFontSize": "2.7rem",
		"dtTypographyHeadlineExtraExtraLargeFontFamily": "SF Pro",
		"dtTypographyHeadlineExtraExtraLargeFontWeight": 500,
		"dtTypographyHeadlineExtraExtraLargeLineHeight": "120%",
		"dtTypographyHeadlineExtraExtraLargeFontSize": "3.8rem",
		"dtTypographyHeadlineSoftSmallFontFamily": "SF Pro",
		"dtTypographyHeadlineSoftSmallFontWeight": 500,
		"dtTypographyHeadlineSoftSmallLineHeight": "140%",
		"dtTypographyHeadlineSoftSmallFontSize": "1.2rem",
		"dtTypographyHeadlineCompactSmallFontFamily": "SF Pro",
		@@ -145,6 +158,6 @@ "dtTypographyHeadlineCompactSmallFontWeight": 700,
		"dtTypographyHeadlineCompactSmallFontSize": "1.2rem",
		"dtTypographyHeadlineCompactBaseFontFamily": "SF Pro",
		"dtTypographyHeadlineCompactBaseFontWeight": 700,
		"dtTypographyHeadlineCompactBaseLineHeight": "140%",
		"dtTypographyHeadlineCompactBaseFontSize": "1.5rem",
		"dtTypographyHeadlineCompactMediumFontFamily": "SF Pro",
		"dtTypographyHeadlineCompactMediumFontWeight": 700,
		"dtTypographyHeadlineCompactMediumLineHeight": "140%",
		"dtTypographyHeadlineCompactMediumFontSize": "1.5rem",
		"dtTypographyHeadlineCompactLargeFontFamily": "SF Pro",
		@@ -154,10 +167,6 @@ "dtTypographyHeadlineCompactLargeFontWeight": 700,
		"dtTypographyHeadlineCompactLargeFontSize": "1.9rem",
		"dtTypographyHeadlineExtraLargeFontFamily": "SF Pro",
		"dtTypographyHeadlineExtraLargeFontWeight": 500,
		"dtTypographyHeadlineExtraLargeLineHeight": "120%",
		"dtTypographyHeadlineExtraLargeFontSize": "2.7rem",
		"dtTypographyHeadlineExtraExtraLargeFontFamily": "SF Pro",
		"dtTypographyHeadlineExtraExtraLargeFontWeight": 500,
		"dtTypographyHeadlineExtraExtraLargeLineHeight": "120%",
		"dtTypographyHeadlineExtraExtraLargeFontSize": "3.8rem",
		"dtTypographyHeadlineCompactSoftSmallFontFamily": "SF Pro",
		"dtTypographyHeadlineCompactSoftSmallFontWeight": 500,
		"dtTypographyHeadlineCompactSoftSmallLineHeight": "120%",
		"dtTypographyHeadlineCompactSoftSmallFontSize": "1.2rem",
		"dtTypographyLabelSmallFontFamily": "SF Pro",
		@@ -237,2 +246,5 @@ "dtTypographyLabelSmallFontWeight": 600,
		"dtSizeBorderIcon500": "0.175rem",
		"dtSizeBorderIcon600": "0.25rem",
		"dtSizeBorderIcon700": "0.275rem",
		"dtSizeBorderIcon800": "0.35rem",
		"dtSizeBase": "0.8rem",
		@@ -239,0 +251,0 @@ "dtSizeRadius0": "0",

package.json

		{
		"name": "@dialpad/dialtone-tokens",
		"version": "1.3.2",
		"version": "1.3.3",
		"description": "Design tokens for Dialtone.",
		@@ -5,0 +5,0 @@ "main": "index.js",

README.md

		# Design Tokens for Dialtone

		## This repository is in development and NOT currently ready for use.
		This repository is in development and NOT currently ready for use.

		@@ -9,6 +9,9 @@ Design tokens for Dialpad's design system Dialtone and everything related to building and publishing them.

		### Usage
		## Usage

		To use Dialtone Tokens in your project:

		### Web (npm)

		#### Install Dependency
		```
		@@ -18,3 +21,3 @@ npm install @dialpad/dialtone-tokens

		#### CSS
		#### Import CSS Tokens

		@@ -25,23 +28,65 @@ ```

		#### LESS
		#### Use CSS Token

		```
		.my-css-class {
		color: var(--dt-color-purple-200)
		}
		```

		Or

		#### Import LESS Tokens

		```
		@import "node_modules/@dialpad/dialtone/less/variables.less";
		```

		#### iOS (swift)
		#### Use LESS Token

		```
		TBD
		.my-css-class {
		color: @dt-color-purple-200
		}
		```

		#### Android
		### iOS (swift)

		1. Within your XCode project `File > Swift Packages > Add Package Dependency`
		2. Enter repository url: `https://github.com/dialpad/dialtone-tokens-swift`


		### Android (compose/xml)

		#### pom.xml
		```
		TBD
		<dependency>
		<groupId>design.dialpad.tokens</groupId>
		<artifactId>dialtone-tokens</artifactId>
		<version>1.2.0</version>
		</dependency>
		```

		#### Install Dependency

		### Quick Start for Contributors
		```
		mvn install
		```

		<!-- #### Import Compose Tokens

		```
		import design.dialpad.DialtoneTokens;
		```

		#### Use Compose Token

		```
		DialtoneTokens.dtColorPurple200
		``` -->



		## Quick Start for Contributors

		1. clone repo
		@@ -48,0 +93,0 @@ 2. `npm install`

dist/android/colors.xml