@atom-learning/components 4.1.4 → 4.2.1

package/dist/components/segmented-control/SegmentedControl.js

@@ -0,0 +1,2 @@
+import{SegmentedControlBadge as o}from"./SegmentedControlBadge.js";import{SegmentedControlContent as t}from"./SegmentedControlContent.js";import{SegmentedControlDescription as e}from"./SegmentedControlDescription.js";import{SegmentedControlHeading as m}from"./SegmentedControlHeading.js";import{SegmentedControlIcon as n}from"./SegmentedControlIcon.js";import{SegmentedControlItem as r}from"./SegmentedControlItem.js";import{SegmentedControlItemList as i}from"./SegmentedControlItemList.js";import{SegmentedControlRoot as d}from"./SegmentedControlRoot.js";const g={Root:d,Item:r,Heading:m,Description:e,Icon:n,Content:t,Badge:o,ItemList:i};export{g as SegmentedControl};
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/segmented-control/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { SegmentedControlBadge } from './SegmentedControlBadge'\nimport { SegmentedControlContent } from './SegmentedControlContent'\nimport { SegmentedControlDescription } from './SegmentedControlDescription'\nimport { SegmentedControlHeading } from './SegmentedControlHeading'\nimport { SegmentedControlIcon } from './SegmentedControlIcon'\nimport { SegmentedControlItem } from './SegmentedControlItem'\nimport { SegmentedControlItemList } from './SegmentedControlItemList'\nimport { SegmentedControlRoot } from './SegmentedControlRoot'\n\nexport const SegmentedControl = {\n  Root: SegmentedControlRoot,\n  Item: SegmentedControlItem,\n  Heading: SegmentedControlHeading,\n  Description: SegmentedControlDescription,\n  Icon: SegmentedControlIcon,\n  Content: SegmentedControlContent,\n  Badge: SegmentedControlBadge,\n  ItemList: SegmentedControlItemList\n}\n"],"names":["SegmentedControl","SegmentedControlRoot","SegmentedControlItem","SegmentedControlHeading","SegmentedControlDescription","SegmentedControlIcon","SegmentedControlContent","SegmentedControlBadge","SegmentedControlItemList"],"mappings":"4iBASa,MAAAA,EAAmB,CAC9B,KAAMC,EACN,KAAMC,EACN,QAASC,EACT,YAAaC,EACb,KAAMC,EACN,QAASC,EACT,MAAOC,EACP,SAAUC,CACZ"}

package/dist/components/segmented-control/SegmentedControlBadge.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { Badge } from '../badge';
+export declare const SegmentedControlBadge: ({ css, ...props }: Omit<React.ComponentProps<typeof Badge>, "size">) => JSX.Element;

package/dist/components/segmented-control/SegmentedControlBadge.js

@@ -0,0 +1,2 @@
+import*as r from"react";import{Badge as s}from"../badge/Badge.js";import{useSegmentedControl as m}from"./SegmentedControlContext.js";const n={sm:"xs",md:"xs",lg:"sm"},c=({css:e,...o})=>{const{size:t}=m();return r.createElement(s,{...o,css:{border:"none",...e,fontWeight:"normal"},size:n[t]})};export{c as SegmentedControlBadge};
+//# sourceMappingURL=SegmentedControlBadge.js.map

package/dist/components/segmented-control/SegmentedControlBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlBadge.js","sources":["../../../src/components/segmented-control/SegmentedControlBadge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Badge } from '../badge'\nimport { useSegmentedControl } from './SegmentedControlContext'\n\nconst badgeSizeMap = {\n  sm: 'xs',\n  md: 'xs',\n  lg: 'sm'\n}\n\nexport const SegmentedControlBadge = ({\n  css,\n  ...props\n}: Omit<React.ComponentProps<typeof Badge>, 'size'>): JSX.Element => {\n  const { size } = useSegmentedControl()\n  return (\n    <Badge\n      {...props}\n      css={{ border: 'none', ...css, fontWeight: 'normal' }}\n      size={badgeSizeMap[size as string]}\n    />\n  )\n}\n"],"names":["badgeSizeMap","SegmentedControlBadge","css","props","size","useSegmentedControl","React","Badge"],"mappings":"qIAKA,MAAMA,EAAe,CACnB,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAwB,CAAC,CACpC,IAAAC,KACGC,CACL,IAAqE,CACnE,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAoB,EACrC,OACEC,EAAA,cAACC,EAAA,CACE,GAAGJ,EACJ,IAAK,CAAE,OAAQ,OAAQ,GAAGD,EAAK,WAAY,QAAS,EACpD,KAAMF,EAAaI,EAAAA,CACrB,CAEJ"}

