@atom-learning/components 2.28.0 → 2.29.1-beta.0

package/CHANGELOG.md

@@ -1,34 +1,3 @@
-# [2.28.0](https://github.com/Atom-Learning/components/compare/v2.27.0...v2.28.0) (2023-01-16)
-
-
-### Bug Fixes
-
-* declare @dnd-kit/utilities dep ([aa4d9dd](https://github.com/Atom-Learning/components/commit/aa4d9dd0b9923c4a2b159e3435294d9ce74ee44f))
-* failing test with incorrect assertion ([f3cca92](https://github.com/Atom-Learning/components/commit/f3cca92da2bd3989b10afe809a11301424856b1c))
-* import types explicitly ([d765fec](https://github.com/Atom-Learning/components/commit/d765fec26549eafca2671d1869b42641fde3d923))
-* import types explicitly ([8b4d604](https://github.com/Atom-Learning/components/commit/8b4d6045f9daa1ffbd2d08bdf51f668e55219539))
-* infinite loop in new table ([1335ba2](https://github.com/Atom-Learning/components/commit/1335ba201aadf3ab1291b52aaa9797e005725a0b))
-* match handle size to icon size ([5c8f1ce](https://github.com/Atom-Learning/components/commit/5c8f1cebecfd4845aa9528a8382472a2f654f02a))
-* revert bizzare text replace issue ([59132a7](https://github.com/Atom-Learning/components/commit/59132a756ae5d48d517e3e9bcfd0604a45f6329d))
-* row ID nonsense ([b76b7cc](https://github.com/Atom-Learning/components/commit/b76b7cce1b583813c24801280b239d3752f26b80))
-* target stitches component for table row styling ([b6f524b](https://github.com/Atom-Learning/components/commit/b6f524b12c1ad9cb2b4e0c5a86f1fee8aa586d36))
-* typo ([f87db2f](https://github.com/Atom-Learning/components/commit/f87db2f842ac22b0762d5d7cc2fc87b246fa3d6c))
-* update docs ([96d2a44](https://github.com/Atom-Learning/components/commit/96d2a441d322a33f0057cfc3c256e5f68cf2d0ea))
-* update docs ([fc1b6e7](https://github.com/Atom-Learning/components/commit/fc1b6e7d16aaa0d36864db52866a6768e38ffc5c))
-* update rowOrder usage ([6a546ab](https://github.com/Atom-Learning/components/commit/6a546abfbbed2600958ff7d44023af55fc06e568))
-* update snapshots ([d02adaf](https://github.com/Atom-Learning/components/commit/d02adafcc44071f4e983d34ed7750126beafcb9b))
-
-
-### Features
-
-* DragAndDropTable ([c7a45c7](https://github.com/Atom-Learning/components/commit/c7a45c7130e4e05bb8112761aaf30e3e773589c4))
-* DragAndDropTable ([31ef457](https://github.com/Atom-Learning/components/commit/31ef457c10cbd92393129f2122a0dbf3b05dd734))
-* IDK why this doesn't work ([927414b](https://github.com/Atom-Learning/components/commit/927414bac03f69d51417ffecbfefcff873c64b5f))
-* it basically works ([9934134](https://github.com/Atom-Learning/components/commit/99341343a17d1809a7f2a7709acf446f908eb934))
-* separate drag-and-drop logic into DragAndDropContainer ([0be01bf](https://github.com/Atom-Learning/components/commit/0be01bf4961e735d1740d9ac64138f10ca1172cc))
-* throw error if id is missing ([79af78d](https://github.com/Atom-Learning/components/commit/79af78dde39a0b620aaeb48310f1e487c9a83efe))
-* WIP reorg of providers ([7bfbbb2](https://github.com/Atom-Learning/components/commit/7bfbbb2914f342178be6747a329b614841f31929))
-
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

package/dist/color-scheme/dist/ColorScheme.js

@@ -0,0 +1 @@
+import*as a from"react";import{styled as l,colorSchemes as e}from"./stitches.colorscheme.config.js";const f=l("div"),o=a.forwardRef(({base:r="",accent:t="",interactive:c="",className:s,...m},n)=>{const i=[s,e[`interactive-${c}`],e[`accent-${t}`],e[`base-${r}`]].filter(Boolean).join(" ");return a.createElement(f,{ref:n,className:i,...m})});o.displayName="ColorScheme";export{o as ColorScheme};

package/dist/color-scheme/dist/blue.json.js

@@ -0,0 +1 @@
+var e="#F3F8FF",l="#E5F1FF",u="#D6EAFF",b="#C2DEFF",F="#B3D4FA",a="#057AFF",s="#0F67F5",D="#194DCC",A="#102DA3",E="#15235E",r={blue1:e,blue2:l,blue3:u,blue4:b,blue5:F,blue6:a,blue7:s,blue8:D,blue9:A,blue10:E};export{e as blue1,E as blue10,l as blue2,u as blue3,b as blue4,F as blue5,a as blue6,s as blue7,D as blue8,A as blue9,r as default};

package/dist/color-scheme/dist/generateAlphaColors.js

@@ -0,0 +1 @@
+import{parseToRgba as $}from"color2k";const f=[255,255,255,1],t=[.05,.1,.15,.2,.27,.35,.5,.7,.8,.95],e=a=>Math.round(Math.max(Math.min(a,255),0)),u=(a,h)=>{const n={};return Object.entries(h).forEach(([M,i],o)=>{const[p,b,g]=$(i),[r,s,c]=f,m=[e((p-r)/t[o]+r),e((b-s)/t[o]+s),e((g-c)/t[o]+c),t[o]];n[`${a}A${o+1}`]=`rgba(${m.join(",")})`}),n};export{u as generateAlphaColors};

package/dist/color-scheme/dist/slate.json.js

@@ -0,0 +1 @@
+var a="#F6F6F6",s="#EBEBEB",e="#E0E0E0",t="#CECECE",l="#C2C2C2",C="#757575",E="#545454",F="#333333",B="#1F1F1F",r="#1C1C1C",v={slate1:a,slate2:s,slate3:e,slate4:t,slate5:l,slate6:C,slate7:E,slate8:F,slate9:B,slate10:r};export{v as default,a as slate1,r as slate10,s as slate2,e as slate3,t as slate4,l as slate5,C as slate6,E as slate7,F as slate8,B as slate9};

package/dist/color-scheme/dist/stitches.colorscheme.config.js

@@ -0,0 +1 @@
+import{createStitches as u}from"@stitches/react";import i from"./blue.json.js";import n from"./slate.json.js";import{generateAlphaColors as s}from"./generateAlphaColors.js";const t={},$=(c,a)=>{const e={};for(let o=1;o<=10;o++)e[`${c}${o}`]=`$${a}${o}`,e[`${c}A${o}`]=`$${a}A${o}`;return e},{styled:h,createTheme:r}=u({theme:{colors:{background:"white",foreground:n.slate9,foreground6plus:"white",...i,...s("blue",i),...n,...s("slate",n)}}});t["interactive-loContrast1"]=r("interactive-loContrast1",{colors:{interactiveForeground:"$foreground",interactive1:"white",interactive2:"$accent1",interactive3:"$accent2"}}),t["interactive-loContrast2"]=r("interactive-loContrast2",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),t["interactive-hiContrast1"]=r("interactive-hiContrast1",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent7",interactive2:"$accent8",interactive3:"$accent9"}}),t["interactive-hiContrast2"]=r("interactive-hiContrast2",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent8",interactive2:"$accent9",interactive3:"$accent10"}});const l={slate:"slate"},f=()=>{Object.entries(l).forEach(([c,a])=>{const e=`base-${c}`;t[e]=r(e,{colors:$("base",a)})})},v={slate:"slate",blue:"blue"},d=()=>{Object.entries(v).forEach(([c,a])=>{const e=`accent-${c}`;t[e]=r(e,{colors:$("accent",a)})})};f(),d();export{v as accents,l as bases,t as colorSchemes,r as createTheme,h as styled};

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
-    theme?: "primaryDark" | "light" | "tonal" | undefined;
-}, {
+import { ColorScheme } from '../../../../color-scheme/dist';
+declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -267,6 +266,8 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         };
     };
 }>>;
-declare type AccordionTriggerProps = React.ComponentProps<typeof StyledTrigger>;
+declare type AccordionTriggerProps = React.ComponentProps<typeof StyledTrigger> & {
+    colorScheme?: typeof ColorScheme;
+};
 export declare const AccordionTrigger: React.FC<AccordionTriggerProps>;
 export {};

package/dist/components/tabs/Tabs.d.ts

@@ -1,278 +1,9 @@
 import * as React from 'react';
-import { TriggerListWrapper } from './TabsTriggerList';
-import { TabTrigger } from './TabTrigger';
+import { TabsTriggerList } from './TabsTriggerList';
+import { TabsTrigger } from './TabsTrigger';
+import { TabsContent } from './TabsContent';
 declare type TabsProps = React.ComponentProps<typeof StyledRoot>;
-declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>, {
-    theme?: "dark" | "light" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
-        alpha100: any;
-        alpha150: any;
-        alpha200: any;
-        alpha250: any;
-        alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
-        successLight: any;
-        success: any;
-        successMid: any;
-        successDark: any;
-        dangerLight: any;
-        danger: any;
-        dangerMid: any;
-        dangerDark: any;
-        warningLight: any;
-        warning: any;
-        warningMid: any;
-        warningDark: any;
-        warningText: any;
-        subjectEnglish: any;
-        subjectMaths: any;
-        subjectScience: any;
-        subjectVerbalReasoning: any;
-        subjectNonVerbalReasoning: any;
-        subjectCreativeWriting: any;
-        subjectExamSkills: any;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": any;
-    };
-    fontSizes: {
-        xs: any;
-        sm: any;
-        md: any;
-        lg: any;
-        xl: any;
-        "2xl": any;
-        "3xl": any;
-        "4xl": any;
-    };
-    fonts: {
-        sans: any;
-        mono: any;
-        display: any;
-        body: any;
-    };
-    sizes: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-    };
-    radii: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        round: any;
-    };
-    shadows: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "background";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "background";
-        };
-    };
-    inset: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        top: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        right: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        bottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        left: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "size";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-        width: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-    };
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-}>>;
-declare const StyledTabContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>, {
-    theme?: "dark" | "light" | undefined;
-}, {
+declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -539,8 +270,8 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
     };
 }>>;
 export declare const Tabs: React.FC<TabsProps> & {
-    TriggerList: typeof TriggerListWrapper;
-    Trigger: typeof TabTrigger;
-    Content: typeof StyledTabContent;
+    TriggerList: typeof TabsTriggerList;
+    Trigger: typeof TabsTrigger;
+    Content: typeof TabsContent;
 };
 export {};

package/dist/components/tabs/TabsContent.d.ts

@@ -0,0 +1,267 @@
+/// <reference types="react" />
+export declare const TabsContent: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        warningText: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>;

package/dist/components/tabs/{TabTrigger.d.ts → TabsTrigger.d.ts}

@@ -1,7 +1,5 @@
 import * as React from 'react';
-declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
-    theme?: "dark" | "light" | undefined;
-}, {
+declare const StyledTabsTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -267,9 +265,8 @@ declare const StyledTabTrigger: import("@stitches/react/types/styled-component")
         };
     };
 }>>;
-interface TabTriggerProps extends React.ComponentProps<typeof StyledTabTrigger> {
+interface TabsTriggerProps extends React.ComponentProps<typeof StyledTabsTrigger> {
     value: string;
-    disabled?: boolean;
 }
-export declare const TabTrigger: React.FC<TabTriggerProps>;
+export declare const TabsTrigger: React.FC<TabsTriggerProps>;
 export {};

package/dist/components/tabs/TabsTriggerList.d.ts

@@ -1,12 +1,6 @@
 import React from 'react';
-interface ListProps extends React.ComponentProps<typeof StyledTriggerList> {
-    enableTabScrolling?: boolean;
-    scrollPercentage?: number;
-}
-declare const StyledTriggerList: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>>, {
-    theme?: "dark" | "light" | undefined;
-    appearance?: "uppercase" | undefined;
-}, {
+import { ColorScheme } from '../../../../color-scheme/dist';
+declare const StyledTriggerList: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -272,5 +266,7 @@ declare const StyledTriggerList: import("@stitches/react/types/styled-component"
         };
     };
 }>>;
-export declare const TriggerListWrapper: React.FC<ListProps>;
+export declare const TabsTriggerList: React.FC<React.ComponentProps<typeof StyledTriggerList> & {
+    colorScheme?: typeof ColorScheme;
+}>;
 export {};