@hopper-ui/styled-system 0.1.0 → 0.2.0
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.
- package/CHANGELOG.md +6 -0
- package/dist/StyledSystemProvider-173b78af.d.ts +226 -0
- package/dist/StyledSystemProvider.css +1 -0
- package/dist/StyledSystemProvider.d.ts +3 -2
- package/dist/StyledSystemProvider.js +8 -8
- package/dist/index.css +1 -1
- package/dist/index.d.ts +6 -182
- package/dist/index.js +5 -5
- package/dist/{styled-system-props-56dad4e5.d.ts → styled-system-props-1c231c50.d.ts} +41 -33
- package/dist/styled-system-props.d.ts +1 -2
- package/dist/styled-system-root-css-class.js +2 -2
- package/dist/useStyledSystem.css +1 -1
- package/dist/useStyledSystem.d.ts +1 -2
- package/dist/useStyledSystem.js +1 -1
- package/package.json +4 -4
- package/dist/Breakpoints-9e8a6597.d.ts +0 -10
- package/dist/StyledSystemProvider-27d1981a.d.ts +0 -52
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.UseStyledSystem-module__hop-b-
|
|
1
|
+
.UseStyledSystem-module__hop-b-hover___CfKj8:hover{--hop-b-hover: initial;border:var(--hop-b-hover)!important}.UseStyledSystem-module__hop-bb-hover___Hu3-Q:hover{--hop-bb-hover: initial;border-bottom:var(--hop-bb-hover)!important}.UseStyledSystem-module__hop-bl-hover___CzOAl:hover{--hop-bl-hover: initial;border-left:var(--hop-bl-hover)!important}.UseStyledSystem-module__hop-br-hover___vKdvf:hover{--hop-br-hover: initial;border-right:var(--hop-br-hover)!important}.UseStyledSystem-module__hop-bt-hover___i82Tb:hover{--hop-bt-hover: initial;border-top:var(--hop-bt-hover)!important}.UseStyledSystem-module__hop-b-focus___y3r5B:focus-visible{--hop-b-focus: initial;border:var(--hop-b-focus)!important}.UseStyledSystem-module__hop-bb-focus___UzwTX:focus-visible{--hop-bb-focus: initial;border-bottom:var(--hop-bb-focus)!important}.UseStyledSystem-module__hop-bl-focus___u-OfB:focus-visible{--hop-bl-focus: initial;border-left:var(--hop-bl-focus)!important}.UseStyledSystem-module__hop-br-focus___wBhUY:focus-visible{--hop-br-focus: initial;border-right:var(--hop-br-focus)!important}.UseStyledSystem-module__hop-bt-focus___MnZa1:focus-visible{--hop-bt-focus: initial;border-top:var(--hop-bt-focus)!important}.UseStyledSystem-module__hop-b-active___JDXLg:active{--hop-b-active: initial;border:var(--hop-b-active)!important}.UseStyledSystem-module__hop-bb-active___40n0M:active{--hop-bb-active: initial;border-bottom:var(--hop-bb-active)!important}.UseStyledSystem-module__hop-bl-active___TkJsC:active{--hop-bl-active: initial;border-left:var(--hop-bl-active)!important}.UseStyledSystem-module__hop-br-active___TmbHF:active{--hop-br-active: initial;border-right:var(--hop-br-active)!important}.UseStyledSystem-module__hop-bt-active___r8vje:active{--hop-bt-active: initial;border-top:var(--hop-bt-active)!important}.UseStyledSystem-module__hop-bg-hover___LA70G:hover{--hop-bg-hover: initial;background-color:var(--hop-bg-hover)!important}.UseStyledSystem-module__hop-bg-focus___6R-wa:focus-visible{--hop-bg-focus: initial;background-color:var(--hop-bg-focus)!important}.UseStyledSystem-module__hop-bg-active___vfqXn:active{--hop-bg-active: initial;background-color:var(--hop-bg-active)!important}.UseStyledSystem-module__hop-bs-hover___vRDwD:hover{--hop-bs-hover: initial;box-shadow:var(--hop-bs-hover)!important}.UseStyledSystem-module__hop-bs-focus___Nk99m:focus-visible{--hop-bs-focus: initial;box-shadow:var(--hop-bs-focus)!important}.UseStyledSystem-module__hop-bs-active___SYvR1:active{--hop-bs-active: initial;box-shadow:var(--hop-bs-active)!important}.UseStyledSystem-module__hop-c-hover___oebME:hover{--hop-c-hover: initial;color:var(--hop-c-hover)!important}.UseStyledSystem-module__hop-c-focus___m3au4:focus-visible{--hop-c-focus: initial;color:var(--hop-c-focus)!important}.UseStyledSystem-module__hop-c-active___qgNTm:active{--hop-c-active: initial;color:var(--hop-c-active)!important}.UseStyledSystem-module__hop-cs-hover___cvviM:hover{--hop-cs-hover: initial;cursor:var(--hop-cs-hover)!important}.UseStyledSystem-module__hop-f-hover___8xdeJ:hover{--hop-f-hover: initial;fill:var(--hop-f-hover)!important}.UseStyledSystem-module__hop-f-focus___6Ah2L:focus-visible{--hop-f-focus: initial;fill:var(--hop-f-focus)!important}.UseStyledSystem-module__hop-o-hover___cyKhF:hover{--hop-o-hover: initial;opacity:var(--hop-o-hover)!important}.UseStyledSystem-module__hop-o-focus___Kg5kM:focus-visible{--hop-o-focus: initial;opacity:var(--hop-o-focus)!important}.UseStyledSystem-module__hop-o-active___-Crm-:active{--hop-o-active: initial;opacity:var(--hop-o-active)!important}.UseStyledSystem-module__hop-ol-focus___XyC84:focus-visible{--hop-ol-focus: initial;color:var(--hop-ol-focus)!important}:where(.htmlElement-module__html-element___EOSRs),:where(.htmlElement-module__html-element___EOSRs:after),:where(.htmlElement-module__html-element___EOSRs:before){box-sizing:border-box}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { C as ColorSchemeOrSystem, a as ColorScheme } from './StyledSystemProvider-
|
|
2
|
-
export { d as BreakpointProvider,
|
|
1
|
+
import { C as ColorSchemeOrSystem, a as ColorScheme } from './StyledSystemProvider-173b78af.js';
|
|
2
|
+
export { Q as A, R as AProps, A as Address, n as AddressProps, d as Article, o as ArticleProps, e as Aside, p as AsideProps, an as BreakpointProvider, am as BreakpointProviderProps, c as ColorSchemeContext, b as ColorSchemeContextType, al as DefaultUnsupportedMatchMediaBreakpoint, E as Div, G as DivProps, a9 as HtmlButton, ae as HtmlButtonProps, aj as HtmlElementProps, H as HtmlFooter, q as HtmlFooterProps, aa as HtmlForm, af as HtmlFormProps, f as HtmlH1, r as HtmlH1Props, g as HtmlH2, s as HtmlH2Props, h as HtmlH3, t as HtmlH3Props, i as HtmlH4, v as HtmlH4Props, j as HtmlH5, w as HtmlH5Props, k as HtmlH6, x as HtmlH6Props, l as HtmlHeader, y as HtmlHeaderProps, ab as HtmlInput, ag as HtmlInputProps, ac as HtmlLabel, ah as HtmlLabelProps, F as HtmlParagraph, I as HtmlParagraphProps, m as HtmlSection, D as HtmlSectionProps, ad as HtmlTextArea, ai as HtmlTextAreaProps, V as Img, W as ImgProps, L as LI, P as LIProps, M as Main, z as MainProps, N as Nav, B as NavProps, O as OL, J as OLProps, S as Span, T as SpanProps, ap as StyledSystemProvider, ao as StyledSystemProviderProps, Z as TBody, a4 as TBodyProps, a1 as TD, a8 as TDProps, _ as TFoot, a5 as TFootProps, $ as TH, a6 as THProps, Y as THead, a3 as THeadProps, a0 as TR, a7 as TRProps, X as Table, a2 as TableProps, U as UL, K as ULProps, ak as htmlElement, u as useColorSchemeContext } from './StyledSystemProvider-173b78af.js';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as react from 'react';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
export {
|
|
8
|
-
import { B as Breakpoint } from './Breakpoints-9e8a6597.js';
|
|
9
|
-
export { a as Breakpoints } from './Breakpoints-9e8a6597.js';
|
|
5
|
+
import { useEffect, RefObject } from 'react';
|
|
6
|
+
import { B as Breakpoint } from './styled-system-props-1c231c50.js';
|
|
7
|
+
export { e as BackgroundColorMapping, A as BackgroundColorValue, f as BorderMapping, k as BorderRadiusMapping, H as BorderRadiusValue, E as BorderValue, g as BoxShadowMapping, K as BoxShadowValue, a as Breakpoints, C as ColorExpressionTypes, c as ColorMapping, N as ColorValue, P as ColumnGapValue, o as ComplexMarginMapping, ah as ComplexMarginValue, m as ComplexPaddingMapping, al as ComplexPaddingValue, x as CssBorder, y as CssBorderRadius, w as CssBoxShadow, r as CssColor, s as CssFill, z as CssGap, t as CssGrid, v as CssGridTemplate, d as DataVizColorMapping, D as DefaultBorderWidthAndStyle, V as FillValue, j as FontFamilyMapping, Z as FontFamilyValue, F as FontSizeMapping, X as FontSizeValue, h as FontWeightMapping, $ as FontWeightValue, a1 as GapValue, a3 as GridAutoColumnsValue, a5 as GridAutoRowsValue, av as GridColumSpanValue, aw as GridRowSpanValue, a7 as GridTemplateColumnsValue, a9 as GridTemplateRowsValue, ab as HeightValue, I as IconColorMapping, L as LineHeightMapping, ad as LineHeightValue, b as ResponsiveProp, R as ResponsiveValue, an as RowGapValue, n as SimpleMarginMapping, af as SimpleMarginValue, l as SimplePaddingMapping, aj as SimplePaddingValue, q as SizingMapping, ap as SizingValue, S as SpaceMapping, ar as StrokeValue, aB as StyledComponentProps, aA as StyledSystemProps, T as TextColorMapping, U as UNSAFE_BackgroundColorValue, J as UNSAFE_BorderRadiusValue, G as UNSAFE_BorderValue, M as UNSAFE_BoxShadowValue, O as UNSAFE_ColorValue, Q as UNSAFE_ColumnGapValue, ai as UNSAFE_ComplexMarginValue, am as UNSAFE_ComplexPaddingValue, W as UNSAFE_FillValue, _ as UNSAFE_FontFamilyValue, Y as UNSAFE_FontSizeValue, a0 as UNSAFE_FontWeightValue, a2 as UNSAFE_GapValue, a4 as UNSAFE_GridAutoColumnsValue, a6 as UNSAFE_GridAutoRowsValue, a8 as UNSAFE_GridTemplateColumnsValue, aa as UNSAFE_GridTemplateRowsValue, ac as UNSAFE_HeightValue, ae as UNSAFE_LineHeightValue, ao as UNSAFE_RowGapValue, ag as UNSAFE_SimpleMarginValue, ak as UNSAFE_SimplePaddingValue, aq as UNSAFE_SizingValue, as as UNSAFE_StrokeValue, au as UNSAFE_WidthValue, az as UnsafePrefix, at as WidthValue, ay as getSystemValue, i as isResponsiveObject, ax as parseResponsiveSystemValue, p as parseResponsiveValue, u as useResponsiveValue } from './styled-system-props-1c231c50.js';
|
|
10
8
|
export { HopperRootCssClass, StyledSystemRootCssClass } from './styled-system-root-css-class.js';
|
|
11
9
|
export { isStyledSystemProp, useStyledSystem } from './useStyledSystem.js';
|
|
12
10
|
import 'csstype';
|
|
@@ -17,180 +15,6 @@ declare function useColorSchemeValue(lightColor: string, darkColor: string): str
|
|
|
17
15
|
|
|
18
16
|
declare function BodyStyleProvider(): react_jsx_runtime.JSX.Element;
|
|
19
17
|
|
|
20
|
-
type HtmlElementProps<T extends keyof JSX.IntrinsicElements> = StyledComponentProps<T>;
|
|
21
|
-
declare function htmlElement<T extends keyof JSX.IntrinsicElements>(elementType: T): react.ForwardRefExoticComponent<react.PropsWithoutRef<HtmlElementProps<T>> & react.RefAttributes<ElementRef<T>>>;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* A specialized wrapping component for HTML `address` element that allows style props.
|
|
25
|
-
*/
|
|
26
|
-
declare const Address: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"address">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
27
|
-
/**
|
|
28
|
-
* A specialized wrapping component for HTML `article` element that allows style props.
|
|
29
|
-
*/
|
|
30
|
-
declare const Article: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"article">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
31
|
-
/**
|
|
32
|
-
* A specialized wrapping component for HTML `aside` element that allows style props.
|
|
33
|
-
*/
|
|
34
|
-
declare const Aside: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"aside">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
35
|
-
/**
|
|
36
|
-
* A specialized wrapping component for HTML `footer` element that allows style props.
|
|
37
|
-
*/
|
|
38
|
-
declare const HtmlFooter: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"footer">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
39
|
-
/**
|
|
40
|
-
* A specialized wrapping component for HTML `h1` element that allows style props.
|
|
41
|
-
*/
|
|
42
|
-
declare const HtmlH1: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h1">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
43
|
-
/**
|
|
44
|
-
* A specialized wrapping component for HTML `h2` element that allows style props.
|
|
45
|
-
*/
|
|
46
|
-
declare const HtmlH2: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h2">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
47
|
-
/**
|
|
48
|
-
* A specialized wrapping component for HTML `h3` element that allows style props.
|
|
49
|
-
*/
|
|
50
|
-
declare const HtmlH3: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h3">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
51
|
-
/**
|
|
52
|
-
* A specialized wrapping component for HTML `h4` element that allows style props.
|
|
53
|
-
*/
|
|
54
|
-
declare const HtmlH4: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h4">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
55
|
-
/**
|
|
56
|
-
* A specialized wrapping component for HTML `h5` element that allows style props.
|
|
57
|
-
*/
|
|
58
|
-
declare const HtmlH5: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h5">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
59
|
-
/**
|
|
60
|
-
* A specialized wrapping component for HTML `h6` element that allows style props.
|
|
61
|
-
*/
|
|
62
|
-
declare const HtmlH6: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"h6">, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
63
|
-
/**
|
|
64
|
-
* A specialized wrapping component for HTML `header` element that allows style props.
|
|
65
|
-
*/
|
|
66
|
-
declare const HtmlHeader: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"header">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
67
|
-
/**
|
|
68
|
-
* A specialized wrapping component for HTML `main` element that allows style props.
|
|
69
|
-
*/
|
|
70
|
-
declare const Main: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"main">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
71
|
-
/**
|
|
72
|
-
* A specialized wrapping component for HTML `nav` element that allows style props.
|
|
73
|
-
*/
|
|
74
|
-
declare const Nav: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"nav">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
75
|
-
/**
|
|
76
|
-
* A specialized wrapping component for HTML `section` element that allows style props.
|
|
77
|
-
*/
|
|
78
|
-
declare const HtmlSection: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"section">, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
79
|
-
type AddressProps = ComponentProps<typeof Address>;
|
|
80
|
-
type ArticleProps = ComponentProps<typeof Article>;
|
|
81
|
-
type AsideProps = ComponentProps<typeof Aside>;
|
|
82
|
-
type HtmlFooterProps = ComponentProps<typeof HtmlFooter>;
|
|
83
|
-
type HtmlH1Props = ComponentProps<typeof HtmlH1>;
|
|
84
|
-
type HtmlH2Props = ComponentProps<typeof HtmlH2>;
|
|
85
|
-
type HtmlH3Props = ComponentProps<typeof HtmlH3>;
|
|
86
|
-
type HtmlH4Props = ComponentProps<typeof HtmlH4>;
|
|
87
|
-
type HtmlH5Props = ComponentProps<typeof HtmlH5>;
|
|
88
|
-
type HtmlH6Props = ComponentProps<typeof HtmlH6>;
|
|
89
|
-
type HtmlHeaderProps = ComponentProps<typeof HtmlHeader>;
|
|
90
|
-
type MainProps = ComponentProps<typeof Main>;
|
|
91
|
-
type NavProps = ComponentProps<typeof Nav>;
|
|
92
|
-
type HtmlSectionProps = ComponentProps<typeof HtmlSection>;
|
|
93
|
-
/**
|
|
94
|
-
* A specialized wrapping component for HTML `div` element that allows style props.
|
|
95
|
-
*/
|
|
96
|
-
declare const Div: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"div">, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
97
|
-
/**
|
|
98
|
-
* A specialized wrapping component for HTML `p` element that allows style props.
|
|
99
|
-
*/
|
|
100
|
-
declare const HtmlParagraph: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"p">, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
101
|
-
/**
|
|
102
|
-
* A specialized wrapping component for HTML `ol` element that allows style props.
|
|
103
|
-
*/
|
|
104
|
-
declare const OL: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"ol">, "ref"> & react.RefAttributes<HTMLOListElement>>;
|
|
105
|
-
/**
|
|
106
|
-
* A specialized wrapping component for HTML `ul` element that allows style props.
|
|
107
|
-
*/
|
|
108
|
-
declare const UL: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"ul">, "ref"> & react.RefAttributes<HTMLUListElement>>;
|
|
109
|
-
/**
|
|
110
|
-
* A specialized wrapping component for HTML `li` element that allows style props.
|
|
111
|
-
*/
|
|
112
|
-
declare const LI: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"li">, "ref"> & react.RefAttributes<HTMLLIElement>>;
|
|
113
|
-
type DivProps = ComponentProps<typeof Div>;
|
|
114
|
-
type HtmlParagraphProps = ComponentProps<typeof HtmlParagraph>;
|
|
115
|
-
type OLProps = ComponentProps<typeof OL>;
|
|
116
|
-
type ULProps = ComponentProps<typeof UL>;
|
|
117
|
-
type LIProps = ComponentProps<typeof LI>;
|
|
118
|
-
/**
|
|
119
|
-
* A specialized wrapping component for HTML `anchor` element that allows style props.
|
|
120
|
-
*/
|
|
121
|
-
declare const A: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"a">, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
|
|
122
|
-
/**
|
|
123
|
-
* A specialized wrapping component for HTML `span` element that allows style props.
|
|
124
|
-
*/
|
|
125
|
-
declare const Span: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"span">, "ref"> & react.RefAttributes<HTMLSpanElement>>;
|
|
126
|
-
type AProps = ComponentProps<typeof A>;
|
|
127
|
-
type SpanProps = ComponentProps<typeof Span>;
|
|
128
|
-
/**
|
|
129
|
-
* A specialized wrapping component for HTML `img` element that allows style props.
|
|
130
|
-
*/
|
|
131
|
-
declare const Img: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"img">, "ref"> & react.RefAttributes<HTMLImageElement>>;
|
|
132
|
-
type ImgProps = ComponentProps<typeof Img>;
|
|
133
|
-
/**
|
|
134
|
-
* A specialized wrapping component for HTML `table` element that allows style props.
|
|
135
|
-
*/
|
|
136
|
-
declare const Table: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"table">, "ref"> & react.RefAttributes<HTMLTableElement>>;
|
|
137
|
-
/**
|
|
138
|
-
* A specialized wrapping component for HTML `thead` element that allows style props.
|
|
139
|
-
*/
|
|
140
|
-
declare const THead: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"thead">, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
141
|
-
/**
|
|
142
|
-
* A specialized wrapping component for HTML `tbody` element that allows style props.
|
|
143
|
-
*/
|
|
144
|
-
declare const TBody: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"tbody">, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
145
|
-
/**
|
|
146
|
-
* A specialized wrapping component for HTML `tfoot` element that allows style props.
|
|
147
|
-
*/
|
|
148
|
-
declare const TFoot: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"tfoot">, "ref"> & react.RefAttributes<HTMLTableSectionElement>>;
|
|
149
|
-
/**
|
|
150
|
-
* A specialized wrapping component for HTML `th` element that allows style props.
|
|
151
|
-
*/
|
|
152
|
-
declare const TH: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"th">, "ref"> & react.RefAttributes<HTMLTableHeaderCellElement>>;
|
|
153
|
-
/**
|
|
154
|
-
* A specialized wrapping component for HTML `tr` element that allows style props.
|
|
155
|
-
*/
|
|
156
|
-
declare const TR: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"tr">, "ref"> & react.RefAttributes<HTMLTableRowElement>>;
|
|
157
|
-
/**
|
|
158
|
-
* A specialized wrapping component for HTML `td` element that allows style props.
|
|
159
|
-
*/
|
|
160
|
-
declare const TD: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"td">, "ref"> & react.RefAttributes<HTMLTableDataCellElement>>;
|
|
161
|
-
type TableProps = ComponentProps<typeof Table>;
|
|
162
|
-
type THeadProps = ComponentProps<typeof THead>;
|
|
163
|
-
type TBodyProps = ComponentProps<typeof TBody>;
|
|
164
|
-
type TFootProps = ComponentProps<typeof TFoot>;
|
|
165
|
-
type THProps = ComponentProps<typeof TH>;
|
|
166
|
-
type TRProps = ComponentProps<typeof TR>;
|
|
167
|
-
type TDProps = ComponentProps<typeof TD>;
|
|
168
|
-
/**
|
|
169
|
-
* A specialized wrapping component for HTML `button` element that allows style props.
|
|
170
|
-
*/
|
|
171
|
-
declare const HtmlButton: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"button">, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
172
|
-
/**
|
|
173
|
-
* A specialized wrapping component for HTML `form` element that allows style props.
|
|
174
|
-
*/
|
|
175
|
-
declare const HtmlForm: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"form">, "ref"> & react.RefAttributes<HTMLFormElement>>;
|
|
176
|
-
/**
|
|
177
|
-
* A specialized wrapping component for HTML `input` element that allows style props.
|
|
178
|
-
*/
|
|
179
|
-
declare const HtmlInput: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"input">, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
180
|
-
/**
|
|
181
|
-
* A specialized wrapping component for HTML `label` element that allows style props.
|
|
182
|
-
*/
|
|
183
|
-
declare const HtmlLabel: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"label">, "ref"> & react.RefAttributes<HTMLLabelElement>>;
|
|
184
|
-
/**
|
|
185
|
-
* A specialized wrapping component for HTML `textarea` element that allows style props.
|
|
186
|
-
*/
|
|
187
|
-
declare const HtmlTextArea: react.ForwardRefExoticComponent<Omit<HtmlElementProps<"textarea">, "ref"> & react.RefAttributes<HTMLTextAreaElement>>;
|
|
188
|
-
type HtmlButtonProps = ComponentProps<typeof HtmlButton>;
|
|
189
|
-
type HtmlFormProps = ComponentProps<typeof HtmlForm>;
|
|
190
|
-
type HtmlInputProps = ComponentProps<typeof HtmlInput>;
|
|
191
|
-
type HtmlLabelProps = ComponentProps<typeof HtmlLabel>;
|
|
192
|
-
type HtmlTextAreaProps = ComponentProps<typeof HtmlTextArea>;
|
|
193
|
-
|
|
194
18
|
interface BreakpointContextType {
|
|
195
19
|
matchedBreakpoints: Breakpoint[];
|
|
196
20
|
}
|
|
@@ -2561,4 +2385,4 @@ declare class ThemeComputedStyle {
|
|
|
2561
2385
|
getPropertyValue(name: string): string;
|
|
2562
2386
|
}
|
|
2563
2387
|
|
|
2564
|
-
export {
|
|
2388
|
+
export { BodyStyleProvider, Breakpoint, BreakpointContext, BreakpointContextType, ColorScheme, ColorSchemeOrSystem, HopperCssVar, HopperTokenKey, ThemeComputedStyle, TokenProvider, Tokens, useBreakpointContext, useColorScheme, useColorSchemeValue, useInsertStyleElement, useIsomorphicInsertionEffect, useIsomorphicLayoutEffect };
|