1.59.0 • Published 10 months ago

@clarke-energia/foton v1.59.0

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

Foton-UI

Clarke's Design System implementation

Architecture

This is the target architecture of the components folder, following the atomic design principle:

  • components
    • component-name
      • index.tsx
      • index.stories.tsx
      • atoms
        • atom-one.tsx
        • ...
      • molecules
        • molecule-one.tsx
        • ...

Obs.: remember to naming the folders and files with Kebab Case convention.

Installing the project locally

Run

yarn install

Running storybook

Run:

yarn storybook

Creating new components

  • Create component function
  • Create component .stories file
  • Export component in src/lib/index.ts

Integrating into an existing React project

Prerequisites

  • You need to have installed react, tailwindcss, heroicons in your project.

Plugging into your tailwind.config.js

NOTE: Integrating this package into your tailwind configuration might override your previous setup

// tailwind.config.js
const { fotonPlugin } = require('@clarke-energia/foton').fotonTailwind

module.exports = [
  //...
  plugins: [require('@tailwindcss/forms'), fotonPlugin], // This is needed
  //...
]

You are good to go!

Tests

yarn test-storybook
@headlessui/react@heroicons/react@popperjs/core@tailwindcss/line-clamp@types/numeralnumeralreactreact-domreact-number-formatreact-popperreact-router-domreact-selecttailwind-mergevite-plugin-svgr
@infinitebrahmanuniverse/nolb-_cla@everything-registry/sub-chunk-175
1.59.0

10 months ago

1.58.0

1 year ago

1.57.7

1 year ago

1.57.6

2 years ago

1.56.0

2 years ago

1.53.16

2 years ago

1.53.17

2 years ago

1.53.18

2 years ago

1.53.12

2 years ago

1.53.13

2 years ago

1.53.14

2 years ago

1.53.15

2 years ago

1.51.0

2 years ago

1.51.2

2 years ago

1.51.1

2 years ago

1.55.0

2 years ago

1.51.3

2 years ago

1.57.0

2 years ago

1.53.4

2 years ago

1.53.3

2 years ago

1.57.2

2 years ago

1.53.6

2 years ago

1.57.1

2 years ago

1.53.5

2 years ago

1.57.4

2 years ago

1.57.3

2 years ago

1.53.7

2 years ago

1.57.5

2 years ago

1.52.1

2 years ago

1.52.0

2 years ago

1.54.3

2 years ago

1.54.2

2 years ago

1.53.0

2 years ago

1.53.2

2 years ago

1.53.1

2 years ago

1.55.2

2 years ago

1.51.6

2 years ago

1.55.1

2 years ago

1.51.5

2 years ago

1.51.8

2 years ago

1.51.7

2 years ago

1.51.9

2 years ago

1.54.1

2 years ago

1.54.0

2 years ago

1.48.0

2 years ago

1.48.2

2 years ago

1.48.1

2 years ago

1.49.1

2 years ago

1.49.0

2 years ago

1.49.2

2 years ago

1.46.0

2 years ago

1.47.1

2 years ago

1.47.0

2 years ago

1.50.1

2 years ago

1.50.0

2 years ago

1.50.2

2 years ago

1.44.0

2 years ago

1.45.1

2 years ago

1.45.0

2 years ago

1.42.2

2 years ago

1.42.1

2 years ago

1.42.4

2 years ago

1.42.3

2 years ago

1.42.5

2 years ago

1.43.0

2 years ago

1.37.0

2 years ago

1.40.0

2 years ago

1.40.2

2 years ago

1.40.1

2 years ago

1.34.0

2 years ago

1.38.0

2 years ago

1.41.0

2 years ago

1.41.3

2 years ago

1.41.2

2 years ago

1.41.5

2 years ago

1.41.4

2 years ago

1.41.7

2 years ago

1.41.6

2 years ago

1.41.8

2 years ago

1.35.1

2 years ago

1.39.0

2 years ago

1.42.0

2 years ago

1.36.0

2 years ago

1.36.1

2 years ago

1.33.1

2 years ago

1.33.2

2 years ago

1.29.0

2 years ago

1.27.0

2 years ago

1.32.0

2 years ago

1.30.0

2 years ago

1.26.0

2 years ago

1.28.0

2 years ago

1.33.0

2 years ago

1.31.0

2 years ago

1.25.4

2 years ago

1.25.2

2 years ago

1.25.3

2 years ago

1.25.0

2 years ago

1.24.1

2 years ago

1.24.2

2 years ago

1.23.5

2 years ago

1.24.0

2 years ago

1.23.2

2 years ago

1.23.3

2 years ago

1.23.4

2 years ago

1.18.1

3 years ago

1.18.0

3 years ago

1.21.0

2 years ago

1.21.1

2 years ago

1.23.0

2 years ago

1.19.0

3 years ago

1.17.1

3 years ago

1.17.0

3 years ago

1.22.0

2 years ago

1.20.0

2 years ago

1.15.0

3 years ago

1.14.1

3 years ago

1.14.0

3 years ago

1.16.3

3 years ago

1.14.5

3 years ago

1.13.6

3 years ago

1.16.2

3 years ago

1.15.3

3 years ago

1.16.1

3 years ago

1.16.0

3 years ago

1.15.1

3 years ago

1.14.2

3 years ago

1.15.10

3 years ago

1.15.8

3 years ago

1.14.9

3 years ago

1.15.7

3 years ago

1.14.8

3 years ago

1.15.6

3 years ago

1.16.4

3 years ago

1.14.6

3 years ago

1.13.7

3 years ago

1.15.9

3 years ago

1.14.11

3 years ago

1.14.12

3 years ago

1.14.17

3 years ago

1.14.18

3 years ago

1.14.14

3 years ago

1.14.15

3 years ago

1.14.16

3 years ago

1.13.5

3 years ago

1.13.4

3 years ago

1.13.1

3 years ago

1.12.2

3 years ago

1.13.0

3 years ago

1.12.1

3 years ago

1.12.0

3 years ago

1.11.8

3 years ago

1.13.3

3 years ago

1.11.9

3 years ago

1.11.10

3 years ago

1.11.4

3 years ago

1.11.3

3 years ago

1.11.7

3 years ago

1.11.6

3 years ago

1.11.5

3 years ago

1.11.2

3 years ago