@atom-learning/components 6.0.0-beta.2 → 6.0.0-beta.21

package/scripts/vite-plugin-tailwind-responsive-variant-classes.mjs

@@ -0,0 +1,93 @@
+import path from 'path'
+import { minimatch } from 'minimatch'
+
+import { generateResponsiveVariantClassesSafelist } from './generate-responsive-variant-classes.mjs'
+
+export function tailwindResponsiveVariantClasses(options = {}) {
+  const {
+    input = ['src/**/*.{ts,tsx}'],
+    cwd = process.cwd(),
+    outputPath = 'src/responsive-variant-classes.css'
+  } = options
+
+  let isGenerating = false
+  let generateTimeout = null
+
+  // Normalize input to always be an array
+  const patterns = Array.isArray(input) ? input : [input]
+
+  const matchesPattern = (filePath) => {
+    const relativePath = path.relative(cwd, filePath).replace(/\\/g, '/')
+    return patterns.some(
+      (pattern) =>
+        typeof pattern === 'string' && minimatch(relativePath, pattern)
+    )
+  }
+
+  async function generateResponsiveClasses() {
+    if (isGenerating) return Promise.resolve()
+
+    isGenerating = true
+
+    try {
+      await generateResponsiveVariantClassesSafelist({
+        cwd,
+        input,
+        outputPath
+      })
+      console.log('[responsive-classes] ✓ Generated responsive variant classes')
+    } catch (error) {
+      console.error(
+        '[responsive-classes] Error generating classes:',
+        error.message
+      )
+      throw error
+    } finally {
+      isGenerating = false
+    }
+  }
+
+  function debouncedGenerate() {
+    if (generateTimeout) clearTimeout(generateTimeout)
+    generateTimeout = setTimeout(() => {
+      generateResponsiveClasses().catch((error) => {
+        console.warn('[responsive-classes] Generation failed:', error.message)
+      })
+    }, 500)
+  }
+
+  return {
+    name: 'vite-plugin-responsive-classes',
+    enforce: 'pre',
+
+    async configResolved() {
+      try {
+        await generateResponsiveClasses()
+      } catch (error) {
+        console.warn(
+          '[responsive-classes] Initial generation failed:',
+          error.message
+        )
+      }
+    },
+
+    configureServer(server) {
+      const handleFileChange = (file) => {
+        if (matchesPattern(file)) {
+          debouncedGenerate()
+        }
+      }
+
+      server.watcher.on('change', handleFileChange)
+      server.watcher.on('add', handleFileChange)
+      server.watcher.on('unlink', handleFileChange)
+    },
+
+    handleHotUpdate({ file }) {
+      if (matchesPattern(file)) {
+        debouncedGenerate()
+        return []
+      }
+    }
+  }
+}

package/src/index.css

