@dpa-id-components/dpa-shared-components 17.0.4 → 18.0.0-next.0

package/dist/tailwind/tailwind.config.d.ts

@@ -1,210 +0,0 @@
-import { default as tailwindTypography } from '@tailwindcss/typography';
-declare const _default: {
-    theme: {
-        inset: {
-            0: string;
-            "1/2": string;
-            full: string;
-        };
-        screens: {
-            sm: string;
-            md: string;
-            lg: string;
-            xl: string;
-            xxl: string;
-        };
-        fontSize: {
-            xs: string;
-            sm: string;
-            base: string;
-            lg: string;
-            xl: string;
-            "2xl": string;
-            "3xl": string;
-            "4xl": string;
-            "5xl": string;
-            "6xl": string;
-            "7xl": string;
-        };
-        spacing: {
-            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;
-            37: string;
-            40: string;
-            41: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-        };
-        extend: {
-            outline: {
-                blue: string[];
-            };
-            fontFamily: {
-                sans: [string, string];
-                marketing: [string, string];
-            };
-            spacing: {
-                inherit: string;
-                half: string;
-                inputFocused: string;
-            };
-            duration: {
-                0: string;
-            };
-            colors: {
-                transparent: string;
-                black: string;
-                white: string;
-                gray: {
-                    100: string;
-                    200: string;
-                    300: string;
-                    400: string;
-                    500: string;
-                    600: string;
-                    700: string;
-                    800: string;
-                    900: string;
-                };
-                green: {
-                    neon: string;
-                    primary: string;
-                    night: string;
-                };
-                blue: {
-                    default: string;
-                    dark: string;
-                };
-                red: {
-                    default: string;
-                    dark: string;
-                };
-                pink: {
-                    default: string;
-                    dark: string;
-                };
-                purple: {
-                    default: string;
-                    dark: string;
-                };
-                cyan: {
-                    default: string;
-                    dark: string;
-                };
-                teal: {
-                    default: string;
-                    dark: string;
-                };
-                yellow: {
-                    default: string;
-                    dark: string;
-                };
-                orange: {
-                    default: string;
-                    dark: string;
-                };
-                "alert-red": {
-                    default: string;
-                    dark: string;
-                };
-                "alert-green": {
-                    default: string;
-                    dark: string;
-                };
-                rainbow: {
-                    red: string;
-                    "red-dark": string;
-                    orange: string;
-                    purple: string;
-                };
-            };
-            opacity: {
-                60: string;
-                20: string;
-            };
-            boxShadow: {
-                default: string;
-                negative: string;
-                md: string;
-                lg: string;
-            };
-            inset: {
-                0: string;
-                auto: string;
-                1: string;
-                3: string;
-                4: string;
-                5: string;
-                12: string;
-                16: string;
-                full: string;
-            };
-            screens: {
-                print: {
-                    raw: string;
-                };
-            };
-            lineHeight: {
-                3: string;
-                4: string;
-                5: string;
-                6: string;
-                7: string;
-                8: string;
-                9: string;
-                10: string;
-            };
-            width: {
-                4.5: string;
-            };
-            height: {
-                4.5: string;
-            };
-            aria: {
-                invalid: string;
-            };
-        };
-    };
-    variants: {
-        opacity: string[];
-        outline: string[];
-        display: string[];
-        textColor: string[];
-        textDecoration: string[];
-    };
-    plugins: ({
-        handler: import('tailwindcss/types/config.js').PluginCreator;
-        config?: Partial<import('tailwindcss/types/config.js').Config> | undefined;
-    } | typeof tailwindTypography)[];
-};
-export default _default;

package/dist/tailwind.config.js

