@orfium/ictinus 5.39.2 → 5.39.4

package/.eslintrc.json

@@ -0,0 +1,127 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "prettier",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:react/recommended",
+    "plugin:import/typescript"
+  ],
+  "plugins": ["react", "@emotion", "@typescript-eslint", "import", "unused-imports"],
+  "env": {
+    "node": true,
+    "browser": true,
+    "jasmine": true,
+    "jest": true,
+    "es6": true
+  },
+  "rules": {
+    "no-unused-vars": "off", // or "@typescript-eslint/no-unused-vars": "off",
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": [
+      "warn",
+      { "vars": "all", "varsIgnorePattern": "^_", "args": "after-used", "argsIgnorePattern": "^_" }
+    ],
+    "@typescript-eslint/consistent-type-imports": "error",
+    "react/no-unknown-property": ["error", { "ignore": ["css"] }],
+    /* React rules */
+    "react/no-direct-mutation-state": "error",
+    "react/no-unused-prop-types": "warn",
+    "react/self-closing-comp": [
+      "warn",
+      {
+        "component": true,
+        "html": true
+      }
+    ],
+    "react/prop-types": "off",
+    "react/button-has-type": "warn",
+
+    "@typescript-eslint/no-explicit-any": "off",
+    "react/no-array-index-key": "warn",
+    "react/no-render-return-value": 0,
+    /* JSX rules */
+    "react/jsx-key": "error",
+    "react/jsx-curly-brace-presence": ["error", "never"],
+    // Since we are using React 17+ we no longer need these
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/no-children-prop": "off",
+
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    /* eslint basic rules */
+    "padding-line-between-statements": [
+      "error",
+      {
+        "blankLine": "always",
+        "prev": "function",
+        "next": "*"
+      },
+      {
+        "blankLine": "always",
+        "prev": "*",
+        "next": "function"
+      },
+      {
+        "blankLine": "always",
+        "prev": "*",
+        "next": "return"
+      }
+    ],
+    // Disable this in favour of @typescript-eslint/no-unused-expressions
+    // so that function calls with optional chaining do not throw warnings
+    // https://github.com/facebook/create-react-app/issues/8107#issuecomment-565365982
+    //    "no-unused-expressions": "warn",
+    "no-debugger": "warn",
+    "no-console": "warn",
+    /* Typescript rules */
+    "@typescript-eslint/naming-convention": [
+      "warn",
+      {
+        "selector": ["variable", "parameter", "property"],
+        "types": ["boolean"],
+        "format": ["PascalCase"], // As per documentation, prefix is trimmed before checking for format , so we need pascal case for values like `isBoolean`  https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md#format-options
+        "prefix": ["is", "has"]
+      }
+    ],
+    "@typescript-eslint/no-unused-expressions": "warn",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        "args": "all",
+        "argsIgnorePattern": "^__",
+        "varsIgnorePattern": "^__|React"
+      }
+    ],
+    "@typescript-eslint/ban-ts-ignore": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/camelcase": 0,
+    "@typescript-eslint/prefer-interface": 0,
+    "@typescript-eslint/no-inferrable-types": 0,
+    "@typescript-eslint/explicit-member-accessibility": 0,
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/ban-ts-comment": "warn"
+  },
+  "settings": {
+    "react": {
+      "pragma": "React",
+      "version": "detect"
+    },
+    "import/resolver": {
+      "typescript": {
+        "project": "./tsconfig.json"
+      }
+    }
+  },
+  "parser": "@typescript-eslint/parser",
+  "ignorePatterns": ["rollup.config.js"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2022,
+    "sourceType": "module",
+    "project": ["./tsconfig.json", "./tsconfig.node.json"]
+  }
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,75 @@
+
+> @orfium/ictinus@5.39.4 build /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> pnpm build:main && pnpm build:vars && pnpm build:codemods
+
+
+> @orfium/ictinus@5.39.4 build:main /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> vite build
+
+production /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+vite v7.1.3 building for production...
+production /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+transforming...
+✓ 1127 modules transformed.
+rendering chunks...
+
+[vite:dts] Start generate declaration files...
+computing gzip size...
+dist/styles.css        161.60 kB │ gzip:  18.15 kB
+dist/vanilla/index.js  104.37 kB │ gzip:  15.40 kB
+dist/index.js          887.47 kB │ gzip: 217.68 kB
+[vite:dts] Declaration files built in 12366ms.
+
+dist/styles.css         161.60 kB │ gzip:  18.15 kB
+dist/vanilla/index.cjs   90.85 kB │ gzip:  15.03 kB
+dist/index.cjs          701.13 kB │ gzip: 199.71 kB
+✓ built in 18.19s
+
+> @orfium/ictinus@5.39.4 build:vars /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> vite build --config vite.vars.config.ts
+
+vite v7.1.3 building for production...
+transforming...
+✓ 3 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/vars/vars.css  14.57 kB │ gzip: 2.11 kB
+dist/vars/vars.js    9.41 kB │ gzip: 1.41 kB
+✓ built in 399ms
+
+> @orfium/ictinus@5.39.4 build:codemods /home/runner/work/orfium-ictinus/orfium-ictinus/packages/ictinus
+> vite build --config vite.codemods.config.ts
+
+vite v7.1.3 building for production...
+transforming...
+✓ 23 modules transformed.
+rendering chunks...
+
+[vite:dts] Start generate declaration files...
+computing gzip size...
+dist/codemods/iconCodemod.cjs            0.25 kB │ gzip: 0.20 kB
+dist/codemods/notificationsCodemod.cjs   0.26 kB │ gzip: 0.21 kB
+dist/codemods/radioCodemod.cjs           0.28 kB │ gzip: 0.23 kB
+dist/codemods/radioGroupCodemod.cjs      0.28 kB │ gzip: 0.23 kB
+dist/codemods/tableCodemod.cjs           0.40 kB │ gzip: 0.25 kB
+dist/codemods/filterCodemod.cjs          0.42 kB │ gzip: 0.27 kB
+dist/codemods/tooltipCodemod.cjs         0.47 kB │ gzip: 0.29 kB
+dist/codemods/switchCodemod.cjs          0.48 kB │ gzip: 0.31 kB
+dist/codemods/checkboxCodemod.cjs        0.49 kB │ gzip: 0.33 kB
+dist/codemods/searchCodemod.cjs          0.49 kB │ gzip: 0.28 kB
+dist/codemods/menuCodemod.cjs            0.59 kB │ gzip: 0.37 kB
+dist/codemods/avatarCodemod.cjs          0.60 kB │ gzip: 0.33 kB
+dist/codemods/chipCodemode.cjs           0.61 kB │ gzip: 0.33 kB
+dist/codemods/loaderCodemod.cjs          0.68 kB │ gzip: 0.37 kB
+dist/codemods/paginationCodemod.cjs      0.68 kB │ gzip: 0.35 kB
+dist/codemods/textareaCodemod.cjs        0.73 kB │ gzip: 0.43 kB
+dist/codemods/textfieldCodemod.cjs       0.77 kB │ gzip: 0.44 kB
+dist/codemods/iconButtonCodemod.cjs      0.98 kB │ gzip: 0.41 kB
+dist/codemods/buttonCodemod.cjs          0.98 kB │ gzip: 0.41 kB
+dist/codemods/selectCodemod.cjs          1.02 kB │ gzip: 0.57 kB
+dist/codemods/drawerCodemod.cjs          1.07 kB │ gzip: 0.42 kB
+dist/codemods/unchangedIconsCodemod.cjs  1.12 kB │ gzip: 0.56 kB
+dist/codemods/globalsCodemod.cjs         7.12 kB │ gzip: 1.12 kB
+[vite:dts] Declaration files built in 975ms.
+
+✓ built in 1.15s

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @orfium/ictinus
+
+## 5.39.4
+
+### Patch Changes
+
+- e8c779e: An empty release to test monorepo

