remove unnecessary CSS files

packages/tc-web/src/components.d.ts

@@ -23,10 +23,10 @@ export namespace Components {
     }
     interface TcGridContainer {
         "backgroundColor": string;
-        "columns": 1|2|3|4|5|6;
-        "gap": 'sm' | 'md' | 'lg' | 'xl';
-        "lgColumns": 1|2|3|4|5|6;
-        "mdColumns": 1|2|3|4|5|6;
+        "columns": 1 | 2 | 3 | 4 | 5 | 6;
+        "gap": "sm" | "md" | "lg" | "xl";
+        "lgColumns": 1 | 2 | 3 | 4 | 5 | 6;
+        "mdColumns": 1 | 2 | 3 | 4 | 5 | 6;
     }
     interface TcGridItem {
         "giTitle": string;
@@ -164,10 +164,10 @@ declare namespace LocalJSX {
     }
     interface TcGridContainer {
         "backgroundColor"?: string;
-        "columns"?: 1|2|3|4|5|6;
-        "gap"?: 'sm' | 'md' | 'lg' | 'xl';
-        "lgColumns"?: 1|2|3|4|5|6;
-        "mdColumns"?: 1|2|3|4|5|6;
+        "columns"?: 1 | 2 | 3 | 4 | 5 | 6;
+        "gap"?: "sm" | "md" | "lg" | "xl";
+        "lgColumns"?: 1 | 2 | 3 | 4 | 5 | 6;
+        "mdColumns"?: 1 | 2 | 3 | 4 | 5 | 6;
     }
     interface TcGridItem {
         "giTitle"?: string;

packages/tc-web/src/components/tc-bulletpoint-list/tc-bulletpoint-list.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-bulletpoint-list",
-  styleUrl: "tc-bulletpoint-list.css",
   shadow: true,
 })
 export class BulletpointList {

packages/tc-web/src/components/tc-collapsible/tc-collapsible.tsx

@@ -3,7 +3,6 @@ import { parseTags } from "../../util/util";
 
 @Component({
   tag: "tc-collapsible",
-  styleUrl: "tc-collapsible.css",
   shadow: true,
 })
 export class TcCollapsible {

packages/tc-web/src/components/tc-grid-container/tc-grid-container.tsx

@@ -3,13 +3,12 @@ import { Component, Prop, h } from "@stencil/core";
 @Component({
   tag: "tc-grid-container",
   shadow: true,
-  styleUrl: "tc-grid-container.css",
 })
 export class TcGridContainer {
-  @Prop() mdColumns: 1|2|3|4|5|6 = 2;
-  @Prop() lgColumns: 1|2|3|4|5|6 = 4;
-  @Prop() columns: 1|2|3|4|5|6 = 1;
-  @Prop() gap: 'sm' | 'md' | 'lg' | 'xl' = "md";
+  @Prop() mdColumns: 1 | 2 | 3 | 4 | 5 | 6 = 2;
+  @Prop() lgColumns: 1 | 2 | 3 | 4 | 5 | 6 = 4;
+  @Prop() columns: 1 | 2 | 3 | 4 | 5 | 6 = 1;
+  @Prop() gap: "sm" | "md" | "lg" | "xl" = "md";
   @Prop() backgroundColor: string = "rgb(255, 255, 255)";
 
   // Default to 2 columns

packages/tc-web/src/components/tc-grid-item/tc-grid-item.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-grid-item",
-  styleUrl: "tc-grid-item.css",
   shadow: true,
 })
 export class GridItem {

packages/tc-web/src/components/tc-img-quote-card/tc-img-quote-card.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-img-quote-card",
-  styleUrl: "tc-img-quote-card.css",
   shadow: true,
 })
 export class ImgQuoteCard {

packages/tc-web/src/components/tc-img-text-card/tc-img-text-card.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-img-text-card",
-  styleUrl: "tc-img-text-card.css",
   shadow: true,
 })
 export class TcImgTextCard {

packages/tc-web/src/components/positions/tc-job-listing/tc-job-listing.tsx → packages/tc-web/src/components/tc-job-listing/tc-job-listing.tsx

@@ -1,9 +1,8 @@
 import { Component, Prop, h } from "@stencil/core";
-import { parseTags } from "../../../util/util";
+import { parseTags } from "../../util/util";
 
 @Component({
   tag: "tc-job-listing",
-  styleUrl: "tc-job-listing.css",
   shadow: true,
 })
 export class JobListing {

packages/tc-web/src/components/tc-segment-container/tc-segment-container.tsx

@@ -3,11 +3,10 @@ import { Component, Prop, h, Host } from "@stencil/core";
 
 @Component({
   tag: "segment-container",
-  styleUrl: "tc-segment-container.css",
   shadow: true,
 })
 export class SegmentContainer {
-  @Prop({attribute:"title"}) segTitle: string;
+  @Prop({ attribute: "title" }) segTitle: string;
   @Prop() backgroundColor: string;
 
   render() {

packages/tc-web/src/components/tc-subtitle/tc-open-positions.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-open-positions",
-  styleUrl: "tc-open-positions.css",
   shadow: true,
 })
 export class OpenPositions {

packages/tc-web/src/components/tc-svg-icon-card/tc-svg-icon-card.tsx

@@ -2,7 +2,6 @@ import { Component, Prop, h } from "@stencil/core";
 
 @Component({
   tag: "tc-svg-icon-card",
-  styleUrl: "tc-svg-icon-card.css",
   shadow: true,
 })
 export class SVGIconCard {