2.60.0 • Published 1 year ago

spoton-lib v2.60.0

Weekly downloads
916
License
MIT
Repository
github
Last release
1 year ago

⚠️ Spoton-lib has been deprecated and will no longer be actively maintained. The new nexus-react library is now available here

📦 Installation

npm i spoton-lib

🔨 Usage

import { Button } from 'spoton-lib';
import { IProps } from './types';

export function MyComponent(props: IProps) {
    return (
        <Button type="primary" onClick={props.handleClick}>
            Sign up
        </Button>
    );
}
@import '~spoton-lib/styles/color-variables';
@import '~spoton-lib/styles/text';
@import '~spoton-lib/styles/responsive';

$tablet: get-breakpoint('tablet');
$desktop: get-breakpoint('desktop');

.Paragraph {
    color: $base10; // uses base10 Nexus color
    @include p; // Applies the paragraph weight and size

    @include screen-smaller-than($tablet) {
        border: 1px solid $base20;
    }
}

We use svg files for all the icons in the library. If you are using spoton-lib in a TypeScript project, make sure to add the global declaration for svg files like this:

declare module '*.svg' {
    import React = require('react');
    const SVG: React.FC<React.SVGProps<SVGSVGElement>>;
    export default SVG;
}

✨ Features

  • Nexus design system available as a set of React components
  • TypeScript support
  • SASS mixins and variables for breakpoints, colors and font styles
  • Colors exported as a JS object

Local Development

Pre-requisites

  • node (check .nvmrc for the correct version of node)

Running the Project

  1. run npm i to install dependencies
  2. run npm run storybook to start a local instance of storybook

🤝 Contributing

Check out our contributing guide for details on how to contribute to Nexus.

2.60.0

1 year ago

2.59.0

1 year ago

2.58.5

1 year ago

2.58.4

1 year ago

2.58.3

1 year ago

2.58.2

1 year ago

2.58.0

1 year ago

2.58.1

1 year ago

2.57.4

1 year ago

2.57.3

1 year ago

2.57.2

1 year ago

2.57.0

1 year ago

2.57.1

1 year ago

2.56.0

2 years ago

2.55.1

2 years ago

2.55.2

2 years ago

2.55.0

2 years ago

2.54.2

2 years ago

2.51.2-staging

2 years ago

2.53.0-staging

2 years ago

2.54.0

2 years ago

2.54.1

2 years ago

2.53.0

2 years ago

2.53.1

2 years ago

2.53.2

2 years ago

2.53.3

2 years ago

2.53.4

2 years ago

2.53.5

2 years ago

2.53.6

2 years ago

2.49.0

2 years ago

2.52.1

2 years ago

2.52.0

2 years ago

2.48.0

2 years ago

2.51.2

2 years ago

2.51.0

2 years ago

2.51.1

2 years ago

2.47.0

2 years ago

2.50.0

2 years ago

2.46.0

2 years ago

2.45.0

2 years ago

2.35.0-alpha.3

2 years ago

2.35.0-alpha.2

2 years ago

2.44.0

2 years ago

2.43.0

2 years ago

2.42.0

2 years ago

2.41.0

2 years ago

2.40.1

2 years ago

2.40.0

2 years ago

2.39.1-beta

2 years ago

2.39.1

2 years ago

2.39.0

2 years ago

2.38.0-canary.0

2 years ago

2.38.2

2 years ago

2.38.1

2 years ago

2.38.3

2 years ago

2.38.0

2 years ago

2.37.0-next.25

2 years ago

2.37.0-next.27

2 years ago

2.37.0-next.26

2 years ago

2.37.0-next.28

2 years ago

2.37.0-next.21

3 years ago

2.37.0-next.20

3 years ago

2.37.0-next.23

3 years ago

2.37.0-next.22

3 years ago

2.37.0-next.24

3 years ago

2.37.0

3 years ago

2.37.0-next.19

3 years ago

2.37.0-next.16

3 years ago

2.37.0-next.18

3 years ago

2.37.0-next.17

3 years ago

2.36.0

3 years ago

2.36.1

3 years ago

2.35.0

3 years ago

2.37.1-alpha.0

3 years ago

2.34.0

3 years ago

2.34.0-alpha.0

3 years ago

2.34.0-alpha.1

3 years ago

2.33.0

3 years ago

2.34.0-beta.0

3 years ago

2.29.0

3 years ago

2.32.0

3 years ago

2.31.0

3 years ago

2.30.0

3 years ago

2.28.0

