richie-education 2.24.1 → 2.25.0-b2.dev20

package/.eslintignore

@@ -1,2 +1,4 @@
 # Don't lint node_modules
 node_modules
+# LexPersona iframe script
+iframe-manager.js

package/.nvmrc

@@ -1 +1 @@
-9.3.0
+18.19.0

package/.prettierignore

@@ -1,3 +1,5 @@
 js/translations/*
 i18n/**/*
 public-path.js
+# LexPersona iframe script
+iframe-manager.js

package/.storybook/preview-body.html

@@ -1 +1 @@
-<div id="modal-exclude" style="min-height: 0;"></div>
+<div id="modal-exclude" style="height: auto;"></div>

package/.storybook/preview.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
 import { IntlProvider } from 'react-intl';
-import './__mocks__/utils/context';
+import { CunninghamProvider } from '@openfun/cunningham-react';
 import { useAsyncEffect } from 'hooks/useAsyncEffect';
+import './__mocks__/utils/context';
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -34,7 +35,9 @@ export const decorators = [
   (Story) => (
     <IntlProvider locale="en">
       <IconsWrapper>
-        <Story />
+        <CunninghamProvider>
+          <Story />
+        </CunninghamProvider>
       </IconsWrapper>
     </IntlProvider>
   ),

package/cunningham.cjs

@@ -9,7 +9,7 @@
      const tokens = require('richie-education/cunningham.cjs')
      module.exports = {
        theme: {
-          ...tokens.theme
+          ...tokens.themes.default
           colors: {
             ...tokens.colors,
             'your-black': '#1E1E1E',
@@ -18,48 +18,57 @@
 */
 
 module.exports = {
-  theme: {
-    font: {
-      families: { base: 'Hind', accent: 'Montserrat' },
-    },
-    colors: {
-      'primary-100': '#ffcad1',
-      'primary-200': '#f19597',
-      'primary-300': '#e86a6f',
-      'primary-400': '#f2444b',
-      'primary-500': '#f72c30',
-      'primary-600': '#e81f2f',
-      'primary-700': '#d60f29',
-      'primary-800': '#c90022',
-      'primary-900': '#bb0014',
-      'secondary-100': '#eff8ff',
-      'secondary-200': '#eaf3fd',
-      'secondary-300': '#e2ebf5',
-      'secondary-400': '#c0c9d3',
-      'secondary-500': '#a3abb4',
-      'secondary-600': '#79818a',
-      'secondary-700': '#656c75',
-      'secondary-800': '#454d55',
-      'secondary-900': '#242b32',
-      black: '#090909',
-      'dark-grey': '#232323',
-      charcoal: '#29303b',
-      'slate-grey': '#686868',
-      'battleship-grey': '#686f7a',
-      'light-grey': '#d2d2d2',
-      silver: '#d5dbe0',
-      azure2: '#eceff1',
-      smoke: '#fdfdfd',
-      white: '#ffffff',
-      denim: '#0067b7',
-      firebrick6: '#f72c30',
-      'purplish-grey': '#726c74',
-      grey32: '#525151',
-      grey59: '#969696',
-      grey87: '#dfdfdf',
-      indianred3: '#df484b',
-      midnightblue: '#141b2c',
-      mantis: '#76ce68',
+  themes: {
+    default: {
+      theme: {
+        font: {
+          families: { base: 'Hind', accent: 'Montserrat' },
+        },
+        colors: {
+          'primary-100': '#ffcad1',
+          'primary-200': '#f19597',
+          'primary-300': '#e86a6f',
+          'primary-400': '#f2444b',
+          'primary-500': '#f72c30',
+          'primary-600': '#e81f2f',
+          'primary-700': '#d60f29',
+          'primary-800': '#c90022',
+          'primary-900': '#bb0014',
+          'secondary-100': '#eff8ff',
+          'secondary-200': '#eaf3fd',
+          'secondary-300': '#e2ebf5',
+          'secondary-400': '#c0c9d3',
+          'secondary-500': '#a3abb4',
+          'secondary-600': '#79818a',
+          'secondary-700': '#656c75',
+          'secondary-800': '#454d55',
+          'secondary-900': '#242b32',
+          black: '#090909',
+          'dark-grey': '#232323',
+          charcoal: '#29303b',
+          'slate-grey': '#686868',
+          'battleship-grey': '#686f7a',
+          'light-grey': '#d2d2d2',
+          silver: '#d5dbe0',
+          azure2: '#eceff1',
+          smoke: '#fdfdfd',
+          white: '#ffffff',
+          denim: '#0067b7',
+          firebrick6: '#f72c30',
+          'purplish-grey': '#726c74',
+          grey32: '#525151',
+          grey59: '#969696',
+          grey87: '#dfdfdf',
+          indianred3: '#df484b',
+          midnightblue: '#141b2c',
+          mantis: '#76ce68',
+        },
+      },
+      components: {
+        button: {
+          'font-family': 'Montserrat',
+        },
+      },
     },
   },
 };