@dynatrace/strato-components 0.84.42 → 0.85.0

package/styles/sprinkles.sty.d.ts

@@ -0,0 +1,913 @@
+/**
+ * properties of global sprinkles.
+ * @public
+ * */
+export declare const globalSprinkleProperties: {
+    conditions: never;
+    styles: {
+        gap: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        rowGap: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        columnGap: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        paddingTop: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        paddingBottom: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        paddingLeft: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        paddingRight: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        marginTop: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        marginBottom: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        marginLeft: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        marginRight: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                56: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        justifySelf: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                left: {
+                    defaultClass: string;
+                };
+                right: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+            };
+        };
+        alignSelf: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+            };
+        };
+        placeSelf: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+            };
+        };
+        justifyItems: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                left: {
+                    defaultClass: string;
+                };
+                right: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+                legacy: {
+                    defaultClass: string;
+                };
+            };
+        };
+        alignItems: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+            };
+        };
+        placeItems: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+                "self-end": {
+                    defaultClass: string;
+                };
+                "self-start": {
+                    defaultClass: string;
+                };
+            };
+        };
+        justifyContent: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                left: {
+                    defaultClass: string;
+                };
+                right: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                "space-around": {
+                    defaultClass: string;
+                };
+                "space-between": {
+                    defaultClass: string;
+                };
+                "space-evenly": {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+            };
+        };
+        alignContent: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                "space-around": {
+                    defaultClass: string;
+                };
+                "space-between": {
+                    defaultClass: string;
+                };
+                "space-evenly": {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+            };
+        };
+        placeContent: {
+            values: {
+                normal: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                "space-around": {
+                    defaultClass: string;
+                };
+                "space-between": {
+                    defaultClass: string;
+                };
+                "space-evenly": {
+                    defaultClass: string;
+                };
+                stretch: {
+                    defaultClass: string;
+                };
+                end: {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                "flex-start": {
+                    defaultClass: string;
+                };
+                start: {
+                    defaultClass: string;
+                };
+                baseline: {
+                    defaultClass: string;
+                };
+            };
+        };
+        display: {
+            values: {
+                flex: {
+                    defaultClass: string;
+                };
+                grid: {
+                    defaultClass: string;
+                };
+            };
+        };
+    };
+};
+/**
+ * type of global sprinkles.
+ * @public
+ * */
+export type GlobalPropertyStyles = typeof globalSprinkleProperties.styles;
+/**
+ * created sprinkles from global sprinkles properties
+ * @internal
+ */
+export declare const internalSprinkles: ((props: {
+    gap?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    rowGap?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    columnGap?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    paddingTop?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    paddingBottom?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    paddingLeft?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    paddingRight?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    marginTop?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    marginBottom?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    marginLeft?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    marginRight?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
+    justifySelf?: "normal" | "left" | "right" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    alignSelf?: "normal" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    placeSelf?: "normal" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    justifyItems?: "normal" | "left" | "right" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "legacy" | undefined;
+    alignItems?: "normal" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    placeItems?: "normal" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
+    justifyContent?: "normal" | "left" | "right" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+    alignContent?: "normal" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
+    placeContent?: "normal" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
+    display?: "flex" | "grid" | undefined;
+}) => string) & {
+    properties: Set<"alignContent" | "alignItems" | "alignSelf" | "columnGap" | "display" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "gap" | "placeContent" | "placeItems" | "placeSelf">;
+};