@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/styles/responsive/phone.d.ts

@@ -0,0 +1,223 @@
+/**
+ * These styles are used to power the component StyleProps API.
+ */
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type LinariaClassName } from '@linaria/core';
+import type { DynamicStyleProps } from '../styleProps';
+/**
+ * Classnames for dynamic style props. Dynamic style props are style props whose
+ * values cannot be known at build time, such as width and height. The values for
+ * these style props are set via CSS Variables in the inline styles.
+ */
+export declare const dynamic: Record<keyof DynamicStyleProps, LinariaClassName>;
+export declare const elevation: Record<ThemeVars.Elevation, LinariaClassName>;
+export declare const color: Record<ThemeVars.Color, LinariaClassName>;
+export declare const background: Record<ThemeVars.Color, LinariaClassName>;
+export declare const borderColor: Record<ThemeVars.Color, LinariaClassName>;
+export declare const borderWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderTopWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderEndWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderBottomWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderStartWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderTopLeftRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderTopRightRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderBottomLeftRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderBottomRightRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const fontFamily: Record<ThemeVars.FontFamily | 'inherit', LinariaClassName>;
+export declare const fontSize: Record<ThemeVars.FontSize | 'inherit', LinariaClassName>;
+export declare const fontWeight: Record<ThemeVars.FontWeight | 'inherit', LinariaClassName>;
+export declare const lineHeight: Record<ThemeVars.LineHeight | 'inherit', LinariaClassName>;
+export declare const textDecoration: {
+    readonly none: LinariaClassName;
+    readonly underline: LinariaClassName;
+    readonly overline: LinariaClassName;
+    readonly 'line-through': LinariaClassName;
+    readonly 'underline overline': LinariaClassName;
+    readonly 'underline double': LinariaClassName;
+};
+export declare const textTransform: {
+    readonly none: LinariaClassName;
+    readonly uppercase: LinariaClassName;
+    readonly lowercase: LinariaClassName;
+    readonly capitalize: LinariaClassName;
+};
+export declare const userSelect: {
+    readonly none: LinariaClassName;
+    readonly text: LinariaClassName;
+    readonly all: LinariaClassName;
+    readonly auto: LinariaClassName;
+};
+export declare const display: {
+    readonly none: LinariaClassName;
+    readonly block: LinariaClassName;
+    readonly inline: LinariaClassName;
+    readonly 'inline-block': LinariaClassName;
+    readonly flex: LinariaClassName;
+    readonly 'inline-flex': LinariaClassName;
+    readonly grid: LinariaClassName;
+    readonly 'inline-grid': LinariaClassName;
+    readonly contents: LinariaClassName;
+    readonly 'flow-root': LinariaClassName;
+    readonly revert: LinariaClassName;
+    readonly 'list-item': LinariaClassName;
+};
+export declare const overflow: {
+    readonly auto: LinariaClassName;
+    readonly visible: LinariaClassName;
+    readonly hidden: LinariaClassName;
+    readonly clip: LinariaClassName;
+    readonly scroll: LinariaClassName;
+};
+export declare const gap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const columnGap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const rowGap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const justifyContent: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly left: LinariaClassName;
+    readonly right: LinariaClassName;
+    readonly 'space-between': LinariaClassName;
+    readonly 'space-around': LinariaClassName;
+    readonly 'space-evenly': LinariaClassName;
+    readonly stretch: LinariaClassName;
+};
+export declare const alignContent: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'space-between': LinariaClassName;
+    readonly 'space-around': LinariaClassName;
+    readonly 'space-evenly': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const alignItems: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'self-start': LinariaClassName;
+    readonly 'self-end': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const alignSelf: {
+    readonly auto: LinariaClassName;
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'self-start': LinariaClassName;
+    readonly 'self-end': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const flexDirection: {
+    readonly row: LinariaClassName;
+    readonly 'row-reverse': LinariaClassName;
+    readonly column: LinariaClassName;
+    readonly 'column-reverse': LinariaClassName;
+};
+export declare const flexWrap: {
+    readonly nowrap: LinariaClassName;
+    readonly wrap: LinariaClassName;
+    readonly 'wrap-reverse': LinariaClassName;
+};
+export declare const position: {
+    readonly static: LinariaClassName;
+    readonly relative: LinariaClassName;
+    readonly absolute: LinariaClassName;
+    readonly fixed: LinariaClassName;
+    readonly sticky: LinariaClassName;
+};
+export declare const padding: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingX: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingY: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingTop: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingBottom: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingStart: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingEnd: Record<ThemeVars.Space, LinariaClassName>;
+export declare const margin: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginX: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginY: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginTop: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginBottom: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginEnd: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginStart: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const textAlign: {
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly justify: LinariaClassName;
+};
+export declare const visibility: {
+    readonly hidden: LinariaClassName;
+    readonly visible: LinariaClassName;
+};
+//# sourceMappingURL=phone.d.ts.map

package/dts/styles/responsive/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../../src/styles/responsive/phone.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAO,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,iBAAiB,EAAE,gBAAgB,CAiK5D,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAc1D,CAAC;AAEX,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA6NlD,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA6NvD,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAwQxD,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,gBAAgB,CA+B9D,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,gBAAgB,CA+BjE,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,gBAAgB,CA+BjE,CAAC;AAEX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,gBAAgB,CA+BpE,CAAC;AAEX,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,gBAAgB,CA+BnE,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAwDhE,CAAC;AAEX,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAwDvE,CAAC;AAEX,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAwDxE,CAAC;AAEX,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAwD1E,CAAC;AAEX,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,CAwD3E,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,SAAS,EAAE,gBAAgB,CAuExE,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ,GAAG,SAAS,EAAE,gBAAgB,CAuEpE,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,SAAS,EAAE,gBAAgB,CAuExE,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,SAAS,EAAE,gBAAgB,CAuExE,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;CA+BjB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAqBhB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAqBb,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CA6DV,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;CA0BX,CAAC;AAEX,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;CA4EN,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;CA4EZ,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4ET,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;CA6DjB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAkEf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;CA6Db,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAkEZ,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAqBhB,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;CAgBX,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;CA0BX,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAyHpD,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA2FrD,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA2FrD,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA4EvD,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA4E1D,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA4EzD,CAAC;AAEX,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CA4EvD,CAAC;AAEX,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CAyH3E,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA2F5E,CAAC;AAEX,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA2F5E,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA4E9E,CAAC;AAEX,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA4EjF,CAAC;AAEX,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA4E9E,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,GAAG,GAAG,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,CA4EhF,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;CAqBZ,CAAC;AAEX,eAAO,MAAM,UAAU;;;CAWb,CAAC"}

package/dts/styles/responsive/tablet.d.ts

@@ -0,0 +1,223 @@
+/**
+ * These styles are used to power the component StyleProps API.
+ */
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type LinariaClassName } from '@linaria/core';
+import type { DynamicStyleProps } from '../styleProps';
+/**
+ * Classnames for dynamic style props. Dynamic style props are style props whose
+ * values cannot be known at build time, such as width and height. The values for
+ * these style props are set via CSS Variables in the inline styles.
+ */
+export declare const dynamic: Record<keyof DynamicStyleProps, LinariaClassName>;
+export declare const elevation: Record<ThemeVars.Elevation, LinariaClassName>;
+export declare const color: Record<ThemeVars.Color, LinariaClassName>;
+export declare const background: Record<ThemeVars.Color, LinariaClassName>;
+export declare const borderColor: Record<ThemeVars.Color, LinariaClassName>;
+export declare const borderWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderTopWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderEndWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderBottomWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderStartWidth: Record<ThemeVars.BorderWidth, LinariaClassName>;
+export declare const borderRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderTopLeftRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderTopRightRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderBottomLeftRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const borderBottomRightRadius: Record<ThemeVars.BorderRadius, LinariaClassName>;
+export declare const fontFamily: Record<ThemeVars.FontFamily | 'inherit', LinariaClassName>;
+export declare const fontSize: Record<ThemeVars.FontSize | 'inherit', LinariaClassName>;
+export declare const fontWeight: Record<ThemeVars.FontWeight | 'inherit', LinariaClassName>;
+export declare const lineHeight: Record<ThemeVars.LineHeight | 'inherit', LinariaClassName>;
+export declare const textDecoration: {
+    readonly none: LinariaClassName;
+    readonly underline: LinariaClassName;
+    readonly overline: LinariaClassName;
+    readonly 'line-through': LinariaClassName;
+    readonly 'underline overline': LinariaClassName;
+    readonly 'underline double': LinariaClassName;
+};
+export declare const textTransform: {
+    readonly none: LinariaClassName;
+    readonly uppercase: LinariaClassName;
+    readonly lowercase: LinariaClassName;
+    readonly capitalize: LinariaClassName;
+};
+export declare const userSelect: {
+    readonly none: LinariaClassName;
+    readonly text: LinariaClassName;
+    readonly all: LinariaClassName;
+    readonly auto: LinariaClassName;
+};
+export declare const display: {
+    readonly none: LinariaClassName;
+    readonly block: LinariaClassName;
+    readonly inline: LinariaClassName;
+    readonly 'inline-block': LinariaClassName;
+    readonly flex: LinariaClassName;
+    readonly 'inline-flex': LinariaClassName;
+    readonly grid: LinariaClassName;
+    readonly 'inline-grid': LinariaClassName;
+    readonly contents: LinariaClassName;
+    readonly 'flow-root': LinariaClassName;
+    readonly revert: LinariaClassName;
+    readonly 'list-item': LinariaClassName;
+};
+export declare const overflow: {
+    readonly auto: LinariaClassName;
+    readonly visible: LinariaClassName;
+    readonly hidden: LinariaClassName;
+    readonly clip: LinariaClassName;
+    readonly scroll: LinariaClassName;
+};
+export declare const gap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const columnGap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const rowGap: {
+    readonly '0': LinariaClassName;
+    readonly '0.25': LinariaClassName;
+    readonly '0.5': LinariaClassName;
+    readonly '0.75': LinariaClassName;
+    readonly '1': LinariaClassName;
+    readonly '1.5': LinariaClassName;
+    readonly '2': LinariaClassName;
+    readonly '3': LinariaClassName;
+    readonly '4': LinariaClassName;
+    readonly '5': LinariaClassName;
+    readonly '6': LinariaClassName;
+    readonly '7': LinariaClassName;
+    readonly '8': LinariaClassName;
+    readonly '9': LinariaClassName;
+    readonly '10': LinariaClassName;
+};
+export declare const justifyContent: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly left: LinariaClassName;
+    readonly right: LinariaClassName;
+    readonly 'space-between': LinariaClassName;
+    readonly 'space-around': LinariaClassName;
+    readonly 'space-evenly': LinariaClassName;
+    readonly stretch: LinariaClassName;
+};
+export declare const alignContent: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'space-between': LinariaClassName;
+    readonly 'space-around': LinariaClassName;
+    readonly 'space-evenly': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const alignItems: {
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'self-start': LinariaClassName;
+    readonly 'self-end': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const alignSelf: {
+    readonly auto: LinariaClassName;
+    readonly normal: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly 'flex-start': LinariaClassName;
+    readonly 'flex-end': LinariaClassName;
+    readonly 'self-start': LinariaClassName;
+    readonly 'self-end': LinariaClassName;
+    readonly stretch: LinariaClassName;
+    readonly baseline: LinariaClassName;
+    readonly 'first baseline': LinariaClassName;
+    readonly 'last baseline': LinariaClassName;
+};
+export declare const flexDirection: {
+    readonly row: LinariaClassName;
+    readonly 'row-reverse': LinariaClassName;
+    readonly column: LinariaClassName;
+    readonly 'column-reverse': LinariaClassName;
+};
+export declare const flexWrap: {
+    readonly nowrap: LinariaClassName;
+    readonly wrap: LinariaClassName;
+    readonly 'wrap-reverse': LinariaClassName;
+};
+export declare const position: {
+    readonly static: LinariaClassName;
+    readonly relative: LinariaClassName;
+    readonly absolute: LinariaClassName;
+    readonly fixed: LinariaClassName;
+    readonly sticky: LinariaClassName;
+};
+export declare const padding: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingX: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingY: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingTop: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingBottom: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingStart: Record<ThemeVars.Space, LinariaClassName>;
+export declare const paddingEnd: Record<ThemeVars.Space, LinariaClassName>;
+export declare const margin: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginX: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginY: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginTop: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginBottom: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginEnd: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const marginStart: Record<'0' | `-${Exclude<ThemeVars.Space, 0>}`, LinariaClassName>;
+export declare const textAlign: {
+    readonly start: LinariaClassName;
+    readonly end: LinariaClassName;
+    readonly center: LinariaClassName;
+    readonly justify: LinariaClassName;
+};
+export declare const visibility: {
+    readonly hidden: LinariaClassName;
+    readonly visible: LinariaClassName;
+};
+//# sourceMappingURL=tablet.d.ts.map

package/dts/styles/responsive/tablet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablet.d.ts","sourceRoot":"","sources":["../../../src/styles/responsive/tablet.ts"],"names":[],"mappings":"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"}

package/dts/styles/styleProps.d.ts

@@ -0,0 +1,148 @@
+/**
+ * Import order determines CSS cascade order, therefor affects specificity.
+ * Do not change the order of these imports or everything will break.
+ */
+import * as baseStyles from './responsive/base';
+import type { TypeOrNumber } from '@coinbase/cds-common/types/TypeOrNumber';
+/**
+ * Style props that set classnames but not inline style CSS Variables.
+ * @danger You probably don't want to use this type directly. To refer to any
+ * style prop, use the StyleProps type instead. Only use this type to reference
+ * specifically the static style props (style props that don't use inline styles).
+ */
+export type StaticStyleProps = {
+    [key in keyof Omit<typeof baseStyles, 'dynamic'>]?: TypeOrNumber<keyof (typeof baseStyles)[key]>;
+};
+/**
+ * Maps the StaticStyleProps that are affected by Theme variables to the
+ * ThemeVars interface names that affect them.
+ */
+declare const stylePropThemeVarMap: {
+    readonly color: "Color";
+    readonly background: "Color";
+    readonly borderColor: "Color";
+    readonly borderWidth: "BorderWidth";
+    readonly borderTopWidth: "BorderWidth";
+    readonly borderEndWidth: "BorderWidth";
+    readonly borderBottomWidth: "BorderWidth";
+    readonly borderStartWidth: "BorderWidth";
+    readonly borderRadius: "BorderRadius";
+    readonly borderTopLeftRadius: "BorderRadius";
+    readonly borderTopRightRadius: "BorderRadius";
+    readonly borderBottomLeftRadius: "BorderRadius";
+    readonly borderBottomRightRadius: "BorderRadius";
+    readonly fontFamily: "FontFamily";
+    readonly fontSize: "FontSize";
+    readonly fontWeight: "FontWeight";
+    readonly lineHeight: "LineHeight";
+    readonly gap: "Space";
+    readonly columnGap: "Space";
+    readonly rowGap: "Space";
+    readonly padding: "Space";
+    readonly paddingX: "Space";
+    readonly paddingY: "Space";
+    readonly paddingTop: "Space";
+    readonly paddingBottom: "Space";
+    readonly paddingStart: "Space";
+    readonly paddingEnd: "Space";
+    readonly margin: "Space";
+    readonly marginX: "Space";
+    readonly marginY: "Space";
+    readonly marginTop: "Space";
+    readonly marginBottom: "Space";
+    readonly marginEnd: "Space";
+    readonly marginStart: "Space";
+    readonly elevation: "Elevation";
+};
+/**
+ * The subset of StaticStyleProps that are affected by theme variables.
+ * @danger You probably don't want to use this type directly. To refer to any
+ * style prop, use the StyleProps type instead. To refer only to static style
+ * props (style props that don't use inline styles), use the StaticStyleProps
+ * type instead. Only use this type to reference specifically the subset of
+ * StaticStyleProps that are affected by theme variables.
+ */
+export type ThemedStaticStyleProps = {
+    [themedStaticStyleProp in keyof typeof stylePropThemeVarMap]?: StaticStyleProps[themedStaticStyleProp];
+};
+/**
+ * The subset of StaticStyleProps that are not affected by theme variables.
+ * @danger You probably don't want to use this type directly. To refer to any
+ * style prop, use the StyleProps type instead. To refer only to static style
+ * props (style props that don't use inline styles), use the StaticStyleProps
+ * type instead. Only use this type to reference specifically the subset of
+ * StaticStyleProps that are not affected by theme variables.
+ */
+export type UnthemedStaticStyleProps = Omit<StaticStyleProps, keyof ThemedStaticStyleProps>;
+/**
+ * Style props that set inline style CSS Variables, and classnames that consume those CSS Variables.
+ * @danger You probably don't want to use this type directly. To refer to any
+ * style prop, use the StyleProps type instead. Only use this type to reference
+ * specifically the dynamic style props (style props that use inline styles).
+ */
+export type DynamicStyleProps = {
+    width?: React.CSSProperties['width'];
+    height?: React.CSSProperties['height'];
+    minWidth?: React.CSSProperties['minWidth'];
+    minHeight?: React.CSSProperties['minHeight'];
+    maxWidth?: React.CSSProperties['maxWidth'];
+    maxHeight?: React.CSSProperties['maxHeight'];
+    aspectRatio?: React.CSSProperties['aspectRatio'];
+    top?: React.CSSProperties['top'];
+    bottom?: React.CSSProperties['bottom'];
+    left?: React.CSSProperties['left'];
+    right?: React.CSSProperties['right'];
+    transform?: React.CSSProperties['transform'];
+    flexBasis?: React.CSSProperties['flexBasis'];
+    flexGrow?: React.CSSProperties['flexGrow'];
+    flexShrink?: React.CSSProperties['flexShrink'];
+    gridTemplateColumns?: React.CSSProperties['gridTemplateColumns'];
+    gridTemplateRows?: React.CSSProperties['gridTemplateRows'];
+    gridTemplateAreas?: React.CSSProperties['gridTemplateAreas'];
+    gridTemplate?: React.CSSProperties['gridTemplate'];
+    gridAutoColumns?: React.CSSProperties['gridAutoColumns'];
+    gridAutoRows?: React.CSSProperties['gridAutoRows'];
+    gridAutoFlow?: React.CSSProperties['gridAutoFlow'];
+    grid?: React.CSSProperties['grid'];
+    gridRowStart?: React.CSSProperties['gridRowStart'];
+    gridColumnStart?: React.CSSProperties['gridColumnStart'];
+    gridRowEnd?: React.CSSProperties['gridRowEnd'];
+    gridColumnEnd?: React.CSSProperties['gridColumnEnd'];
+    gridRow?: React.CSSProperties['gridRow'];
+    gridColumn?: React.CSSProperties['gridColumn'];
+    gridArea?: React.CSSProperties['gridArea'];
+    opacity?: React.CSSProperties['opacity'];
+    zIndex?: React.CSSProperties['zIndex'];
+};
+/**
+ * DynamicStyleProps that should have "px" concatenated if they are numbers and not equal to zero.
+ */
+export declare const dynamicPixelProps: {
+    readonly width: 1;
+    readonly height: 1;
+    readonly minWidth: 1;
+    readonly minHeight: 1;
+    readonly maxWidth: 1;
+    readonly maxHeight: 1;
+    readonly top: 1;
+    readonly bottom: 1;
+    readonly left: 1;
+    readonly right: 1;
+    readonly flexBasis: 1;
+};
+export type ResponsiveProp<T> = T | {
+    base?: T;
+    phone?: T;
+    tablet?: T;
+    desktop?: T;
+};
+export type ResponsiveProps<T> = {
+    [key in keyof T]?: ResponsiveProp<T[key]>;
+};
+export type StyleProps = ResponsiveProps<StaticStyleProps> & ResponsiveProps<DynamicStyleProps>;
+export declare const getStyles: (styleProps: StyleProps, inlineStyle?: React.CSSProperties) => {
+    style: React.CSSProperties;
+    className: string;
+};
+export {};
+//# sourceMappingURL=styleProps.d.ts.map

package/dts/styles/styleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../src/styles/styleProps.ts"],"names":[],"mappings":"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"}

package/dts/system/BrowserOnly.d.ts

@@ -0,0 +1,10 @@
+export type BrowserOnlyProps = {
+    children: React.ReactElement;
+};
+/**
+ * Checks if component has mounted and triggers a rerender so SSR UI's can hydrate properly
+ * @link https://www.joshwcomeau.com/react/the-perils-of-rehydration/#abstractions
+ * Does not render component on the server
+ */
+export declare const BrowserOnly: ({ children }: BrowserOnlyProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=BrowserOnly.d.ts.map

package/dts/system/BrowserOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserOnly.d.ts","sourceRoot":"","sources":["../../src/system/BrowserOnly.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,kGAIzD,CAAC"}

package/dts/system/ButtonOrLink.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ButtonOrLink is adapted from the reakit Button, Clickable, and Tabbable source code:
+ * - https://github.com/ariakit/ariakit/blob/reakit/packages/reakit/src/Button/Button.ts
+ * - https://github.com/ariakit/ariakit/blob/reakit/packages/reakit/src/Clickable/Clickable.ts
+ * - https://github.com/ariakit/ariakit/blob/reakit/packages/reakit/src/Tabbable/Tabbable.ts
+ */
+import React from 'react';
+/** @deprecated This component will be removed in a future version. Use Pressable instead. */
+export declare const ButtonOrLink: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.AllHTMLAttributes<HTMLElement> & {
+    to?: string;
+    focusable?: boolean;
+} & React.RefAttributes<HTMLElement>>>;
+//# sourceMappingURL=ButtonOrLink.d.ts.map

package/dts/system/ButtonOrLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../src/system/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAQN,MAAM,OAAO,CAAC;AAuBf,6FAA6F;AAC7F,eAAO,MAAM,YAAY;SATlB,MAAM;gBACC,OAAO;sCA2MpB,CAAC"}

package/dts/system/EventHandlerProvider.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Avoid having to deal with transitive version issues.
+ * CDS common is dep of cds-web.
+ * This allows consumers to pull directly from cds-web.
+ */
+export type { EventHandlerProviderProps } from '@coinbase/cds-common/system/EventHandlerProvider';
+export { EventHandlerProvider } from '@coinbase/cds-common/system/EventHandlerProvider';
+//# sourceMappingURL=EventHandlerProvider.d.ts.map