@react5/ui 1.0.27 → 1.0.28

package/packages/app/src/styles/1-reset.scss

@@ -1,73 +1,73 @@
-/* https://andy-bell.co.uk/a-more-modern-css-reset/ */
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-/* Prevent font size inflation */
-html {
-  -moz-text-size-adjust: none;
-  -webkit-text-size-adjust: none;
-  text-size-adjust: none;
-}
-
-/* Remove default margin in favour of better control in authored CSS */
-body, h1, h2, h3, h4, p,
-figure, blockquote, dl, dd {
-  margin: 0;
-}
-
-/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role='list'],
-ol[role='list'] {
-  list-style: none;
-}
-
-/* Set core body defaults */
-body {
-  min-height: 100vh;
-  line-height: 1.5;
-}
-
-/* Set shorter line heights on headings and interactive elements */
-h1, h2, h3, h4,
-button, input, label {
-  line-height: 1.1;
-}
-
-/* Balance text wrapping on headings */
-h1, h2,
-h3, h4 {
-  text-wrap: balance;
-}
-
-/* A elements that don't have a class get default styles */
-a:not([class]) {
-  text-decoration-skip-ink: auto;
-  color: currentColor;
-}
-
-/* Make images easier to work with */
-img,
-picture {
-  // max-width: 100%;
-  display: block;
-}
-
-/* Inherit fonts for inputs and buttons */
-input, button,
-textarea, select {
-  font: inherit;
-}
-
-/* Make sure textareas without a rows attribute are not tiny */
-textarea:not([rows]) {
-  min-height: 10em;
-}
-
-/* Anything that has been anchored to should have extra scroll margin */
-:target {
-  scroll-margin-block: 5ex;
+/* https://andy-bell.co.uk/a-more-modern-css-reset/ */
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body, h1, h2, h3, h4, p,
+figure, blockquote, dl, dd {
+  margin: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+  list-style: none;
+}
+
+/* Set core body defaults */
+body {
+  min-height: 100vh;
+  line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1, h2, h3, h4,
+button, input, label {
+  line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1, h2,
+h3, h4 {
+  text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+  text-decoration-skip-ink: auto;
+  color: currentColor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+  // max-width: 100%;
+  display: block;
+}
+
+/* Inherit fonts for inputs and buttons */
+input, button,
+textarea, select {
+  font: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+  min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+  scroll-margin-block: 5ex;
 }

package/packages/app/src/styles/2-colors.scss

@@ -1,11 +1,11 @@
-:root {
-  --page_bg_color: #f6f6f2;
-  --page_text_color: #000000;
-  --control_bg_color: #fff;
-  --control_text_color: #1b221b;
-  --primary_bg_color: #675143;
-  --primary_bg_color_highlight: #9d612c;
-  --primary_text_color: #ffffff;
-  --primary_border_color: #4b4747;
-  --secondary_bg_color: #f6f6f2;
-}
+:root {
+  --page_bg_color: #f6f6f2;
+  --page_text_color: #000000;
+  --control_bg_color: #fff;
+  --control_text_color: #1b221b;
+  --primary_bg_color: #675143;
+  --primary_bg_color_highlight: #9d612c;
+  --primary_text_color: #ffffff;
+  --primary_border_color: #4b4747;
+  --secondary_bg_color: #f6f6f2;
+}

package/packages/app/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/packages/app/tsconfig.app.json

@@ -1,26 +1,26 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/packages/app/tsconfig.json

@@ -1,7 +1,7 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/packages/app/tsconfig.node.json

@@ -1,24 +1,24 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/packages/app/vite.config.ts

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

package/packages/lib/.babelrc

@@ -1,9 +1,9 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    ["@babel/preset-react", { "runtime": "automatic" }],
-    "@babel/typescript"
-  ],
-  "plugins": [
-  ]
-}
+{
+  "presets": [
+    "@babel/preset-env",
+    ["@babel/preset-react", { "runtime": "automatic" }],
+    "@babel/typescript"
+  ],
+  "plugins": [
+  ]
+}

package/packages/lib/.storybook/main.js

@@ -1,51 +1,51 @@
-import { join, dirname } from 'path';
-import { mergeConfig } from 'vite';
-import svgr from 'vite-plugin-svgr';
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-function getAbsolutePath(value) {
-  return dirname(require.resolve(join(value, 'package.json')));
-}
-
-/** @type { import('@storybook/react-vite').StorybookConfig } */
-const config = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-
-  addons: [
-    getAbsolutePath('@storybook/addon-links'),
-    // getAbsolutePath('@storybook/addon-onboarding'),
-    // getAbsolutePath('@storybook/addon-interactions'),
-    // getAbsolutePath('@storybook/addon-essentials'),
-    '@chromatic-com/storybook'
-  ],
-
-  core: {},
-
-  docs: {},
-
-  framework: {
-    name: getAbsolutePath("@storybook/react-vite"),
-    options: {}
-  },
-
-  viteFinal: async (config, { configType }) => {
-    return mergeConfig(config, {
-      css: {
-        preprocessorOptions: {
-          scss: {
-            additionalData: `@use "../../styles/1-color-vars.scss" as *; @use "../../styles/2-font-variables.scss" as *;`
-          },
-        },
-      },
-      plugins: [svgr({ include: '**/*.svg' })],
-    });
-  },
-
-  typescript: {
-    reactDocgen: 'react-docgen-typescript'
-  }
-};
+import { join, dirname } from 'path';
+import { mergeConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value) {
+  return dirname(require.resolve(join(value, 'package.json')));
+}
+
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    // getAbsolutePath('@storybook/addon-onboarding'),
+    // getAbsolutePath('@storybook/addon-interactions'),
+    // getAbsolutePath('@storybook/addon-essentials'),
+    //'@chromatic-com/storybook'
+  ],
+
+  core: {},
+
+  docs: {},
+
+  framework: {
+    name: getAbsolutePath("@storybook/react-vite"),
+    options: {}
+  },
+
+  viteFinal: async (config, { configType }) => {
+    return mergeConfig(config, {
+      css: {
+        preprocessorOptions: {
+          scss: {
+            additionalData: `@use "../../styles/1-color-vars.scss" as *; @use "../../styles/2-font-variables.scss" as *;`
+          },
+        },
+      },
+      plugins: [svgr({ include: '**/*.svg' })],
+    });
+  },
+
+  typescript: {
+    reactDocgen: 'react-docgen-typescript'
+  }
+};
 export default config;

package/packages/lib/.storybook/preview.js

@@ -1,14 +1,14 @@
-/** @type { import('@storybook/react').Preview } */
-
-const preview = {
-  parameters: {
-    actions: { },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
+/** @type { import('@storybook/react').Preview } */
+
+const preview = {
+  parameters: {
+    actions: { },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+};
 export default preview;

package/packages/lib/declaration.d.ts

@@ -1,10 +1,10 @@
-declare module "*.css";
-declare module "*.scss";
-declare module "*.svg" {
-  const content: any;
-  export default content;
-}
-declare module '*.scss' {
-  const classes: {[key: string]: string};
-  export default classes;
+declare module "*.css";
+declare module "*.scss";
+declare module "*.svg" {
+  const content: any;
+  export default content;
+}
+declare module '*.scss' {
+  const classes: {[key: string]: string};
+  export default classes;
 }