feat: final

.github/workflows/release.yaml

@@ -2,9 +2,9 @@ name: Release
 
 on:
   push:
-    paths:
-      - ".changeset/**"
-      - "packages/**"
+    # paths:
+    #   - '.changeset/**'
+    #   - 'packages/**'
     branches:
       - master
 
@@ -30,12 +30,12 @@ jobs:
         uses: changesets/action@v1
         with:
           publish: pnpm release
-          title: "ci(changesets): :package: version packages"
-          commit: "ci(changesets): version packages"
+          title: 'ci(changesets): :package: version packages'
+          commit: 'ci(changesets): version packages'
           setupGitUser: false
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NODE_AUTH_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NODE_AUTH_TOKEN }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Create @dev release
@@ -45,5 +45,5 @@ jobs:
           pnpm version:dev
           pnpm release:dev
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NODE_AUTH_TOKEN }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.storybook/main.ts

@@ -1,6 +1,5 @@
 import type { StorybookConfig } from '@storybook/react-vite';
-import { mergeConfig } from 'vite';
-import { join, dirname, resolve } from 'path';
+import { join, dirname } from 'path';
 
 /**
  * This function is used to resolve the absolute path of a package.
@@ -29,20 +28,6 @@ const config: StorybookConfig = {
   },
   core: {
     disableTelemetry: true
-  },
-
-  async viteFinal(config) {
-    // Merge custom configuration into the default config
-    return mergeConfig(config, {
-      resolve: {
-        alias: [
-          {
-            find: /\@just_testing13\/icon$/,
-            replacement: resolve(__dirname, '../packages/icons/icon/src')
-          }
-        ]
-      }
-    });
   }
 };
 

jest.config.js

@@ -3,9 +3,6 @@ module.exports = {
   testEnvironment: 'jsdom',
   collectCoverageFrom: ['packages/**/*.{ts,tsx}'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
-  moduleNameMapper: {
-    "@just_testing13/icon$": "<rootDir>/packages/icons/core/src",
-  },
   transform: {
     '^.+\\.(t|j)sx?$': [
       '@swc/jest',
@@ -21,7 +18,7 @@ module.exports = {
     ]
   },
   transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx)$'],