@@ -0,0 +1,164 @@
+@import 'tailwindcss';
+@import './responsive-variant-classes.css';
+
+@theme {
+  --default-font-family: var(--font-body);
+  --easing: cubic-bezier(0.22, 1, 0.36, 1);
+
+  --bg-chevron: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23757575%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20color%3D%22%23757575%22%3E%3Cpolyline%20points%3D%226%2010%2012%2016%2018%2010%22%2F%3E%3C%2Fsvg%3E);
+
+  /**
+    * Font Feature Settings for Inter
+    *
+    * https://rsms.me/inter/#feature-examples
+    * https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
+    *
+    * These font-settings apply various character variants and stylistic alternatives
+    * to improve the readability of text.
+    *
+    * This will usually be applied across all app UI when used by a student.
+    */
+  --readability-features: 'cv02, cv04, cv05, cv08, cv11, ss03';
+  --readability-number-features: 'cv02, cv04, tnum';
+
+  /**
+   * Animations
+   */
+  --animate-accordion-open: accordion-open 300ms ease-out;
+  --animate-accordion-close: accordion-close 300ms ease-out;
+
+  @keyframes accordion-open {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+  @keyframes accordion-close {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+
+  --animate-fade-in: fade-in 550ms var(--easing);
+  --animate-fade-out: fade-out 550ms var(--easing);
+
+  @keyframes fade-in {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+  @keyframes fade-out {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+
+  --animate-slide-direction-in: slide-direction-in 225ms ease-out;
+  --animate-slide-direction-out: slide-direction-out 125ms ease-out;
+
+  @keyframes slide-direction-in {
+    0% {
+      opacity: var(--slide-opacity-out, 1);
+      translate: var(--slide-direction-out-x, 0) var(--slide-direction-out-y, 0);
+    }
+    100% {
+      opacity: var(--slide-opacity-in, 1);
+      translate: var(--slide-direction-in-x, 0) var(--slide-direction-in-y, 0);
+    }
+  }
+  @keyframes slide-direction-out {
+    0% {
+      opacity: var(--slide-opacity-in, 1);
+      translate: var(--slide-direction-in-x, 0) var(--slide-direction-in-y, 0);
+    }
+    100% {
+      opacity: var(--slide-opacity-out, 1);
+      translate: var(--slide-direction-out-x, 0) var(--slide-direction-out-y, 0);
+    }
+  }
+
+  --animate-slide-in-center: slide-in-center 550ms var(--easing);
+  --animate-slide-out-center: slide-out-center 550ms var(--easing);
+
+  @keyframes slide-in-center {
+    0% {
+      translate: -50% 50vh;
+    }
+    100% {
+      translate: -50% -50%;
+    }
+  }
+  @keyframes slide-out-center {
+    0% {
+      translate: -50% -50%;
+    }
+    100% {
+      translate: -50% 50vh;
+    }
+  }
+}
+
+@utility animation-delay-* {
+  animation-delay: calc(--value(integer) * 1ms);
+}
+
+@utility animation-duration-* {
+  animation-duration: calc(--value(integer) * 1ms);
+}
+
+@utility capsize-* {
+  &::before {
+    content: '';
+    margin-bottom: calc(-1em * --value([number]));
+    display: table;
+  }
+  &::after {
+    content: '';
+    margin-top: calc(-1em * --value([number]));
+    display: table;
+  }
+}
+
+@utility capsize-before-* {
+  &::before {
+    content: '';
+    margin-bottom: calc(-1em * --value([number]));
+    display: table;
+  }
+}
+
+@utility capsize-after-* {
+  &::after {
+    content: '';
+    margin-top: calc(-1em * --value([number]));
+    display: table;
+  }
+}
+
+/**
+ * Font Feature Settings for Inter
+ */
+@utility readability-features {
+  font-feature-settings: var(--readability-features);
+}
+
+@utility readability-number-features {
+  font-feature-settings: var(--readability-number-features);
+}
+
+@custom-variant supports-color-mix {
+  @supports (background-color: color-mix(in hsl, white 50%, transparent)) {
+    @slot;
+  }
+}

package/src/responsive-variant-classes.css

@@ -0,0 +1,15 @@
+/**
+ * Tailwind Responsive Variant Classes Safelist (CSS Format)
+ * 
+ * ⚠️ AUTO-GENERATED FILE - DO NOT EDIT MANUALLY ⚠️
+ * 
+ * This file is automatically generated by the build script: scripts/generate-responsive-variant-classes.mjs
+ * Run `yarn build:responsive-variant-classes` to regenerate this file.
+ * 
+ * This file ensures Tailwind includes dynamically generated responsive classes
+ * when using responsive variants like: gap={{ '@initial': 1, '@sm': 3 }}
+ * 
+ * Uses Tailwind v4's @source inline() pattern syntax for efficient class detection.
+ */
+
+@source inline("{,sm:,md:,lg:,xl:}{*:not-last:mr-2,*:not-last:mr-3,[--active:rgba(255,255,255,0.75)],[--active:var(--color-danger-dark)],[--active:var(--color-primary-1000)],[--active:var(--color-primary-1100)],[--active:var(--color-primary-1200)],[--active:var(--color-success-dark)],[--active:var(--color-warning-dark)],[--active:var(--color-white)],[--banner-heading-color:var(--color-foreground-7-plus)],[--banner-text-color:var(--color-grey-100)],[--base:var(--color-danger)],[--base:var(--color-grey-700)],[--base:var(--color-primary-1000)],[--base:var(--color-primary-800)],[--base:var(--color-success)],[--base:var(--color-warning)],[--base:var(--color-white)],[--base:white],[--interact:rgba(255,255,255,0.9)],[--interact:var(--color-danger-mid)],[--interact:var(--color-primary-1100)],[--interact:var(--color-primary-900)],[--interact:var(--color-success-mid)],[--interact:var(--color-warning-mid)],[--interact:var(--color-white)],[--text:var(--color-primary-800)],[align-items:first baseline],[align-items:inherit],[align-items:initial],[align-items:last baseline],[align-items:normal],[align-items:revert-layer],[align-items:revert],[align-items:safe],[align-items:self-end],[align-items:self-start],[align-items:unsafe],[align-items:unset],[flex-wrap:inherit],[flex-wrap:initial],[flex-wrap:revert-layer],[flex-wrap:revert],[flex-wrap:unset],[justify-content:inherit],[justify-content:initial],[justify-content:left],[justify-content:revert-layer],[justify-content:revert],[justify-content:right],[justify-content:safe],[justify-content:unsafe],[justify-content:unset],absolute,after:hidden!,before:hidden!,bg-(--background-bold),bg-(--background-subtle),bg-(--base),bg-(--base-1),bg-(--base-11),bg-(--base-3),bg-grey-100,bg-grey-400,bg-position-[right_--spacing(2)_top_50%,0_0],bg-position-[right_--spacing(3)_top_50%,0_0],bg-size-[18px_auto,100%],bg-size-[20px_auto,100%],bg-transparent,bg-unset,bg-white,block,border,border-(--base-3),border-b,border-b-(--border-bottom),border-current,border-grey-700,border-none,border-white,capsize-[0.2078],capsize-[0.3864],capsize-after-[0.2405],capsize-after-[0.2634],capsize-after-[0.26],capsize-after-[0.2],capsize-before-[0.1405],capsize-before-[0.16],capsize-before-[0.1],capsize-before-[0.2114],cursor-not-allowed opacity-60 pointer-events-none,cursor-pointer,data-[state=inactive]:hover:bg-marsh-300,data-[state=inactive]:hover:bg-primary-300,direction-[inherit],direction-[initial],direction-[revert-layer],direction-[revert],direction-[unset],disabled:cursor-not-allowed,disabled:opacity-30,flex-1,flex-[unset],flex-col,flex-col-reverse,flex-no-wrap,flex-row,flex-row-reverse,flex-wrap,flex-wrap-reverse,focus-visible:border-marsh-800,focus-visible:border-primary-800,focus:border-primary-800,focus:outline-2,focus:outline-blue-800,focus:outline-none,focus:outline-offset-1,focus:outline-solid,focus:z-1,font-body,font-bold,font-display,font-medium,font-mono,font-normal,font-semibold,gap-0.5,gap-1,gap-10,gap-12,gap-16,gap-2,gap-20,gap-3,gap-4,gap-6,gap-8,h-1,h-10,h-12,h-16,h-2,h-24,h-8,h-auto,h-full,h-px,h-screen,hidden,items-baseline,items-center,items-end,items-start,items-stretch,justify-around,justify-between,justify-center,justify-end,justify-evenly,justify-normal,justify-start,justify-stretch,leading-[1.08],leading-[1.12],leading-[1.14],leading-none,leading-normal,max-h-12,max-h-18,max-h-8,max-h-[142px],max-h-[213px],max-h-none,max-h-screen,max-w-14,max-w-21,max-w-[126px],max-w-[190px],max-w-[285px],max-w-full,max-w-none,max-w-screen,mb-3,mb-4,mb-6,min-h-10,min-h-12,min-h-8,not-disabled:active:bg-(--active),not-disabled:active:text-(--active),not-disabled:focus:bg-(--interact),not-disabled:focus:no-underline,not-disabled:focus:text-(--interact),not-disabled:focus:text-(--text,white),not-disabled:focus:text-white,not-disabled:hover:bg-(--interact),not-disabled:hover:no-underline,not-disabled:hover:text-(--interact),not-disabled:hover:text-(--text,white),not-disabled:hover:text-white,p-10,p-2,p-3,p-4,p-6,p-8,pl-2,pl-3,pr-10,pr-8,px-1,px-2,px-4,px-6,px-8,py-0.5,py-1,py-4,py-6,right-4,rounded-full,rounded-md,rounded-sm,rounded-xl,shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)],size-1.5,size-10,size-12,size-3,size-4,size-6,size-8,static,stroke-2,stroke-[1.5],stroke-[1.75],supports-[height:100svh]:h-auto,supports-[height:100svh]:h-svh,supports-[height:100svh]:max-h-none,supports-[height:100svh]:max-h-svh,supports-color-mix:backdrop-blur-sm,supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)],text-(--base),text-(--foreground-7-plus),text-(--text,white),text-(--text-bold),text-(--text-on-white),text-(--text-subtle),text-2xl,text-3xl,text-4xl,text-danger,text-grey-800,text-info,text-lg,text-md,text-primary-800,text-sm,text-success,text-warning,text-white,text-white!,text-xl,text-xs,top-0,top-2,top-4,tracking-[0.01em],w-120,w-150,w-200,w-275,w-95,w-[unset],w-auto,w-full,w-max,w-px,w-screen}");

package/dist/components/badge/stitches.badge.colorscheme.config.d.ts

@@ -1,303 +0,0 @@
-export declare const badgeSemanticNames: string[];
-export declare const colorSchemes: {
-    info: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    neutral: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    success: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    danger: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    warning: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textBold: string;
-            backgroundBold: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    primary: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    grey: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    blue: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    pink: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    purple: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    cyan: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    green: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    magenta: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    red: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    teal: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    orange: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    yellow: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    lime: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    lapis: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    maroon: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-    marsh: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            textSubtle: string;
-            backgroundSubtle: string;
-            textSubtleHover: string;
-            backgroundSubtleHover: string;
-            textBold: string;
-            backgroundBold: string;
-            backgroundBoldHover: string;
-            textOnWhite: string;
-        };
-    }, "">;
-};

package/dist/components/badge/stitches.badge.colorscheme.config.js

@@ -1,2 +0,0 @@
-import{createTheme as e}from"../../stitches.js";const t=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info",textOnWhite:"$info"}}),o=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800",textOnWhite:"$grey800"}}),r=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success",textOnWhite:"$success"}}),l=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger",textOnWhite:"$danger"}}),n=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning",textOnWhite:"$warning"}}),u=e({colors:{textSubtle:"$primary1000",backgroundSubtle:"$primary200",textSubtleHover:"$primary1100",backgroundSubtleHover:"$primary300",textBold:"white",backgroundBold:"$primary800",backgroundBoldHover:"$primary900",textOnWhite:"$primary800"}}),a=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textSubtleHover:"$grey1100",backgroundSubtleHover:"$grey300",textBold:"#FFF",backgroundBold:"$grey800",backgroundBoldHover:"$grey900",textOnWhite:"$grey800"}}),b=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textSubtleHover:"$blue1100",backgroundSubtleHover:"$blue300",textBold:"#FFF",backgroundBold:"$blue800",backgroundBoldHover:"$blue900",textOnWhite:"$blue800"}}),d=e({colors:{textSubtle:"$pink1000",backgroundSubtle:"$pink200",textSubtleHover:"$pink1100",backgroundSubtleHover:"$pink300",textBold:"#FFF",backgroundBold:"$pink800",backgroundBoldHover:"$pink900",textOnWhite:"$pink800"}}),$=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textSubtleHover:"$purple1100",backgroundSubtleHover:"$purple300",textBold:"#FFF",backgroundBold:"$purple800",backgroundBoldHover:"$purple900",textOnWhite:"$purple700"}}),g=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textSubtleHover:"$cyan1100",backgroundSubtleHover:"$cyan300",textBold:"#FFF",backgroundBold:"$cyan800",backgroundBoldHover:"$cyan900",textOnWhite:"$cyan800"}}),c=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textSubtleHover:"$green1100",backgroundSubtleHover:"$green300",textBold:"#FFF",backgroundBold:"$green800",backgroundBoldHover:"$green900",textOnWhite:"$green800"}}),k=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textSubtleHover:"$magenta1100",backgroundSubtleHover:"$magenta300",textBold:"#FFF",backgroundBold:"$magenta800",backgroundBoldHover:"$magenta900",textOnWhite:"$magenta800"}}),x=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textSubtleHover:"$red1100",backgroundSubtleHover:"$red400",textBold:"#FFF",backgroundBold:"$red800",backgroundBoldHover:"$red900",textOnWhite:"$red800"}}),i=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textSubtleHover:"$teal1100",backgroundSubtleHover:"$teal300",textBold:"#FFF",backgroundBold:"$teal800",backgroundBoldHover:"$teal900",textOnWhite:"$teal800"}}),S=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textSubtleHover:"$orange1100",backgroundSubtleHover:"$orange300",textBold:"$grey1200",backgroundBold:"$orange600",backgroundBoldHover:"$orange700",textOnWhite:"$orange1000"}}),s=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textSubtleHover:"$yellow1100",backgroundSubtleHover:"$yellow300",textBold:"$grey1200",backgroundBold:"$yellow500",backgroundBoldHover:"$yellow600",textOnWhite:"$yellow900"}}),B=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textSubtleHover:"$lime1100",backgroundSubtleHover:"$lime300",textBold:"$grey1200",backgroundBold:"$lime600",backgroundBoldHover:"$lime700",textOnWhite:"$lime900"}}),v=e({colors:{textSubtle:"$lapis1000",backgroundSubtle:"$lapis200",textSubtleHover:"$lapis1100",backgroundSubtleHover:"$lapis300",textBold:"white",backgroundBold:"$lapis700",backgroundBoldHover:"$lapis900",textOnWhite:"$lapis700"}}),H=e({colors:{textSubtle:"$maroon1000",backgroundSubtle:"$maroon200",textSubtleHover:"$maroon1100",backgroundSubtleHover:"$maroon300",textBold:"white",backgroundBold:"$maroon800",backgroundBoldHover:"$maroon900",textOnWhite:"$maroon700"}}),m=e({colors:{textSubtle:"$marsh1000",backgroundSubtle:"$marsh200",textSubtleHover:"$marsh1100",backgroundSubtleHover:"$marsh300",textBold:"white",backgroundBold:"$marsh800",backgroundBoldHover:"$marsh900",textOnWhite:"$marsh700"}}),p=["info","neutral","success","danger","warning"],y={info:t,neutral:o,success:r,danger:l,warning:n,primary:u,grey:a,blue:b,pink:d,purple:$,cyan:g,green:c,magenta:k,red:x,teal:i,orange:S,yellow:s,lime:B,lapis:v,maroon:H,marsh:m};export{p as badgeSemanticNames,y as colorSchemes};
-//# sourceMappingURL=stitches.badge.colorscheme.config.js.map

