Html Sketchapp Versions Save

Features

• Handle adding swatches to document (https://github.com/html-sketchapp/html-sketchapp/pull/210)

• Linear gradient: support all angles (https://github.com/html-sketchapp/html-sketchapp/pull/208)

Bug fixes

• Change closest matching font algorithm (https://github.com/html-sketchapp/html-sketchapp/pull/212)

Fixes

• support for Sketch >= v64 - replaced unmaintained dep with fork (ffe2e1f)
• support for external svg images on xcode 11+ (e37e62a)

Improvements

• ability to use Smart Layout in Symbols (https://www.sketch.com/docs/symbols/smart-layout/)

import {SMART_LAYOUT} from '@brainly/html-sketchapp/html2asketch/helpers/utils';

symbol.setGroupLayout(SMART_LAYOUT.HORIZONTALLY_CENTER);

• ability to apply floating numbers on lineHeight values (by @cy-park)

Fixes

• Project dependency updates by @burakukula ⚒
• Absolutely positioned nodes are now correctly sorted by their z-index (by @jostermanAtPEW)

API Improvements

• ability to create layer styles by @daynekilheffer

const doc = new Document();
const boxNode = document.querySelector('box');
const boxLayer = nodeToSketchLayers(boxNode)[0];

boxLayer.setName('Box');
doc.addLayerStyle(boxLayer); // 🆕 

• when using asketch2sketch directly, you can now specify not to clear the page and shared styles (by @KimDal-hyeong)

Fixes

Fix color handling to work with Sketch v.53 ⚒

Improvements

• adding isLocked method useful to locking the layer, which will prevent it from being editable from the Overrides panel.

Fixes

Project dependency updates ⚒

Improvements

• setId methods that can be used to create permanent object_IDs for keeping existing Sketch libraries in sync between updates added by @macintoshhelper 👌
• Update issue templates thx to @kdzwinel 🤓

Fixes

• Fix compatibility with Sketch version 52
• Fixed rendering of elements with fixed position by @KimDal-hyeong
• Update licence year to 2018 by @shnibl

Breaking

Default blur of inner shadow was changed from 1px to 0 - #119 . If you were depending on the default value be sure to update all .addInnerShadow({…}) calls to .addInnerShadow({…, blur: 1}).

Improvements

• new logo by Patrycja Rozmus ❤️

• support for background-size - #17

before: after:

• super handy ‘Paste’ command in the plugin - #124 by @markdalgleish

• plugin is again part of the npm package - #121
• plugin now has an icon
• calling .getSymbolInstance no longer requires you to provide width and height and defaults to the MasterSymbol size
• add --file flag to e2e test, so that it's easier to run single tests

Fixes

• plugin: if SVG layer or Text layer import fails it doesn't break the whole import (broken layers are skipped instead)

Fixes

• Remove unwanted blur from one-side borders introduced in 3.3.0

Improvements

• Add e2e test for one-side borders

Improvements

• basic background-position support by @mxmul (#109) (this means support for image sprites 🎉)

before:

after:

• shadow DOM support for nodeTreeToSketchGroup by @calebdwilliams (#103) - (this means support for web components 🎉)
• support for multiple shadows by @KimDal-hyeong (#110) - (this means you can go crazy with shadows 🎉)

API Improvements

• ability to set clipping mask by @mxmul and @burakukula

public setHasClippingMask(hasClippingMask: boolean): void;

• ability to set position of the ShapeGroup by @mxmul

public setPosition(position: Position): void;

• new type of object - Bitmap by @mxmul

export default class Bitmap extends Base {
  constructor(props: BitmapProps);
}

Fixes

• removed unnecessary wrappers around SVG by @burakukula

before: after:

• electron support of font-weight by @KimDal-hyeong
• fix broken support for "error images" by @kdzwinel (thanks @hlambert for reporting!)

• e2e tests splitted from one big file into N smaller ones, instructions improved, debugging improved by @kdzwinel
• contribution guidelines added by @kdzwinel