package/codemods/avatarCodemod.ts

@@ -0,0 +1,53 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  // Find all Avatar components
+  root.findJSXElements('Avatar').forEach((path) => {
+    j(path)
+      .find(j.JSXAttribute)
+      .forEach((attrPath) => {
+        const attr = attrPath.node.name;
+
+        // If the attribute is size, update it
+        if (attr.name === 'size') {
+          const sizeValue = attrPath.node.value.value;
+          switch (sizeValue) {
+            case 'xs':
+              attrPath.node.value.value = '1';
+              break;
+            case 'sm':
+            case 'md':
+              attrPath.node.value.value = '2';
+              break;
+            case 'lg':
+              attrPath.node.value.value = '4';
+              break;
+          }
+        }
+
+        // If the attribute is color, update it
+        if (attr.name === 'color') {
+          const colorValue = attrPath.node.value.value;
+          attrPath.node.value.value = colorValue.split('-')[0];
+        }
+
+        // Update color property
+        const colorValue = attrPath.node.value.value;
+        if (!['blue', 'teal', 'purple', 'red', 'orange'].includes(colorValue)) {
+          attrPath.node.value.value = 'blue';
+        }
+
+        // If the attribute is iconName, update it
+        if (attr.name === 'iconName') {
+          attr.name = 'src';
+        }
+      });
+  });
+
+  return root.toSource();
+};
+
+export default transform;

