@payfit/midnight NPM

📄 Documentation

🤝 Team

Avatar	Name	Role
	Sylvie Nguyen	Senior Product Designer
	Fiona Gianquinto	Visual Designer
	Yann Isabel	Frontend Software Engineer
	Nicolas Toulemont	Software Engineer
	Cyril Lopez (Soupette)	Lead Front-End Engineer
	Santiago Arango	Senior Software Engineer

🚀 Quickstart

To get started install the @payfit/midnight package:

yarn add @payfit/midnight @payfit/midnight-utils react react-dom styled-components @emotion/css @emotion/react

After installing Midnight, you can now use it this way:

import React from 'react'
import ReactDOM from 'react-dom'
import { Button, MidnightProvider } from '@payfit/midnight'

ReactDOM.render(
  <MidnightProvider locale="en-GB">
    <Button>I am using Midnight!</Button>
  </MidnightProvider>,
  document.getElementById('root'),
)

@payfit/midnight-theme framer-motion react-virtual

@infinitebrahmanuniverse/nolb-_pay @payfit/storage-hub-ui @everything-registry/sub-chunk-708 @zalastax/nolb-_pay

1 month ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

6 months ago

0.0.0-lnxlan-119-sections-primary-nav-04c17d3f

9 months ago

0.0.0-lnxlan-92-primary-navigation-light-cc2a6d3b

8 months ago

2.22.0

7 months ago

2.10.0

10 months ago

2.21.0

7 months ago

0.0.0-lnxlan-119-sections-primary-nav-467df9c5

9 months ago

2.21.1

7 months ago

0.0.0-feat-primary-nav-state-design-update-f6abdee6

8 months ago

0.0.0-feat-primary-nav-state-design-update-2e19ab9d

8 months ago

2.20.0

8 months ago

0.0.0-experiment-primary-nav-silver-cf17212e

9 months ago

0.0.0-hint-aware-sub-item-icon-14806d5a

7 months ago

0.0.0-feat-primary-nav-state-design-update-e484baaf

8 months ago

0.0.0-lnxlan-119-sections-primary-nav-a6871b12

9 months ago

0.0.0-lnxlan-163-primary-nav-data-attributes-a60b840f

6 months ago

0.0.0-feat-primary-nav-state-design-update-0e8b8d91

8 months ago

0.0.0-LNXLAN-93-add-new-ia-icon-midnight-v1-7514b249

8 months ago

0.0.0-lnxlan-163-primary-nav-data-attributes-5286cba3

6 months ago

0.0.0-feat-primary-nav-state-design-update-ed1f7f8b

8 months ago

2.19.0

8 months ago

2.18.0

8 months ago

0.0.0-feat-primary-nav-hint-state-aware-410ba6f2

7 months ago

2.17.2

8 months ago

0.0.0-lnxlan-92-primary-navigation-light-6f8d4508

8 months ago

2.17.0

8 months ago

0.0.0-feat-primary-nav-state-design-update-c7c3d8a4

8 months ago

0.0.0-lnxlan-163-primary-nav-data-attributes-e0578e21

6 months ago

0.0.0-lnxlan-92-primary-navigation-light-e97d4ca7

8 months ago

2.16.0

8 months ago

0.0.0-experiment-primary-nav-silver-1b894636

9 months ago

0.0.0-fix-menu-subitem-collapse-f3a16cf4

7 months ago

0.0.0-lnxlan-92-primary-navigation-light-a13388df

8 months ago

0.0.0-lnxlan-92-primary-navigation-light-d93fa277

8 months ago

0.0.0-feat-primary-nav-state-design-update-8d74226b

8 months ago

2.15.0

9 months ago

0.0.0-lnxlan-92-primary-navigation-light-46696104

8 months ago

2.14.0

10 months ago

0.0.0-mathieu-accordion-background-color-aec4c7a7

6 months ago

2.13.0

10 months ago

2.24.0

6 months ago

0.0.0-fix-menu-route-icon-610e7662

7 months ago

6 months ago

1 year ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-feat-primary-navigation-additional-content-dffcd191

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

