@grantcodes/ui 2.10.0 → 2.10.2

package/src/components/tabs/tabs.css

@@ -1,91 +1,91 @@
-  *,
-	*::before,
-	*::after {
-    box-sizing: border-box;
-  }
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
 
-  .tabs {
-    --border-width: 3px;
-    display: block;
-  }
+.tabs {
+	--border-width: 3px;
+	display: block;
+}
 
-  .tabs__tablist {
-    overflow: auto;
-    contain: none;
-  }
+.tabs__tablist {
+	overflow: auto;
+	contain: none;
+}
 
-  .tabs__tablist__inner {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    width: fit-content;
-    min-width: 100%;
-    background-image: linear-gradient(
-      var(--g-theme-color-border-default, var(--g-theme-color-primary-100)),
-      var(--g-theme-color-border-default, var(--g-theme-color-primary-100))
-    );
-    background-size: auto var(--border-width);
-    background-position: bottom;
-    background-repeat: repeat-x;
-  }
+.tabs__tablist__inner {
+	position: relative;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	width: fit-content;
+	min-width: 100%;
+	background-image: linear-gradient(
+		var(--g-theme-color-border-default, var(--g-theme-color-primary-100)),
+		var(--g-theme-color-border-default, var(--g-theme-color-primary-100))
+	);
+	background-size: auto var(--border-width);
+	background-position: bottom;
+	background-repeat: repeat-x;
+}
 
-  .tabs__tab {
-    padding: 0.6em 1.2em;
-    line-height: 1;
-    font-size: var(--g-theme-typography-body-default-font-size);
-    border: none;
-    border-block-start: var(--border-width) solid transparent;
-    border-block-end: var(--border-width) solid
-      var(--g-theme-color-border-default, var(--g-theme-color-primary-100));
-    background-color: transparent;
-    color: var(--g-theme-color-content-default);
-    opacity: 0.7;
-    white-space: nowrap;
-    cursor: pointer;
-    transition:
-      opacity 0.2s,
-      border-color 0.2s,
-      background-color 0.2s;
-  }
+.tabs__tab {
+	padding: 0.6em 1.2em;
+	line-height: 1;
+	font-size: var(--g-theme-typography-body-default-font-size);
+	border: none;
+	border-block-start: var(--border-width) solid transparent;
+	border-block-end: var(--border-width) solid
+		var(--g-theme-color-border-default, var(--g-theme-color-primary-100));
+	background-color: transparent;
+	color: var(--g-theme-color-content-default);
+	opacity: 0.7;
+	white-space: nowrap;
+	cursor: pointer;
+	transition:
+		opacity 0.2s,
+		border-color 0.2s,
+		background-color 0.2s;
+}
 
-  @media (min-width: 40em) {
-    .tabs__tab {
-      padding-inline: var(--g-theme-spacing-md);
-    }
-  }
+@media (min-width: 40em) {
+	.tabs__tab {
+		padding-inline: var(--g-theme-spacing-md);
+	}
+}
 
-  .tabs__tab:hover,
-  .tabs__tab:focus-visible {
-    opacity: 1;
-    border-block-end-color: var(
-      --g-theme-color-border-default,
-      var(--g-theme-color-primary-200)
-    );
-  }
+.tabs__tab:hover,
+.tabs__tab:focus-visible {
+	opacity: 1;
+	border-block-end-color: var(
+		--g-theme-color-border-default,
+		var(--g-theme-color-primary-200)
+	);
+}
 
-  .tabs__tab.is-active {
-    border-block-end-color: var(
-      --g-theme-color-border-primary,
-      var(--g-theme-color-primary-500)
-    );
-    background-color: var(--g-theme-color-background-subtle);
-    color: var(--g-theme-color-content-default);
-    z-index: 1;
-    position: relative;
-    opacity: 1;
-  }
+.tabs__tab.is-active {
+	border-block-end-color: var(
+		--g-theme-color-border-primary,
+		var(--g-theme-color-primary-500)
+	);
+	background-color: var(--g-theme-color-background-subtle);
+	color: var(--g-theme-color-content-default);
+	z-index: 1;
+	position: relative;
+	opacity: 1;
+}
 
-  .tabs__panel {
-    margin-block-start: var(--g-theme-spacing-md);
-    outline-color: var(
-      --g-theme-color-border-primary,
-      var(--g-theme-color-primary-500)
-    );
-    outline-offset: 1rem;
-    display: none;
-  }
+.tabs__panel {
+	margin-block-start: var(--g-theme-spacing-md);
+	outline-color: var(
+		--g-theme-color-border-primary,
+		var(--g-theme-color-primary-500)
+	);
+	outline-offset: 1rem;
+	display: none;
+}
 
-  .tabs__panel.is-active {
-    display: block;
-  }
+.tabs__panel.is-active {
+	display: block;
+}

package/src/components/tabs/tabs.react.js

