@seed-design/css 0.0.1-rc.0

package/recipes/toggle-button.d.ts

@@ -0,0 +1,28 @@
+declare interface ToggleButtonVariant {
+  /**
+  * @default brandSolid
+  */
+  variant: "brandSolid" | "neutralWeak";
+/**
+  * @default small
+  */
+  size: "xsmall" | "small";
+}
+
+declare type ToggleButtonVariantMap = {
+  [key in keyof ToggleButtonVariant]: Array<ToggleButtonVariant[key]>;
+};
+
+export declare type ToggleButtonVariantProps = Partial<ToggleButtonVariant>;
+
+export declare type ToggleButtonSlotName = "root";
+
+export declare const toggleButtonVariantMap: ToggleButtonVariantMap;
+
+export declare const toggleButton: ((
+  props?: ToggleButtonVariantProps,
+) => Record<ToggleButtonSlotName, string>) & {
+  splitVariantProps: <T extends ToggleButtonVariantProps>(
+    props: T,
+  ) => [ToggleButtonVariantProps, Omit<T, keyof ToggleButtonVariantProps>];
+}

package/recipes/toggle-button.mjs

@@ -0,0 +1,43 @@
+import { createClassName } from "./className.mjs";
+import { mergeVariants } from "./mergeVariants.mjs";
+import { splitVariantProps } from "./splitVariantProps.mjs";
+
+const toggleButtonSlotNames = [
+  [
+    "root",
+    "seed-toggle-button__root"
+  ]
+];
+
+const defaultVariant = {
+  "variant": "brandSolid",
+  "size": "small"
+};
+
+const compoundVariants = [];
+
+export const toggleButtonVariantMap = {
+  "variant": [
+    "brandSolid",
+    "neutralWeak"
+  ],
+  "size": [
+    "xsmall",
+    "small"
+  ]
+};
+
+export const toggleButtonVariantKeys = Object.keys(toggleButtonVariantMap);
+
+export function toggleButton(props) {
+  return Object.fromEntries(
+    toggleButtonSlotNames.map(([slot, className]) => {
+      return [
+        slot,
+        createClassName(className, mergeVariants(defaultVariant, props), compoundVariants),
+      ];
+    }),
+  );
+}
+
+Object.assign(toggleButton, { splitVariantProps: (props) => splitVariantProps(props, toggleButtonVariantMap) });

package/recipes/visually-hidden.d.ts

@@ -0,0 +1,21 @@
+declare interface VisuallyHiddenVariant {
+  
+}
+
+declare type VisuallyHiddenVariantMap = {
+  [key in keyof VisuallyHiddenVariant]: Array<VisuallyHiddenVariant[key]>;
+};
+
+export declare type VisuallyHiddenVariantProps = Partial<VisuallyHiddenVariant>;
+
+export declare type VisuallyHiddenSlotName = "root";
+
+export declare const visuallyHiddenVariantMap: VisuallyHiddenVariantMap;
+
+export declare const visuallyHidden: ((
+  props?: VisuallyHiddenVariantProps,
+) => Record<VisuallyHiddenSlotName, string>) & {
+  splitVariantProps: <T extends VisuallyHiddenVariantProps>(
+    props: T,
+  ) => [VisuallyHiddenVariantProps, Omit<T, keyof VisuallyHiddenVariantProps>];
+}

package/recipes/visually-hidden.mjs

@@ -0,0 +1,31 @@
+import { createClassName } from "./className.mjs";
+import { mergeVariants } from "./mergeVariants.mjs";
+import { splitVariantProps } from "./splitVariantProps.mjs";
+
+const visuallyHiddenSlotNames = [
+  [
+    "root",
+    "seed-visually-hidden__root"
+  ]
+];
+
+const defaultVariant = {};
+
+const compoundVariants = [];
+
+export const visuallyHiddenVariantMap = {};
+
+export const visuallyHiddenVariantKeys = Object.keys(visuallyHiddenVariantMap);
+
+export function visuallyHidden(props) {
+  return Object.fromEntries(
+    visuallyHiddenSlotNames.map(([slot, className]) => {
+      return [
+        slot,
+        createClassName(className, mergeVariants(defaultVariant, props), compoundVariants),
+      ];
+    }),
+  );
+}
+
+Object.assign(visuallyHidden, { splitVariantProps: (props) => splitVariantProps(props, visuallyHiddenVariantMap) });