package/codemods/buttonCodemod.ts

@@ -0,0 +1,52 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  // Find all Button components
+  root.findJSXElements('Button').forEach((path) => {
+    j(path)
+      .find(j.JSXAttribute)
+      .forEach((attrPath) => {
+        const attr = attrPath.node.name;
+
+        // If the attribute is one of the deprecated ones, remove it
+        if (['color', 'transparent', 'filled'].includes(attr.name)) {
+          j(attrPath).remove();
+        }
+
+        // If the attribute is one of the ones that changed, update it
+        if (attr.name === 'size') {
+          const sizeValue = attrPath.node.value.value;
+          if (sizeValue === 'sm' && attrPath.node.value.type === 'StringLiteral') {
+            attrPath.node.value.value = 'compact';
+          } else if (
+            attrPath.node.value.type === 'JSXExpressionContainer' &&
+            attrPath.node.value.expression.value === 'sm'
+          ) {
+            attrPath.node.value.expression.value = 'compact';
+          } else if (attrPath.node.value.type === 'StringLiteral') {
+            attrPath.node.value.value = 'normal';
+          } else if (attrPath.node.value.type === 'JSXExpressionContainer') {
+            attrPath.node.value.expression.value = 'normal';
+          }
+        }
+        if (attr.name === 'type') {
+          const sizeValue = attrPath.node.value.value;
+          if (sizeValue === 'link' && attrPath.node.value.type === 'Literal') {
+            attrPath.node.value.value = 'tertiary';
+          }
+        }
+        if (attr.name === 'loading') attr.name = 'isLoading';
+        if (attr.name === 'disabled') attr.name = 'isDisabled';
+        if (attr.name === 'buttonType') attr.name = 'htmlType';
+        if (attr.name === 'iconLeft') attr.name = 'iconLeftName';
+        if (attr.name === 'iconRight') attr.name = 'iconRightName';
+      });
+  });
+
+  return root.toSource();
+};
+
+export default transform;

package/codemods/checkboxCodemod.ts

@@ -0,0 +1,42 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  root.findJSXElements('CheckBox').forEach((path) => {
+    j(path)
+      .find(j.JSXAttribute)
+      .forEach((attrPath) => {
+        const attr = attrPath.node.name;
+
+        // Remove 'filled' attribute
+        if (attr.name === 'filled') {
+          j(attrPath).remove();
+        }
+
+        // Replace 'label' with 'labelConfig'
+        if (attr.name === 'label') {
+          attr.name = 'labelConfig';
+          attrPath.node.value = j.jsxExpressionContainer(
+            j.objectExpression([
+              j.property(
+                'init',
+                j.identifier('helpText'),
+                attrPath.node.value.expression || j.stringLiteral('')
+              ),
+            ])
+          );
+        }
+
+        // Rename 'checked' to 'isSelected'
+        if (attr.name === 'checked') {
+          attr.name = 'isSelected';
+        }
+      });
+  });
+
+  return root.toSource({ quote: 'single' });
+};
+
+export default transform;

package/codemods/chipCodemode.ts

@@ -0,0 +1,45 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === '@orfium/ictinus')
+    .forEach((path) => {
+      path.node.specifiers.forEach((specifier) => {
+        if (specifier.imported && specifier.imported.name === 'Chip') {
+          specifier.imported.name = 'Tag';
+        }
+      });
+    });
+
+  root.find(j.JSXElement).forEach((path) => {
+    const openingElement = path.node.openingElement;
+    const closingElement = path.node.closingElement;
+
+    if (openingElement.name.name === 'Chip') {
+      openingElement.name.name = 'Tag';
+
+      if (closingElement && closingElement.name) {
+        closingElement.name.name = 'Tag';
+      }
+
+      // Rename 'fill' attribute to 'color'
+      openingElement.attributes.forEach((attribute) => {
+        if (attribute.name && attribute.name.name === 'fill') {
+          const colorValue = attribute.value.value;
+          if (colorValue === 'neutralWhite') {
+            attribute.value.value = 'neutral';
+          }
+          attribute.name.name = 'color';
+        }
+      });
+    }
+  });
+
+  return root.toSource({ quote: 'single' });
+};
+
+export default transform;

