jp.ui.app.ds 1.0.0 → 1.0.2

package/src/matherial3/typography/m3-typography.tsx

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import styled from '@emotion/styled';
-import { Theme } from '@emotion/react'
-import { M3TextStylesBody } from '@choochoochoo/jp.theme';
-
-import { TypographySize } from './typography-size';
-
-export function getTextStyle (styleBody: M3TextStylesBody, size: TypographySize) {
-    switch (size) {
-        case 'lg': {
-            return styleBody.large;
-        }
-        case 'sm': {
-            return styleBody.small;
-        }
-    }
-
-    return styleBody.medium;
-}
-
-export type TypographyProps = {
-    color: string;
-    size: TypographySize;
-    children: React.ReactNode;
-    className?: string;
-}
-
-type TextStyleType = {
-    body: M3TextStylesBody;
-    size: TypographySize;
-    color: string;
-    theme?: Theme;
-}
-
-export const TextStyle = styled.div(({ body, size, color }: TextStyleType) => ({
-    fontFamily: `${getTextStyle(body, size).fontFamilyName}`,
-    fontStyle: 'normal',
-    fontWeight: `${getTextStyle(body, size).fontWeight}`,
-    fontSize: `${getTextStyle(body, size).fontSize}px`,
-    lineHeight: `${getTextStyle(body, size).lineHeight}px`,
-    letterSpacing: `${getTextStyle(body, size).letterSpacing}px`,
-    color: `${color}`,
-    margin: 0,
-}))
-

package/src/matherial3/typography/title.tsx

@@ -1,19 +0,0 @@
-import { useTheme } from '@emotion/react';
-import * as React from 'react';
-
-import { TextStyle, TypographyProps } from './m3-typography';
-
-export const Title = ({ size, color, children, className }: TypographyProps) => {
-    const theme = useTheme();
-
-    return (
-        <TextStyle
-            className={className}
-            body={theme.m3TextStyle.title}
-            size={size}
-            color={color}
-        >
-            {children}
-        </TextStyle>
-    );
-};

package/tsconfig.json

@@ -1,30 +0,0 @@
-{
-  "compilerOptions": {
-    // Default
-    "target": "es5",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "skipLibCheck": true,
-
-    // Added
-    "jsx": "react",
-    "module": "ESNext",
-    "sourceMap": true,
-    "outDir": "dist",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "typeRoots": [
-      "node_modules/@types",
-      "types"
-    ],
-    "allowImportingTsExtensions": true,
-    "emitDeclarationOnly": true,
-    "declaration": true,
-    "declarationDir": "dist"
-  },
-  "exclude": [
-    "src/**/*.stories.ts",
-    "src/**/*.stories.tsx"
-  ]
-}

package/types/emotion.d.ts

@@ -1,12 +0,0 @@
-import '@emotion/react';
-import { M3Palettes, M3Schema, M3TextStyles, ThemesEnum } from '@choochoochoo/jp.theme';
-
-declare module '@emotion/react' {
-    export interface Theme {
-        themeId: ThemesEnum;
-        m3Schema: M3Schema;
-        m3TextStyle: M3TextStyles;
-        m3Palettes: M3Palettes;
-        ext: object;
-    }
-}