-  setupFilesAfterEnv: ["@testing-library/jest-dom/extend-expect", './scripts/setup-test.ts'],
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect', './scripts/setup-test.ts'],
   testTimeout: 10000,
   globals: {
     'ts-jest': {

package.json

@@ -80,8 +80,7 @@
     "storybook": "^7.4.0",
     "tsup": "^7.2.0",
     "turbo": "latest",
-    "typescript": ">=3.0.0",
-    "vite": "^4.4.9"
+    "typescript": ">=3.0.0"
   },
   "pnpm": {
     "overrides": {

packages/components/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@just_testing13/ui",
-  "version": "0.2.0",
+  "name": "@interlay/ui",
+  "version": "0.0.0",
   "description": "Interlay UI library.",
   "homepage": "https://github.com/interlay/ui#readme",
   "license": "MIT",
@@ -38,11 +38,11 @@
     "postpack": "clean-package restore"
   },
   "dependencies": {
-    "@just_testing13/hooks": "workspace:*",
-    "@just_testing13/icons": "workspace:*",
-    "@just_testing13/coin-icons": "workspace:*",
-    "@just_testing13/theme": "workspace:*",
-    "@just_testing13/system": "workspace:*",
+    "@interlay/hooks": "workspace:*",
+    "@interlay/icons": "workspace:*",
+    "@interlay/coin-icons": "workspace:*",
+    "@interlay/theme": "workspace:*",
+    "@interlay/system": "workspace:*",
     "@react-aria/accordion": "3.0.0-alpha.20",
     "@react-aria/breadcrumbs": "^3.5.4",
     "@react-aria/button": "^3.8.1",
@@ -92,8 +92,7 @@
     "clean-package": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@just_testing13/test-utils": "workspace:*",
-    "@just_testing13/icon": "workspace:*",
+    "@interlay/test-utils": "workspace:*",
     "styled-components": "^6.0.7"
   },
   "clean-package": "../../clean-package.config.json"

packages/components/src/Accordion/Accordion.style.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { ChevronDown } from '@just_testing13/icons';
-import { theme } from '@just_testing13/theme';
+import { ChevronDown } from '@interlay/icons';
+import { theme } from '@interlay/theme';
 
 import { H3 } from '../Text';
 

packages/components/src/Accordion/Accordion.tsx

@@ -2,8 +2,8 @@ import { AriaAccordionProps, useAccordion } from '@react-aria/accordion';
 import { mergeProps } from '@react-aria/utils';
 import { useTreeState } from '@react-stately/tree';
 import { forwardRef, HTMLAttributes, Ref } from 'react';
-import { FontSize } from '@just_testing13/theme';
-import { useDOMRef } from '@just_testing13/hooks';
+import { FontSize } from '@interlay/theme';
+import { useDOMRef } from '@interlay/hooks';
 
 import { AccordionItem } from './AccordionItem';
 

packages/components/src/Accordion/AccordionItem.tsx

@@ -4,7 +4,7 @@ import { mergeProps } from '@react-aria/utils';
 import { TreeState } from '@react-stately/tree';
 import { Node } from '@react-types/shared';
 import { useRef } from 'react';
-import { FontSize } from '@just_testing13/theme';
+import { FontSize } from '@interlay/theme';
 
 import {
   StyledAccordionItemButton,

packages/components/src/Alert/Alert.style.tsx

@@ -1,7 +1,7 @@
-import { Warning } from '@just_testing13/icons';
+import { Warning } from '@interlay/icons';
 import styled from 'styled-components';
-import { theme } from '@just_testing13/theme';
-import { Status } from '@just_testing13/theme';
+import { theme } from '@interlay/theme';
+import { Status } from '@interlay/theme';
 
 import { Flex } from '../Flex';
 

packages/components/src/Alert/Alert.tsx

@@ -1,4 +1,4 @@
-import { Status } from '@just_testing13/theme';
+import { Status } from '@interlay/theme';
 
 import { FlexProps } from '../Flex';
 

packages/components/src/Breadcrumbs/BreadcrumbItem.tsx

@@ -1,7 +1,7 @@
 import { AriaBreadcrumbItemProps, useBreadcrumbItem } from '@react-aria/breadcrumbs';
 import { mergeProps } from '@react-aria/utils';
 import { AnchorHTMLAttributes, Fragment, useRef } from 'react';
-import { ChevronRight } from '@just_testing13/icons';
+import { ChevronRight } from '@interlay/icons';
 
 import { TextLinkProps } from '../TextLink';
 

packages/components/src/Breadcrumbs/Breadcrumbs.style.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { theme } from '@just_testing13/theme';
+import { theme } from '@interlay/theme';
 
 import { Span } from '../Text';
 import { TextLink } from '../TextLink';

packages/components/src/Breadcrumbs/Breadcrumbs.tsx

@@ -1,6 +1,6 @@
 import { AriaBreadcrumbsProps, useBreadcrumbs } from '@react-aria/breadcrumbs';
 import { Children, forwardRef, HTMLAttributes, isValidElement, ReactElement } from 'react';
-import { useDOMRef } from '@just_testing13/hooks';
+import { useDOMRef } from '@interlay/hooks';
 
 import { BreadcrumbItem } from './BreadcrumbItem';
 import { StyledList, StyledListItem, StyledNav } from './Breadcrumbs.style';

packages/components/src/CTA/CTA.style.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { ArrowTopRightOnSquare } from '@just_testing13/icons';
+import { ArrowTopRightOnSquare } from '@interlay/icons';
 
 import { theme } from '../../../core/theme/src';
 import { CTASizes, CTAVariants } from '../../../core/theme/src';

packages/components/src/CTA/CTA.tsx

@@ -3,7 +3,7 @@ import { useFocusRing } from '@react-aria/focus';
 import { mergeProps } from '@react-aria/utils';
 import { PressEvent } from '@react-types/shared';
 import { ButtonHTMLAttributes, forwardRef } from 'react';
-import { useDOMRef } from '@just_testing13/hooks';
+import { useDOMRef } from '@interlay/hooks';
 
 import { CTASizes } from '../../../core/theme/src';
 

packages/components/src/CTA/CTALink.tsx

@@ -2,7 +2,7 @@ import { useFocusRing } from '@react-aria/focus';
 import { AriaLinkOptions, useLink } from '@react-aria/link';
 import { mergeProps } from '@react-aria/utils';
 import { AnchorHTMLAttributes, forwardRef } from 'react';
-import { useDOMRef } from '@just_testing13/hooks';
+import { useDOMRef } from '@interlay/hooks';
 
 import { BaseCTA, BaseCTAProps } from './BaseCTA';
 import { StyledIcon } from './CTA.style';

packages/components/src/Card/Card.style.tsx

@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components';
-import { theme } from '@just_testing13/theme';
-import { BorderRadius, CardVariants, Spacing, Variants } from '@just_testing13/theme';
+import { theme } from '@interlay/theme';
+import { BorderRadius, CardVariants, Spacing, Variants } from '@interlay/theme';
 
 import { Flex } from '../Flex';
 

packages/components/src/Card/Card.tsx

@@ -2,8 +2,8 @@ import { useButton } from '@react-aria/button';
 import { mergeProps } from '@react-aria/utils';
 import { PressEvent } from '@react-types/shared';
 import { forwardRef } from 'react';
-import { BorderRadius, CardVariants, Spacing, Variants } from '@just_testing13/theme';
-import { useDOMRef } from '@just_testing13/hooks';
+import { BorderRadius, CardVariants, Spacing, Variants } from '@interlay/theme';
+import { useDOMRef } from '@interlay/hooks';
 
 import { FlexProps } from '../Flex';
 

packages/components/src/CoinIcon/CoinIcon.stories.tsx

@@ -1,6 +1,6 @@
 import { Meta, StoryFn, StoryObj } from '@storybook/react';
-import * as coins from '@just_testing13/coin-icons';
 
+import * as coins from '../../../icons/coin/src';
 import { Flex } from '../Flex';
 
 import { CoinIcon, CoinIconProps } from './CoinIcon';

packages/components/src/CoinIcon/CoinIcon.style.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { Icon } from '@just_testing13/icon';
-import { theme } from '@just_testing13/theme';
+import { Icon } from '@interlay/icons';
+import { theme } from '@interlay/theme';
 
 const StyledFallbackIcon = styled(Icon)`
   stroke: ${theme.icon.fallback.stroke};

packages/components/src/CoinIcon/CoinIcon.tsx

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
-import { IconProps } from '@just_testing13/icon';
-import * as coins from '@just_testing13/coin-icons';
+import { IconProps } from '@interlay/icons';
+
+import * as coins from '../../../icons/coin/src';
 
 import { FallbackIcon } from './FallbackIcon';
 import { LPCoinIcon } from './LPCoinIcon';

packages/components/src/CoinIcon/LPCoinIcon.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, useCallback } from 'react';
-import { Icon } from '@just_testing13/icon';
+import { Icon } from '@interlay/icons';
 
 import { CoinIconProps } from './CoinIcon';
 import { FallbackIcon } from './FallbackIcon';

packages/components/src/CoinIcon/types.ts

@@ -1,4 +1,4 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { IconProps } from '@just_testing13/icons';
+import { IconProps } from '@interlay/icons';
 
 export type CoinComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;

packages/components/src/Dialog/Dialog.tsx

@@ -2,8 +2,8 @@ import { AriaDialogProps, useDialog } from '@react-aria/dialog';
 import { mergeProps } from '@react-aria/utils';
 import { PressEvent } from '@react-types/shared';
 import { forwardRef, ReactNode } from 'react';
-import { XMark } from '@just_testing13/icons';
-import { useDOMRef } from '@just_testing13/hooks';
+import { XMark } from '@interlay/icons';
+import { useDOMRef } from '@interlay/hooks';
 
 import { CTASizes, Sizes } from '../../../core/theme/src';