0.0.0-feat-icons-v2-component-f9fc4945

1 year ago

1.84.0

1 year ago

0.0.0-feat-release-dist-folder-dbb76d41

1 year ago

0.0.0-fix-v2-conflicts-7aae4c39

1 year ago

0.0.0-feat-icons-v2-component-33e985e5

1 year ago

0.0.0-feat-release-dist-folder-f36ab2b6

1 year ago

0.0.0-feat-release-dist-folder-9ae352fb

1 year ago

0.0.0-v2-439bdc32

1 year ago

0.0.0-feat-release-dist-folder-2437aed6

1 year ago

0.0.0-feat-release-dist-folder-607d898d

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-feat-datepicke-field-ec87e8e7

2 years ago

0.0.0-main-b1144285

2 years ago

0.0.0-feat-datepicker-field-816f291e

2 years ago

0.0.0-main--vtest

2 years ago

0.0.0-fix-3328-04fb8c24

2 years ago

1.80.0

2 years ago

0.0.0-dt-13707-1b146937

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-master-ab5bf9d4

2 years ago

1.61.0

2 years ago

1.60.0

2 years ago

0.0.0-master-0986e3a1

2 years ago

1.59.0

2 years ago

0.0.0-master-76c4c51f

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-master-bf260b95

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-feat-cssReset-2adf89ea

2 years ago

0.0.0-feat-navigation-ec4cf183

2 years ago

0.0.0-feat-navigation-9ee5f666

2 years ago

0.0.0-chore-fc-87f773d3

2 years ago

0.0.0-chore-fc-318a1509

2 years ago

0.0.0-chore-fc-f34f4728

2 years ago

0.0.0-feat-cssReset-5db113e1

2 years ago

0.0.0-feat-navigation-3e22fe26

2 years ago

0.0.0-feat-cssReset-ec553a08

2 years ago

0.0.0-feat-navigation-1adadb91

2 years ago

0.0.0-feat-navigation-a726fd70

2 years ago

0.0.0-feat-cssReset-75238f6a

2 years ago

0.0.0-feat-cssReset-43416edf

2 years ago

0.0.0-feat-cssReset-49a800b8

2 years ago

1.51.0

2 years ago

0.0.0-feat-radioGroup-4c6c9786

2 years ago

0.0.0-feat-navigation-80f07456

2 years ago

0.0.0-feat-navigation-73e76982

2 years ago

0.0.0-feat-navigation-98c3b7a2

2 years ago

0.0.0-feat-navigation-b0d708f1

2 years ago

0.0.0-feat-navigation-058b1f64

2 years ago

0.0.0-feat-navigation-a6c8fceb

2 years ago

0.0.0-feat-navigation-161d46a8

2 years ago

0.0.0-feat-navigation-63d1b62a

2 years ago

0.0.0-feat-navigation-33c4b6e1

2 years ago

0.0.0-feat-navigation-da1837b8

2 years ago

0.0.0-fix-jsx-caac34f7

2 years ago

0.0.0-master-0d6d3ae0

2 years ago

1.50.0

2 years ago

0.0.0-chore-react-93efd027

2 years ago

0.0.0-chore-react-40e00a64

2 years ago

1.49.0

2 years ago

0.0.0-master-7decdf82

2 years ago

0.0.0-feat-navigation-7f6c21ae

2 years ago

0.0.0-feat-responsive-props-perf-4ce51163

2 years ago

0.0.0-feat-responsive-props-perf-440a38dc

2 years ago

0.0.0-feat-navigation-e09dccd9

2 years ago

0.0.0-feat-navigation-740d3807

2 years ago

0.0.0-feat-responsive-props-perf-117eb399

2 years ago

0.0.0-chore-examples-037fe123

2 years ago

0.0.0-prf-38-new-range-input-489dac04

2 years ago

0.0.0-feat-responsive-props-perf-d6eb6ec9

2 years ago

0.0.0-renovate-svgr-rollup-6.x-f03c889a

2 years ago

0.0.0-prf-38-new-range-input-5a937051

2 years ago

0.0.0-prf-38-new-range-input-7300402a

