1.0.0-alpha.20 • Published 4 years ago

@byteclaw/visage-core v1.0.0-alpha.20

Weekly downloads
379
License
MIT
Repository
github
Last release
4 years ago

@byteclaw/visage-core

@byteclaw/visage-core version License

CSS-in-js agnostic framework for design system development used by Visage Design System.

Installation

npm install @byteclaw/visage
# or
yarn add @byteclaw/visage

Usage

import {
  createComponent,
  createTheme,
  DesignSystem,
  resolveStyleSheets,
} from '@byteclaw/visage-core';

// create component is used to create a system component
const Box = createComponent('div', {
  displayName: 'Box',
  styles: {
    color: 'primary',
  },
});

const theme = createTheme({
  theme: {
    color: {
      primary: 'red',
    },
  },
});

// style generator is responsible for returning props that are used to style a component
// for example this one returns a style prop that is used directly on a component
// @byteclaw/visage uses emotion css-in-js therefore it returns className prop
function styleGenerator(styleSheets, ctx) {
  // stylesheets is an array of stylesheets that should be merged
  // ctx is current design system context, which contains an information about device viewport, theme, etc
  return {
    // deepmerges stylesheets and produces a final styleSheet for a component
    style: resolveStyleSheets(styleSheets, ctx),
  };
}

<DesignSystem theme={theme}>
  <Box />
</DesignSystem>;

Documentation

Please visit https://visage.design.

License

MIT

1.0.0-alpha.19

4 years ago

1.0.0-alpha.20

4 years ago

1.0.0-alpha.18

4 years ago

1.0.0-alpha.17

4 years ago

1.0.0-alpha.16

4 years ago

1.0.0-alpha.15

5 years ago

1.0.0-alpha.14

5 years ago

1.0.0-alpha.12

5 years ago

1.0.0-alpha.13

5 years ago

1.0.0-alpha.11

5 years ago

1.0.0-alpha.10

5 years ago

1.0.0-alpha.9

5 years ago

1.0.0-alpha.8

5 years ago

1.0.0-alpha.7

5 years ago

1.0.0-alpha.6

5 years ago

1.0.0-alpha.5

5 years ago

1.0.0-alpha.4

5 years ago

1.0.0-alpha.3

5 years ago

1.0.0-alpha.2

5 years ago

1.0.0-alpha.1

5 years ago

1.0.0-alpha.0

5 years ago

0.6.2

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago

0.5.1

5 years ago

0.5.0

5 years ago

0.4.0

6 years ago

0.3.0

6 years ago

0.2.0

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.1.0-alpha.439

6 years ago

0.1.0-alpha.437

6 years ago

0.1.0-alpha.434

6 years ago

0.1.0-alpha.422

6 years ago

0.1.0-alpha.413

6 years ago

0.1.0-alpha.412

6 years ago

0.1.0-alpha.392

6 years ago

0.1.0-alpha.391

6 years ago

0.1.0-alpha.390

6 years ago

0.1.0-alpha.385

6 years ago

0.1.0-alpha.384

6 years ago

0.1.0-alpha.382

6 years ago

0.1.0-alpha.381

6 years ago

0.1.0-alpha.379

6 years ago

0.1.0-alpha.377

6 years ago

0.1.0-alpha.360

6 years ago

0.1.0-alpha.351

6 years ago

0.1.0-alpha.349

6 years ago

0.1.0-alpha.348

6 years ago

0.1.0-alpha.346

6 years ago

0.1.0-alpha.341

6 years ago

0.1.0-alpha.340

6 years ago

0.1.0-alpha.338

6 years ago

0.1.0-alpha.332

6 years ago

0.1.0-alpha.331

6 years ago

0.1.0-alpha.329

6 years ago

0.1.0-alpha.327

6 years ago

0.1.0-alpha.325

6 years ago

0.1.0-alpha.321

6 years ago

0.1.0-alpha.319

6 years ago

0.1.0-alpha.317

6 years ago

0.1.0-alpha.316

6 years ago

0.1.0-alpha.315

6 years ago

0.1.0-alpha.314

6 years ago

0.1.0-alpha.313

6 years ago

0.1.0-alpha.308

6 years ago

0.1.0-alpha.304

6 years ago

0.1.0-alpha.302

6 years ago

0.1.0-alpha.294

6 years ago

0.1.0-alpha.293

6 years ago

0.1.0-alpha.292

6 years ago

0.1.0-alpha.291

6 years ago

0.1.0-alpha.290

6 years ago

0.1.0-alpha.288

6 years ago

0.1.0-alpha.276

6 years ago

0.1.0-alpha.273

6 years ago

0.1.0-alpha.269

6 years ago

0.1.0-alpha.268

6 years ago

0.1.0-alpha.252

6 years ago

0.1.0-alpha.251

6 years ago

0.1.0-alpha.223

6 years ago

0.1.0-alpha.221

6 years ago

0.1.0-alpha.219

6 years ago

0.1.0-alpha.194

6 years ago

0.1.0-alpha.179

6 years ago

0.1.0-alpha.162

6 years ago

0.1.0-alpha.160

6 years ago

0.1.0-alpha.153

6 years ago

0.1.0-alpha.141

6 years ago

0.1.0-alpha.140

6 years ago

0.1.0-alpha.132

6 years ago

0.1.0-alpha.131

6 years ago

0.1.0-alpha.128

6 years ago

0.1.0-alpha.127

6 years ago

0.1.0-alpha.122

6 years ago

0.1.0-alpha.111

6 years ago

0.1.0-alpha.93

6 years ago

0.1.0-alpha.92

6 years ago

0.1.0-alpha.91

6 years ago

0.1.0-alpha.88

6 years ago

0.1.0-alpha.87

6 years ago

0.1.0-alpha.86

6 years ago

0.1.0-alpha.85

6 years ago

0.1.0-alpha.84

6 years ago

0.1.0-alpha.83

6 years ago

0.1.0-alpha.82

6 years ago

0.1.0-alpha.80

6 years ago