@coveord/plasma-mantine 54.1.2 → 54.2.1

package/src/styles/Select.module.css

@@ -2,6 +2,7 @@
     @mixin light {
         color: var(--mantine-color-gray-7);
     }
+
     @mixin dark {
         color: var(--mantine-color-dark-0);
     }
@@ -9,24 +10,30 @@
 
 .option {
     padding: 12px 16px;
+
     @mixin light {
         color: var(--mantine-color-gray-7);
+
         @mixin hover {
             background-color: var(--mantine-color-gray-1);
         }
     }
+
     @mixin dark {
         color: var(--mantine-color-dark-0);
+
         @mixin hover {
             background-color: var(--mantine-color-dark-4);
         }
     }
+
     &[aria-selected='true'] {
         background-color: var(--mantine-color-action-1);
         color: var(--mantine-color-action-6);
+
         @mixin hover {
             color: var(--mantine-color-action-6);
-            background-color: rgb(237, 246, 255, 0.65);
+            background-color: rgb(237 246 255 / 65%);
         }
     }
 }

package/src/styles/Skeleton.module.css

@@ -3,6 +3,7 @@
         &::before {
             z-index: unset;
         }
+
         &::after {
             z-index: unset;
         }

package/src/styles/Stepper.module.css

@@ -1,55 +1,69 @@
 .step {
     &[disabled] {
         color: var(--mantine-color-gray-5);
+
         & .mantine-Stepper-stepDescription {
             color: var(--mantine-color-gray-5);
         }
+
         & .mantine-Stepper-stepIcon {
             border-color: var(--mantine-color-gray-1);
         }
     }
 }
+
 .stepIcon {
     font-weight: 500;
     background-color: var(--mantine-color-gray-1);
     color: inherit;
     border: rem(1) solid var(--mantine-color-gray-3);
+
     &[data-progress] {
         background-color: var(--mantine-color-white);
         border-color: var(--step-color);
     }
+
     &[data-completed] {
         background-color: var(--mantine-color-white);
         border-color: var(--mantine-color-lime-6);
         color: var(--mantine-color-lime-6);
     }
 }
+
 .stepCompletedIcon {
     color: var(--mantine-color-lime-6);
     font-size: rem(16);
 }
+
 .stepDescription {
     color: var(--mantine-color-gray-7);
+
     &[data-size='xs'] {
         font-size: var(--mantine-font-size-xs);
     }
+
     &[data-size='sm'] {
         font-size: var(--mantine-font-size-sm);
     }
+
     &[data-size='md'] {
         font-size: var(--mantine-font-size-md);
     }
+
     &[data-size='lg'] {
         font-size: var(--mantine-font-size-lg);
     }
+
     &[data-size='xl'] {
         font-size: var(--mantine-font-size-xl);
     }
 }
+
 .separator {
     height: rem(1);
     background-color: var(--mantine-color-gray-3);
 }
+
 .verticalSeparator {
     border-left: rem(1) solid var(--mantine-color-gray-3);
 }

package/src/styles/Tabs.module.css

@@ -1,37 +1,19 @@
-.list {
-    &[data-orientation='horizontal'] {
-        &::before {
-            border-style: none;
+.root {
+    &[data-variant='default'] {
+        @mixin light {
+            --tab-hover-color: var(--mantine-color-gray-1);
         }
-        border-bottom: rem(1) solid var(--mantine-color-gray-3);
-    }
-    &[data-orientation='vertical'] {
-        &::before {
-            border-style: none;
+
+        --tabs-list-border-width: 1px;
+
+        &[data-orientation='horizontal'] {
+            .list {
+                margin-bottom: calc(-1 * var(--tabs-list-border-width));
+            }
         }
-        border-right: rem(1) solid var(--mantine-color-gray-3);
     }
 }
 
 .tab {
-    &[data-orientation='horizontal'] {
-        border-bottom: rem(1) solid transparent;
-        margin-bottom: rem(-1);
-        &[data-active] {
-            border-bottom: rem(1) solid var(--mantine-primary-color-6);
-        }
-    }
-    &[data-orientation='vertical'] {
-        border-right: rem(1) solid transparent;
-        margin-right: rem(-1);
-        &[data-active] {
-            border-bottom: rem(1) solid var(--mantine-primary-color-6);
-        }
-    }
-    & :hover {
-        background-color: var(--mantine-color-gray-0);
-    }
-    &:not([data-active]):hover {
-        border-color: var(--mantine-color-gray-3);
-    }
+    line-height: 1.5;
 }

package/src/theme/Theme.tsx

@@ -265,7 +265,12 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             },
         }),
         Tabs: Tabs.extend({
-            classNames: {list: TabsClasses.list, tab: TabsClasses.tab},
+            classNames: TabsClasses,
+        }),
+        TabsTab: Tabs.Tab.extend({
+            defaultProps: {
+                px: 'sm',
+            },
         }),
         Text: Text.extend({
             classNames: TextClasses,

package/tsconfig.json

@@ -1,14 +1,9 @@
 {
     "extends": "../tsconfig-base.json",
     "compilerOptions": {
-        "outDir": "./dist",
-        "rootDir": "src",
-        "tsBuildInfoFile": "./dist/.tsbuildinfo",
-        "baseUrl": ".",
         "paths": {
             "@test-utils": ["./src/__tests__/Utils.tsx"]
         },
         "types": ["vitest/globals"]
-    },
-    "include": ["src", "__mocks__"]
+    }
 }

package/tsconfig.test.json

@@ -0,0 +1,8 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "noEmit": true,
+        "declaration": false
+    },
+    "include": ["__mocks__"]
+}

package/vitest.config.ts

@@ -6,7 +6,7 @@ export default defineConfig({
         alias: [
             {
                 find: '@test-utils',
-                replacement: resolve(__dirname, './src/__tests__/Utils.tsx'),
+                replacement: resolve(import.meta.dirname, './src/__tests__/Utils.tsx'),
             },
         ],
     },
@@ -20,8 +20,5 @@ export default defineConfig({
                 replacement: 'monaco-editor/esm/vs/editor/editor.main.js',
             },
         ],
-        deps: {
-            registerNodeLoader: true,
-        },
     },
 });

package/.eslintrc.js

@@ -1,28 +0,0 @@
-module.exports = {
-    env: {
-        browser: true,
-    },
-    extends: ['plasma'],
-    parserOptions: {
-        project: './tsconfig.json',
-        tsconfigRootDir: __dirname,
-        sourceType: 'module',
-    },
-    ignorePatterns: ['.eslintrc.js', 'node_modules', 'dist', '.turbo', 'vitest.config.ts', 'postcss.config.cjs'],
-    rules: {
-        'no-underscore-dangle': 'off',
-    },
-    plugins: ['vitest'],
-    overrides: [
-        {
-            files: ['**/*.spec.*'],
-            env: {
-                'vitest-globals/env': true,
-            },
-            extends: ['plugin:vitest-globals/recommended', 'plugin:testing-library/react'],
-            rules: {
-                'vitest/expect-expect': ['warn'],
-            },
-        },
-    ],
-};

package/tsconfig.build.json

@@ -1,5 +0,0 @@
-{
-    "extends": "./tsconfig.json",
-    "exclude": ["**/*.spec.*", "**/__tests__"],
-    "include": ["src"]
-}