Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
theo - npm Package Compare versions
Comparing version 8.0.0-beta.2 to 8.0.0
@@ -8,14 +8,23 @@ # Change Log | ||
| ## [8.0.0] | ||
| ### ⚠️ Breaking changes | ||
| - **[android.xml]** Moves value from from attribute ([#144](https://github.com/salesforce-ux/theo/pull/144)) | ||
| - **[android.xml]** Output dp values ([#156](https://github.com/salesforce-ux/theo/pull/156)) | ||
| - **[android.xml]** Use the right Android XML tags ([#154](https://github.com/salesforce-ux/theo/pull/154)) | ||
| - **[Android]** Convert invalid hyphens to underscores for Android ([#159](https://github.com/salesforce-ux/theo/pull/159)) | ||
| ## [7.0.1] | ||
| * Correctly handle number types | ||
| - Correctly handle number types | ||
| ## [7.0.0] | ||
| * Imports are now resolved using [resolve-from](https://www.npmjs.com/package/resolve-from) [@stevenbenisek](https://github.com/stevenbenisek) | ||
| * Aliases are now recursively resolved if `value` is an object or array | ||
| - Imports are now resolved using [resolve-from](https://www.npmjs.com/package/resolve-from) [@stevenbenisek](https://github.com/stevenbenisek) | ||
| - Aliases are now recursively resolved if `value` is an object or array | ||
| ### ⚠️ Breaking changes | ||
| * Due to how imports are resolved, `my-aliases` will now point to `./node_modules/my-aliases` instead of `./my-aliases`. Local imports should include the relative path (`./`, `../`) | ||
| - Due to how imports are resolved, `my-aliases` will now point to `./node_modules/my-aliases` instead of `./my-aliases`. Local imports should include the relative path (`./`, `../`) | ||
@@ -26,11 +35,11 @@ ## [6.0.0] | ||
| * Handlebars support for `registerFormat()` ([@kaelig](https://github.com/kaelig)) | ||
| * Formats can now receive additional options | ||
| * Added new formats | ||
| * `cssmodules.css` ([@nickbalestra](https://github.com/nickbalestra)) | ||
| * `custom-properties.css` | ||
| * `module.js` | ||
| * CLI support ([@nickbalestra](https://github.com/nickbalestra) [@tomger](https://github.com/tomger)) | ||
| * Array support for "props" (as long as each prop has a "name" key) which will preserve prop order in the final output | ||
| * Bug fixes and documentation for several existing formats ([@corygibbons](https://github.com/corygibbons) [@dennisreimann ](https://github.com/dennisreimann) [@micahwood](https://github.com/micahwood) [@didoo](https://github.com/didoo)) | ||
| - Handlebars support for `registerFormat()` ([@kaelig](https://github.com/kaelig)) | ||
| - Formats can now receive additional options | ||
| - Added new formats | ||
| - `cssmodules.css` ([@nickbalestra](https://github.com/nickbalestra)) | ||
| - `custom-properties.css` | ||
| - `module.js` | ||
| - CLI support ([@nickbalestra](https://github.com/nickbalestra) [@tomger](https://github.com/tomger)) | ||
| - Array support for "props" (as long as each prop has a "name" key) which will preserve prop order in the final output | ||
| - Bug fixes and documentation for several existing formats ([@corygibbons](https://github.com/corygibbons) [@dennisreimann ](https://github.com/dennisreimann) [@micahwood](https://github.com/micahwood) [@didoo](https://github.com/didoo)) | ||
@@ -41,6 +50,6 @@ Big thanks to [@kaelig](https://github.com/kaelig) for helping kickstart this release and to all the alpha/beta testers who reported issues and fixed bugs! | ||
| * Aliases are only available to files that directly import them – see [#101](https://github.com/salesforce-ux/theo/issues/101) | ||
| * The Gulp plugin is in a separate [gulp-theo](https://github.com/salesforce-ux/gulp-theo) package | ||
| * Renamed the `.meta` key to `meta` | ||
| * Removed the `includeRawValue` option in favor of always adding an `originalValue` key in each transformed prop | ||
| - Aliases are only available to files that directly import them – see [#101](https://github.com/salesforce-ux/theo/issues/101) | ||
| - The Gulp plugin is in a separate [gulp-theo](https://github.com/salesforce-ux/gulp-theo) package | ||
| - Renamed the `.meta` key to `meta` | ||
| - Removed the `includeRawValue` option in favor of always adding an `originalValue` key in each transformed prop | ||
@@ -102,15 +111,15 @@ ### Migration guide | ||
| * Support for `*.yaml` files ([#60](https://github.com/salesforce-ux/theo/issues/60)) | ||
| * Support for [JSON5](http://json5.org/) syntax (an improvement on JSON) | ||
| * Improved styleguide theme ([#56](https://github.com/salesforce-ux/theo/pull/56)) | ||
| * Aliases can reference other aliases ([#69](https://github.com/salesforce-ux/theo/pull/69)) | ||
| * Users may now pre-process the input with custom functions ([#71](https://github.com/salesforce-ux/theo/pull/71)) | ||
| * Improved test results and moved test suite to [Jest](https://facebook.github.io/jest/) | ||
| * JavaScript is now linted using our internal standards | ||
| * Removed React from devDependencies | ||
| * Added an [EditorConfig](http://editorconfig.org/) file | ||
| * Inline comments in the output of popular formats (e.g. scss) (fixes [#58](https://github.com/salesforce-ux/theo/issues/58)) | ||
| * **Breaking change:** removed the `color/hex8` transform. Instead, use `color/hex8argb` in Android, and `color/hex8rgba` in, for example, CSS level 4 values | ||
| * **Breaking change:** Node.js 6 and up is required | ||
| * Various tweaks and fixes | ||
| - Support for `*.yaml` files ([#60](https://github.com/salesforce-ux/theo/issues/60)) | ||
| - Support for [JSON5](http://json5.org/) syntax (an improvement on JSON) | ||
| - Improved styleguide theme ([#56](https://github.com/salesforce-ux/theo/pull/56)) | ||
| - Aliases can reference other aliases ([#69](https://github.com/salesforce-ux/theo/pull/69)) | ||
| - Users may now pre-process the input with custom functions ([#71](https://github.com/salesforce-ux/theo/pull/71)) | ||
| - Improved test results and moved test suite to [Jest](https://facebook.github.io/jest/) | ||
| - JavaScript is now linted using our internal standards | ||
| - Removed React from devDependencies | ||
| - Added an [EditorConfig](http://editorconfig.org/) file | ||
| - Inline comments in the output of popular formats (e.g. scss) (fixes [#58](https://github.com/salesforce-ux/theo/issues/58)) | ||
| - **Breaking change:** removed the `color/hex8` transform. Instead, use `color/hex8argb` in Android, and `color/hex8rgba` in, for example, CSS level 4 values | ||
| - **Breaking change:** Node.js 6 and up is required | ||
| - Various tweaks and fixes | ||
@@ -131,4 +140,4 @@ ### ⚠️ Breaking changes | ||
| * Lodash: `A1` -> `a-1` | ||
| * Theo: `A1` -> `a1` | ||
| - Lodash: `A1` -> `a-1` | ||
| - Theo: `A1` -> `a1` | ||
@@ -139,2 +148,3 @@ ## 4.x.x | ||
| [8.0.0]: https://github.com/salesforce-ux/theo/compare/v7.0.1...v8.0.0 | ||
| [7.0.1]: https://github.com/salesforce-ux/theo/compare/v7.0.0...v7.0.1 | ||
@@ -141,0 +151,0 @@ [7.0.0]: https://github.com/salesforce-ux/theo/compare/v6.0.0...v7.0.0 |
| # Theo CLI | ||
| Theo come with a [CLI](https://en.wikipedia.org/wiki/Command-line_interface) that allows you to use | ||
| Theo comes with a [CLI](https://en.wikipedia.org/wiki/Command-line_interface) that allows you to use | ||
| `theo` to buld one or multiple tokens. The CLI forwards on the `formats` | ||
@@ -5,0 +5,0 @@ and other relevant options to `theo` in order to build the token in the desired formats. |
| { | ||
| "name": "theo", | ||
| "version": "8.0.0-beta.2", | ||
| "version": "8.0.0", | ||
| "license": "BSD-3-Clause", | ||
@@ -24,10 +24,12 @@ "description": "Design Tokens formatter", | ||
| "scripts": { | ||
| "test": "jest", | ||
| "lint": "eslint . --format codeframe --ext .js", | ||
| "precommit": "lint-staged" | ||
| "test": "jest" | ||
| }, | ||
| "husky": { | ||
| "hooks": { | ||
| "pre-commit": "lint-staged" | ||
| } | ||
| }, | ||
| "lint-staged": { | ||
| "*.js": [ | ||
| "*.{js,jsx,json}": [ | ||
| "prettier --write", | ||
| "npm run lint", | ||
| "git add" | ||
@@ -70,14 +72,7 @@ ] | ||
| "devDependencies": { | ||
| "eslint": "4.19.1", | ||
| "eslint-config-prettier": "2.9.0", | ||
| "eslint-config-standard": "11.0.0-beta.0", | ||
| "eslint-plugin-import": "2.8.0", | ||
| "eslint-plugin-node": "5.2.1", | ||
| "eslint-plugin-promise": "3.6.0", | ||
| "eslint-plugin-standard": "3.0.1", | ||
| "husky": "0.14.3", | ||
| "jest": "22.4.3", | ||
| "lint-staged": "6.1.0", | ||
| "prettier": "1.10.2" | ||
| "husky": "^1.1.2", | ||
| "jest": "^23.6.0", | ||
| "lint-staged": "^7.3.0", | ||
| "prettier": "^1.14.2" | ||
| } | ||
| } |
@@ -205,3 +205,3 @@ # <img src="https://raw.githubusercontent.com/salesforce-ux/theo/master/assets/theo.png" alt="Theo logo" width="28" /> Theo | ||
| // When passing "format" options to theo.convert(), this format can be | ||
| // passed some additional options | ||
| // passed with an additional options object. | ||
| let formatOptions = { | ||
@@ -215,2 +215,36 @@ type: 'html', | ||
| #### Configurable options | ||
| | Option | Type | Default | Description | ||
| |-- | -- | -- | --- | ||
| | `transformPropName` | `function` | [`lodash/camelCase`](https://lodash.com/docs/#camelCase) | Converts `name` to camel case. | ||
| #### Supported categories | ||
| Tokens are grouped by category then categories are conditionally rendered under a human-friendly display name. Tokens with `category` values not in this list will still be converted and included in the generated output for all other formats. | ||
| | Category | Friendly Name | ||
| |-- | --- | ||
| | `spacing` | Spacing | ||
| | `sizing` | Sizing | ||
| | `font` | Fonts | ||
| | `font-style` | Font Styles | ||
| | `font-weight` | Font Weights | ||
| | `font-size` | Font Sizes | ||
| | `line-height` | Line Heights | ||
| | `font-family` | Font Families | ||
| | `border-style` | Border Styles | ||
| | `border-color` | Border Colors | ||
| | `radius` | Radius | ||
| | `border-radius` | Border Radii | ||
| | `hr-color` | Horizontal Rule Colors | ||
| | `background-color` | Background Colors | ||
| | `gradient` | Gradients | ||
| | `background-gradient` | Background Gradients | ||
| | `drop-shadow` | Drop Shadows | ||
| | `box-shadow` | Box Shadows | ||
| | `inner-shadow` | Inner Drop Shadows | ||
| | `text-color` | Text Colors | ||
| | `text-shadow` | Text Shadows | ||
| | `time` | Time | ||
| | `media-query` | Media Queries | ||
| ### json | ||
@@ -217,0 +251,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by2.2%
68793
- Dev dependency count
- decreased by-63.64%
4
- Number of low quality alerts
- decreased by-100%
0
- Number of lines in readme file
- increased by6.92%
525
No dependency changes