1.56.0 • Published 9 months ago

@clarke-energia/foton-v2 v1.56.0

Weekly downloads
-
License
MIT
Repository
github
Last release
9 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 , radix ui 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

npx playwright install
yarn test-storybook
@heroicons/react@radix-ui/react-checkbox@radix-ui/react-collapsible@radix-ui/react-dialog@radix-ui/react-menubar@radix-ui/react-scroll-area@radix-ui/react-select@radix-ui/react-toast@radix-ui/themes@storybook/addon-onboarding@types/react-slickechartsecharts-for-reactnumeralreact-circular-progressbarreact-number-formatreact-slickslick-carouseltailwind-mergevite-plugin-svgr
1.33.3

1 year ago

1.14.1

1 year ago

1.56.0

9 months ago

1.33.4

1 year ago

1.14.0

1 year ago

1.33.1

1 year ago

1.33.2

1 year ago

1.33.7

1 year ago

1.18.1

1 year ago

1.33.8

1 year ago

1.18.0

1 year ago

1.37.1

1 year ago

1.33.5

1 year ago

1.33.6

1 year ago

1.14.2

1 year ago

1.18.2

1 year ago

1.21.0

1 year ago

1.21.1

1 year ago

1.44.0

11 months ago

1.44.2

10 months ago

1.25.0

1 year ago

1.21.4

1 year ago

1.44.1

10 months ago

1.25.1

1 year ago

1.48.0

10 months ago

1.21.2

1 year ago

1.44.3

10 months ago

1.21.3

1 year ago

1.29.0

1 year ago

1.29.1

1 year ago

1.29.2

1 year ago

1.29.3

1 year ago

1.51.0

9 months ago

1.32.0

1 year ago

1.51.1

9 months ago

1.32.1

1 year ago

1.34.2

1 year ago

1.15.0

1 year ago

1.34.0

1 year ago

1.34.1

1 year ago

1.38.2

12 months ago

1.34.6

1 year ago

1.19.0

1 year ago

1.15.4

1 year ago

1.38.3

12 months ago

1.34.7

1 year ago

1.15.3

1 year ago

1.38.0

1 year ago

1.34.4

1 year ago

1.15.2

1 year ago

1.38.1

12 months ago

1.34.10

1 year ago

1.34.5

1 year ago

1.15.1

1 year ago

1.34.8

1 year ago

1.34.9

1 year ago

1.19.1

1 year ago

1.15.5

1 year ago

1.34.11

1 year ago

1.34.12

1 year ago

1.34.13

1 year ago

1.34.14

1 year ago

1.41.1

12 months ago

1.34.15

1 year ago

1.41.0

12 months ago

1.45.0

10 months ago

1.26.0

1 year ago

1.22.1

1 year ago

1.49.0

10 months ago

1.26.1

1 year ago

1.26.2

1 year ago

1.52.1

9 months ago

1.52.0

9 months ago

1.33.0

1 year ago

1.35.1

1 year ago

1.35.0

1 year ago

1.39.1

12 months ago

1.16.3

1 year ago

1.39.2

12 months ago

1.16.2

1 year ago

1.16.1

1 year ago

1.39.0

12 months ago

1.16.0

1 year ago

1.16.4

1 year ago

1.42.0

12 months ago

1.42.2

12 months ago

1.42.1

12 months ago

1.46.0

10 months ago

1.23.2

1 year ago

1.46.1

10 months ago

1.23.1

1 year ago

1.27.0

1 year ago

1.27.1

1 year ago

1.53.0

9 months ago

1.30.0

1 year ago

1.36.0

1 year ago

1.32.4

1 year ago

1.55.1

9 months ago

1.32.2

1 year ago

1.32.3

1 year ago

1.17.0

1 year ago

1.20.1

1 year ago

1.20.2

1 year ago

1.43.0

12 months ago

1.20.0

1 year ago

1.20.5

1 year ago

1.20.6

1 year ago

1.47.1

10 months ago

1.47.0

10 months ago

1.24.0

1 year ago

1.47.2

10 months ago

1.28.0

1 year ago

1.50.1

10 months ago

1.50.0

10 months ago

1.54.1

9 months ago

1.31.0

1 year ago

1.13.1

1 year ago

1.11.3

1 year ago

1.13.0

1 year ago

1.12.0

1 year ago

1.11.1

1 year ago

1.9.2

1 year ago

1.11.0

1 year ago

1.10.1

1 year ago

1.10.0

1 year ago

1.9.1

1 year ago

1.9.0

1 year ago

1.8.0

1 year ago

1.7.0

1 year ago

1.6.4

1 year ago

1.6.5

1 year ago

1.6.3

1 year ago

1.6.2

1 year ago

1.6.1

1 year ago

1.6.0

1 year ago

1.1.1

1 year ago

1.4.2

1 year ago

1.5.0

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.1

1 year ago

1.3.0

1 year ago

1.2.1

1 year ago

1.2.0

1 year ago