@@ -1,203 +0,0 @@
-import screens from "./screens.js";
-import tailwindContainerQueries from "@tailwindcss/container-queries";
-import tailwindTypography from "@tailwindcss/typography";
-
-// This file is currently not type-checked. Adding `// @ts-check` to this file will turn type checking on and allow you to find issues within it. However, it will always mark the missing `"content"` property as an error. Unfortunately, "content" cannot be added as `"content": []` because projects consuming this config tend to write their `"content"` property _before_ pulling in the config and so the empty array would overwrite the project's `"content"` property.
-/** @type {import("tailwindcss").Config} */
-export default {
-  theme: {
-    inset: {
-      0: "0",
-      "1/2": "50%",
-      full: "100%",
-    },
-    screens,
-    fontSize: {
-      xs: "12px",
-      sm: "14px",
-      base: "16px",
-      lg: "18px",
-      xl: "20px",
-      "2xl": "24px",
-      "3xl": "30px",
-      "4xl": "36px",
-      "5xl": "48px",
-      "6xl": "60px",
-      "7xl": "72px",
-    },
-    spacing: {
-      px: "1px",
-      0: "0",
-      0.5: "2px",
-      1: "4px",
-      1.5: "6px",
-      2: "8px",
-      2.5: "10px",
-      3: "12px",
-      3.5: "14px",
-      4: "16px",
-      5: "20px",
-      6: "24px",
-      7: "28px",
-      8: "32px",
-      9: "36px",
-      10: "40px",
-      11: "46px",
-      12: "48px",
-      14: "56px",
-      16: "64px",
-      20: "80px",
-      24: "96px",
-      28: "108px",
-      32: "120px",
-      36: "136px",
-      37: "148px",
-      40: "160px",
-      41: "164px",
-      44: "176px",
-      48: "192px",
-      52: "208px",
-      56: "224px",
-      60: "240px",
-      64: "256px",
-      72: "288px",
-      80: "320px",
-      96: "384px",
-    },
-    extend: {
-      outline: {
-        blue: ["2px solid rgba(0, 62, 219, 0.5)", "2px"],
-      },
-      fontFamily: {
-        sans: ["Inter", "sans-serif"],
-        marketing: ["Futura", "sans-serif"],
-      },
-      spacing: {
-        inherit: "inherit",
-        half: "2px", // 2px,
-        inputFocused: "15px",
-      },
-      duration: {
-        0: "0ms",
-      },
-      colors: {
-        transparent: "rgba(255, 255, 255, 0)",
-        black: "#000",
-        white: "#fff",
-        gray: {
-          100: "#F5F5F5",
-          200: "#EEEEEE",
-          300: "#E3E3E3",
-          400: "#BABABA",
-          500: "#8C8C8C",
-          600: "#7E7E7E",
-          700: "#757575",
-          800: "#4D4D4D",
-          900: "#212121",
-        },
-        green: {
-          neon: "#00E281",
-          primary: "#00B064",
-          night: "#006345",
-        },
-        blue: {
-          default: "#003edb",
-          dark: "#0030aa",
-        },
-        red: {
-          default: "#E53935",
-          dark: "#AB000D",
-        },
-        pink: {
-          default: "#F5138D",
-          dark: "#BD0060",
-        },
-        purple: {
-          default: "#8E24AA",
-          dark: "#5C007A",
-        },
-        cyan: {
-          default: "#00ACC1",
-          dark: "#007C91",
-        },
-        teal: {
-          default: "#00897B",
-          dark: "#005B4F",
-        },
-        yellow: {
-          default: "#F9F500",
-          dark: "#C1BE00",
-        },
-        orange: {
-          default: "#FFB300",
-          dark: "#C68400",
-        },
-        "alert-red": {
-          default: "#F53000",
-          dark: "#BA2400",
-        },
-        "alert-green": {
-          default: "#00D200",
-          dark: "#00AA00",
-        },
-        rainbow: {
-          red: "#E53935",
-          "red-dark": "#AB000D",
-          orange: "#FFB300",
-          purple: "#8E24AA",
-        },
-      },
-      opacity: {
-        60: "0.6",
-        20: "0.2",
-      },
-      boxShadow: {
-        default: "0px 1px 1px rgba(0, 0, 0, 0.1)",
-        negative: "0px -1px 1px rgba(0, 0, 0, 0.1)",
-        md: "0px 1px 5px rgba(0, 0, 0, 0.1)",
-        lg: "0px 2px 6px rgba(0, 0, 0, 0.25)",
-      },
-      inset: {
-        0: "0",
-        auto: "auto",
-        1: "4px",
-        3: "12px",
-        4: "16px",
-        5: "20px",
-        12: "48px",
-        16: "64px",
-        full: "100%",
-      },
-      screens: {
-        print: { raw: "print" },
-      },
-      lineHeight: {
-        3: "12px",
-        4: "16px",
-        5: "20px",
-        6: "24px",
-        7: "28px",
-        8: "32px",
-        9: "36px",
-        10: "40px",
-      },
-      width: {
-        4.5: "18px",
-      },
-      height: {
-        4.5: "18px",
-      },
-      aria: {
-        invalid: 'invalid="true"',
-      },
-    },
-  },
-  variants: {
-    opacity: ["responsive", "hover", "focus", "group-hover"],
-    outline: ["focus", "focus-visible"],
-    display: ["responsive", "group-hover"],
-    textColor: ["responsive", "hover", "focus", "group-hover", "group-focus"],
-    textDecoration: ["group-hover"],
-  },
-  plugins: [tailwindContainerQueries, tailwindTypography],
-};

package/src/tailwind/imports.css

@@ -1,3 +0,0 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";

package/src/tailwind/screens.js

@@ -1,7 +0,0 @@
-export default {
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px",
-  xxl: "1600px",
-};

package/src/tailwind/tailwind.config.js

