@flipdish/portal-library 2.1.4 → 3.0.0

package/dist/themes/typography.js

@@ -1,2 +1,2 @@
-const o={body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}};export{o as typography};
+import{fontFamily as e}from"./tokens/typography/font-family.js";import{fontSize as t}from"./tokens/typography/font-size.js";import{letterSpacing as o}from"./tokens/typography/letter-spacing.js";import{lineHeight as n}from"./tokens/typography/line-height.js";const d={textDecorationLine:"underline",textDecorationStyle:"solid",textDecorationSkipInk:"auto",textDecorationThickness:"2px",textUnderlineOffset:"25%",textUnderlinePosition:"from-font"},i=(i,a,r,h=!1)=>({fontFamily:e.desktop[a],fontSize:t.desktop[r],fontStyle:"normal",fontWeight:i,lineHeight:n.desktop[r],letterSpacing:o.desktop[r],...h?d:{}}),a=e=>({fontSize:t.mobile[e],lineHeight:n.mobile[e],letterSpacing:o.mobile[e]}),r={d1Strong:i(600,"heading","d1"),d1Weak:i(400,"body","d1"),d2Strong:i(600,"heading","d2"),d2Weak:i(400,"body","d2"),d3Strong:i(600,"heading","d3"),d3Weak:i(400,"body","d3"),d3WeakAlternate:i(400,"alternate","d3"),d4Strong:i(600,"heading","d4"),d4Weak:i(400,"body","d4"),d4WeakAlternate:i(400,"alternate","d4"),h1Strong:i(600,"heading","h1"),h1Weak:i(400,"body","h1"),h1WeakAlternate:i(400,"alternate","h1"),h2Strong:i(600,"heading","h2"),h2Weak:i(400,"body","h2"),h3Strong:i(600,"heading","h3"),h3Weak:i(400,"body","h3"),h4Strong:i(600,"heading","h4"),h4Weak:i(400,"body","h4"),h4StrongUnderlined:i(600,"heading","h4",!0),b1Strong:i(600,"body","b1"),b1Weak:i(400,"body","b1"),b1StrongUnderlined:i(600,"body","b1",!0),b1WeakUnderlined:i(400,"body","b1",!0),captionStrong:i(600,"body","caption"),captionWeak:i(400,"body","caption"),captionStrongUnderlined:i(600,"body","caption",!0),captionWeakUnderlined:i(400,"body","caption",!0)};export{a as getMobileTextStyle,r as typography};
 //# sourceMappingURL=typography.js.map