2 years ago

0.0.0-prf-38-new-range-input-3f835af8

2 years ago

0.0.0-prf-38-new-range-input-51302a5b

2 years ago

0.0.0-feat-responsive-props-perf-0de7dbb2

2 years ago

0.0.0-prf-38-new-range-input-bd389641

2 years ago

0.0.0-prf-38-new-range-input-85e8ec8a

2 years ago

0.0.0-prf-38-new-range-input-9b2d5437

2 years ago

1.48.0

2 years ago

0.0.0-feat-responsive-adaptive-impl-a3cca2fe

2 years ago

0.0.0-prf-38-new-range-input-a81371b0

2 years ago

0.0.0-feat-responsive-adaptive-impl-c70ff62a

2 years ago

0.0.0-feat-responsiveProps-9ec1e770

2 years ago

1.47.0

2 years ago

1.46.1

3 years ago

0.0.0-fix-link-4feeb31d

3 years ago

1.46.0

3 years ago

0.0.0-update-section-6466e517

3 years ago

0.0.0-update-section-799df40d

3 years ago

1.45.0

3 years ago

0.0.0-master-be1ae8d8

3 years ago

0.0.0-fix-markdown-5f159320

3 years ago

0.0.0-master-e4963b38

3 years ago

0.0.0-feat-linkable-4f334305

3 years ago

1.44.0

3 years ago

0.0.0-master-1b6fdadb

3 years ago

0.0.0-feat-linkable-4a24fe9a

3 years ago

0.0.0-feat-card-816db7af

3 years ago

0.0.0-refactor-markdownRender-639057ec

3 years ago

0.0.0-master-06b42620

3 years ago

0.0.0-refactor-typography-8530d3bf

3 years ago

1.43.0

3 years ago

0.0.0-renovate-eslint-packages-6807bb19

3 years ago

0.0.0-refactor-useA11Y-02d4c86e

3 years ago

0.0.0-refactor-useA11Y-366f197e

3 years ago

0.0.0-build-midnight-aa717c15

3 years ago

1.42.0

3 years ago

0.0.0-refactor-responsive-hook-34405ab3

3 years ago

1.41.0

3 years ago

1.40.2

3 years ago

0.0.0-fix-a11y-cdaa6756

3 years ago

0.0.0-master-4310b685

3 years ago

0.0.0-master-08f14ae9

3 years ago

0.0.0-feat-universalRadio-34de98ae

3 years ago

1.40.1

3 years ago

1.40.0

3 years ago

0.0.0-doc-avatar-avatargroup-ae18f80d

3 years ago

0.0.0-chore-storyWarnings-e7dcc58e

3 years ago

0.0.0-feat-radiogroup-3f39f313

3 years ago

0.0.0-chore-playground-dca1130d

3 years ago

0.0.0-chore-updateDeps-ccba8af0

3 years ago

1.39.0

3 years ago

0.0.0-build-refactor-5412c956

3 years ago

0.0.0-build-refactor-e8ef1f6d

3 years ago

0.0.0-poc-apiExtractor-08e4f0e7

3 years ago

0.0.0-master-c7662aaa

3 years ago

0.0.0-poc-apiExtractor-f3cdf61c

3 years ago

0.0.0-feat-text-13f12aa6

3 years ago

0.0.0-feat-textWrap-026cdcf1

3 years ago

0.0.0-feat-fullTabs-14329592

3 years ago

1.38.0

3 years ago

0.0.0-master-3f6925a9

3 years ago

0.0.0-master-88efb304

3 years ago

0.0.0-refactor-tokens-bc77e7b4

3 years ago

0.0.0-feat-form-68b528ff

3 years ago

0.0.0-feat-form-f60ee829

3 years ago

1.37.0

3 years ago

0.0.0-refactor-exports-f06d8610

3 years ago

0.0.0-fix-animation-e51ecadd

3 years ago

0.0.0-refactor-radio-47305d6e

3 years ago

0.0.0-fix-selectable-648d7f7f

3 years ago

0.0.0-feat-selection-18ed978f

3 years ago

