@papyrus-ui/styles 0.1.0

package/dist/types/const/atoms.d.ts

@@ -0,0 +1,544 @@
+/**
+ * Use this file for const that are used in atoms but can be written
+ * manually in *.styles files. Values that are used in both atoms and *.styles files
+ * should be defined in themes.ts and accessed through `vars` object.
+ */
+export declare const BREAKPOINT: {
+    mobile: number;
+    mobileLg: number;
+    tablet: number;
+    tabletLg: number;
+    desktop: number;
+};
+export declare const POSITION: readonly ["absolute", "fixed", "relative", "static", "sticky"];
+export declare const DISPLAY: readonly ["block", "inline-block", "flex", "inline-flex", "inline", "none"];
+export declare const FLEX: {
+    1: string;
+    none: string;
+};
+export declare const FLEX_WRAP: readonly ["wrap", "nowrap"];
+export declare const FLEX_DIRECTION: readonly ["column", "column-reverse", "row", "row-reverse"];
+export declare const ALIGN_ITEMS: readonly ["baseline", "center", "end", "flex-end", "flex-start", "start", "stretch"];
+export declare const ALIGN_SELF: readonly ["baseline", "center", "end", "flex-end", "flex-start", "start", "stretch", "self-end", "self-start"];
+export declare const JUSTIFY_CONTENT: readonly ["baseline", "center", "end", "flex-end", "flex-start", "start", "stretch", "space-around", "space-between", "space-evenly"];
+export declare const ASPECT_RATIO: {
+    square: string;
+    landscape: string;
+    photo: string;
+    widescreen: string;
+    portrait: string;
+    portraitPhoto: string;
+    portraitWidescreen: string;
+    auto: string;
+};
+export declare const BORDER_RADIUS: {
+    none: string;
+};
+export declare const BORDER_STYLE: readonly ["solid", "dashed", "dotted", "double", "hidden", "none"];
+export declare const BORDER_WIDTH: readonly [0, 1, 2, 4, 8];
+export declare const OBJECT_FIT: readonly ["contain", "cover"];
+export declare const ORDER: {
+    0: number;
+    1: number;
+    2: number;
+    3: number;
+    4: number;
+    5: number;
+    6: number;
+    7: number;
+    8: number;
+    9: number;
+    10: number;
+    11: number;
+    12: number;
+    first: number;
+    last: number;
+};
+export declare const PADDING: {
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export declare const SPACING: {
+    '-px': string;
+    '-0.5': string;
+    '-1': string;
+    '-1.5': string;
+    '-2': string;
+    '-2.5': string;
+    '-3': string;
+    '-3.5': string;
+    '-4': string;
+    '-5': string;
+    '-5.5': string;
+    '-6': string;
+    '-7': string;
+    '-8': string;
+    '-9': string;
+    '-10': string;
+    '-11': string;
+    '-12': string;
+    '-14': string;
+    '-16': string;
+    '-20': string;
+    '-24': string;
+    '-28': string;
+    '-32': string;
+    '-36': string;
+    '-40': string;
+    '-44': string;
+    '-48': string;
+    '-52': string;
+    '-56': string;
+    '-60': string;
+    '-64': string;
+    '-72': string;
+    '-80': string;
+    '-96': string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    auto: string;
+};
+export declare const INSET: {
+    auto: string;
+    '-px': string;
+    '-0.5': string;
+    '-1': string;
+    '-1.5': string;
+    '-2': string;
+    '-2.5': string;
+    '-3': string;
+    '-3.5': string;
+    '-4': string;
+    '-5': string;
+    '-5.5': string;
+    '-6': string;
+    '-7': string;
+    '-8': string;
+    '-9': string;
+    '-10': string;
+    '-11': string;
+    '-12': string;
+    '-14': string;
+    '-16': string;
+    '-20': string;
+    '-24': string;
+    '-28': string;
+    '-32': string;
+    '-36': string;
+    '-40': string;
+    '-44': string;
+    '-48': string;
+    '-52': string;
+    '-56': string;
+    '-60': string;
+    '-64': string;
+    '-72': string;
+    '-80': string;
+    '-96': string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export declare const HEIGHT: {
+    '1/2': string;
+    '1/3': string;
+    '2/3': string;
+    '1/4': string;
+    '2/4': string;
+    '3/4': string;
+    '1/5': string;
+    '2/5': string;
+    '3/5': string;
+    '4/5': string;
+    '1/6': string;
+    '2/6': string;
+    '3/6': string;
+    '4/6': string;
+    '5/6': string;
+    full: string;
+    screen: string;
+    svw: string;
+    lvw: string;
+    dvw: string;
+    min: string;
+    max: string;
+    fit: string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    auto: string;
+};
+export declare const MAX_HEIGHT: {
+    none: string;
+    full: string;
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+    min: string;
+    max: string;
+    fit: string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export declare const MAX_WIDTH: {
+    none: string;
+    0: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    full: string;
+    min: string;
+    max: string;
+    fit: string;
+    prose: string;
+};
+export declare const MIN_HEIGHT: {
+    full: string;
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+    min: string;
+    max: string;
+    fit: string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export declare const MIN_WIDTH: {
+    0: string;
+    full: string;
+    min: string;
+    max: string;
+    fit: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export declare const WIDTH: {
+    '1/2': string;
+    '1/3': string;
+    '2/3': string;
+    '1/4': string;
+    '2/4': string;
+    '3/4': string;
+    '1/5': string;
+    '2/5': string;
+    '3/5': string;
+    '4/5': string;
+    '1/6': string;
+    '2/6': string;
+    '3/6': string;
+    '4/6': string;
+    '5/6': string;
+    '1/12': string;
+    '2/12': string;
+    '3/12': string;
+    '4/12': string;
+    '5/12': string;
+    '6/12': string;
+    '7/12': string;
+    '8/12': string;
+    full: string;
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+    min: string;
+    max: string;
+    fit: string;
+    px: string;
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+    auto: string;
+};
+export declare const COLOR: {
+    currentColor: string;
+    inherit: string;
+    transparent: string;
+};
+export declare const TEXT_ALIGN: readonly ["left", "right", "center", "justify", "start", "end"];
+export declare const TEXT_DECORATION: readonly ["none", "underline", "line-through", "overline"];
+export declare const TEXT_OVERFLOW: readonly ["ellipsis", "clip"];
+export declare const TEXT_TRANSFORM: readonly ["none", "uppercase", "lowercase", "capitalize"];
+export declare const LINE_HEIGHT: {
+    none: string;
+};
+export declare const VERTICAL_ALIGN: readonly ["baseline", "top", "middle", "bottom"];
+export declare const WHITE_SPACE: readonly ["normal", "nowrap"];
+export declare const OVERFLOW: readonly ["hidden", "auto"];
+export declare const Z_INDEX: {
+    0: number;
+    10: number;
+    20: number;
+    30: number;
+    40: number;
+    50: number;
+};

package/dist/types/const/index.d.ts

@@ -0,0 +1,2 @@
+export * from './atoms';
+export * from './themes';

package/dist/types/const/themes.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../types';
+export declare const LIGHT_THEME: Theme;

package/dist/types/index.d.ts

@@ -0,0 +1,10 @@
+import 'modern-normalize/modern-normalize.css';
+import 'boxicons/css/boxicons.css';
+export * from './const';
+export * from './types';
+export * from './utils/bp';
+export * from './utils/partition-atoms';
+export * from './styles/global.css';
+export * from './styles/themes.css';
+export * from './styles/atoms.css';
+export * from './styles/utility.css';