package/dist/themes/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../src/themes/typography.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nexport const typography: ThemeOptions['typography'] = {\n    body1: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    body2: {\n        fontFamily: \"'Roboto', sans-serif\",\n    },\n    h1: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h2: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h3: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h4: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h5: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n    h6: {\n        fontFamily: 'clarendon-text-pro,Domine,serif',\n    },\n};\n"],"names":["typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6"],"mappings":"AAEa,MAAAA,EAAyC,CAClDC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY"}
+{"version":3,"file":"typography.js","sources":["../../src/themes/typography.ts"],"sourcesContent":["import type { ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { fontFamily } from './tokens/typography/font-family';\nimport { fontSize } from './tokens/typography/font-size';\nimport { letterSpacing } from './tokens/typography/letter-spacing';\nimport { lineHeight } from './tokens/typography/line-height';\n\nconst underlineStyles: React.CSSProperties = {\n  textDecorationLine: 'underline',\n  textDecorationStyle: 'solid',\n  textDecorationSkipInk: 'auto',\n  textDecorationThickness: '2px', // Ensure a valid value\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n};\n\nconst createTextStyle = (\n  weight: number,\n  type: 'alternate' | 'body' | 'heading',\n  sizeKey: keyof (typeof fontSize)['desktop'],\n  underline = false,\n): React.CSSProperties => ({\n  fontFamily: fontFamily['desktop'][type],\n  fontSize: fontSize['desktop'][sizeKey],\n  fontStyle: 'normal',\n  fontWeight: weight,\n  lineHeight: lineHeight['desktop'][sizeKey],\n  letterSpacing: letterSpacing['desktop'][sizeKey],\n  ...(underline ? underlineStyles : {}),\n});\n\n// has to be done using media queries, otherwise it isn't responsive\nexport const getMobileTextStyle = (sizeKey: keyof (typeof fontSize)['mobile']): React.CSSProperties => ({\n  fontSize: fontSize['mobile'][sizeKey],\n  lineHeight: lineHeight['mobile'][sizeKey],\n  letterSpacing: letterSpacing['mobile'][sizeKey],\n});\n\nexport const typography: ThemeOptions['typography'] = {\n  d1Strong: createTextStyle(600, 'heading', 'd1'),\n  d1Weak: createTextStyle(400, 'body', 'd1'),\n  d2Strong: createTextStyle(600, 'heading', 'd2'),\n  d2Weak: createTextStyle(400, 'body', 'd2'),\n  d3Strong: createTextStyle(600, 'heading', 'd3'),\n  d3Weak: createTextStyle(400, 'body', 'd3'),\n  d3WeakAlternate: createTextStyle(400, 'alternate', 'd3'),\n  d4Strong: createTextStyle(600, 'heading', 'd4'),\n  d4Weak: createTextStyle(400, 'body', 'd4'),\n  d4WeakAlternate: createTextStyle(400, 'alternate', 'd4'),\n  h1Strong: createTextStyle(600, 'heading', 'h1'),\n  h1Weak: createTextStyle(400, 'body', 'h1'),\n  h1WeakAlternate: createTextStyle(400, 'alternate', 'h1'),\n  h2Strong: createTextStyle(600, 'heading', 'h2'),\n  h2Weak: createTextStyle(400, 'body', 'h2'),\n  h3Strong: createTextStyle(600, 'heading', 'h3'),\n  h3Weak: createTextStyle(400, 'body', 'h3'),\n  h4Strong: createTextStyle(600, 'heading', 'h4'),\n  h4Weak: createTextStyle(400, 'body', 'h4'),\n  h4StrongUnderlined: createTextStyle(600, 'heading', 'h4', true),\n  b1Strong: createTextStyle(600, 'body', 'b1'),\n  b1Weak: createTextStyle(400, 'body', 'b1'),\n  b1StrongUnderlined: createTextStyle(600, 'body', 'b1', true),\n  b1WeakUnderlined: createTextStyle(400, 'body', 'b1', true),\n  captionStrong: createTextStyle(600, 'body', 'caption'),\n  captionWeak: createTextStyle(400, 'body', 'caption'),\n  captionStrongUnderlined: createTextStyle(600, 'body', 'caption', true),\n  captionWeakUnderlined: createTextStyle(400, 'body', 'caption', true),\n};\n"],"names":["underlineStyles","textDecorationLine","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset","textUnderlinePosition","createTextStyle","weight","type","sizeKey","underline","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","getMobileTextStyle","typography","d1Strong","d1Weak","d2Strong","d2Weak","d3Strong","d3Weak","d3WeakAlternate","d4Strong","d4Weak","d4WeakAlternate","h1Strong","h1Weak","h1WeakAlternate","h2Strong","h2Weak","h3Strong","h3Weak","h4Strong","h4Weak","h4StrongUnderlined","b1Strong","b1Weak","b1StrongUnderlined","b1WeakUnderlined","captionStrong","captionWeak","captionStrongUnderlined","captionWeakUnderlined"],"mappings":"kQAOA,MAAMA,EAAuC,CAC3CC,mBAAoB,YACpBC,oBAAqB,QACrBC,sBAAuB,OACvBC,wBAAyB,MACzBC,oBAAqB,MACrBC,sBAAuB,aAGnBC,EAAkB,CACtBC,EACAC,EACAC,EACAC,GAAY,KACa,CACzBC,WAAYA,EAAoB,QAAEH,GAClCI,SAAUA,EAAkB,QAAEH,GAC9BI,UAAW,SACXC,WAAYP,EACZQ,WAAYA,EAAoB,QAAEN,GAClCO,cAAeA,EAAuB,QAAEP,MACpCC,EAAYX,EAAkB,KAIvBkB,EAAsBR,IAAqE,CACtGG,SAAUA,EAAiB,OAAEH,GAC7BM,WAAYA,EAAmB,OAAEN,GACjCO,cAAeA,EAAsB,OAAEP,KAG5BS,EAAyC,CACpDC,SAAUb,EAAgB,IAAK,UAAW,MAC1Cc,OAAQd,EAAgB,IAAK,OAAQ,MACrCe,SAAUf,EAAgB,IAAK,UAAW,MAC1CgB,OAAQhB,EAAgB,IAAK,OAAQ,MACrCiB,SAAUjB,EAAgB,IAAK,UAAW,MAC1CkB,OAAQlB,EAAgB,IAAK,OAAQ,MACrCmB,gBAAiBnB,EAAgB,IAAK,YAAa,MACnDoB,SAAUpB,EAAgB,IAAK,UAAW,MAC1CqB,OAAQrB,EAAgB,IAAK,OAAQ,MACrCsB,gBAAiBtB,EAAgB,IAAK,YAAa,MACnDuB,SAAUvB,EAAgB,IAAK,UAAW,MAC1CwB,OAAQxB,EAAgB,IAAK,OAAQ,MACrCyB,gBAAiBzB,EAAgB,IAAK,YAAa,MACnD0B,SAAU1B,EAAgB,IAAK,UAAW,MAC1C2B,OAAQ3B,EAAgB,IAAK,OAAQ,MACrC4B,SAAU5B,EAAgB,IAAK,UAAW,MAC1C6B,OAAQ7B,EAAgB,IAAK,OAAQ,MACrC8B,SAAU9B,EAAgB,IAAK,UAAW,MAC1C+B,OAAQ/B,EAAgB,IAAK,OAAQ,MACrCgC,mBAAoBhC,EAAgB,IAAK,UAAW,MAAM,GAC1DiC,SAAUjC,EAAgB,IAAK,OAAQ,MACvCkC,OAAQlC,EAAgB,IAAK,OAAQ,MACrCmC,mBAAoBnC,EAAgB,IAAK,OAAQ,MAAM,GACvDoC,iBAAkBpC,EAAgB,IAAK,OAAQ,MAAM,GACrDqC,cAAerC,EAAgB,IAAK,OAAQ,WAC5CsC,YAAatC,EAAgB,IAAK,OAAQ,WAC1CuC,wBAAyBvC,EAAgB,IAAK,OAAQ,WAAW,GACjEwC,sBAAuBxC,EAAgB,IAAK,OAAQ,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "2.1.4",
+  "version": "3.0.0",
   "files": [
     "dist"
   ],
@@ -40,8 +40,8 @@
     "@actions/core": "^1.11.1",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "@mui/icons-material": "6.4.10",
-    "@mui/material": "6.4.10",
+    "@mui/icons-material": "6.4.11",
+    "@mui/material": "6.4.11",
     "@mui/x-date-pickers": "^7.23.3",
     "@tanstack/react-query": "^5.62.0",
     "formik": "^2.4.6",
@@ -79,10 +79,10 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "15.0.7",
     "@types/react": "18.3.20",
-    "@types/react-dom": "18.3.6",
+    "@types/react-dom": "18.3.7",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "@vitejs/plugin-react-swc": "3.8.1",
+    "@vitejs/plugin-react-swc": "3.9.0",
     "chromatic": "^11.25.2",
     "dotenv": "^16.4.5",
     "eslint": "^8.56.0",
@@ -93,7 +93,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-react-refresh": "0.4.19",
+    "eslint-plugin-react-refresh": "0.4.20",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-storybook": "^0.12.0",
     "eslint-plugin-testing-library": "^7.1.1",
@@ -109,7 +109,7 @@
     "storybook": "^8.6.7",
     "tslib": "^2.8.0",
     "typescript": "5.4.5",
-    "vite": "5.4.16",
+    "vite": "5.4.19",
     "vite-plugin-svgr": "^3.2.0",
     "vitest": "1.6.1"
   },