package/codemods/drawerCodemod.ts

@@ -0,0 +1,73 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  // Update import declarations from '@orfium/ictinus'
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value.includes('@orfium/ictinus'))
+    .forEach((path) => {
+      path.node.specifiers.forEach((specifier) => {
+        if (specifier.imported && specifier.imported.name === 'MenuItem') {
+          specifier.imported.name = 'NavigationMenuItem';
+        }
+        if (specifier.local && specifier.local.name === 'MenuItem') {
+          specifier.local.name = 'NavigationMenuItem';
+        }
+      });
+    });
+
+  // Update function return types and other usages of MenuItem
+  root.find(j.Identifier, { name: 'MenuItem' }).forEach((path) => {
+    // Ensure the change is only made for identifiers related to '@orfium/ictinus' import
+    const parentPath = path.parentPath;
+    if (
+      parentPath &&
+      parentPath.node.type === 'ImportSpecifier' &&
+      parentPath.parentPath.node.source.value.includes('@orfium/ictinus')
+    ) {
+      path.node.name = 'NavigationMenuItem';
+    }
+  });
+
+  // Rename Drawer to Navigation in import declarations
+  root
+    .find(j.ImportDeclaration)
+    .filter((path) => path.node.source.value === '@orfium/ictinus')
+    .forEach((path) => {
+      path.node.specifiers.forEach((specifier) => {
+        if (specifier.imported && specifier.imported.name === 'Drawer') {
+          specifier.imported.name = 'Navigation';
+        }
+      });
+    });
+
+  // Update Drawer to Navigation in JSX and rename expanded to isExpanded
+  root.find(j.JSXElement).forEach((path) => {
+    const openingElement = path.node.openingElement;
+    const closingElement = path.node.closingElement;
+
+    // Check for Drawer in opening element
+    if (openingElement.name.name === 'Drawer') {
+      openingElement.name.name = 'Navigation';
+
+      // Update closing element if it exists
+      if (closingElement && closingElement.name) {
+        closingElement.name.name = 'Navigation';
+      }
+
+      // Rename 'expanded' attribute to 'isExpanded'
+      openingElement.attributes.forEach((attribute) => {
+        if (attribute.name && attribute.name.name === 'expanded') {
+          attribute.name.name = 'isExpanded';
+        }
+      });
+    }
+  });
+
+  return root.toSource({ quote: 'single' });
+};
+
+export default transform;

package/codemods/filterCodemod.ts

@@ -0,0 +1,29 @@
+import type { Transform } from 'jscodeshift';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  // Find all Button components
+  root.findJSXElements('Filter').forEach((path) => {
+    j(path)
+      .find(j.JSXAttribute)
+      .forEach((attrPath) => {
+        const attr = attrPath.node.name;
+
+        if (['styleType'].includes(attr.name)) {
+          j(attrPath).remove();
+        }
+
+        // If the attribute is one of the ones that changed, update it
+        if (attr.name === 'multi') attr.name = 'isMulti';
+        if (attr.name === 'disabled') attr.name = 'isDisabled';
+        if (attr.name === 'selectedItem') attr.name = 'selectedFilter';
+        if (attr.name === 'onSelect') attr.name = 'onChange';
+      });
+  });
+
+  return root.toSource();
+};
+
+export default transform;

package/codemods/globalsCodemod.ts

