@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.5.full

package/dist/utils/color-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-tokens.js","names":["generateSemanticColorTokenName","token","componentType","isOnFill","variant","state","getFirstTokenFullNameOrDefault","tokens","filter","firstMatch","find","getColorToken","defaultVariant","name","undefined","parseSemanticColorTokenName","withoutPrefix","replace","parts","split","includes","states","variants"],"sources":["../../src/utils/color-tokens.ts"],"sourcesContent":["export type ColorComponentType = \r\n  | 'bg-fill' \r\n  | 'bg-surface' \r\n  | 'bg-overlay'\r\n  | 'text' \r\n  | 'text-link'\r\n  | 'icon' \r\n  | 'border';\r\n\r\nexport type ColorState = 'default' | 'hover' | 'active' | 'disabled';\r\nexport type ColorVariant = \r\n  | 'accent1' \r\n  | 'accent2' \r\n  | 'primary' \r\n  | 'critical' \r\n  | 'positive' \r\n  | 'warning' \r\n  | 'samaritan' \r\n  | 'inverse' \r\n  | 'neutral' \r\n  | 'subtle'\r\n  | 'default'\r\n  | 'selected' \r\n  | 'high';\r\n\r\nexport interface ColorToken {\r\n  name: string;\r\n  componentType: ColorComponentType;\r\n  state?: ColorState;\r\n  variant?: ColorVariant;\r\n  isOnFill?: boolean;\r\n}\r\n\r\nexport function generateSemanticColorTokenName(token: ColorToken) : string {\r\n  return `--life-color-${token.componentType}${(token.isOnFill && '-on-fill') ?? ''}${(token.variant && ('-' + token.variant)) ?? ''}${(token.state && ('-' + token.state)) ?? ''}`;\r\n}\r\n\r\nexport function getFirstTokenFullNameOrDefault(tokens: ColorToken[], filter: { isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, defaultVariant?: ColorVariant }) : string  {\r\n  let firstMatch = tokens.find(token => \r\n    token.componentType === filter.componentType && \r\n    token.state === filter.state &&\r\n    !!token.isOnFill === !!filter.isOnFill\r\n  );\r\n  \r\n  if (!firstMatch) {\r\n    firstMatch = getColorToken(filter.isOnFill, filter.componentType, filter.state, filter.defaultVariant);\r\n  }\r\n  return generateSemanticColorTokenName(firstMatch);\r\n}\r\n\r\n\r\nexport function getColorToken(isOnFill?: boolean, componentType?: ColorComponentType, state?: ColorState, variant?: ColorVariant): ColorToken {\r\n  return {\r\n    name: '',\r\n    componentType: componentType ?? 'text',\r\n    variant: state && (!variant || variant == 'default') ? undefined : (variant ?? 'default'),\r\n    isOnFill: isOnFill,\r\n    state: state\r\n  };\r\n}\r\n\r\nexport function parseSemanticColorTokenName(name: string): ColorToken {\r\n  // Remove the prefix\r\n  const withoutPrefix = name.replace('--life-color-', '');\r\n  \r\n  // Split the remaining parts\r\n  const parts = withoutPrefix.split('-');\r\n  \r\n  // Determine component type\r\n  let componentType: ColorComponentType;\r\n  if (parts[0] === 'bg') {\r\n    if (parts.includes('fill')) {\r\n      componentType = 'bg-fill';\r\n    } else if (parts.includes('surface')) {\r\n      componentType = 'bg-surface';\r\n    } else if (parts.includes('overlay')) {\r\n      componentType = 'bg-overlay';\r\n    } else {\r\n      componentType = 'bg-fill'; // Default for bg\r\n    }\r\n  } else if (parts[0] === 'text' && parts.includes('link')) {\r\n    componentType = 'text-link';\r\n  } else {\r\n    componentType = parts[0] as ColorComponentType;\r\n  }\r\n\r\n  const token: ColorToken = {\r\n    name,\r\n    componentType,\r\n  };\r\n\r\n  // Handle \"on-fill\" cases\r\n  if (parts.includes('on') && parts.includes('fill')) {\r\n    token.isOnFill = true;\r\n  }\r\n\r\n  // Extract state\r\n  const states: ColorState[] = ['hover', 'active', 'disabled'];\r\n  for (const state of states) {\r\n    if (parts.includes(state)) {\r\n      token.state = state;\r\n      break;\r\n    }\r\n  }\r\n\r\n  // Extract variant\r\n  const variants: ColorVariant[] = [\r\n    'accent1',\r\n    'accent2',\r\n    'primary',\r\n    'critical',\r\n    'positive',\r\n    'warning',\r\n    'samaritan',\r\n    'inverse',\r\n    'neutral',\r\n    'subtle',\r\n    'default',\r\n    'selected'\r\n  ];\r\n\r\n  for (const variant of variants) {\r\n    if (parts.includes(variant)) {\r\n      token.variant = variant;\r\n      break;\r\n    }\r\n  }\r\n\r\n  return token;\r\n}\r\n\r\n// Example usage:\r\n// const token = parseColorTokenName('--life-color-bg-fill-accent1-hover');\r\n// Result: {\r\n//   name: '--life-color-bg-fill-accent1-hover',\r\n//   componentType: 'bg-fill',\r\n//   state: 'hover',\r\n//   variant: 'accent1'\r\n// } "],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,143 +1,145 @@
 {
-    "name":  "@laerdal/life-react-components",
-    "version":  "6.0.0-dev.2.full",
-    "private":  false,
-    "author":  "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
-    "contributors":  [
-
-                     ],
-    "description":  "Laerdal LIFE component library for React.",
-    "keywords":  [
-
-                 ],
-    "license":  "UNLICENSED",
-    "repository":  {
-                       "type":  "git",
-                       "url":  "https://github.com/Laerdal-Medical/dcs-life-react-js"
-                   },
-    "main":  "dist/index.cjs",
-    "module":  "dist/index.js",
-    "types":  "dist/index.d.ts",
-    "exports":  {
-                    ".":  {
-                              "require":  "./dist/index.cjs",
-                              "import":  "./dist/index.js",
-                              "types":  "./dist/index.d.ts"
-                          }
-                },
-    "sideEffects":  false,
-    "files":  [
-                  "dist"
-              ],
-    "scripts":  {
-                    "bump":  "yarn version --patch",
-                    "build":  "yarn build:babel:esm \u0026\u0026 yarn build:babel:cjs \u0026\u0026 tsc --emitDeclarationOnly --declaration --declarationDir dist \u0026\u0026 node scripts/copyTS.cjs",
-                    "build:babel:esm":  "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js",
-                    "build:babel:cjs":  "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs",
-                    "clean":  "rimraf dist",
-                    "develop":  "yarn build:babel:esm --skip-initial-build --watch --verbose",
-                    "test":  "jest src/",
-                    "test:coverage":  "jest --collectCoverage src/",
-                    "test-watch":  "jest --watch",
-                    "storybook":  "storybook dev -p 6006",
-                    "build-storybook":  "storybook build"
-                },
-    "eslintConfig":  {
-                         "extends":  [
-                                         "react-app",
-                                         "plugin:storybook/recommended"
-                                     ]
-                     },
-    "browserslist":  {
-                         "production":  [
-                                            "\u003e0.2%",
-                                            "not dead",
-                                            "not op_mini all"
-                                        ],
-                         "development":  [
-                                             "last 1 chrome version",
-                                             "last 1 firefox version",
-                                             "last 1 safari version"
-                                         ]
-                     },
-    "omlet":  {
-                  "exports":  {
-                                  ".":  "src/index.ts"
-                              }
-              },
-    "dependencies":  {
-                         "@laerdal/figma-svg":  "^5.2.2",
-                         "@types/node":  "^18.0.6",
-                         "animated-scroll-to":  "^2.3.0",
-                         "dayjs":  "^1.11.5",
-                         "nanoid":  "3.3.11",
-                         "react":  "^19.0.0",
-                         "react-datepicker":  "^8.2.1",
-                         "react-dom":  "^19.0.0",
-                         "react-inlinesvg":  "^4.2.0",
-                         "react-modal":  "^3.16.0",
-                         "react-quill":  "^2.0.0",
-                         "react-resize-detector":  "^11.0.1",
-                         "rooks":  "^7.1.1",
-                         "styled-components":  "^6.1.13",
-                         "typescript":  "^5.1.2"
-                     },
-    "devDependencies":  {
-                            "@babel/cli":  "^7.22.0",
-                            "@babel/plugin-proposal-class-properties":  "^7.18.6",
-                            "@babel/plugin-proposal-export-default-from":  "^7.22.0",
-                            "@babel/plugin-proposal-numeric-separator":  "^7.18.6",
-                            "@babel/plugin-proposal-object-rest-spread":  "^7.18.6",
-                            "@babel/plugin-transform-runtime":  "^7.22.0",
-                            "@babel/preset-env":  "^7.22.0",
-                            "@babel/preset-react":  "^7.22.0",
-                            "@babel/preset-typescript":  "^7.27.0",
-                            "@babel/runtime":  "^7.22.0",
-                            "@chromatic-com/storybook":  "1.4.0",
-                            "@laerdal/navigation":  "^3.2.0",
-                            "@storybook/addon-essentials":  "^8.1.3",
-                            "@storybook/addon-interactions":  "^8.1.3",
-                            "@storybook/addon-links":  "^8.1.3",
-                            "@storybook/addon-onboarding":  "^8.1.3",
-                            "@storybook/addon-webpack5-compiler-swc":  "1.0.2",
-                            "@storybook/addons":  "^7.6.17",
-                            "@storybook/blocks":  "^8.1.3",
-                            "@storybook/react":  "^8.1.3",
-                            "@storybook/react-webpack5":  "^8.1.3",
-                            "@storybook/test":  "^8.1.3",
-                            "@testing-library/dom":  "^10.4.0",
-                            "@testing-library/jest-dom":  "^6.5.0",
-                            "@testing-library/react":  "^16.0.1",
-                            "@testing-library/user-event":  "^14.5.2",
-                            "@types/jest":  "^29.5.12",
-                            "@types/react":  "^19.1.2",
-                            "@types/react-datepicker":  "^4.4.2",
-                            "@types/react-dom":  "^18.3.0",
-                            "@types/react-modal":  "^3.13.1",
-                            "babel-plugin-inline-react-svg":  "^2.0.1",
-                            "babel-plugin-typescript-to-proptypes":  "^2.0.0",
-                            "concurrently":  "^5.2.0",
-                            "cross-env":  "^7.0.3",
-                            "eslint-plugin-storybook":  "^0.8.0",
-                            "history":  "^5.3.0",
-                            "jest":  "^29.7.0",
-                            "jest-environment-jsdom":  "^29.7.0",
-                            "jest-styled-components":  "^7.2.0",
-                            "jest-svg-transformer":  "^1.0.0",
-                            "react-router":  "^6.0.0",
-                            "react-share":  "^5.1.0",
-                            "regenerator-runtime":  "^0.13.9",
-                            "storybook":  "^8.1.3",
-                            "ts-jest":  "^29.2.5"
-                        },
-    "peerDependencies":  {
-                             "@babel/core":  "^7.0.0",
-                             "react":  "^19",
-                             "react-dom":  "^19"
-                         },
-    "resolutions":  {
-                        "nwsapi":  "2.2.9",
-                        "date-fns":  "2.24.0",
-                        "@types/react":  "19.1.2"
-                    }
+  "name": "@laerdal/life-react-components",
+  "version": "6.0.0-dev.5.full",
+  "private": false,
+  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
+  "contributors": [],
+  "description": "Laerdal LIFE component library for React.",
+  "keywords": [],
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Laerdal-Medical/dcs-life-react-js"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "bump": "yarn version --patch",
+    "build": "yarn build:babel:esm && yarn build:babel:cjs && tsc --emitDeclarationOnly --declaration --declarationDir dist && node scripts/copyTS.cjs",
+    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js",
+    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs",
+    "clean": "rimraf dist",
+    "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
+    "test": "jest src/",
+    "test:coverage": "jest --collectCoverage src/",
+    "test-watch": "jest --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "plugin:storybook/recommended"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "omlet": {
+    "exports": {
+      ".": "src/index.ts"
+    }
+  },
+  "dependencies": {
+    "@laerdal-medical/life-design-tokens": "^1.2.0-beta",
+    "@laerdal/figma-svg": "^5.2.2",
+    "@types/node": "^18.0.6",
+    "animated-scroll-to": "^2.3.0",
+    "dayjs": "^1.11.5",
+    "nanoid": "3.3.11",
+    "react": "^19.0.0",
+    "react-datepicker": "^8.2.1",
+    "react-dom": "^19.0.0",
+    "react-inlinesvg": "^4.2.0",
+    "react-modal": "^3.16.0",
+    "react-quill": "^2.0.0",
+    "react-resize-detector": "^11.0.1",
+    "rooks": "^7.1.1",
+    "styled-components": "^6.1.13",
+    "typescript": "^5.1.2"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.22.0",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-default-from": "^7.22.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.22.0",
+    "@babel/preset-env": "^7.22.0",
+    "@babel/preset-react": "^7.22.0",
+    "@babel/preset-typescript": "^7.27.0",
+    "@babel/runtime": "^7.22.0",
+    "@chromatic-com/storybook": "1.4.0",
+    "@laerdal/navigation": "^3.2.0",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/addon-onboarding": "^8.1.3",
+    "@storybook/addon-webpack5-compiler-swc": "1.0.2",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-webpack5": "^8.1.3",
+    "@storybook/test": "^8.1.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^19.1.2",
+    "@types/react-datepicker": "^4.4.2",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-modal": "^3.13.1",
+    "babel-plugin-inline-react-svg": "^2.0.1",
+    "babel-plugin-typescript-to-proptypes": "^2.0.0",
+    "concurrently": "^5.2.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^7.1.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "history": "^5.3.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.2.0",
+    "jest-svg-transformer": "^1.0.0",
+    "react-router": "^6.0.0",
+    "react-share": "^5.1.0",
+    "regenerator-runtime": "^0.13.9",
+    "storybook": "^8.1.3",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^29.2.5",
+    "webpack": "^5.99.9",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.1"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.0.0",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "resolutions": {
+    "nwsapi": "2.2.9",
+    "date-fns": "2.24.0",
+    "@types/react": "19.1.2"
+  }
 }