@grantcodes/ui 2.10.0 → 2.10.2

package/src/lib/styles/all.css

@@ -1,39 +1,39 @@
 @layer components {
-  @import "./focus-ring.css";
-  @import "../../components/accordion/accordion.css";
-  @import "../../components/app-bar/app-bar.css";
-  @import "../../components/avatar/avatar.css";
-  @import "../../components/badge/badge.css";
-  @import "../../components/breadcrumb/breadcrumb.css";
-  @import "../../components/button/button.css";
-  @import "../../components/button-group/button-group.css";
-  @import "../../components/card/card.css";
-  @import "../../components/code-preview/code-preview.css";
-  @import "../../components/container/container.css";
-  @import "../../components/countdown/countdown.css";
-  @import "../../components/cta/cta.css";
-  @import "../../components/dialog/dialog.css";
-  @import "../../components/dropdown/dropdown.css";
-  @import "../../components/dropzone/dropzone.css";
-  @import "../../components/feature-list/feature-list.css";
-  @import "../../components/footer/footer.css";
-  @import "../../components/footer/footer-column.css";
-  @import "../../components/form-field/form-field.css";
-  @import "../../components/gallery/gallery.css";
-  @import "../../components/hero/hero.css";
-  @import "../../components/icon/icon.css";
-  @import "../../components/loading/loading.css";
-  @import "../../components/logo-cloud/logo-cloud.css";
-  @import "../../components/map/map.css";
-  @import "../../components/media-text/media-text.css";
-  @import "../../components/newsletter/newsletter.css";
-  @import "../../components/notice/notice.css";
-  @import "../../components/pagination/pagination.css";
-  @import "../../components/pricing/pricing.css";
-  @import "../../components/sidebar/sidebar.css";
-  @import "../../components/stats/stats.css";
-  @import "../../components/tabs/tabs.css";
-  @import "../../components/testimonials/testimonials.css";
-  @import "../../components/toast/toast.css";
-  @import "../../components/tooltip/tooltip.css";
+	@import "./focus-ring.css";
+	@import "../../components/accordion/accordion.css";
+	@import "../../components/app-bar/app-bar.css";
+	@import "../../components/avatar/avatar.css";
+	@import "../../components/badge/badge.css";
+	@import "../../components/breadcrumb/breadcrumb.css";
+	@import "../../components/button/button.css";
+	@import "../../components/button-group/button-group.css";
+	@import "../../components/card/card.css";
+	@import "../../components/code-preview/code-preview.css";
+	@import "../../components/container/container.css";
+	@import "../../components/countdown/countdown.css";
+	@import "../../components/cta/cta.css";
+	@import "../../components/dialog/dialog.css";
+	@import "../../components/dropdown/dropdown.css";
+	@import "../../components/dropzone/dropzone.css";
+	@import "../../components/feature-list/feature-list.css";
+	@import "../../components/footer/footer.css";
+	@import "../../components/footer/footer-column.css";
+	@import "../../components/form-field/form-field.css";
+	@import "../../components/gallery/gallery.css";
+	@import "../../components/hero/hero.css";
+	@import "../../components/icon/icon.css";
+	@import "../../components/loading/loading.css";
+	@import "../../components/logo-cloud/logo-cloud.css";
+	@import "../../components/map/map.css";
+	@import "../../components/media-text/media-text.css";
+	@import "../../components/newsletter/newsletter.css";
+	@import "../../components/notice/notice.css";
+	@import "../../components/pagination/pagination.css";
+	@import "../../components/pricing/pricing.css";
+	@import "../../components/sidebar/sidebar.css";
+	@import "../../components/stats/stats.css";
+	@import "../../components/tabs/tabs.css";
+	@import "../../components/testimonials/testimonials.css";
+	@import "../../components/toast/toast.css";
+	@import "../../components/tooltip/tooltip.css";
 }

package/src/lib/styles/focus-ring.css

