@typestyles/open-props 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -1,373 +1,374 @@
-import * as typestyles from 'typestyles';
 import { TokenRef } from 'typestyles';
 export { TokenRef, tokens } from 'typestyles';
 
-declare const sizes: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    '9': string;
-    '10': string;
-    'content-1': string;
-    'content-2': string;
-    'content-3': string;
-    'fluid-1': string;
-    'fluid-2': string;
-    'fluid-3': string;
-    'fluid-4': string;
-    'fluid-5': string;
-    'fluid-6': string;
-    'fluid-7': string;
-    'fluid-8': string;
-}>;
-declare const radius: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    '9': string;
-    '10': string;
-    '11': string;
-    '12': string;
-    '13': string;
-    '14': string;
-    '15': string;
-    '16': string;
-    '17': string;
-    '18': string;
-    '19': string;
-    '20': string;
-    '21': string;
-    '22': string;
-    '23': string;
-    '24': string;
-    '25': string;
-    '26': string;
-    '27': string;
-    '28': string;
-    '29': string;
-    '30': string;
-    round: string;
-    pill: string;
-}>;
-declare const shadow: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    'inner-1': string;
-    'inner-2': string;
-    'inner-3': string;
-    'inner-4': string;
-    'inner-5': string;
-}>;
-declare const easing: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    'in-1': string;
-    'in-2': string;
-    'in-3': string;
-    'in-4': string;
-    'in-5': string;
-    'out-1': string;
-    'out-2': string;
-    'out-3': string;
-    'out-4': string;
-    'out-5': string;
-    'in-out-1': string;
-    'in-out-2': string;
-    'in-out-3': string;
-    'in-out-4': string;
-    'in-out-5': string;
-    'elastic-out-1': string;
-    'elastic-out-2': string;
-    'elastic-out-3': string;
-    'elastic-out-4': string;
-    'elastic-out-5': string;
-    'elastic-in-1': string;
-    'elastic-in-2': string;
-    'elastic-in-3': string;
-    'elastic-in-4': string;
-    'elastic-in-5': string;
-    'elastic-in-out-1': string;
-    'elastic-in-out-2': string;
-    'elastic-in-out-3': string;
-    'elastic-in-out-4': string;
-    'elastic-in-out-5': string;
-    'bounce-1': string;
-    'bounce-2': string;
-    'bounce-3': string;
-    'bounce-4': string;
-    'bounce-5': string;
-}>;
-declare const animation: TokenRef<{
-    'fade-in': string;
-    'fade-out': string;
-    'scale-in': string;
-    'scale-out': string;
-    'slide-in-up': string;
-    'slide-in-down': string;
-    'slide-in-left': string;
-    'slide-in-right': string;
-    'slide-out-up': string;
-    'slide-out-down': string;
-    'slide-out-left': string;
-    'slide-out-right': string;
-    shake: string;
-    bounce: string;
-    spin: string;
-    flip: string;
-    float: string;
-    jiggle: string;
-    wiggle: string;
-    pulse: string;
-    pop: string;
-}>;
-declare const fontSize: TokenRef<{
-    '00': string;
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    'fluid-0': string;
-    'fluid-1': string;
-    'fluid-2': string;
-    'fluid-3': string;
-}>;
-declare const fontWeight: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    '9': string;
-}>;
-declare const fontLetterspacing: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-}>;
-declare const fontLineheight: TokenRef<{
-    '00': string;
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-}>;
-declare const zIndex: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    max: string;
-}>;
-declare const ratio: TokenRef<{
-    square: string;
-    landscape: string;
-    portrait: string;
-    widescreen: string;
-    ultrawide: string;
-    golden: string;
-}>;
-declare const gradient: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    '9': string;
-    '10': string;
-    '11': string;
-    '12': string;
-    '13': string;
-    '14': string;
-    '15': string;
-    '16': string;
-    '17': string;
-    '18': string;
-    '19': string;
-    '20': string;
-    '21': string;
-    '22': string;
-    '23': string;
-    '24': string;
-    '25': string;
-    '26': string;
-    '27': string;
-    '28': string;
-    '29': string;
-    '30': string;
-}>;
-declare const media: TokenRef<{
-    motion: string;
-    motionReduce: string;
-    dark: string;
-    light: string;
-    landscape: string;
-    portrait: string;
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-    '6xl': string;
-    '7xl': string;
-    '8xl': string;
-    '9xl': string;
-}>;
-declare const duration: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-}>;
-declare const borderSize: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-}>;
-declare const noise: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    'filter-1': string;
-    'filter-2': string;
-    'filter-3': string;
-    'filter-4': string;
-    'filter-5': string;
-}>;
-declare const color: TokenRef<Record<string, string>>;
-declare const brand: TokenRef<{
-    facebook: string;
-    youtube: string;
-    twitter: string;
-    whatsapp: string;
-    instagram: string;
-    'instagram-yellow': string;
-    'instagram-red': string;
-    'instagram-magenta': string;
-    'instagram-blue': string;
-    snapchat: string;
-    google: string;
-    'google-blue': string;
-    'google-red': string;
-    'google-yellow': string;
-    'google-green': string;
-    tiktok: string;
-    'tiktok-razzmatazz': string;
-    'tiktok-splash': string;
-    microsoft: string;
-    'microsoft-blue': string;
-    'microsoft-red': string;
-    'microsoft-green': string;
-    'microsoft-yellow': string;
-    pinterest: string;
-    spotify: string;
-    discord: string;
-    telegram: string;
-    reddit: string;
-    amazon: string;
-    twitch: string;
-}>;
-declare const font: TokenRef<{
-    'system-ui': string;
-    transitional: string;
-    'old-style': string;
-    humanist: string;
-    'geometric-humanist': string;
-    'classical-humanist': string;
-    'neo-grotesque': string;
-    'monospace-slab-serif': string;
-    'monospace-code': string;
-    industrial: string;
-    'rounded-sans': string;
-    'slab-serif': string;
-    antique: string;
-    didone: string;
-    handwritten: string;
-    sans: string;
-    serif: string;
-    mono: string;
-}>;
-declare const palette: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-    '7': string;
-    '8': string;
-    '9': string;
-    '10': string;
-    '11': string;
-    '12': string;
-    '13': string;
-    '14': string;
-    '15': string;
-    '16': string;
-}>;
-declare const masksEdges: TokenRef<{
-    '0': string;
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-}>;
-declare const masksCornerCuts: TokenRef<{
-    '1': string;
-    '2': string;
-    '3': string;
-    '4': string;
-    '5': string;
-    '6': string;
-}>;
-declare function useOpenProps(namespace: string): TokenRef<typestyles.TokenValues>;
+declare const sizes: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly '9': string;
+    readonly '10': string;
+    readonly 'content-1': string;
+    readonly 'content-2': string;
+    readonly 'content-3': string;
+    readonly 'fluid-1': string;
+    readonly 'fluid-2': string;
+    readonly 'fluid-3': string;
+    readonly 'fluid-4': string;
+    readonly 'fluid-5': string;
+    readonly 'fluid-6': string;
+    readonly 'fluid-7': string;
+    readonly 'fluid-8': string;
+};
+declare const radius: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly '9': string;
+    readonly '10': string;
+    readonly '11': string;
+    readonly '12': string;
+    readonly '13': string;
+    readonly '14': string;
+    readonly '15': string;
+    readonly '16': string;
+    readonly '17': string;
+    readonly '18': string;
+    readonly '19': string;
+    readonly '20': string;
+    readonly '21': string;
+    readonly '22': string;
+    readonly '23': string;
+    readonly '24': string;
+    readonly '25': string;
+    readonly '26': string;
+    readonly '27': string;
+    readonly '28': string;
+    readonly '29': string;
+    readonly '30': string;
+    readonly round: string;
+    readonly pill: string;
+};
+declare const shadow: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly 'inner-1': string;
+    readonly 'inner-2': string;
+    readonly 'inner-3': string;
+    readonly 'inner-4': string;
+    readonly 'inner-5': string;
+};
+declare const easing: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly 'in-1': string;
+    readonly 'in-2': string;
+    readonly 'in-3': string;
+    readonly 'in-4': string;
+    readonly 'in-5': string;
+    readonly 'out-1': string;
+    readonly 'out-2': string;
+    readonly 'out-3': string;
+    readonly 'out-4': string;
+    readonly 'out-5': string;
+    readonly 'in-out-1': string;
+    readonly 'in-out-2': string;
+    readonly 'in-out-3': string;
+    readonly 'in-out-4': string;
+    readonly 'in-out-5': string;
+    readonly 'elastic-out-1': string;
+    readonly 'elastic-out-2': string;
+    readonly 'elastic-out-3': string;
+    readonly 'elastic-out-4': string;
+    readonly 'elastic-out-5': string;
+    readonly 'elastic-in-1': string;
+    readonly 'elastic-in-2': string;
+    readonly 'elastic-in-3': string;
+    readonly 'elastic-in-4': string;
+    readonly 'elastic-in-5': string;
+    readonly 'elastic-in-out-1': string;
+    readonly 'elastic-in-out-2': string;
+    readonly 'elastic-in-out-3': string;
+    readonly 'elastic-in-out-4': string;
+    readonly 'elastic-in-out-5': string;
+    readonly 'bounce-1': string;
+    readonly 'bounce-2': string;
+    readonly 'bounce-3': string;
+    readonly 'bounce-4': string;
+    readonly 'bounce-5': string;
+};
+declare const animation: {
+    readonly 'fade-in': string;
+    readonly 'fade-out': string;
+    readonly 'scale-in': string;
+    readonly 'scale-out': string;
+    readonly 'slide-in-up': string;
+    readonly 'slide-in-down': string;
+    readonly 'slide-in-left': string;
+    readonly 'slide-in-right': string;
+    readonly 'slide-out-up': string;
+    readonly 'slide-out-down': string;
+    readonly 'slide-out-left': string;
+    readonly 'slide-out-right': string;
+    readonly shake: string;
+    readonly bounce: string;
+    readonly spin: string;
+    readonly flip: string;
+    readonly float: string;
+    readonly jiggle: string;
+    readonly wiggle: string;
+    readonly pulse: string;
+    readonly pop: string;
+};
+declare const fontSize: {
+    readonly '00': string;
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly 'fluid-0': string;
+    readonly 'fluid-1': string;
+    readonly 'fluid-2': string;
+    readonly 'fluid-3': string;
+};
+declare const fontWeight: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly '9': string;
+};
+declare const fontLetterspacing: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+};
+declare const fontLineheight: {
+    readonly '00': string;
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+};
+declare const zIndex: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly max: string;
+};
+declare const ratio: {
+    readonly square: string;
+    readonly landscape: string;
+    readonly portrait: string;
+    readonly widescreen: string;
+    readonly ultrawide: string;
+    readonly golden: string;
+};
+declare const gradient: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly '9': string;
+    readonly '10': string;
+    readonly '11': string;
+    readonly '12': string;
+    readonly '13': string;
+    readonly '14': string;
+    readonly '15': string;
+    readonly '16': string;
+    readonly '17': string;
+    readonly '18': string;
+    readonly '19': string;
+    readonly '20': string;
+    readonly '21': string;
+    readonly '22': string;
+    readonly '23': string;
+    readonly '24': string;
+    readonly '25': string;
+    readonly '26': string;
+    readonly '27': string;
+    readonly '28': string;
+    readonly '29': string;
+    readonly '30': string;
+};
+declare const media: {
+    readonly motion: string;
+    readonly motionReduce: string;
+    readonly dark: string;
+    readonly light: string;
+    readonly landscape: string;
+    readonly portrait: string;
+    readonly xs: string;
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+    readonly '2xl': string;
+    readonly '3xl': string;
+    readonly '4xl': string;
+    readonly '5xl': string;
+    readonly '6xl': string;
+    readonly '7xl': string;
+    readonly '8xl': string;
+    readonly '9xl': string;
+};
+declare const duration: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+};
+declare const borderSize: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+};
+declare const noise: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly 'filter-1': string;
+    readonly 'filter-2': string;
+    readonly 'filter-3': string;
+    readonly 'filter-4': string;
+    readonly 'filter-5': string;
+};
+declare const color: {
+    readonly [x: string]: string;
+};
+declare const brand: {
+    readonly facebook: string;
+    readonly youtube: string;
+    readonly twitter: string;
+    readonly whatsapp: string;
+    readonly instagram: string;
+    readonly 'instagram-yellow': string;
+    readonly 'instagram-red': string;
+    readonly 'instagram-magenta': string;
+    readonly 'instagram-blue': string;
+    readonly snapchat: string;
+    readonly google: string;
+    readonly 'google-blue': string;
+    readonly 'google-red': string;
+    readonly 'google-yellow': string;
+    readonly 'google-green': string;
+    readonly tiktok: string;
+    readonly 'tiktok-razzmatazz': string;
+    readonly 'tiktok-splash': string;
+    readonly microsoft: string;
+    readonly 'microsoft-blue': string;
+    readonly 'microsoft-red': string;
+    readonly 'microsoft-green': string;
+    readonly 'microsoft-yellow': string;
+    readonly pinterest: string;
+    readonly spotify: string;
+    readonly discord: string;
+    readonly telegram: string;
+    readonly reddit: string;
+    readonly amazon: string;
+    readonly twitch: string;
+};
+declare const font: {
+    readonly 'system-ui': string;
+    readonly transitional: string;
+    readonly 'old-style': string;
+    readonly humanist: string;
+    readonly 'geometric-humanist': string;
+    readonly 'classical-humanist': string;
+    readonly 'neo-grotesque': string;
+    readonly 'monospace-slab-serif': string;
+    readonly 'monospace-code': string;
+    readonly industrial: string;
+    readonly 'rounded-sans': string;
+    readonly 'slab-serif': string;
+    readonly antique: string;
+    readonly didone: string;
+    readonly handwritten: string;
+    readonly sans: string;
+    readonly serif: string;
+    readonly mono: string;
+};
+declare const palette: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+    readonly '7': string;
+    readonly '8': string;
+    readonly '9': string;
+    readonly '10': string;
+    readonly '11': string;
+    readonly '12': string;
+    readonly '13': string;
+    readonly '14': string;
+    readonly '15': string;
+    readonly '16': string;
+};
+declare const masksEdges: {
+    readonly '0': string;
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+};
+declare const masksCornerCuts: {
+    readonly '1': string;
+    readonly '2': string;
+    readonly '3': string;
+    readonly '4': string;
+    readonly '5': string;
+    readonly '6': string;
+};
+declare function useOpenProps(namespace: string): TokenRef<Record<string, string>>;
 
 export { animation, borderSize, brand, color, duration, easing, font, fontLetterspacing, fontLineheight, fontSize, fontWeight, gradient, masksCornerCuts, masksEdges, media, noise, palette, radius, ratio, shadow, sizes, useOpenProps, zIndex };