@groupeactual/design-tokens 1.7.9 → 2.0.0-beta.0

package/src/tokens/tokens.json

@@ -1,5 +1,662 @@
 {
-  "Default": {
+  "DFLib-Variables/Interne": {
+    "palette": {
+      "secondary": {
+        "main": {
+          "value": "#e30421",
+          "type": "color"
+        },
+        "light 3": {
+          "value": "#fce6e9",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#f7b4bc",
+          "type": "color"
+        },
+        "light": {
+          "value": "#f18290",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#cc041e",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#b6031a",
+          "type": "color"
+        },
+        "dark 3": {
+          "value": "#9f0317",
+          "type": "color"
+        },
+        "secondary contrast text": {
+          "value": "#ffffff",
+          "type": "color"
+        }
+      },
+      "primary": {
+        "light": {
+          "value": "#51b7ff",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#bddff8",
+          "type": "color"
+        },
+        "light 3": {
+          "value": "#e6f4ff",
+          "type": "color"
+        },
+        "main": {
+          "value": "#136cac",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#004f88",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#0b3f64",
+          "type": "color"
+        },
+        "dark 3": {
+          "value": "#062439",
+          "type": "color"
+        },
+        "primary contrast text": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "mainChannel": {
+          "value": "#136cac1f",
+          "type": "color"
+        }
+      },
+      "error": {
+        "light 3": {
+          "value": "#ffeff2",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#ffd9e1",
+          "type": "color"
+        },
+        "light": {
+          "value": "#f60f3e",
+          "type": "color"
+        },
+        "main": {
+          "value": "#e20e28",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#c1042a",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#c1042a",
+          "type": "color"
+        }
+      },
+      "warning": {
+        "light 3": {
+          "value": "#fef7ec",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#feedd2",
+          "type": "color"
+        },
+        "light": {
+          "value": "#ffa411",
+          "type": "color"
+        },
+        "main": {
+          "value": "#e46221",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#b13906",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#872d01",
+          "type": "color"
+        }
+      },
+      "success": {
+        "light 3": {
+          "value": "#ecfdf3",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#d1fadf",
+          "type": "color"
+        },
+        "light": {
+          "value": "#5be69c",
+          "type": "color"
+        },
+        "main": {
+          "value": "#179b6d",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#126e4e",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#145740",
+          "type": "color"
+        }
+      },
+      "infos": {
+        "light 3": {
+          "value": "#ecfafd",
+          "type": "color"
+        },
+        "light 2": {
+          "value": "#c8eaf9",
+          "type": "color"
+        },
+        "light": {
+          "value": "#47d1ff",
+          "type": "color"
+        },
+        "main": {
+          "value": "#1b87b6",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#145a85",
+          "type": "color"
+        },
+        "dark 2": {
+          "value": "#143757",
+          "type": "color"
+        }
+      },
+      "text": {
+        "secondary": {
+          "value": "#4d5459",
+          "type": "color"
+        },
+        "primary": {
+          "value": "#24272a",
+          "type": "color"
+        },
+        "dark": {
+          "value": "#141414",
+          "type": "color"
+        },
+        "disabled": {
+          "value": "#5d6879",
+          "type": "color"
+        }
+      },
+      "background": {
+        "default": {
+          "value": "#ffffff",
+          "type": "color"
+        },
+        "grey": {
+          "value": "#f0f0f1",
+          "type": "color"
+        }
+      },
+      "border": {
+        "default": {
+          "value": "#e0e0e0",
+          "type": "color"
+        },
+        "grey": {
+          "value": "#8F959E",
+          "type": "color"
+        }
+      },
+      "action": {
+        "hoverOpacity": {
+          "value": "0.12",
+          "type": "number"
+        }
+      }
+    },
+    "Typography": {
+      "h1": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "35px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "41px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "700",
+          "type": "text"
+        }
+      },
+      "h2": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "29px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "34px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "500",
+          "type": "text"
+        }
+      },
+      "h3": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "24px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "28px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      },
+      "h4": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "18px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "21px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "500",
+          "type": "text"
+        }
+      },
+      "h5": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "16px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "21px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "500",
+          "type": "text"
+        }
+      },
+      "subtitle1": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "16px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "21px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      },
+      "h6": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "16px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "21px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "500",
+          "type": "text"
+        }
+      },
+      "subtitle2": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "14px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "18px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      },
+      "body1": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "14px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "18px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      },
+      "body2": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "13px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "16px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      },
+      "button": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "14px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "18px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "700",
+          "type": "text"
+        }
+      },
+      "caption": {
+        "fontFamily": {
+          "value": "\"Roboto\", sans-serif",
+          "type": "text"
+        },
+        "fontSize": {
+          "value": "11px",
+          "type": "text"
+        },
+        "LineHeight": {
+          "value": "12px",
+          "type": "text"
+        },
+        "fontWeight": {
+          "value": "400",
+          "type": "text"
+        }
+      }
+    },
+    "spacing": {
+      "xxs": {
+        "value": "4",
+        "type": "number"
+      },
+      "xs": {
+        "value": "8",
+        "type": "number"
+      },
+      "sm": {
+        "value": "12",
+        "type": "number"
+      },
+      "md": {
+        "value": "16",
+        "type": "number"
+      },
+      "lg": {
+        "value": "24",
+        "type": "number"
+      },
+      "xl": {
+        "value": "32",
+        "type": "number"
+      },
+      "xxl": {
+        "value": "40",
+        "type": "number"
+      }
+    },
+    "radius": {
+      "small": {
+        "value": "4",
+        "type": "number"
+      },
+      "medium": {
+        "value": "8",
+        "type": "number"
+      },
+      "large": {
+        "value": "16",
+        "type": "number"
+      },
+      "xLarge": {
+        "value": "24",
+        "type": "number"
+      }
+    }
+  },
+  "DFLib-Variables/Interne/defaultColors": {
+    "redActual": {
+      "value": "#e40521",
+      "type": "color",
+      "description": "Official - AA : Pass bold/icon on F0 - #E40521"
+    },
+    "blueClickable": {
+      "value": "#136cac",
+      "type": "color",
+      "description": "Only for clickable element - AA : Pass all on F0 - #136CAC"
+    },
+    "blueHoverClickable": {
+      "value": "#004f88",
+      "type": "color",
+      "description": "Only for hover CTA - #004F88"
+    },
+    "greyMediumInactive": {
+      "value": "#808080",
+      "type": "color",
+      "description": "For inactive cta or icon - AA : Pass bold & icon on F0 - #808080"
+    },
+    "greyXDark": {
+      "value": "#272727",
+      "type": "color",
+      "description": "For all texts - AA : Pass all on F0 - #272727"
+    },
+    "textColors": {
+      "greyDark": {
+        "value": "#545352",
+        "type": "color",
+        "description": "For 2nd texts - AA : Pass all on F0 - #545352"
+      }
+    },
+    "backgroundColors": {
+      "white": {
+        "value": "#ffffff",
+        "type": "color",
+        "description": "For background & typo in cta/notif - #FFFFFF"
+      },
+      "greyXLight": {
+        "value": "#f0f0f0",
+        "type": "color",
+        "description": "Only for background - #F0F0F0"
+      },
+      "greyXDarkBgModal": {
+        "value": "#27272780",
+        "type": "color",
+        "description": "Only for layer under modal - #272727 à 50%"
+      },
+      "blueHoverEquivalence": {
+        "value": "#e8f1f7",
+        "type": "color",
+        "description": "Hover equivalence - AA : Fail on FF - #E8F1F7"
+      },
+      "blueHoverOpacity12": {
+        "value": "#136cac1f",
+        "type": "color",
+        "description": "Hover - AA : Fail on FF -  #136CAC at 12% opacity"
+      }
+    },
+    "borderColors": {
+      "greyLightDefaultBorder": {
+        "value": "#cbcbcb",
+        "type": "color",
+        "description": "Only for border - AA : Fail on FF - #CBCBCB"
+      }
+    },
+    "notificationColors": {
+      "blueInfo": {
+        "value": "#1d91c3",
+        "type": "color",
+        "description": "Info - AA : Pass bold & icon on F0 - #1D91C3"
+      },
+      "greenSuccess": {
+        "value": "#23956d",
+        "type": "color",
+        "description": "Success - AA : Pass bold & icon on F0 - #23956D"
+      },
+      "orangeWarning": {
+        "value": "#e46221",
+        "type": "color",
+        "description": "Warning - AA : Pass bold & icon on F0 - #E46221"
+      },
+      "redError": {
+        "value": "#b80025",
+        "type": "color",
+        "description": "Error - AA : Pass all on F0 - #B80025"
+      }
+    },
+    "secondaryColors": {
+      "blueDark": {
+        "value": "#0d2c54",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #0D2C54"
+      },
+      "blueMedium": {
+        "value": "#3d5a80",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #3D5A80"
+      },
+      "blueLight": {
+        "value": "#7fdcea",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #7FDCEA"
+      },
+      "greenDark": {
+        "value": "#125e42",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #125E42"
+      },
+      "greenMedium": {
+        "value": "#1f8461",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass bold & icon on F0 - #1F8461"
+      },
+      "green": {
+        "value": "#5dca8b",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #5DCA8B"
+      },
+      "greenLight": {
+        "value": "#bad07a",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #BAD07A"
+      },
+      "brown": {
+        "value": "#6f2902",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #6F2902"
+      },
+      "brownLight": {
+        "value": "#b65700",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass bold/icon on F0 - #B65700"
+      },
+      "orangeLight": {
+        "value": "#f59b00",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #F59B00"
+      },
+      "yellow": {
+        "value": "#f9d25e",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #F9D25E"
+      },
+      "purpleDark": {
+        "value": "#530d48",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #530D48"
+      },
+      "purple": {
+        "value": "#831443",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #831443"
+      },
+      "pink": {
+        "value": "#ca1e5c",
+        "type": "color",
+        "description": "Illu & charts - AA : Pass all on F0 - #CA1E5C"
+      },
+      "pinkLight": {
+        "value": "#fd6972",
+        "type": "color",
+        "description": "Illu & charts - AA : Fail on FF - #FD6972"
+      }
+    }
+  },
+  "Default(old)": {
     "Web_shadow-all-content": {
       "value": {
         "color": "#2727271f",
@@ -740,9 +1397,10 @@
       "id": "5299a7cd30b81817506994f768000dd93bed2d5c",
       "name": "Default",
       "selectedTokenSets": {
-        "Default": "enabled"
+        "Default(old)": "enabled"
       },
-      "$figmaStyleReferences": {}
+      "$figmaStyleReferences": {},
+      "$figmaVariableReferences": {}
     },
     {
       "id": "f7ae6c95b0ed8df70d755fec6689617a5b79cabe",
@@ -750,13 +1408,16 @@
       "selectedTokenSets": {
         "EP": "enabled"
       },
-      "$figmaStyleReferences": {}
+      "$figmaStyleReferences": {},
+      "$figmaVariableReferences": {}
     }
   ],
   "$metadata": {
     "tokenSetOrder": [
-      "Default",
+      "DFLib-Variables/Interne",
+      "DFLib-Variables/Interne/defaultColors",
+      "Default(old)",
       "EP"
     ]
   }
-}
+}

package/dist/types/src/css/accordionCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const AccordionCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default AccordionCss;

package/dist/types/src/css/bannerNotificationCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const bannerNotificationCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default bannerNotificationCss;

package/dist/types/src/css/breadcrumbsCss.d.ts

@@ -1,3 +0,0 @@
-import { MuiTokens } from '@/interfaces/theme';
-declare const BreadcrumbsCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-export default BreadcrumbsCss;