@papyrus-ui/styles 0.4.0 → 0.4.1

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

@@ -1,47 +1,5 @@
 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 DISPLAY: readonly ["block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "inline", "none"];
 export declare const PADDING: {
     px: string;
     0: string;
@@ -152,7 +110,260 @@ export declare const SPACING: {
     96: string;
     auto: string;
 };
-export declare const POINTER_EVENTS: readonly ["auto", "none"];
+export declare const FLEX_BASIS: {
+    '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;
+    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 FLEX_DIRECTION: readonly ["row", "column", "row-reverse", "column-reverse"];
+export declare const FLEX_WRAP: readonly ["wrap", "wrap-reverse", "nowrap"];
+export declare const FLEX: {
+    1: string;
+    auto: string;
+    initial: string;
+    none: string;
+};
+export declare const FLEX_GROW: readonly [1, 0];
+export declare const FLEX_SHRINK: readonly [1, 0];
+export declare const ORDER: {
+    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;
+    none: number;
+};
+export declare const GRID_TEMPLATE: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    none: string;
+    subgrid: string;
+};
+export declare const GRID_SPAN: {
+    auto: 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;
+    full: string;
+};
+export declare const GRID_START_END: {
+    auto: string;
+    1: number;
+    2: number;
+    3: number;
+    4: number;
+    5: number;
+    6: number;
+    7: number;
+    8: number;
+    9: number;
+    10: number;
+    11: number;
+    12: number;
+    13: number;
+};
+export declare const GRID_AUTO: {
+    auto: string;
+    min: string;
+    max: string;
+    fr: string;
+};
+export declare const GRID_AUTO_FLOW: {
+    row: string;
+    column: string;
+    dense: string;
+    'row-dense': string;
+    'column-dense': string;
+};
+export declare const GAP: {
+    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 JUSTIFY_CONTENT: {
+    normal: string;
+    start: string;
+    end: string;
+    center: string;
+    between: string;
+    around: string;
+    evenly: string;
+    stretch: string;
+};
+export declare const JUSTIFY_ITEMS: readonly ["start", "end", "center", "stretch"];
+export declare const JUSTIFY_SELF: readonly ["start", "end", "center", "stretch", "auto"];
+export declare const ALIGN_CONTENT: {
+    normal: string;
+    center: string;
+    start: string;
+    end: string;
+    between: string;
+    around: string;
+    evenly: string;
+    baseline: string;
+    stretch: string;
+};
+export declare const ALIGN_ITEMS: {
+    start: string;
+    end: string;
+    center: string;
+    baseline: string;
+    stretch: string;
+};
+export declare const ALIGN_SELF: {
+    auto: string;
+    start: string;
+    end: string;
+    center: string;
+    baseline: string;
+    stretch: string;
+};
+export declare const PLACE_CONTENT: {
+    normal: string;
+    center: string;
+    start: string;
+    end: string;
+    between: string;
+    around: string;
+    evenly: string;
+    baseline: string;
+    stretch: string;
+};
+export declare const PLACE_ITEMS: readonly ["start", "end", "center", "baseline", "stretch"];
+export declare const PLACE_SELF: readonly ["auto", "start", "end", "center", "stretch"];
+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 INSET: {
     auto: string;
     '-px': string;