package/dist/components/badge/stitches.badge.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n  colors: {\n    textSubtle: '$infoMid',\n    backgroundSubtle: '$infoLight',\n    textBold: '#FFF',\n    backgroundBold: '$info',\n    textOnWhite: '$info'\n  }\n})\n\nconst neutral = createTheme({\n  colors: {\n    textSubtle: '$grey900',\n    backgroundSubtle: '$grey100',\n    textBold: '#FFF',\n    backgroundBold: '$grey800',\n    textOnWhite: '$grey800'\n  }\n})\n\nconst success = createTheme({\n  colors: {\n    textSubtle: '$successMid',\n    backgroundSubtle: '$successLight',\n    textBold: '#FFF',\n    backgroundBold: '$success',\n    textOnWhite: '$success'\n  }\n})\n\nconst danger = createTheme({\n  colors: {\n    textSubtle: '$dangerMid',\n    backgroundSubtle: '$dangerLight',\n    textBold: '#FFF',\n    backgroundBold: '$danger',\n    textOnWhite: '$danger'\n  }\n})\n\nconst warning = createTheme({\n  colors: {\n    textSubtle: '$warningText',\n    backgroundSubtle: '$warningLight',\n    textBold: '$grey1000',\n    backgroundBold: '$warning',\n    textOnWhite: '$warning'\n  }\n})\n\n/*\n * Non-semantic themes\n */\nconst primary = createTheme({\n  colors: {\n    textSubtle: '$primary1000',\n    backgroundSubtle: '$primary200',\n    textSubtleHover: '$primary1100',\n    backgroundSubtleHover: '$primary300',\n\n    textBold: 'white',\n    backgroundBold: '$primary800',\n    backgroundBoldHover: '$primary900',\n\n    textOnWhite: '$primary800'\n  }\n})\n\nconst grey = createTheme({\n  colors: {\n    textSubtle: '$grey1000',\n    backgroundSubtle: '$grey200',\n    textSubtleHover: '$grey1100',\n    backgroundSubtleHover: '$grey300',\n\n    textBold: '#FFF',\n    backgroundBold: '$grey800',\n    backgroundBoldHover: '$grey900',\n\n    textOnWhite: '$grey800'\n  }\n})\n\nconst blue = createTheme({\n  colors: {\n    textSubtle: '$blue1000',\n    backgroundSubtle: '$blue200',\n    textSubtleHover: '$blue1100',\n    backgroundSubtleHover: '$blue300',\n\n    textBold: '#FFF',\n    backgroundBold: '$blue800',\n    backgroundBoldHover: '$blue900',\n\n    textOnWhite: '$blue800'\n  }\n})\n\nconst pink = createTheme({\n  colors: {\n    textSubtle: '$pink1000',\n    backgroundSubtle: '$pink200',\n    textSubtleHover: '$pink1100',\n    backgroundSubtleHover: '$pink300',\n\n    textBold: '#FFF',\n    backgroundBold: '$pink800',\n    backgroundBoldHover: '$pink900',\n\n    textOnWhite: '$pink800'\n  }\n})\n\nconst purple = createTheme({\n  colors: {\n    textSubtle: '$purple1000',\n    backgroundSubtle: '$purple200',\n    textSubtleHover: '$purple1100',\n    backgroundSubtleHover: '$purple300',\n\n    textBold: '#FFF',\n    backgroundBold: '$purple800',\n    backgroundBoldHover: '$purple900',\n\n    textOnWhite: '$purple700'\n  }\n})\n\nconst cyan = createTheme({\n  colors: {\n    textSubtle: '$cyan1000',\n    backgroundSubtle: '$cyan200',\n    textSubtleHover: '$cyan1100',\n    backgroundSubtleHover: '$cyan300',\n\n    textBold: '#FFF',\n    backgroundBold: '$cyan800',\n    backgroundBoldHover: '$cyan900',\n\n    textOnWhite: '$cyan800'\n  }\n})\n\nconst green = createTheme({\n  colors: {\n    textSubtle: '$green1000',\n    backgroundSubtle: '$green200',\n    textSubtleHover: '$green1100',\n    backgroundSubtleHover: '$green300',\n\n    textBold: '#FFF',\n    backgroundBold: '$green800',\n    backgroundBoldHover: '$green900',\n\n    textOnWhite: '$green800'\n  }\n})\n\nconst magenta = createTheme({\n  colors: {\n    textSubtle: '$magenta1000',\n    backgroundSubtle: '$magenta200',\n    textSubtleHover: '$magenta1100',\n    backgroundSubtleHover: '$magenta300',\n\n    textBold: '#FFF',\n    backgroundBold: '$magenta800',\n    backgroundBoldHover: '$magenta900',\n\n    textOnWhite: '$magenta800'\n  }\n})\n\nconst red = createTheme({\n  colors: {\n    textSubtle: '$red1000',\n    backgroundSubtle: '$red200',\n    textSubtleHover: '$red1100',\n    backgroundSubtleHover: '$red400',\n\n    textBold: '#FFF',\n    backgroundBold: '$red800',\n    backgroundBoldHover: '$red900',\n\n    textOnWhite: '$red800'\n  }\n})\n\nconst teal = createTheme({\n  colors: {\n    textSubtle: '$teal1000',\n    backgroundSubtle: '$teal200',\n    textSubtleHover: '$teal1100',\n    backgroundSubtleHover: '$teal300',\n\n    textBold: '#FFF',\n    backgroundBold: '$teal800',\n    backgroundBoldHover: '$teal900',\n\n    textOnWhite: '$teal800'\n  }\n})\n\nconst orange = createTheme({\n  colors: {\n    textSubtle: '$orange1000',\n    backgroundSubtle: '$orange200',\n    textSubtleHover: '$orange1100',\n    backgroundSubtleHover: '$orange300',\n\n    textBold: '$grey1200',\n    backgroundBold: '$orange600',\n    backgroundBoldHover: '$orange700',\n\n    textOnWhite: '$orange1000'\n  }\n})\n\nconst yellow = createTheme({\n  colors: {\n    textSubtle: '$yellow1000',\n    backgroundSubtle: '$yellow200',\n    textSubtleHover: '$yellow1100',\n    backgroundSubtleHover: '$yellow300',\n\n    textBold: '$grey1200',\n    backgroundBold: '$yellow500',\n    backgroundBoldHover: '$yellow600',\n\n    textOnWhite: '$yellow900'\n  }\n})\n\nconst lime = createTheme({\n  colors: {\n    textSubtle: '$lime1000',\n    backgroundSubtle: '$lime200',\n    textSubtleHover: '$lime1100',\n    backgroundSubtleHover: '$lime300',\n\n    textBold: '$grey1200',\n    backgroundBold: '$lime600',\n    backgroundBoldHover: '$lime700',\n\n    textOnWhite: '$lime900'\n  }\n})\n\nconst lapis = createTheme({\n  colors: {\n    textSubtle: '$lapis1000',\n    backgroundSubtle: '$lapis200',\n    textSubtleHover: '$lapis1100',\n    backgroundSubtleHover: '$lapis300',\n\n    textBold: 'white',\n    backgroundBold: '$lapis700',\n    backgroundBoldHover: '$lapis900',\n\n    textOnWhite: '$lapis700'\n  }\n})\n\nconst maroon = createTheme({\n  colors: {\n    textSubtle: '$maroon1000',\n    backgroundSubtle: '$maroon200',\n    textSubtleHover: '$maroon1100',\n    backgroundSubtleHover: '$maroon300',\n\n    textBold: 'white',\n    backgroundBold: '$maroon800',\n    backgroundBoldHover: '$maroon900',\n\n    textOnWhite: '$maroon700'\n  }\n})\n\nconst marsh = createTheme({\n  colors: {\n    textSubtle: '$marsh1000',\n    backgroundSubtle: '$marsh200',\n    textSubtleHover: '$marsh1100',\n    backgroundSubtleHover: '$marsh300',\n\n    textBold: 'white',\n    backgroundBold: '$marsh800',\n    backgroundBoldHover: '$marsh900',\n\n    textOnWhite: '$marsh700'\n  }\n})\n\nexport const badgeSemanticNames = [\n  'info',\n  'neutral',\n  'success',\n  'danger',\n  'warning'\n]\n\nexport const colorSchemes = {\n  info,\n  neutral,\n  success,\n  danger,\n  warning,\n  primary,\n  grey,\n  blue,\n  pink,\n  purple,\n  cyan,\n  green,\n  magenta,\n  red,\n  teal,\n  orange,\n  yellow,\n  lime,\n  lapis,\n  maroon,\n  marsh\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","primary","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","lapis","maroon","marsh","badgeSemanticNames","colorSchemes"],"mappings":"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"}

package/dist/components/drawer/Drawer.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const drawerSection: {
-    p: string;
-    width: string;
-};

package/dist/components/drawer/Drawer.styles.js

@@ -1,2 +0,0 @@
-const t={p:"$4",width:"100%"};export{t as drawerSection};
-//# sourceMappingURL=Drawer.styles.js.map

package/dist/components/drawer/Drawer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/drawer/Drawer.styles.ts"],"sourcesContent":["export const drawerSection = {\n  p: '$4',\n  width: '100%'\n}\n"],"names":["drawerSection"],"mappings":"AAAO,MAAMA,EAAgB,CAC3B,EAAG,KACH,MAAO,MACT"}

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.d.ts

@@ -1,26 +0,0 @@
-export declare const colorSchemes: {
-    light: string & {
-        className: string;
-        selector: string;
-    } & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
-        colors: {
-            text: string;
-            background: string;
-            backgroundHover: string;
-            textHover: string;
-            backgroundActive: string;
-            textActive: string;
-            backgroundSelected: string;
-            textSelected: string;
-            textSelectedHover: string;
-            textSelectedPressed: string;
-            textSelectedFocus: string;
-            backgroundSelectedHover: string;
-            backgroundSelectedPressed: string;
-            itemTextSelected: string;
-            itemBackgroundSelected: string;
-            triggerBackgroundOpen: string;
-            dropdownBackground: string;
-        };
-    }, "">;
-};

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js

