Merge branch 'main' into task/fp-1499-cms-pattern-library

Author: wesleyboar

.eslintrc.json

@@ -24,7 +24,9 @@
     {
       "files": ["*.ts", "*.tsx"],
       "extends": ["plugin:@nrwl/nx/typescript"],
-      "rules": {}
+      "rules": {
+        "@typescript-eslint/no-explicit-any": "off"
+      }
     },
     {
       "files": ["*.js", "*.jsx"],

.postcssrc.yml

@@ -0,0 +1,14 @@
+plugins:
+  postcss-preset-env:
+    # https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#stage
+    stage: false
+
+    # https://github.com/csstools/postcss-plugins/blob/main/plugin-packs/postcss-preset-env/FEATURES.md
+    features:
+      custom-properties:
+        # https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-properties#options
+        preserve: false
+      custom-media-queries: true
+      media-query-ranges: true
+      custom-selectors: true
+      nesting-rules: true

README.md

@@ -1,10 +1,9 @@
-
-
 # Tacc
 
 This project was generated using [Nx](https://nx.dev).
 
 Things to try:
+
 - `npx nx serve tup-ui` to run the app
 - `npx nx build core-components` to create a distributable library for the core components.
 - `npx nx build core-styles` to build the style library.
@@ -84,8 +83,6 @@ Run `nx graph` to see a diagram of the dependencies of your projects.
 
 Visit the [Nx Documentation](https://nx.dev) to learn more.
 
-
-
 ## ☁ Nx Cloud
 
 ### Distributed Computation Caching & Distributed Task Execution

apps/tup-ui/project.json

@@ -19,7 +19,7 @@
       "options": {
         "commands": [
           {
-            "command": "npx vite build"
+            "command": "npx vite build --emptyOutDir"
           }
         ],
         "cwd": "apps/tup-ui"

apps/tup-ui/src/App.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Message } from '@tacc/core-components';
+import { Button, Message } from '@tacc/core-components';
 
 function App() {
   const [count, setCount] = useState(0);
@@ -8,11 +8,15 @@ function App() {
     <div className="App">
       <header className="App-header">
         <p>Hello Vite + React!</p>
-        <Message />
+        <Message type="warning">Core-Components Message</Message>
         <p>
-          <button type="button" onClick={() => setCount((count) => count + 1)}>
+          <Button
+            onClick={() => setCount((count) => count + 1)}
+            size="long"
+            type="primary"
+          >
             count is: {count}
-          </button>
+          </Button>
         </p>
         <p>
           Edit <code>App.tsx</code> and save to test HMR updates.

apps/tup-ui/src/index.css

@@ -1,6 +1,5 @@
-/* SETTINGS */
-@import url('@tacc/core-styles/dist/settings/border.css');
-/* below, import local styles (if any) */
+/* ITCSS Organization */
+/* SEE: https://confluence.tacc.utexas.edu/x/IAA9Cw */
 
 /* GENERIC */
 /* @import url('@tacc/core-styles/dist/generics/*.css'); */
@@ -11,7 +10,7 @@
 /* below, import local styles (if any) */
 
 /* OBJECTS */
-@import url('@tacc/core-styles/dist/objects/o-flex-item-table-wrap.css');
+/* @import url('@tacc/core-styles/dist/objects/*.css'); */
 /* below, import local styles (if any) */
 
 /* COMPONENTS */

apps/tup-ui/src/styles/README.md

@@ -14,7 +14,7 @@ Global stylesheets may `@import` project stylesheets, e.g.:
 **`index.css`**
 
 ```
-@import url('styles/.../settings/color.css');
+@import url('@tacc/core-styles/.../settings/color.css');
 ```
 
 ### Import from Component Stylesheets
@@ -24,7 +24,7 @@ Component stylesheets may `@import` project stylesheets, e.g.:
 **`components/(.../)SomeProjectComponent.module.css`**
 
 ```
-@import url('styles/tools/media-queries.css');
+@import url('@tacc/core-styles/.../tools/media-queries.css');
 
 @media screen and (--short-and-above) and (--medium-and-above) {
   selector {

apps/tup-ui/tsconfig.json

@@ -8,7 +8,6 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true
   },

apps/ui-patterns/.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": []
+}

apps/ui-patterns/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}