1.2.5 • Published 5 years ago

@myxplor/tokens v1.2.5

Weekly downloads
-
License
ISC
Repository
github
Last release
5 years ago

Design tokens are named entities that store visual design attributes. Stardust manages it's design tokens with a build system called Style Dictionary that allows styles to be defined once, in a way for any platform (e.g., web, iOS, Android) or language to consume.

šŸƒā€ā™€ļø Getting Started

npm install
npm run build

šŸŽ« Properties

Design tokens, are defined in the properties folder. Style properties are organized into a hierarchical tree structure with 'category' defining the primitive nature of the property. For example, we have the color category and every property underneath is always a color.

{
  "color": {
    "avatar": {
      "brand": {
        "background": {
          "type": "color",
          "value": "{color.hullOrange.1.value}"
        }
      }
    }
  }
}

Read more about the Category/Type/Item (CTI) structure here.

šŸ± Builds

When built, design tokens are organised into three platforms - each with their own branded theme. It's this theme that overrides brand specific design decisions, like avatar color.

build
ā”œā”€ā”€ android
  ā”œā”€ā”€ home
  └── playground
ā”œā”€ā”€ iOS
  ā”œā”€ā”€ home
  └── playground
└── web
  ā”œā”€ā”€ home
  └── playground

Take a look at all the built-in transforms and formats that are used to build the tokens.

1.2.5

5 years ago

1.2.2

5 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.5

5 years ago

0.0.0-alpha.41

6 years ago

0.0.0-alpha.37

6 years ago

0.0.0-alpha.35

6 years ago

0.0.0-alpha.32

6 years ago

0.0.0-alpha.31

6 years ago

0.0.0-alpha.24

6 years ago

0.0.0-alpha.23

6 years ago

0.0.0-alpha.22

6 years ago

0.0.0-alpha.21

6 years ago

0.0.0-alpha.20

6 years ago

0.0.0-alpha.19

6 years ago

0.0.0-alpha.18

6 years ago

0.0.0-alpha.17

6 years ago

0.0.0-alpha.16

6 years ago

0.0.0-alpha.14

6 years ago

0.0.0-alpha.13

6 years ago

0.0.0-alpha.12

6 years ago

0.0.0-alpha.11

6 years ago

0.0.0-alpha.10

6 years ago

0.0.0-alpha.9

6 years ago

0.0.0-alpha.8

6 years ago

0.0.0-alpha.7

6 years ago

0.0.0-alpha.6

6 years ago

0.0.0-alpha.5

7 years ago

0.0.0-alpha.3

7 years ago

0.0.0-alpha.2

7 years ago

0.0.0-alpha.1

7 years ago

1.0.0-alpha.1

7 years ago

1.0.0-alpha.0

7 years ago

0.0.1-alpha.1

7 years ago

0.0.1-alpha.0

7 years ago