@@ -1,2 +0,0 @@
-import{createTheme as e}from"../../stitches.js";const r=e({colors:{text:"$textSubtle",background:"white",backgroundHover:"$grey100",textHover:"$grey1000",backgroundActive:"$grey200",textActive:"$grey1000",backgroundSelected:"$primary100",textSelected:"$primary800",textSelectedHover:"$primary800",textSelectedPressed:"$primary800",textSelectedFocus:"$primary800",backgroundSelectedHover:"$grey100",backgroundSelectedPressed:"$grey200",itemTextSelected:"$grey900",itemBackgroundSelected:"$grey900",triggerBackgroundOpen:"$grey200",dropdownBackground:"white"}}),t={light:r};export{t as colorSchemes};
-//# sourceMappingURL=stitches.navigationMenu.colorscheme.config.js.map

package/dist/components/navigation/stitches.navigationMenu.colorscheme.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stitches.navigationMenu.colorscheme.config.js","sources":["../../../src/components/navigation/stitches.navigationMenu.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\nconst light = createTheme({\n  colors: {\n    text: '$textSubtle',\n    background: 'white',\n    backgroundHover: '$grey100',\n    textHover: '$grey1000',\n    backgroundActive: '$grey200',\n    textActive: '$grey1000',\n    backgroundSelected: '$primary100',\n    textSelected: '$primary800',\n    textSelectedHover: '$primary800',\n    textSelectedPressed: '$primary800',\n    textSelectedFocus: '$primary800',\n    backgroundSelectedHover: '$grey100',\n    backgroundSelectedPressed: '$grey200',\n    itemTextSelected: '$grey900',\n    itemBackgroundSelected: '$grey900',\n    triggerBackgroundOpen: '$grey200',\n    dropdownBackground: 'white'\n  }\n})\n\nexport const colorSchemes = {\n  light\n}\n"],"names":["light","createTheme","colorSchemes"],"mappings":"gDAEA,MAAMA,EAAQC,EAAY,CACxB,OAAQ,CACN,KAAM,cACN,WAAY,QACZ,gBAAiB,WACjB,UAAW,YACX,iBAAkB,WAClB,WAAY,YACZ,mBAAoB,cACpB,aAAc,cACd,kBAAmB,cACnB,oBAAqB,cACrB,kBAAmB,cACnB,wBAAyB,WACzB,0BAA2B,WAC3B,iBAAkB,WAClB,uBAAwB,WACxB,sBAAuB,WACvB,mBAAoB,OACtB,CACF,CAAC,EAEYC,EAAe,CAC1B,MAAAF,CACF"}