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

package/dist/stitches.js

@@ -1 +1 @@
-import*as o from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},d=e({theme:o,utils:i,media:m}),{css:n,getCssText:r,createTheme:p,globalCss:g,keyframes:a,styled:s,theme:h}=d;export{p as createTheme,n as css,r as getCssText,g as globalCss,a as keyframes,m as media,s as styled,h as theme,i as utils};
+import*as o from"@atom-learning/theme";import{createStitches as e}from"@stitches/react";const i={bg:t=>({background:t}),inset:t=>({top:t,right:t,bottom:t,left:t}),size:t=>({height:t,width:t}),p:t=>({padding:t}),pt:t=>({paddingTop:t}),pr:t=>({paddingRight:t}),pb:t=>({paddingBottom:t}),pl:t=>({paddingLeft:t}),px:t=>({paddingLeft:t,paddingRight:t}),py:t=>({paddingTop:t,paddingBottom:t}),m:t=>({margin:t}),mt:t=>({marginTop:t}),mr:t=>({marginRight:t}),mb:t=>({marginBottom:t}),ml:t=>({marginLeft:t}),mx:t=>({marginLeft:t,marginRight:t}),my:t=>({marginTop:t,marginBottom:t})},m={sm:"(min-width: 550px)",md:"(min-width: 800px)",lg:"(min-width: 1100px)",xl:"(min-width: 1350px)",reducedMotion:"(prefers-reduced-motion)",allowMotion:"(prefers-reduced-motion: no-preference)",hover:"(hover: hover)"},d=e({theme:o,utils:i,media:m}),{css:n,getCssText:r,createTheme:p,globalCss:g,keyframes:a,styled:h,theme:s}=d;export{p as createTheme,n as css,r as getCssText,g as globalCss,a as keyframes,m as media,h as styled,s as theme,i as utils};

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

@@ -19,112 +19,4 @@ import { CSS, theme } from '../../stitches';
  * // }
  * ```
  */
-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>;
+export declare const createThemeVariants: <ThemeProperty extends keyof Theme>(themeProperty: ThemeProperty, styles: CSS) => Record<string | number | symbol, any>;

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/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,32 +1,8 @@
-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;
-};
+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;

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-1",
+  "version": "2.29.0-beta.2",
   "description": "",
   "files": [
     "dist"
@@ -17,7 +17,6 @@
     "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",