@@ -0,0 +1,145 @@
+const transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const spacingReplaceMap = {
+    'theme.spacing.xsm': "theme.globals.spacing.get('3')",
+    'theme.spacing.sm': "theme.globals.spacing.get('4')",
+    'theme.spacing.md': "theme.globals.spacing.get('6')",
+    'theme.spacing.lg': "theme.globals.spacing.get('8')",
+    'theme.spacing.xl': "theme.globals.spacing.get('9')",
+    'props.theme.spacing.xsm': "props.theme.globals.spacing.get('3')",
+    'props.theme.spacing.sm': "props.theme.globals.spacing.get('4')",
+    'props.theme.spacing.md': "props.theme.globals.spacing.get('6')",
+    'props.theme.spacing.lg': "props.theme.globals.spacing.get('8')",
+    'props.theme.spacing.xl': "props.theme.globals.spacing.get('9')",
+    'theme.typography.weights.regular': "theme.globals.typography.fontWeight.get('regular')",
+    'theme.typography.weights.medium': "theme.globals.typography.fontWeight.get('medium')",
+    'theme.typography.weights.bold': "theme.globals.typography.fontWeight.get('bold')",
+    'props.theme.typography.weights.regular':
+      "props.theme.globals.typography.fontWeight.get('regular')",
+    'props.theme.typography.weights.medium':
+      "props.theme.globals.typography.fontWeight.get('medium')",
+    'props.theme.typography.weights.bold': "props.theme.globals.typography.fontWeight.get('bold')",
+    "theme.typography.fontSizes['10']": "theme.globals.typography.fontSize.get('1')",
+    "theme.typography.fontSizes['11']": "theme.globals.typography.fontSize.get('1')",
+    "theme.typography.fontSizes['12']": "theme.globals.typography.fontSize.get('2')",
+    "theme.typography.fontSizes['13']": "theme.globals.typography.fontSize.get('3')",
+    "theme.typography.fontSizes['14']": "theme.globals.typography.fontSize.get('3')",
+    "theme.typography.fontSizes['15']": "theme.globals.typography.fontSize.get('4')",
+    "theme.typography.fontSizes['16']": "theme.globals.typography.fontSize.get('4')",
+    "theme.typography.fontSizes['20']": "theme.globals.typography.fontSize.get('7')",
+    "theme.typography.fontSizes['22']": "theme.globals.typography.fontSize.get('7')",
+    "theme.typography.fontSizes['24']": "theme.globals.typography.fontSize.get('8')",
+    "theme.typography.fontSizes['28']": "theme.globals.typography.fontSize.get('9')",
+    "theme.typography.fontSizes['32']": "theme.globals.typography.fontSize.get('10')",
+    'theme.typography.fontSizes[10]': "theme.globals.typography.fontSize.get('1')",
+    'theme.typography.fontSizes[11]': "theme.globals.typography.fontSize.get('1')",
+    'theme.typography.fontSizes[12]': "theme.globals.typography.fontSize.get('2')",
+    'theme.typography.fontSizes[13]': "theme.globals.typography.fontSize.get('3')",
+    'theme.typography.fontSizes[14]': "theme.globals.typography.fontSize.get('3')",
+    'theme.typography.fontSizes[15]': "theme.globals.typography.fontSize.get('4')",
+    'theme.typography.fontSizes[16]': "theme.globals.typography.fontSize.get('4')",
+    'theme.typography.fontSizes[20]': "theme.globals.typography.fontSize.get('7')",
+    'theme.typography.fontSizes[22]': "theme.globals.typography.fontSize.get('7')",
+    'theme.typography.fontSizes[24]': "theme.globals.typography.fontSize.get('8')",
+    'theme.typography.fontSizes[28]': "theme.globals.typography.fontSize.get('9')",
+    'theme.typography.fontSizes[32]': "theme.globals.typography.fontSize.get('10')",
+
+    "props.theme.typography.fontSizes['10']": "props.theme.globals.typography.fontSize.get('1')",
+    "props.theme.typography.fontSizes['11']": "props.theme.globals.typography.fontSize.get('1')",
+    "props.theme.typography.fontSizes['12']": "props.theme.globals.typography.fontSize.get('2')",
+    "props.theme.typography.fontSizes['13']": "props.theme.globals.typography.fontSize.get('3')",
+    "props.theme.typography.fontSizes['14']": "props.theme.globals.typography.fontSize.get('3')",
+    "props.theme.typography.fontSizes['15']": "props.theme.globals.typography.fontSize.get('4')",
+    "props.theme.typography.fontSizes['16']": "props.theme.globals.typography.fontSize.get('4')",
+    "props.theme.typography.fontSizes['20']": "props.theme.globals.typography.fontSize.get('7')",
+    "props.theme.typography.fontSizes['22']": "props.theme.globals.typography.fontSize.get('7')",
+    "props.theme.typography.fontSizes['24']": "props.theme.globals.typography.fontSize.get('8')",
+    "props.theme.typography.fontSizes['28']": "props.theme.globals.typography.fontSize.get('9')",
+    "props.theme.typography.fontSizes['32']": "props.theme.globals.typography.fontSize.get('10')",
+    'props.theme.typography.fontSizes[10]': "props.theme.globals.typography.fontSize.get('1')",
+    'props.theme.typography.fontSizes[11]': "props.theme.globals.typography.fontSize.get('1')",
+    'props.theme.typography.fontSizes[12]': "props.theme.globals.typography.fontSize.get('2')",
+    'props.theme.typography.fontSizes[13]': "props.theme.globals.typography.fontSize.get('3')",
+    'props.theme.typography.fontSizes[14]': "props.theme.globals.typography.fontSize.get('3')",
+    'props.theme.typography.fontSizes[15]': "props.theme.globals.typography.fontSize.get('4')",
+    'props.theme.typography.fontSizes[16]': "props.theme.globals.typography.fontSize.get('4')",
+    'props.theme.typography.fontSizes[20]': "props.theme.globals.typography.fontSize.get('7')",
+    'props.theme.typography.fontSizes[22]': "props.theme.globals.typography.fontSize.get('7')",
+    'props.theme.typography.fontSizes[24]': "props.theme.globals.typography.fontSize.get('8')",
+    'props.theme.typography.fontSizes[28]': "props.theme.globals.typography.fontSize.get('9')",
+    'props.theme.typography.fontSizes[32]': "props.theme.globals.typography.fontSize.get('10')",
+
+    "theme.elevation['01']": "theme.globals.elevation['01']",
+    "theme.elevation['02']": "theme.globals.elevation['02']",
+    "theme.elevation['03']": "theme.globals.elevation['03']",
+    "props.theme.elevation['01']": "props.theme.globals.elevation['01']",
+    "props.theme.elevation['02']": "props.theme.globals.elevation['02']",
+    "props.theme.elevation['03']": "props.theme.globals.elevation['03']",
+
+    'theme.palette.white': 'theme.globals.oldColors.white',
+    'theme.palette.black': 'theme.globals.oldColors.black',
+    "theme.palette['white']": "theme.globals.oldColors['white']",
+    "theme.palette['black']": "theme.globals.oldColors['black']",
+    'theme.palette.primary[400]': 'theme.globals.oldColors.primary[400]',
+    'props.theme.palette.white': 'props.theme.globals.oldColors.white',
+    'props.theme.palette.black': 'props.theme.globals.oldColors.black',
+    "props.theme.palette['white']": "props.theme.globals.oldColors['white']",
+    "props.theme.palette['black']": "props.theme.globals.oldColors['black']",
+    'props.theme.palette.primary[400]': 'props.theme.globals.oldColors.primary[400]',
+  };
+
+  // Function to create a replacement expression from a string
+  const createReplacementExpression = (replacement) => {
+    const parts = replacement.split('.');
+    let expression = j.identifier(parts[0]);
+
+    for (let i = 1; i < parts.length; i++) {
+      const part = parts[i];
+      if (part.includes('(')) {
+        // Handle method calls like get('9')
+        const methodName = part.substring(0, part.indexOf('('));
+        const methodArgsStr = part.substring(part.indexOf('(') + 1, part.lastIndexOf(')'));
+        const args = methodArgsStr.split(',').map((arg) => {
+          // Remove the surrounding quotes
+          const trimmedArg = arg.trim().replace(/^['"]|['"]$/g, '');
+
+          return j.literal(trimmedArg);
+        });
+        expression = j.callExpression(
+          j.memberExpression(expression, j.identifier(methodName)),
+          args
+        );
+      } else {
+        expression = j.memberExpression(expression, j.identifier(part));
+      }
+    }
+
+    return expression;
+  };
+
+  // Replace member expressions
+  root.find(j.MemberExpression).forEach((path) => {
+    let sourceCode = j(path).toSource();
+
+    // Special handling for numeric index
+    if (path.node.property.type === 'Literal' && !isNaN(path.node.property.value)) {
+      sourceCode = `${j(path.node.object).toSource()}[${path.node.property.value}]`;
+    }
+
+    if (spacingReplaceMap[sourceCode]) {
+      const newExpression = createReplacementExpression(spacingReplaceMap[sourceCode]);
+      j(path).replaceWith(newExpression);
+    }
+  });
+
+  // Replace import paths
+  root.find(j.ImportDeclaration).forEach((path) => {
+    if (path.node.source.value.startsWith('@orfium/ictinus/')) {
+      path.node.source.value = '@orfium/ictinus';
+    }
+  });
+
+  return root.toSource();
+};
+export default transform;