@atom-learning/components 2.29.0-beta.2 → 2.29.0-beta.4

package/dist/utilities/create-theme-variants/createThemeVariants.d.ts

@@ -19,4 +19,112 @@ import { CSS, theme } from '../../stitches';
  * // }
  * ```
  */
-export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<string | number | symbol, any>;
+export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<keyof (string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        textForeground: import("@stitches/react/types/theme").Token<"textForeground", string, "colors", "">;
+        textSubtle: import("@stitches/react/types/theme").Token<"textSubtle", string, "colors", "">;
+        textPlaceholder: import("@stitches/react/types/theme").Token<"textPlaceholder", string, "colors", "">;
+        background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
+        backgroundAccent: import("@stitches/react/types/theme").Token<"backgroundAccent", string, "colors", "">;
+        tonal50: import("@stitches/react/types/theme").Token<"tonal50", string, "colors", "">;
+        tonal100: import("@stitches/react/types/theme").Token<"tonal100", string, "colors", "">;
+        tonal200: import("@stitches/react/types/theme").Token<"tonal200", string, "colors", "">;
+        tonal300: import("@stitches/react/types/theme").Token<"tonal300", string, "colors", "">;
+        tonal400: import("@stitches/react/types/theme").Token<"tonal400", string, "colors", "">;
+        tonal500: import("@stitches/react/types/theme").Token<"tonal500", string, "colors", "">;
+        tonal600: import("@stitches/react/types/theme").Token<"tonal600", string, "colors", "">;
+        alpha100: import("@stitches/react/types/theme").Token<"alpha100", string, "colors", "">;
+        alpha150: import("@stitches/react/types/theme").Token<"alpha150", string, "colors", "">;
+        alpha200: import("@stitches/react/types/theme").Token<"alpha200", string, "colors", "">;
+        alpha250: import("@stitches/react/types/theme").Token<"alpha250", string, "colors", "">;
+        alpha600: import("@stitches/react/types/theme").Token<"alpha600", string, "colors", "">;
+        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "">;
+        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", "">;
+        primaryMid: import("@stitches/react/types/theme").Token<"primaryMid", string, "colors", "">;
+        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "">;
+        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", "">;
+        brandRed: import("@stitches/react/types/theme").Token<"brandRed", string, "colors", "">;
+        brandRedAccent: import("@stitches/react/types/theme").Token<"brandRedAccent", string, "colors", "">;
+        brandGreen: import("@stitches/react/types/theme").Token<"brandGreen", string, "colors", "">;
+        brandGreenAccent: import("@stitches/react/types/theme").Token<"brandGreenAccent", string, "colors", "">;
+        brandPurple: import("@stitches/react/types/theme").Token<"brandPurple", string, "colors", "">;
+        brandPurpleAccent: import("@stitches/react/types/theme").Token<"brandPurpleAccent", string, "colors", "">;
+        brandYellow: import("@stitches/react/types/theme").Token<"brandYellow", string, "colors", "">;
+        brandYellowAccent: import("@stitches/react/types/theme").Token<"brandYellowAccent", string, "colors", "">;
+        successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", "">;
+        success: import("@stitches/react/types/theme").Token<"success", string, "colors", "">;
+        successMid: import("@stitches/react/types/theme").Token<"successMid", string, "colors", "">;
+        successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", "">;
+        dangerLight: import("@stitches/react/types/theme").Token<"dangerLight", string, "colors", "">;
+        danger: import("@stitches/react/types/theme").Token<"danger", string, "colors", "">;
+        dangerMid: import("@stitches/react/types/theme").Token<"dangerMid", string, "colors", "">;
+        dangerDark: import("@stitches/react/types/theme").Token<"dangerDark", string, "colors", "">;
+        warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", "">;
+        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "">;
+        warningMid: import("@stitches/react/types/theme").Token<"warningMid", string, "colors", "">;
+        warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", "">;
+        warningText: import("@stitches/react/types/theme").Token<"warningText", string, "colors", "">;
+        subjectEnglish: import("@stitches/react/types/theme").Token<"subjectEnglish", string, "colors", "">;
+        subjectMaths: import("@stitches/react/types/theme").Token<"subjectMaths", string, "colors", "">;
+        subjectScience: import("@stitches/react/types/theme").Token<"subjectScience", string, "colors", "">;
+        subjectVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectVerbalReasoning", string, "colors", "">;
+        subjectNonVerbalReasoning: import("@stitches/react/types/theme").Token<"subjectNonVerbalReasoning", string, "colors", "">;
+        subjectCreativeWriting: import("@stitches/react/types/theme").Token<"subjectCreativeWriting", string, "colors", "">;
+        subjectExamSkills: import("@stitches/react/types/theme").Token<"subjectExamSkills", string, "colors", "">;
+    };
+    space: {
+        0: import("@stitches/react/types/theme").Token<"0", string, "space", "">;
+        1: import("@stitches/react/types/theme").Token<"1", string, "space", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "space", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "space", "">;
+        4: import("@stitches/react/types/theme").Token<"4", string, "space", "">;
+        5: import("@stitches/react/types/theme").Token<"5", string, "space", "">;
+        6: import("@stitches/react/types/theme").Token<"6", string, "space", "">;
+        7: import("@stitches/react/types/theme").Token<"7", string, "space", "">;
+        8: import("@stitches/react/types/theme").Token<"8", string, "space", "">;
+        9: import("@stitches/react/types/theme").Token<"9", string, "space", "">;
+    };
+    fontSizes: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "">;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "">;
+        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "">;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "">;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", "">;
+        "2xl": import("@stitches/react/types/theme").Token<"2xl", string, "fontSizes", "">;
+        "3xl": import("@stitches/react/types/theme").Token<"3xl", string, "fontSizes", "">;
+        "4xl": import("@stitches/react/types/theme").Token<"4xl", string, "fontSizes", "">;
+    };
+    fonts: {
+        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "">;
+        mono: import("@stitches/react/types/theme").Token<"mono", string, "fonts", "">;
+        display: import("@stitches/react/types/theme").Token<"display", string, "fonts", "">;
+        body: import("@stitches/react/types/theme").Token<"body", string, "fonts", "">;
+    };
+    sizes: {
+        0: import("@stitches/react/types/theme").Token<"0", string, "sizes", "">;
+        1: import("@stitches/react/types/theme").Token<"1", string, "sizes", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "sizes", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "sizes", "">;
+        4: import("@stitches/react/types/theme").Token<"4", string, "sizes", "">;
+        5: import("@stitches/react/types/theme").Token<"5", string, "sizes", "">;
+        6: import("@stitches/react/types/theme").Token<"6", string, "sizes", "">;
+        7: import("@stitches/react/types/theme").Token<"7", string, "sizes", "">;
+        8: import("@stitches/react/types/theme").Token<"8", string, "sizes", "">;
+    };
+    radii: {
+        0: import("@stitches/react/types/theme").Token<"0", string, "radii", "">;
+        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "">;
+        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "">;
+    };
+    shadows: {
+        0: import("@stitches/react/types/theme").Token<"0", string, "shadows", "">;
+        1: import("@stitches/react/types/theme").Token<"1", string, "shadows", "">;
+        2: import("@stitches/react/types/theme").Token<"2", string, "shadows", "">;
+        3: import("@stitches/react/types/theme").Token<"3", string, "shadows", "">;
+    };
+})[ThemeProperty], CSS>;

package/dist/utilities/css-wrapper/CSSWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { CSS } from '~/stitches';
+import type { CSS } from '../../stitches';
 declare type CssWrapperProps = {
     css?: CSS;
     children: React.ReactNode;

package/dist/utilities/hooks/useCallbackRef.js

@@ -1 +1 @@
-import*as t from"react";const s=()=>{const e=t.useRef(null),n=t.useCallback(r=>{r&&(e.current=r)},[]);return[e,n]};export{s as useCallbackRef};
+import*as n from"react";const s=()=>{const e=n.useRef(null),o=n.useCallback(r=>{r&&(e.current=r)},[]);return[e,o]};export{s as useCallbackRef};

package/dist/utilities/style/capsize.d.ts

@@ -1,4 +1,4 @@
-import { CSS } from '~/stitches';
+import { CSS } from '../../stitches';
 /**
  * https://seek-oss.github.io/capsize/
  *

package/dist/utilities/style/keyframe-animations.d.ts

@@ -1,8 +1,32 @@
-export declare const slideUpAndFade: any;
-export declare const slideRightAndFade: any;
-export declare const slideDownAndFade: any;
-export declare const slideLeftAndFade: any;
-export declare const fadeIn: any;
-export declare const fadeOut: any;
-export declare const slideInLeft: any;
-export declare const slideOutLeft: any;
+export declare const slideUpAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideRightAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideDownAndFade: {
+    (): string;
+    name: string;
+};
+export declare const slideLeftAndFade: {
+    (): string;
+    name: string;
+};
+export declare const fadeIn: {
+    (): string;
+    name: string;
+};
+export declare const fadeOut: {
+    (): string;
+    name: string;
+};
+export declare const slideInLeft: {
+    (): string;
+    name: string;
+};
+export declare const slideOutLeft: {
+    (): string;
+    name: string;
+};

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.29.0-beta.2",
+  "version": "2.29.0-beta.4",
   "description": "",
   "files": [
     "dist"
@@ -17,6 +17,7 @@
     "build:docs": "node ./scripts/generate-component-props.mjs && node ./scripts/export-documentation.mjs",
     "start:sandbox": "vite -c ./sandbox/vite.config.js",
     "add-component": "node ./scripts/add-component.mjs",
+    "prepublishOnly": "run-s clean build:lib build:types build:docs",
     "clean": "del ./dist/",
     "format": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
@@ -70,7 +71,6 @@
     "@semantic-release/npm": "^7.1.1",
     "@semantic-release/release-notes-generator": "^9.0.2",
     "@size-limit/preset-small-lib": "^7.0.5",
-    "@stitches/react": "^1.2.8",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.3",
     "@testing-library/react-hooks": "^7.0.2",
@@ -122,7 +122,6 @@
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
     "@atom-learning/theme": "^1.0.0",
-    "@stitches/react": "^1.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -149,6 +148,7 @@
     "@radix-ui/react-tooltip": "^1.0.0",
     "@radix-ui/react-visually-hidden": "^1.0.0",
     "@reach/combobox": "^0.16.1",
+    "@stitches/react": "^1.2.8",
     "@tanstack/react-table": "^8.5.11",
     "@types/react": "^17.0.30",
     "color2k": "^2.0.0",