@@ -1,203 +0,0 @@
-import screens from "./screens.js";
-import tailwindContainerQueries from "@tailwindcss/container-queries";
-import tailwindTypography from "@tailwindcss/typography";
-
-// This file is currently not type-checked. Adding `// @ts-check` to this file will turn type checking on and allow you to find issues within it. However, it will always mark the missing `"content"` property as an error. Unfortunately, "content" cannot be added as `"content": []` because projects consuming this config tend to write their `"content"` property _before_ pulling in the config and so the empty array would overwrite the project's `"content"` property.
-/** @type {import("tailwindcss").Config} */
-export default {
-  theme: {
-    inset: {
-      0: "0",
-      "1/2": "50%",
-      full: "100%",
-    },
-    screens,
-    fontSize: {
-      xs: "12px",
-      sm: "14px",
-      base: "16px",
-      lg: "18px",
-      xl: "20px",
-      "2xl": "24px",
-      "3xl": "30px",
-      "4xl": "36px",
-      "5xl": "48px",
-      "6xl": "60px",
-      "7xl": "72px",
-    },
-    spacing: {
-      px: "1px",
-      0: "0",
-      0.5: "2px",
-      1: "4px",
-      1.5: "6px",
-      2: "8px",
-      2.5: "10px",
-      3: "12px",
-      3.5: "14px",
-      4: "16px",
-      5: "20px",
-      6: "24px",
-      7: "28px",
-      8: "32px",
-      9: "36px",
-      10: "40px",
-      11: "46px",
-      12: "48px",
-      14: "56px",
-      16: "64px",
-      20: "80px",
-      24: "96px",
-      28: "108px",
-      32: "120px",
-      36: "136px",
-      37: "148px",
-      40: "160px",
-      41: "164px",
-      44: "176px",
-      48: "192px",
-      52: "208px",
-      56: "224px",
-      60: "240px",
-      64: "256px",
-      72: "288px",
-      80: "320px",
-      96: "384px",
-    },
-    extend: {
-      outline: {
-        blue: ["2px solid rgba(0, 62, 219, 0.5)", "2px"],
-      },
-      fontFamily: {
-        sans: ["Inter", "sans-serif"],
-        marketing: ["Futura", "sans-serif"],
-      },
-      spacing: {
-        inherit: "inherit",
-        half: "2px", // 2px,
-        inputFocused: "15px",
-      },
-      duration: {
-        0: "0ms",
-      },
-      colors: {
-        transparent: "rgba(255, 255, 255, 0)",
-        black: "#000",
-        white: "#fff",
-        gray: {
-          100: "#F5F5F5",
-          200: "#EEEEEE",
-          300: "#E3E3E3",
-          400: "#BABABA",
-          500: "#8C8C8C",
-          600: "#7E7E7E",
-          700: "#757575",
-          800: "#4D4D4D",
-          900: "#212121",
-        },
-        green: {
-          neon: "#00E281",
-          primary: "#00B064",
-          night: "#006345",
-        },
-        blue: {
-          default: "#003edb",
-          dark: "#0030aa",
-        },
-        red: {
-          default: "#E53935",
-          dark: "#AB000D",
-        },
-        pink: {
-          default: "#F5138D",
-          dark: "#BD0060",
-        },
-        purple: {
-          default: "#8E24AA",
-          dark: "#5C007A",
-        },
-        cyan: {
-          default: "#00ACC1",
-          dark: "#007C91",
-        },
-        teal: {
-          default: "#00897B",
-          dark: "#005B4F",
-        },
-        yellow: {
-          default: "#F9F500",
-          dark: "#C1BE00",
-        },
-        orange: {
-          default: "#FFB300",
-          dark: "#C68400",
-        },
-        "alert-red": {
-          default: "#F53000",
-          dark: "#BA2400",
-        },
-        "alert-green": {
-          default: "#00D200",
-          dark: "#00AA00",
-        },
-        rainbow: {
-          red: "#E53935",
-          "red-dark": "#AB000D",
-          orange: "#FFB300",
-          purple: "#8E24AA",
-        },
-      },
-      opacity: {
-        60: "0.6",
-        20: "0.2",
-      },
-      boxShadow: {
-        default: "0px 1px 1px rgba(0, 0, 0, 0.1)",
-        negative: "0px -1px 1px rgba(0, 0, 0, 0.1)",
-        md: "0px 1px 5px rgba(0, 0, 0, 0.1)",
-        lg: "0px 2px 6px rgba(0, 0, 0, 0.25)",
-      },
-      inset: {
-        0: "0",
-        auto: "auto",
-        1: "4px",
-        3: "12px",
-        4: "16px",
-        5: "20px",
-        12: "48px",
-        16: "64px",
-        full: "100%",
-      },
-      screens: {
-        print: { raw: "print" },
-      },
-      lineHeight: {
-        3: "12px",
-        4: "16px",
-        5: "20px",
-        6: "24px",
-        7: "28px",
-        8: "32px",
-        9: "36px",
-        10: "40px",
-      },
-      width: {
-        4.5: "18px",
-      },
-      height: {
-        4.5: "18px",
-      },
-      aria: {
-        invalid: 'invalid="true"',
-      },
-    },
-  },
-  variants: {
-    opacity: ["responsive", "hover", "focus", "group-hover"],
-    outline: ["focus", "focus-visible"],
-    display: ["responsive", "group-hover"],
-    textColor: ["responsive", "hover", "focus", "group-hover", "group-focus"],
-    textDecoration: ["group-hover"],
-  },
-  plugins: [tailwindContainerQueries, tailwindTypography],
-};