0.0.0-feat-selection-4df245c0

3 years ago

1.36.0

3 years ago

1.35.0

3 years ago

0.0.0-feat-selection-9e8dc7e6

3 years ago

0.0.0-feat-selection-ea0e2698

3 years ago

0.0.0-feat-section-6f0ce7bc

3 years ago

1.34.1

3 years ago

0.0.0-fix-table-d5e20098

3 years ago

1.34.0

3 years ago

0.0.0-docs-toast-e4a0a014

3 years ago

1.33.0

3 years ago

0.0.0-refactor-buttons-0fe99b6b

3 years ago

0.0.0-refactor-buttons-80b857b0

3 years ago

0.0.0-refactor-buttons-37cb543c

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-fix-inputs-c3a5c2ed

3 years ago

1.31.1

3 years ago

1.31.0

3 years ago

0.0.0-chore-avatar-079dc3a0

3 years ago

0.0.0-positioner-logic-93da054a

3 years ago

0.0.0-feat-provider-59dae371

3 years ago

0.0.0-positioner-logic-6e21eb6c

3 years ago

0.0.0-refactor-select-bed19c25

3 years ago

0.0.0-feat-inputs-84aebc4e

3 years ago

0.0.0-master-19389b9a

3 years ago

0.0.0-master-0a58a1ef

3 years ago

0.0.0-feat-inputs-f420a02d

3 years ago

0.0.0-popover-force-open-0d3a75d8

3 years ago

0.0.0-fix-dropdown-3e23fded

3 years ago

0.0.0-test-747a0e83

3 years ago

0.0.0-fix-popover-close-a8962580

3 years ago

0.0.0-revert-popoverEvent-3eece125

3 years ago

0.0.0-master-c608cde6

3 years ago

0.0.0-fix-textTypes-387ab8fc

3 years ago

0.0.0-fix-popover-close-d65c37c8

3 years ago

0.0.0-fix-textTypes-ec0395ce

3 years ago

0.0.0-fix-tableActions-ffcd1def

3 years ago

0.0.0-master-cc670d50

3 years ago

1.30.0

3 years ago

0.0.0-fix-zindexOrder-c4a247a9

3 years ago

0.0.0-fix-tableFix-137d656e

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-master-4decf634

3 years ago

1.27.0

3 years ago

0.0.0-feat-rendererProps-d306f31f

3 years ago

0.0.0-fix-virtual-be9ee86c

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-feat-moretable-31f916a9

3 years ago

0.0.0-test-virtual-a4558061

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.0-feat-tabs-v2-ef5199ba

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.0-sort-key-aa1db96b

4 years ago

0.0.0-sort-key-388c4734

4 years ago

0.0.0-sort-key-e413b93d

4 years ago

0.0.0-sort-key-7b9e1734

4 years ago

0.0.0-fix-className-b073eecd

4 years ago

1.11.0

4 years ago

0.0.0-master-a8f9024d

4 years ago

0.0.0-perf-opti-5c1199da

4 years ago

1.10.0

4 years ago

1.9.0

4 years ago

0.0.0-master-987a6190

4 years ago

0.0.0-native.experimental-c7b50965

4 years ago

0.0.0-native.experimental-17c44f26

4 years ago

1.8.1

4 years ago

0.0.0-perf-table-22437442

4 years ago

1.8.0

4 years ago

1.7.0

4 years ago

0.0.0-native.experimental-c955a798

4 years ago

0.0.0-native.experimental-c4587821

4 years ago

0.0.0-perf-select-8f36c2c5

4 years ago

0.0.0-theme.nativeTextField-25be43fa

4 years ago

0.0.0-native.experimental-eada1b97

4 years ago

1.6.1

4 years ago

1.6.0

4 years ago

0.0.0-chore-release-7d8f8ecd

4 years ago

0.0.0-chore-release-816a6c26

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

1.0.0-rc.3-experimental-table-3

5 years ago

1.0.0-rc.3-experimental-table-2

5 years ago

1.0.0-rc.3-experimental-table-1

5 years ago

1.0.0-rc.3-experimental-table

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago