@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 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

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

2 years ago

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

2 years ago

2.22.0

2 years ago

2.10.0

2 years ago

2.21.0

2 years ago

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

2 years ago

2.21.1

2 years ago

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

2 years ago

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

2 years ago

2.20.0

2 years ago

0.0.0-experiment-primary-nav-silver-cf17212e

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

2.19.0

2 years ago

2.18.0

2 years ago

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

2 years ago

2.17.2

2 years ago

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

2 years ago

2.17.0

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

2.16.0

2 years ago

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

2 years ago

0.0.0-fix-menu-subitem-collapse-f3a16cf4

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

2.15.0

2 years ago

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

2 years ago

2.14.0

2 years ago

0.0.0-mathieu-accordion-background-color-aec4c7a7

2 years ago

2.13.0

2 years ago

2.24.0

2 years ago

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

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-feat-primary-navigation-additional-content-dffcd191

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-feat-icons-v2-component-f9fc4945

3 years ago

1.84.0

3 years ago

0.0.0-feat-release-dist-folder-dbb76d41

3 years ago

0.0.0-fix-v2-conflicts-7aae4c39

3 years ago

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

3 years ago

0.0.0-feat-release-dist-folder-f36ab2b6

3 years ago

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

3 years ago

0.0.0-v2-439bdc32

3 years ago

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

3 years ago

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

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-feat-datepicke-field-ec87e8e7

3 years ago

0.0.0-main-b1144285

3 years ago

0.0.0-feat-datepicker-field-816f291e

3 years ago

0.0.0-main--vtest

3 years ago

0.0.0-fix-3328-04fb8c24

3 years ago

1.80.0

3 years ago

0.0.0-dt-13707-1b146937

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-master-ab5bf9d4

3 years ago

1.61.0

3 years ago

1.60.0

3 years ago

0.0.0-master-0986e3a1

3 years ago

1.59.0

3 years ago

0.0.0-master-76c4c51f

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-master-bf260b95

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.0.0-feat-cssReset-2adf89ea

3 years ago

0.0.0-feat-navigation-ec4cf183

3 years ago

0.0.0-feat-navigation-9ee5f666

3 years ago

0.0.0-chore-fc-87f773d3

3 years ago

0.0.0-chore-fc-318a1509

3 years ago

0.0.0-chore-fc-f34f4728

3 years ago

0.0.0-feat-cssReset-5db113e1

3 years ago

0.0.0-feat-navigation-3e22fe26

3 years ago

0.0.0-feat-cssReset-ec553a08

3 years ago

0.0.0-feat-navigation-1adadb91

3 years ago

0.0.0-feat-navigation-a726fd70

3 years ago

0.0.0-feat-cssReset-75238f6a

3 years ago

0.0.0-feat-cssReset-43416edf

3 years ago

0.0.0-feat-cssReset-49a800b8

3 years ago

1.51.0

3 years ago

0.0.0-feat-radioGroup-4c6c9786

3 years ago

0.0.0-feat-navigation-80f07456

3 years ago

0.0.0-feat-navigation-73e76982

3 years ago

0.0.0-feat-navigation-98c3b7a2

3 years ago

0.0.0-feat-navigation-b0d708f1

3 years ago

0.0.0-feat-navigation-058b1f64

3 years ago

0.0.0-feat-navigation-a6c8fceb

3 years ago

0.0.0-feat-navigation-161d46a8

3 years ago

0.0.0-feat-navigation-63d1b62a

3 years ago

0.0.0-feat-navigation-33c4b6e1

3 years ago

0.0.0-feat-navigation-da1837b8

3 years ago

0.0.0-fix-jsx-caac34f7

3 years ago

0.0.0-master-0d6d3ae0

3 years ago

1.50.0

4 years ago

0.0.0-chore-react-93efd027

4 years ago

0.0.0-chore-react-40e00a64

4 years ago

1.49.0

4 years ago

0.0.0-master-7decdf82

4 years ago

0.0.0-feat-navigation-7f6c21ae

4 years ago

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

4 years ago

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

4 years ago

0.0.0-feat-navigation-e09dccd9

4 years ago

0.0.0-feat-navigation-740d3807

4 years ago

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

4 years ago

0.0.0-chore-examples-037fe123

4 years ago

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

4 years ago

0.0.0-feat-responsive-props-perf-d6eb6ec9

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

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

4 years ago

1.48.0

4 years ago

0.0.0-feat-responsive-adaptive-impl-a3cca2fe

4 years ago

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

4 years ago

0.0.0-feat-responsive-adaptive-impl-c70ff62a

4 years ago

0.0.0-feat-responsiveProps-9ec1e770

4 years ago

1.47.0

4 years ago

1.46.1

4 years ago

0.0.0-fix-link-4feeb31d

4 years ago

1.46.0

4 years ago

0.0.0-update-section-6466e517

4 years ago

0.0.0-update-section-799df40d

4 years ago

1.45.0

4 years ago

0.0.0-master-be1ae8d8

4 years ago

0.0.0-fix-markdown-5f159320

4 years ago

0.0.0-master-e4963b38

4 years ago

0.0.0-feat-linkable-4f334305

4 years ago

1.44.0

4 years ago

0.0.0-master-1b6fdadb

4 years ago

0.0.0-feat-linkable-4a24fe9a

4 years ago

0.0.0-feat-card-816db7af

4 years ago

0.0.0-refactor-markdownRender-639057ec

4 years ago

0.0.0-master-06b42620

4 years ago

0.0.0-refactor-typography-8530d3bf

4 years ago

1.43.0

4 years ago

0.0.0-renovate-eslint-packages-6807bb19

4 years ago

0.0.0-refactor-useA11Y-02d4c86e

4 years ago

0.0.0-refactor-useA11Y-366f197e

4 years ago

0.0.0-build-midnight-aa717c15

4 years ago

1.42.0

4 years ago

0.0.0-refactor-responsive-hook-34405ab3

4 years ago

1.41.0

4 years ago

1.40.2

4 years ago

0.0.0-fix-a11y-cdaa6756

4 years ago

0.0.0-master-4310b685

4 years ago

0.0.0-master-08f14ae9

4 years ago

0.0.0-feat-universalRadio-34de98ae

4 years ago

1.40.1

4 years ago

1.40.0

4 years ago

0.0.0-doc-avatar-avatargroup-ae18f80d

4 years ago

0.0.0-chore-storyWarnings-e7dcc58e

4 years ago

0.0.0-feat-radiogroup-3f39f313

4 years ago

0.0.0-chore-playground-dca1130d

4 years ago

0.0.0-chore-updateDeps-ccba8af0

4 years ago

1.39.0

4 years ago

0.0.0-build-refactor-5412c956

4 years ago

0.0.0-build-refactor-e8ef1f6d

4 years ago

0.0.0-poc-apiExtractor-08e4f0e7

4 years ago

0.0.0-master-c7662aaa

4 years ago

0.0.0-poc-apiExtractor-f3cdf61c

4 years ago

0.0.0-feat-text-13f12aa6

4 years ago

0.0.0-feat-textWrap-026cdcf1

4 years ago

0.0.0-feat-fullTabs-14329592

4 years ago

1.38.0

4 years ago

0.0.0-master-3f6925a9

4 years ago

0.0.0-master-88efb304

4 years ago

0.0.0-refactor-tokens-bc77e7b4

4 years ago

0.0.0-feat-form-68b528ff

4 years ago

0.0.0-feat-form-f60ee829

4 years ago

1.37.0

4 years ago

0.0.0-refactor-exports-f06d8610

4 years ago

0.0.0-fix-animation-e51ecadd

4 years ago

0.0.0-refactor-radio-47305d6e

4 years ago

0.0.0-fix-selectable-648d7f7f

4 years ago

0.0.0-feat-selection-18ed978f

4 years ago

0.0.0-feat-selection-4df245c0

4 years ago

1.36.0

4 years ago

1.35.0

4 years ago

0.0.0-feat-selection-9e8dc7e6

4 years ago

0.0.0-feat-selection-ea0e2698

4 years ago

0.0.0-feat-section-6f0ce7bc

4 years ago

1.34.1

4 years ago

0.0.0-fix-table-d5e20098

4 years ago

1.34.0

4 years ago

0.0.0-docs-toast-e4a0a014

4 years ago

1.33.0

4 years ago

0.0.0-refactor-buttons-0fe99b6b

4 years ago

0.0.0-refactor-buttons-80b857b0

4 years ago

0.0.0-refactor-buttons-37cb543c

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.0-fix-inputs-c3a5c2ed

4 years ago

1.31.1

4 years ago

1.31.0

4 years ago

0.0.0-chore-avatar-079dc3a0

4 years ago

0.0.0-positioner-logic-93da054a

4 years ago

0.0.0-feat-provider-59dae371

4 years ago

0.0.0-positioner-logic-6e21eb6c

4 years ago

0.0.0-refactor-select-bed19c25

4 years ago

0.0.0-feat-inputs-84aebc4e

4 years ago

0.0.0-master-19389b9a

4 years ago

0.0.0-master-0a58a1ef

4 years ago

0.0.0-feat-inputs-f420a02d

4 years ago

0.0.0-popover-force-open-0d3a75d8

4 years ago

0.0.0-fix-dropdown-3e23fded

4 years ago

0.0.0-test-747a0e83

4 years ago

0.0.0-fix-popover-close-a8962580

4 years ago

0.0.0-revert-popoverEvent-3eece125

4 years ago

0.0.0-master-c608cde6

4 years ago

0.0.0-fix-textTypes-387ab8fc

4 years ago

0.0.0-fix-popover-close-d65c37c8

4 years ago

0.0.0-fix-textTypes-ec0395ce

4 years ago

0.0.0-fix-tableActions-ffcd1def

4 years ago

0.0.0-master-cc670d50

4 years ago

1.30.0

4 years ago

0.0.0-fix-zindexOrder-c4a247a9

4 years ago

0.0.0-fix-tableFix-137d656e

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.0.0-master-4decf634

4 years ago

1.27.0

4 years ago

0.0.0-feat-rendererProps-d306f31f

4 years ago

0.0.0-fix-virtual-be9ee86c

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

0.0.0-feat-moretable-31f916a9

5 years ago

0.0.0-test-virtual-a4558061

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

0.0.0-feat-tabs-v2-ef5199ba

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

0.0.0-sort-key-aa1db96b

5 years ago

0.0.0-sort-key-388c4734

5 years ago

0.0.0-sort-key-e413b93d

5 years ago

0.0.0-sort-key-7b9e1734

5 years ago

0.0.0-fix-className-b073eecd

5 years ago

1.11.0

5 years ago

0.0.0-master-a8f9024d

5 years ago

0.0.0-perf-opti-5c1199da

5 years ago

1.10.0

5 years ago

1.9.0

5 years ago

0.0.0-master-987a6190

5 years ago

0.0.0-native.experimental-c7b50965

5 years ago

0.0.0-native.experimental-17c44f26

5 years ago

1.8.1

5 years ago

0.0.0-perf-table-22437442

5 years ago

1.8.0

5 years ago

1.7.0

5 years ago

0.0.0-native.experimental-c955a798

5 years ago

0.0.0-native.experimental-c4587821

5 years ago

0.0.0-perf-select-8f36c2c5

5 years ago

0.0.0-theme.nativeTextField-25be43fa

5 years ago

0.0.0-native.experimental-eada1b97

5 years ago

1.6.1

5 years ago

1.6.0

5 years ago

0.0.0-chore-release-7d8f8ecd

5 years ago

0.0.0-chore-release-816a6c26

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

1.0.0-rc.3-experimental-table-3

6 years ago

1.0.0-rc.3-experimental-table-2

6 years ago

1.0.0-rc.3-experimental-table-1

6 years ago

1.0.0-rc.3-experimental-table

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago