@ropav/styles 0.3.0 → 0.5.0

package/src/components/textarea/textarea.styles.ts

@@ -6,6 +6,7 @@ export const textAreaVariants = tv({
   base: "textarea",
   defaultVariants: {
     fullWidth: false,
+    size: "md",
     variant: "primary",
   },
   variants: {
@@ -13,6 +14,11 @@ export const textAreaVariants = tv({
       false: "",
       true: "textarea--full-width",
     },
+    size: {
+      lg: "textarea--lg",
+      md: "",
+      sm: "textarea--sm",
+    },
     variant: {
       primary: "textarea--primary",
       secondary: "textarea--secondary",

package/src/components/virtualizer/index.ts

@@ -0,0 +1 @@
+export * from "./virtualizer.styles";

package/src/components/virtualizer/virtualizer.styles.ts

@@ -0,0 +1,15 @@
+import { tv } from "tailwind-variants";
+
+/**
+ * The parts a windowed collection draws for itself, whichever collection it is.
+ *
+ * Only the scrollbar so far: a table and a listbox hide the native one and draw this in its place,
+ * so a dragged thumb moves the rows and the scroll offset together.
+ */
+export const virtualizerVariants = tv({
+  slots: {
+    scrollbar: "virtualizer__scrollbar",
+    scrollbarThumb: "virtualizer__scrollbar-thumb",
+    scrollbarTrack: "virtualizer__scrollbar-track",
+  },
+});

package/dist/themes/default/components/index.css

@@ -1,6 +0,0 @@
-/* Default theme component customizations */
-/* 
- * This file can contain theme-specific overrides for component styles.
- * Since the default theme uses the base styles as-is, this file is empty.
- * Custom themes can override specific component styles here.
- */

package/dist/themes/default/index.css

@@ -1,8 +0,0 @@
-/* Declares the theme variables - @see https://tailwindcss.com/docs/theme */
-@import "../shared/theme.css";
-
-/* Default Theme */
-@import "./variables.css" layer(theme);
-
-/* Component customizations for default theme */
-@import "./components/index.css" layer(components);