@chromatic-com/tetra 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +75 -1
  2. package/dist/index.d.ts +75 -1
  3. package/dist/index.js +460 -338
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +460 -338
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -805,6 +805,80 @@ interface TextProps {
805
805
  }
806
806
  declare const Text: FC<TextProps>;
807
807
 
808
+ declare const Label: _emotion_styled.StyledComponent<{
809
+ theme?: _emotion_react.Theme | undefined;
810
+ as?: React__default.ElementType<any> | undefined;
811
+ } & {
812
+ inverse?: boolean | undefined;
813
+ }, React__default.DetailedHTMLProps<React__default.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
814
+
815
+ declare const Input: _emotion_styled.StyledComponent<{
816
+ theme?: _emotion_react.Theme | undefined;
817
+ as?: React__default.ElementType<any> | undefined;
818
+ } & {
819
+ inverse?: boolean | undefined;
820
+ }, React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
821
+
822
+ interface SelectProps extends React__default.SelectHTMLAttributes<HTMLSelectElement> {
823
+ inverse?: boolean;
824
+ }
825
+ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
826
+
827
+ declare const Range: _emotion_styled.StyledComponent<{
828
+ theme?: _emotion_react.Theme | undefined;
829
+ as?: React.ElementType<any> | undefined;
830
+ } & {
831
+ inverse?: boolean | undefined;
832
+ }, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
833
+
834
+ declare const Checkbox: _emotion_styled.StyledComponent<{
835
+ theme?: _emotion_react.Theme | undefined;
836
+ as?: React.ElementType<any> | undefined;
837
+ } & {
838
+ inverse?: boolean | undefined;
839
+ }, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
840
+
841
+ declare const Legend: _emotion_styled.StyledComponent<{
842
+ theme?: _emotion_react.Theme | undefined;
843
+ as?: React.ElementType<any> | undefined;
844
+ } & {
845
+ inverse?: boolean | undefined;
846
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
847
+ declare const Fieldset: _emotion_styled.StyledComponent<{
848
+ theme?: _emotion_react.Theme | undefined;
849
+ as?: React.ElementType<any> | undefined;
850
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
851
+ theme?: _emotion_react.Theme | undefined;
852
+ } & {
853
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
854
+ align?: "center" | "flex-start" | "flex-end" | undefined;
855
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
856
+ } & {
857
+ overhang?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | 0.25 | 0.5 | 10 | undefined;
858
+ inverse?: boolean | undefined;
859
+ }, React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
860
+ declare const Field: _emotion_styled.StyledComponent<{
861
+ theme?: _emotion_react.Theme | undefined;
862
+ as?: React.ElementType<any> | undefined;
863
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
864
+ theme?: _emotion_react.Theme | undefined;
865
+ } & {
866
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
867
+ direction?: "row" | "column" | undefined;
868
+ align?: "center" | "flex-start" | "flex-end" | undefined;
869
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
870
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
871
+ declare const Form: _emotion_styled.StyledComponent<{
872
+ theme?: _emotion_react.Theme | undefined;
873
+ as?: React.ElementType<any> | undefined;
874
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
875
+ theme?: _emotion_react.Theme | undefined;
876
+ } & {
877
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
878
+ align?: "center" | "flex-start" | "flex-end" | undefined;
879
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
880
+ }, React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
881
+
808
882
  declare const cssVariables: string;
809
883
 
810
- export { Accordion, Avatar, BBCIcon, Button, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, FigmaIcon, Footer, type FooterProps, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, IntegrationImage, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };
884
+ export { Accordion, Avatar, BBCIcon, Button, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };
package/dist/index.d.ts CHANGED
@@ -805,6 +805,80 @@ interface TextProps {
805
805
  }
806
806
  declare const Text: FC<TextProps>;
807
807
 
808
+ declare const Label: _emotion_styled.StyledComponent<{
809
+ theme?: _emotion_react.Theme | undefined;
810
+ as?: React__default.ElementType<any> | undefined;
811
+ } & {
812
+ inverse?: boolean | undefined;
813
+ }, React__default.DetailedHTMLProps<React__default.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
814
+
815
+ declare const Input: _emotion_styled.StyledComponent<{
816
+ theme?: _emotion_react.Theme | undefined;
817
+ as?: React__default.ElementType<any> | undefined;
818
+ } & {
819
+ inverse?: boolean | undefined;
820
+ }, React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
821
+
822
+ interface SelectProps extends React__default.SelectHTMLAttributes<HTMLSelectElement> {
823
+ inverse?: boolean;
824
+ }
825
+ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
826
+
827
+ declare const Range: _emotion_styled.StyledComponent<{
828
+ theme?: _emotion_react.Theme | undefined;
829
+ as?: React.ElementType<any> | undefined;
830
+ } & {
831
+ inverse?: boolean | undefined;
832
+ }, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
833
+
834
+ declare const Checkbox: _emotion_styled.StyledComponent<{
835
+ theme?: _emotion_react.Theme | undefined;
836
+ as?: React.ElementType<any> | undefined;
837
+ } & {
838
+ inverse?: boolean | undefined;
839
+ }, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
840
+
841
+ declare const Legend: _emotion_styled.StyledComponent<{
842
+ theme?: _emotion_react.Theme | undefined;
843
+ as?: React.ElementType<any> | undefined;
844
+ } & {
845
+ inverse?: boolean | undefined;
846
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
847
+ declare const Fieldset: _emotion_styled.StyledComponent<{
848
+ theme?: _emotion_react.Theme | undefined;
849
+ as?: React.ElementType<any> | undefined;
850
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
851
+ theme?: _emotion_react.Theme | undefined;
852
+ } & {
853
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
854
+ align?: "center" | "flex-start" | "flex-end" | undefined;
855
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
856
+ } & {
857
+ overhang?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | 0.25 | 0.5 | 10 | undefined;
858
+ inverse?: boolean | undefined;
859
+ }, React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
860
+ declare const Field: _emotion_styled.StyledComponent<{
861
+ theme?: _emotion_react.Theme | undefined;
862
+ as?: React.ElementType<any> | undefined;
863
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
864
+ theme?: _emotion_react.Theme | undefined;
865
+ } & {
866
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
867
+ direction?: "row" | "column" | undefined;
868
+ align?: "center" | "flex-start" | "flex-end" | undefined;
869
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
870
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
871
+ declare const Form: _emotion_styled.StyledComponent<{
872
+ theme?: _emotion_react.Theme | undefined;
873
+ as?: React.ElementType<any> | undefined;
874
+ } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
875
+ theme?: _emotion_react.Theme | undefined;
876
+ } & {
877
+ gap?: 0 | 1 | 12 | 16 | 20 | 24 | 36 | 40 | 48 | 28 | 32 | 44 | 2 | 3 | 8 | 4 | 5 | 6 | ResponsiveObjTypes | 0.25 | 0.5 | 10 | undefined;
878
+ align?: "center" | "flex-start" | "flex-end" | undefined;
879
+ justify?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
880
+ }, React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
881
+
808
882
  declare const cssVariables: string;
809
883
 
810
- export { Accordion, Avatar, BBCIcon, Button, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, FigmaIcon, Footer, type FooterProps, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, IntegrationImage, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };
884
+ export { Accordion, Avatar, BBCIcon, Button, Checkbox, CollectiveIcon, Container, CustomerStoryHero, CypressIcon, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuItem, EzCaterIcon, Field, Fieldset, FigmaIcon, Footer, type FooterProps, Form, FullWidthContainer, Grid, HStack, Header, type HeaderProps, Icon, type Icons, Input, IntegrationImage, Label, Legend, Link, LinkWithWrapper, type ListTypes, Logo, MondayIcon, NavDropdownMenu, NetlifyIcon, NormalizeArea, PlaywrightIcon, Range, Select, Stack, Stat, SubNav, Testimonial, Text, VStack, animations, breakpoint, color, cssVariables, fontFamily, fontSize, fontWeight, lineHeight, max2xl, maxLg, maxMd, maxSm, maxXl, min2xl, minBase, minLg, minMd, minSm, minXl, spacing, t, typography, useMediaQuery };