3 years ago

2.22.0

3 years ago

2.22.0-alpha.0

3 years ago

2.21.0

3 years ago

2.21.0-alpha.0

3 years ago

2.20.0

3 years ago

2.27.0

3 years ago

2.26.0

3 years ago

2.25.0

3 years ago

2.24.0

3 years ago

2.23.0

3 years ago

2.20.0-alpha.0

3 years ago

2.11.0

4 years ago

2.11.1

4 years ago

2.14.0-alpha.0

3 years ago

2.19.0

3 years ago

2.11.2

4 years ago

2.18.0

3 years ago

2.17.0

3 years ago

2.16.0

3 years ago

2.15.2

3 years ago

2.15.0

3 years ago

2.15.1

3 years ago

2.0.22-alpha.2

4 years ago

2.0.22-alpha.3

4 years ago

2.14.1

3 years ago

2.14.0

3 years ago

2.18.0-alpha.0

3 years ago

2.18.0-alpha.1

3 years ago

2.13.0

4 years ago

2.12.0

4 years ago

2.10.0

4 years ago

2.9.0

4 years ago

2.8.1

4 years ago

2.8.0

4 years ago

2.7.0

4 years ago

2.7.1

4 years ago

2.6.0

4 years ago

2.4.0

4 years ago

2.3.0

4 years ago

2.2.0

4 years ago

2.5.0

4 years ago

2.1.0

4 years ago

2.0.26

4 years ago

2.0.25

4 years ago

2.0.24

4 years ago

2.0.23

4 years ago

2.0.22

4 years ago

2.0.21

4 years ago

2.0.22-alpha.1

4 years ago

2.0.22-alpha.0

4 years ago

2.0.20

4 years ago

2.0.20-beta.0

4 years ago

2.0.19

4 years ago

2.0.18

4 years ago

2.0.17

4 years ago

2.0.17-beta.0

4 years ago

2.0.16

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

4 years ago

2.0.12

4 years ago

2.0.11

4 years ago

2.0.10

4 years ago

2.0.9

4 years ago

2.0.8

4 years ago

2.0.3

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.7

4 years ago

2.0.6

4 years ago

2.0.6-beta.1

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

2.0.0-beta.9

4 years ago

2.0.0-beta.20

4 years ago

1.9.9

4 years ago

1.9.8

4 years ago

1.9.7

4 years ago

1.9.6

4 years ago

2.0.0-beta.11

4 years ago

2.0.0-beta.10

4 years ago

2.0.0-beta.15

4 years ago

2.0.0-beta.14

4 years ago

2.0.0-beta.13

4 years ago

2.0.0-beta.12

4 years ago

2.0.0-beta.19

4 years ago

2.0.0-beta.18

4 years ago

2.0.0-beta.17

4 years ago

2.0.0-beta.16

4 years ago

2.0.0-beta.8

4 years ago

2.0.0-beta.7

4 years ago

1.9.5

4 years ago

2.0.0-beta.6

4 years ago

2.0.0-beta.5

4 years ago

2.0.0-beta.4

4 years ago

2.0.0-beta.3

4 years ago

2.0.0-beta.2

4 years ago

1.9.4

4 years ago

2.0.0-beta.1

4 years ago

1.9.3

4 years ago

1.9.2

4 years ago

1.9.1

4 years ago

2.0.0-beta.0

4 years ago

3.1.0-alpha.7

4 years ago

1.9.0

4 years ago

3.1.0-alpha.5

4 years ago

3.1.0-alpha.6

4 years ago

3.1.0-alpha.1

4 years ago

3.1.0-alpha.2

4 years ago

3.1.0-alpha.4

4 years ago

3.1.0-alpha.0

4 years ago

1.8.3

4 years ago

1.8.2

4 years ago

1.8.1

4 years ago

1.8.0

4 years ago

1.8.0-alpha.6

4 years ago

1.7.11-1

4 years ago

1.7.12-alpha.0

4 years ago

1.8.0-alpha.5

4 years ago

1.8.0-alpha.4

4 years ago

1.7.11

4 years ago

1.8.0-alpha.3

4 years ago

1.8.0-alpha.2

4 years ago

1.7.10

4 years ago

1.7.9

4 years ago

1.7.8

4 years ago

1.8.0-alpha.1

4 years ago

1.8.0-alpha.0

4 years ago

1.7.6

4 years ago

1.7.5

4 years ago

1.7.4

4 years ago

1.7.5-alpha.0

4 years ago

1.7.3

5 years ago

1.7.3-alpha.1

5 years ago

1.7.2

5 years ago

1.7.1

5 years ago

1.6.2

5 years ago

1.7.0

5 years ago

1.6.1

5 years ago

1.6.0

5 years ago

1.5.25

5 years ago

1.5.24

5 years ago

1.5.23

5 years ago

1.5.22

5 years ago

1.5.20-alpha.2

5 years ago

1.5.20-alpha.1

5 years ago

1.5.20-alpha.3

5 years ago

1.5.21

5 years ago

1.5.20

5 years ago

1.5.19

5 years ago

1.5.18

5 years ago

1.5.17

5 years ago

1.5.15-0

5 years ago

1.5.16

5 years ago

1.5.15

5 years ago

1.5.14

5 years ago

1.5.13

5 years ago

1.5.12

5 years ago

1.5.11

5 years ago

1.5.10

5 years ago

1.5.9

5 years ago

1.5.8

5 years ago

1.5.7

5 years ago

1.5.5

5 years ago

1.5.6

5 years ago

1.5.4

5 years ago

1.5.3

5 years ago

1.15.2

5 years ago

1.5.2

5 years ago

1.5.1

5 years ago

1.5.0-beta.12

5 years ago

1.4.25

5 years ago

1.4.24

5 years ago

1.4.23

5 years ago

1.4.20

5 years ago

1.4.21

5 years ago

1.5.0-beta.11

5 years ago

1.5.0-beta.10

5 years ago

1.5.0-beta.9

5 years ago

1.5.0-beta.8

5 years ago

1.5.0-beta.7

5 years ago

1.5.0-beta.6

5 years ago

1.15.0-beta.4

5 years ago

1.5.0-beta.5

5 years ago

1.4.19

5 years ago

1.4.18

5 years ago

1.15.0-beta.3

5 years ago

1.15.0-beta.1

5 years ago

1.4.16

5 years ago

1.4.15

5 years ago

1.4.14

5 years ago

1.15.0-beta.0

5 years ago

1.4.13

5 years ago

1.4.12

5 years ago

1.4.11

5 years ago

1.4.10

5 years ago

1.4.9

5 years ago

1.4.8

5 years ago

1.4.7

5 years ago

1.4.6

5 years ago

1.4.5

5 years ago

1.4.4

5 years ago

1.4.3

5 years ago

1.4.2

5 years ago

1.4.1

5 years ago

1.4.0

5 years ago

1.3.8

5 years ago

1.3.7

5 years ago

1.3.6

5 years ago

1.3.5

5 years ago

1.3.4

5 years ago

1.3.3

5 years ago

1.3.2

5 years ago

1.3.1

5 years ago

1.3.0

5 years ago

1.2.4

5 years ago

1.2.3

5 years ago

1.2.3-2

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.0

5 years ago

0.0.1-47

5 years ago

0.0.1-49

5 years ago

0.0.1-46

5 years ago

0.0.1-45

5 years ago

0.0.1-44

5 years ago

0.0.1-43

5 years ago

0.0.1-42

5 years ago

0.0.1-41

5 years ago

0.0.1-39

5 years ago

0.0.1-40

5 years ago

0.0.1-36

5 years ago

0.0.1-35

5 years ago

0.0.1-38

5 years ago

0.0.1-37

5 years ago

0.0.1-34

5 years ago

0.0.1-32

5 years ago

0.0.1-33

5 years ago

0.0.1-31

5 years ago

0.0.1-30

5 years ago

0.0.1-27

5 years ago

0.0.1-29

5 years ago

0.0.1-28

5 years ago

0.0.1-25

5 years ago

0.0.1-26

5 years ago

0.0.1-24

5 years ago

0.0.1-23

5 years ago

0.0.1-22

5 years ago

0.0.1-20

5 years ago

0.0.1-19

5 years ago

0.0.1-18

5 years ago

0.0.1-14

5 years ago

0.0.1-13

5 years ago

0.0.1-16

5 years ago

0.0.1-15

5 years ago

0.0.1-17

5 years ago

0.0.1-12

5 years ago

0.0.1-11

5 years ago

0.0.1-10

5 years ago

0.0.1-9

5 years ago

0.0.1-8

5 years ago

0.0.1-7

5 years ago

0.0.1-6

5 years ago

0.0.1-4

5 years ago

0.0.1-3

5 years ago

0.0.1-2

5 years ago

0.0.1-1

5 years ago

0.0.1-0

5 years ago