@@ -1,9 +1,9 @@
-import React from "react"
-import { createComponent } from "@lit/react"
-import { GrantCodesTabs } from "./tabs.js"
+import React from "react";
+import { createComponent } from "@lit/react";
+import { GrantCodesTabs } from "./tabs.js";
 
 export const Tabs = createComponent({
 	tagName: "grantcodes-tabs",
 	elementClass: GrantCodesTabs,
 	react: React,
-})
+});

package/src/components/testimonials/testimonials.css

@@ -1,84 +1,84 @@
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
 
-  :host {
-    display: block;
-  }
+:host {
+	display: block;
+}
 
-  .testimonials {
-    padding-block: var(--g-theme-spacing-3xl);
-    padding-inline: var(--g-theme-spacing-md);
-  }
+.testimonials {
+	padding-block: var(--g-theme-spacing-3xl);
+	padding-inline: var(--g-theme-spacing-md);
+}
 
-  .testimonials__container {
-    max-width: 1200px;
-    margin: 0 auto;
-  }
+.testimonials__container {
+	max-width: 1200px;
+	margin: 0 auto;
+}
 
-  .testimonials__title {
-    margin: 0 0 var(--g-theme-spacing-2xl);
-    font-size: var(--g-theme-typography-h4-font-size);
-    font-weight: var(--g-theme-typography-h4-font-weight);
-    text-align: center;
-    color: var(--g-theme-color-content-default);
-  }
+.testimonials__title {
+	margin: 0 0 var(--g-theme-spacing-2xl);
+	font-size: var(--g-theme-typography-h4-font-size);
+	font-weight: var(--g-theme-typography-h4-font-weight);
+	text-align: center;
+	color: var(--g-theme-color-content-default);
+}
 
-  .testimonials__grid--cards {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: var(--g-theme-spacing-lg);
-    padding: 0;
-    margin: 0;
-    list-style: none;
-  }
+.testimonials__grid--cards {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+	gap: var(--g-theme-spacing-lg);
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
 
-  .testimonials__grid--list {
-    display: flex;
-    flex-direction: column;
-    gap: var(--g-theme-spacing-xl);
-    max-width: 65ch;
-    margin: 0 auto;
-    padding: 0;
-    list-style: none;
-  }
+.testimonials__grid--list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--g-theme-spacing-xl);
+	max-width: 65ch;
+	margin: 0 auto;
+	padding: 0;
+	list-style: none;
+}
 
-  .testimonials__quote {
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    gap: var(--g-theme-spacing-lg);
-    height: 100%;
-  }
+.testimonials__quote {
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	gap: var(--g-theme-spacing-lg);
+	height: 100%;
+}
 
-  .testimonials__text {
-    margin: 0;
-    font: var(--g-theme-typography-body-default);
-    color: var(--g-theme-color-content-default);
-    flex: 1;
-  }
+.testimonials__text {
+	margin: 0;
+	font: var(--g-theme-typography-body-default);
+	color: var(--g-theme-color-content-default);
+	flex: 1;
+}
 
-  .testimonials__attribution {
-    display: flex;
-    align-items: center;
-    gap: var(--g-theme-spacing-sm);
-  }
+.testimonials__attribution {
+	display: flex;
+	align-items: center;
+	gap: var(--g-theme-spacing-sm);
+}
 
-  .testimonials__meta {
-    display: flex;
-    flex-direction: column;
-    gap: var(--g-theme-spacing-xs);
-  }
+.testimonials__meta {
+	display: flex;
+	flex-direction: column;
+	gap: var(--g-theme-spacing-xs);
+}
 
-  .testimonials__name {
-    font: var(--g-theme-typography-label-default);
-    font-style: normal;
-    color: var(--g-theme-color-content-default);
-  }
+.testimonials__name {
+	font: var(--g-theme-typography-label-default);
+	font-style: normal;
+	color: var(--g-theme-color-content-default);
+}
 
-  .testimonials__role {
-    font-size: var(--g-theme-typography-body-sm-font-size);
-    color: var(--g-theme-color-content-subtle);
-  }
+.testimonials__role {
+	font-size: var(--g-theme-typography-body-sm-font-size);
+	color: var(--g-theme-color-content-subtle);
+}

package/src/components/testimonials/testimonials.react.js

@@ -1,9 +1,9 @@
-import React from "react"
-import { createComponent } from "@lit/react"
-import { GrantCodesTestimonials } from "./testimonials.js"
+import React from "react";
+import { createComponent } from "@lit/react";
+import { GrantCodesTestimonials } from "./testimonials.js";
 
 export const Testimonials = createComponent({
 	tagName: "grantcodes-testimonials",
 	elementClass: GrantCodesTestimonials,
 	react: React,
-})
+});

package/src/components/toast/toast.component.js

@@ -1,7 +1,9 @@
 import { html, LitElement } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { classMap } from "lit/directives/class-map.js";
-import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with {
+	type: "css",
+};
 import toastStyles from "./toast.css" with { type: "css" };
 import { GrantCodesIcon } from "../icon/icon.component.js";
 import { AlertCircle, Info, CheckCircle2, XCircle, X } from "../../icons.js";