package/dist/components/segmented-control/SegmentedControlContent.d.ts

@@ -0,0 +1,365 @@
+import * as React from 'react';
+export declare const SegmentedControlContent: import("@atom-learning/stitches-react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@atom-learning/stitches-react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textBold: string;
+        textRegular: string;
+        textSubtle: string;
+        textMinimal: string;
+        background: string;
+        backgroundAccent: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+        grey1000: string;
+        grey1100: string;
+        grey1200: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blue1000: string;
+        blue1100: string;
+        blue1200: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pink1000: string;
+        pink1100: string;
+        pink1200: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purple1000: string;
+        purple1100: string;
+        purple1200: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyan1000: string;
+        cyan1100: string;
+        cyan1200: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        green1000: string;
+        green1100: string;
+        green1200: string;
+        magenta100: string;
+        magenta200: string;
+        magenta300: string;
+        magenta400: string;
+        magenta500: string;
+        magenta600: string;
+        magenta700: string;
+        magenta800: string;
+        magenta900: string;
+        magenta1000: string;
+        magenta1100: string;
+        magenta1200: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        red1000: string;
+        red1100: string;
+        red1200: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        teal1000: string;
+        teal1100: string;
+        teal1200: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orange1000: string;
+        orange1100: string;
+        orange1200: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellow1000: string;
+        yellow1100: string;
+        yellow1200: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        lime1000: string;
+        lime1100: string;
+        lime1200: string;
+        lapis100: string;
+        lapis200: string;
+        lapis300: string;
+        lapis400: string;
+        lapis500: string;
+        lapis600: string;
+        lapis700: string;
+        lapis800: string;
+        lapis900: string;
+        lapis1000: string;
+        lapis1100: string;
+        lapis1200: string;
+        maroon100: string;
+        maroon200: string;
+        maroon300: string;
+        maroon400: string;
+        maroon500: string;
+        maroon600: string;
+        maroon700: string;
+        maroon800: string;
+        maroon900: string;
+        maroon1000: string;
+        maroon1100: string;
+        maroon1200: string;
+        marsh100: string;
+        marsh200: string;
+        marsh300: string;
+        marsh400: string;
+        marsh500: string;
+        marsh600: string;
+        marsh700: string;
+        marsh800: string;
+        marsh900: string;
+        marsh1000: string;
+        marsh1100: string;
+        marsh1200: string;
+        alpha100: string;
+        alpha150: string;
+        alpha200: string;
+        alpha250: string;
+        alpha600: string;
+        infoLight: string;
+        info: string;
+        infoMid: string;
+        infoDark: string;
+        successLight: string;
+        success: string;
+        successMid: string;
+        successDark: string;
+        dangerLight: string;
+        danger: string;
+        dangerMid: string;
+        dangerDark: string;
+        warningLight: string;
+        warning: string;
+        warningMid: string;
+        warningDark: string;
+        warningText: string;
+        subjectEnglish: string;
+        subjectMaths: string;
+        subjectScience: string;
+        subjectVerbalReasoning: string;
+        subjectNonVerbalReasoning: string;
+        subjectCreativeWriting: string;
+        subjectExamSkills: string;
+        glBlueLight: string;
+        glBluePrimary: string;
+        glBlueDark: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        primary1000: string;
+        primary1100: string;
+        primary1200: string;
+    };
+    space: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "24": string;
+    };
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+    };
+    fonts: {
+        sans: string;
+        mono: string;
+        display: string;
+        body: string;
+    };
+    sizes: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+    };
+    radii: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        round: string;
+    };
+    shadows: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+    };
+    ratios: {
+        "16-9": string;
+        "3-2": string;
+        "4-3": string;
+        "1-1": string;
+        "3-4": string;
+    };
+}, import("@atom-learning/stitches-react/types/config").DefaultThemeMap, {
+    bg: (value: import("@atom-learning/stitches-react").PropertyValue<"background">) => {
+        background: import("@atom-learning/stitches-react/types/css-util").WithPropertyValue<"background">;
+    };
+    size: (value: import("@atom-learning/stitches-react").ScaleValue<"size"> | number | string) => {
+        height: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+        width: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"size">;
+    };
+    p: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        padding: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        paddingTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        margin: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginLeft: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: import("@atom-learning/stitches-react").ScaleValue<"space"> | number | string) => {
+        marginTop: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
+    };
+}>>;