@@ -1,30 +1,30 @@
 .focus-ring,
 :host(.focus-ring) {
-  outline: 0px solid transparent;
-  outline-offset: var(--g-theme-focus-ring-offset-default);
-  transition-duration: var(--g-animation-duration-20);
-  transition-property: outline-color, width;
+	outline: 0px solid transparent;
+	outline-offset: var(--g-theme-focus-ring-offset-default);
+	transition-duration: var(--g-animation-duration-20);
+	transition-property: outline-color, width;
 }
 
 .focus-ring:focus-visible,
 :host(.focus-ring):focus-visible {
-  outline: var(--g-theme-focus-ring-width-default) solid
-    var(--g-theme-focus-ring-color-default);
+	outline: var(--g-theme-focus-ring-width-default) solid
+		var(--g-theme-focus-ring-color-default);
 }
 
 @media (prefers-contrast: more) {
-  .focus-ring:focus-visible,
-  :host(.focus-ring):focus-visible {
-    outline: var(--g-theme-focus-ring-width-default) solid
-      var(--g-theme-focus-ring-color-contrast);
-    box-shadow: 0 0 0
-      calc(
-        (
-            var(--g-theme-focus-ring-width-default) +
-              var(--g-theme-focus-ring-offset-default)
-          ) *
-          1.5
-      )
-      var(--g-theme-focus-ring-color-contrast-shadow);
-  }
+	.focus-ring:focus-visible,
+	:host(.focus-ring):focus-visible {
+		outline: var(--g-theme-focus-ring-width-default) solid
+			var(--g-theme-focus-ring-color-contrast);
+		box-shadow: 0 0 0
+			calc(
+				(
+					var(--g-theme-focus-ring-width-default) +
+					var(--g-theme-focus-ring-offset-default)
+				) *
+				1.5
+			)
+			var(--g-theme-focus-ring-color-contrast-shadow);
+	}
 }

package/src/react.js

@@ -1,39 +1,45 @@
-export { Accordion } from "./components/accordion/accordion.react.js"
-export { AppBar } from "./components/app-bar/app-bar.react.js"
-export { NavLink } from "./components/app-bar/nav-link.react.js"
-export { Avatar } from "./components/avatar/avatar.react.js"
-export { Badge } from "./components/badge/badge.react.js"
-export { Breadcrumb, BreadcrumbItem } from "./components/breadcrumb/breadcrumb.react.js"
-export { Button } from "./components/button/button.react.js"
-export { ButtonGroup } from "./components/button-group/button-group.react.js"
-export { Card } from "./components/card/card.react.js"
-export { CodePreview } from "./components/code-preview/code-preview.react.js"
-export { Container } from "./components/container/container.react.js"
-export { Countdown } from "./components/countdown/countdown.react.js"
-export { Cta } from "./components/cta/cta.react.js"
-export { Dialog } from "./components/dialog/dialog.react.js"
-export { Dropdown, DropdownItem } from "./components/dropdown/dropdown.react.js"
-export { Dropzone } from "./components/dropzone/dropzone.react.js"
-export { FeatureList } from "./components/feature-list/feature-list.react.js"
-export { Footer, FooterColumn } from "./components/footer/footer.react.js"
-export { FormField } from "./components/form-field/form-field.react.js"
-export { Gallery } from "./components/gallery/gallery.react.js"
-export { GalleryImage } from "./components/gallery/gallery-image.react.js"
-export { Hero } from "./components/hero/hero.react.js"
-export { Icon } from "./components/icon/icon.react.js"
-export { Loading } from "./components/loading/loading.react.js"
-export { LogoCloud } from "./components/logo-cloud/logo-cloud.react.js"
-export { MapEmbed } from "./components/map/map.react.js"
-export { MediaText } from "./components/media-text/media-text.react.js"
-export { Newsletter } from "./components/newsletter/newsletter.react.js"
-export { Notice } from "./components/notice/notice.react.js"
-export { Pagination } from "./components/pagination/pagination.react.js"
-export { Pricing } from "./components/pricing/pricing.react.js"
-export { Sidebar } from "./components/sidebar/sidebar.react.js"
-export { Stats } from "./components/stats/stats.react.js"
-export { Tab } from "./components/tabs/tab.react.js"
-export { Tabs } from "./components/tabs/tabs.react.js"
-export { TabsButton } from "./components/tabs/internal/tabs-button.react.js"
-export { Testimonials } from "./components/testimonials/testimonials.react.js"
-export { Toast, ToastContainer } from "./components/toast/toast.react.js"
-export { Tooltip } from "./components/tooltip/tooltip.react.js"
+export { Accordion } from "./components/accordion/accordion.react.js";
+export { AppBar } from "./components/app-bar/app-bar.react.js";
+export { NavLink } from "./components/app-bar/nav-link.react.js";
+export { Avatar } from "./components/avatar/avatar.react.js";
+export { Badge } from "./components/badge/badge.react.js";
+export {
+	Breadcrumb,
+	BreadcrumbItem,
+} from "./components/breadcrumb/breadcrumb.react.js";
+export { Button } from "./components/button/button.react.js";
+export { ButtonGroup } from "./components/button-group/button-group.react.js";
+export { Card } from "./components/card/card.react.js";
+export { CodePreview } from "./components/code-preview/code-preview.react.js";
+export { Container } from "./components/container/container.react.js";
+export { Countdown } from "./components/countdown/countdown.react.js";
+export { Cta } from "./components/cta/cta.react.js";
+export { Dialog } from "./components/dialog/dialog.react.js";
+export {
+	Dropdown,
+	DropdownItem,
+} from "./components/dropdown/dropdown.react.js";
+export { Dropzone } from "./components/dropzone/dropzone.react.js";
+export { FeatureList } from "./components/feature-list/feature-list.react.js";
+export { Footer, FooterColumn } from "./components/footer/footer.react.js";
+export { FormField } from "./components/form-field/form-field.react.js";
+export { Gallery } from "./components/gallery/gallery.react.js";
+export { GalleryImage } from "./components/gallery/gallery-image.react.js";
+export { Hero } from "./components/hero/hero.react.js";
+export { Icon } from "./components/icon/icon.react.js";
+export { Loading } from "./components/loading/loading.react.js";
+export { LogoCloud } from "./components/logo-cloud/logo-cloud.react.js";
+export { MapEmbed } from "./components/map/map.react.js";
+export { MediaText } from "./components/media-text/media-text.react.js";
+export { Newsletter } from "./components/newsletter/newsletter.react.js";
+export { Notice } from "./components/notice/notice.react.js";
+export { Pagination } from "./components/pagination/pagination.react.js";
+export { Pricing } from "./components/pricing/pricing.react.js";
+export { Sidebar } from "./components/sidebar/sidebar.react.js";
+export { Stats } from "./components/stats/stats.react.js";
+export { Tab } from "./components/tabs/tab.react.js";
+export { Tabs } from "./components/tabs/tabs.react.js";
+export { TabsButton } from "./components/tabs/internal/tabs-button.react.js";
+export { Testimonials } from "./components/testimonials/testimonials.react.js";
+export { Toast, ToastContainer } from "./components/toast/toast.react.js";
+export { Tooltip } from "./components/tooltip/tooltip.react.js";

package/vite-plugin-css-import-attributes.js

@@ -45,12 +45,15 @@ export function cssImportAttributes() {
 			);
 			const regex = new RegExp(
 				escapedSource +
-					`['"] *(?:with|assert) *{ *type: *['"]css['"]`,
+					`['"]\\s*(?:with|assert)\\s*{\\s*type:\\s*['"]css['"]`,
 			);
 			if (!regex.test(importerContent)) return;
 
 			// Resolve to absolute path
-			const resolved = (await this.resolve(source, importer, options))
+			const resolved = (await this.resolve(source, importer, {
+				...options,
+				skipSelf: true,
+			}))
 				?.id;
 			if (!resolved) return;