@hellobetterdigitalnz/betterui 0.0.0 → 0.0.1

package/tokens/shadow/shadow-panel.scss

@@ -1,12 +0,0 @@
-.shadow-panel{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  background: var(--color-lite);
-  max-width: 500px;
-  margin: 0px auto var(--spacing-2-1\/2) auto !important;
-  min-height: 300px;
-  border-radius: 8px;
-  margin-top: var(--spacing-2-1\/2) !important;
-}

package/tokens/shadow/shadow.mdx

@@ -1,34 +0,0 @@
-import {Meta} from "@storybook/blocks"
-import './shadow-panel.scss'
-
-
-<Meta title='Design Token/Shadow'/>
-
-# Shadows
-
-##
-
-<div className={'shadow-panel typography'} style={{ boxShadow: 'var(--drop-shadow-default)' }}>
-    <h5>Shadow for dropdown menus</h5>
-    <h5 className={'variable'}>var(--drop-shadow-default)</h5>
-</div>
-
-<div className={'shadow-panel typography'} style={{ boxShadow: 'var(--drop-shadow-md)' }}>
-    <h5>Shadow 1</h5>
-    <h5 className={'variable'}>var(--drop-shadow-md)</h5>
-</div>
-
-<div className={'shadow-panel typography'} style={{ boxShadow: 'var(--drop-shadow-lg)' }}>
-    <h5>Shadow 2</h5>
-    <h5 className={'variable'}>var(--drop-shadow-lg)</h5>
-</div>
-
-<div className={'shadow-panel typography'} style={{ boxShadow: 'var(--drop-shadow-xl)' }}>
-    <h5>Shadow 3</h5>
-    <h5 className={'variable'}>var(--drop-shadow-xl)</h5>
-</div>
-
-<div className={'shadow-panel typography'} style={{ boxShadow: 'var(--drop-shadow-2xl)' }}>
-    <h5>Shadow 4</h5>
-    <h5 className={'variable'}>var(--drop-shadow-2xl)</h5>
-</div>

package/tokens/typography/typography.mdx

@@ -1,31 +0,0 @@
-import {Meta, Typeset,} from "@storybook/blocks"
-
-
-<Meta title='Design Token/Typography'/>
-
-# Typography
-
-## Header
-
-<Typeset
-    fontSizes={['var(--font-size-h1)', 'var(--font-size-h2)', 'var(--font-size-h3)', 'var(--font-size-h4)', 'var(--font-size-h5)']}
-    sampleText='Hello there'
-    fontWeight={600}
-/>
-
-
-## Body tags
-
-<Typeset
-    fontSizes={['var(--font-size-body-regular)', 'var(--font-size-body-sm)', 'var(--font-size-body-xsm)']}
-    sampleText='Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl quam, scelerisque et tellus in, semper vestibulum erat. Vestibulum non dolor vitae lectus aliquet laoreet non at felis.'
-    fontWeight={400}
-/>
-
-## Label tags
-
-<Typeset
-    fontSizes={['var(--font-size-label)']}
-    sampleText='Input label'
-    fontWeight={400}
-/>

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})