package/dist/components/segmented-control/SegmentedControlContent.js

@@ -0,0 +1,2 @@
+import{Tabs as t}from"../tabs/Tabs.js";const o=t.Content;export{o as SegmentedControlContent};
+//# sourceMappingURL=SegmentedControlContent.js.map

package/dist/components/segmented-control/SegmentedControlContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContent.js","sources":["../../../src/components/segmented-control/SegmentedControlContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tabs } from '../tabs'\n\nexport const SegmentedControlContent = Tabs.Content\n"],"names":["SegmentedControlContent","Tabs"],"mappings":"uCAIO,MAAMA,EAA0BC,EAAK"}

package/dist/components/segmented-control/SegmentedControlContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SegmentedControlRootProps } from './SegmentedControlRoot';
+export type SegmentedControlTheme = 'primary' | 'marsh';
+interface SegmentedControlContextValue {
+    size: SegmentedControlRootProps['size'];
+    theme: SegmentedControlTheme;
+}
+interface SegmentedControlProviderProps extends SegmentedControlContextValue {
+    children: React.ReactNode;
+}
+export declare const SegmentedControlProvider: ({ size, theme, children }: SegmentedControlProviderProps) => JSX.Element;
+export declare const useSegmentedControl: () => SegmentedControlContextValue;
+export {};

package/dist/components/segmented-control/SegmentedControlContext.js

@@ -0,0 +1,2 @@
+import*as e from"react";const o=e.createContext({size:"md",theme:"primary"}),s=({size:t,theme:r,children:n})=>{const m=e.useMemo(()=>({size:t,theme:r}),[t,r]);return e.createElement(o.Provider,{value:m},n)},i=()=>e.useContext(o);export{s as SegmentedControlProvider,i as useSegmentedControl};
+//# sourceMappingURL=SegmentedControlContext.js.map

package/dist/components/segmented-control/SegmentedControlContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlContext.js","sources":["../../../src/components/segmented-control/SegmentedControlContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { SegmentedControlRootProps } from './SegmentedControlRoot'\n\nexport type SegmentedControlTheme = 'primary' | 'marsh'\n\ninterface SegmentedControlContextValue {\n  size: SegmentedControlRootProps['size']\n  theme: SegmentedControlTheme\n}\n\ninterface SegmentedControlProviderProps extends SegmentedControlContextValue {\n  children: React.ReactNode\n}\n\nconst SegmentedControlContext =\n  React.createContext<SegmentedControlContextValue>({\n    size: 'md',\n    theme: 'primary'\n  })\n\nexport const SegmentedControlProvider = ({\n  size,\n  theme,\n  children\n}: SegmentedControlProviderProps): JSX.Element => {\n  const value = React.useMemo<SegmentedControlContextValue>(\n    () => ({ size, theme }),\n    [size, theme]\n  )\n\n  return (\n    <SegmentedControlContext.Provider value={value}>\n      {children}\n    </SegmentedControlContext.Provider>\n  )\n}\n\nexport const useSegmentedControl = (): SegmentedControlContextValue =>\n  React.useContext(SegmentedControlContext)\n"],"names":["SegmentedControlContext","React","SegmentedControlProvider","size","theme","children","value","useSegmentedControl"],"mappings":"wBAeA,MAAMA,EACJC,EAAM,cAA4C,CAChD,KAAM,KACN,MAAO,SACT,CAAC,EAEUC,EAA2B,CAAC,CACvC,KAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAAkD,CAChD,MAAMC,EAAQL,EAAM,QAClB,KAAO,CAAE,KAAAE,EAAM,MAAAC,CAAM,GACrB,CAACD,EAAMC,CAAK,CACd,EAEA,OACEH,EAAA,cAACD,EAAwB,SAAxB,CAAiC,MAAOM,CACtCD,EAAAA,CACH,CAEJ,EAEaE,EAAsB,IACjCN,EAAM,WAAWD,CAAuB"}