@dpa-id-components/dpa-shared-components 20.0.5 → 20.0.7

package/dist/tailwindPreset.css

@@ -0,0 +1,126 @@
+/* This line is needed for `@reference`s in Vue SFC `style` blocks within the shared components library to work. */
+@import "tailwindcss";
+
+@plugin "@tailwindcss/typography";
+
+@custom-variant aria-invalid (&[aria-invalid="true"]);
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+
+  /* Address https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor */
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+}
+
+@utility outline-blue {
+  isolation: isolate;
+  outline: 2px solid rgba(0, 62, 219, 0.5);
+  outline-offset: 2px;
+}
+
+@theme {
+  /**
+   * COLORS
+   */
+
+  --color-transparent: rgba(255, 255, 255, 0);
+
+  --color-gray-100: #f5f5f5;
+  --color-gray-200: #eeeeee;
+  --color-gray-300: #e3e3e3;
+  --color-gray-400: #bababa;
+  --color-gray-500: #8c8c8c;
+  --color-gray-600: #7e7e7e;
+  --color-gray-700: #757575;
+  --color-gray-800: #4d4d4d;
+  --color-gray-900: #212121;
+
+  --color-green-neon: #00e281;
+  --color-green-primary: #00b064;
+  --color-green-night: #006345;
+
+  --color-blue-default: #003edb;
+  --color-blue-dark: #0030aa;
+
+  --color-red-default: #e53935;
+  --color-red-dark: #ab000d;
+
+  --color-pink-default: #f5138d;
+  --color-pink-dark: #bd0060;
+
+  --color-purple-default: #8e24aa;
+  --color-purple-dark: #5c007a;
+
+  --color-cyan-default: #00acc1;
+  --color-cyan-dark: #007c91;
+
+  --color-teal-default: #00897b;
+  --color-teal-dark: #005b4f;
+
+  --color-yellow-default: #f9f500;
+  --color-yellow-dark: #c1be00;
+
+  --color-orange-default: #ffb300;
+  --color-orange-dark: #c68400;
+
+  --color-alert-red-default: #f53000;
+  --color-alert-red-dark: #ba2400;
+
+  --color-alert-green-default: #00d200;
+  --color-alert-green-dark: #00aa00;
+
+  --color-rainbow-red: #e53935;
+  --color-rainbow-red-dark: #ab000d;
+  --color-rainbow-orange: #ffb300;
+  --color-rainbow-purple: #8e24aa;
+
+  --shadow-default: 0px 1px 1px rgba(0, 0, 0, 0.1);
+  --shadow-negative: 0px -1px 1px rgba(0, 0, 0, 0.1);
+  --shadow-md: 0px 1px 5px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
+
+  /**
+   * TYPOGRAPHY
+   */
+
+  --font-sans: Inter, sans-serif;
+  --font-marketing: Futura, sans-serif;
+
+  --text-xs--line-height: calc(1.125 / 0.75);
+  --text-sm--line-height: calc(1.3125 / 0.875);
+  --text-lg--line-height: calc(1.6875 / 1.125);
+  --text-xl--line-height: calc(1.875 / 1.25);
+  --text-2xl--line-height: calc(2.25 / 1.5);
+
+  /**
+   * SPACING
+   */
+
+  --spacing: 4px;
+
+  --spacing-inherit: inherit;
+  --spacing-half: 2px;
+  /* Used for form controls that receive a 2px border on :focus instead of the usual 1px and so a padding of 15px is applied instead of 16px to stop the content from jumping around. */
+  --spacing-inputFocused: 15px;
+
+  --inset-1/2: 50%;
+  --inset-full: 100%;
+  --inset-auto: auto;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpa-id-components/dpa-shared-components",
-  "version": "20.0.5",
+  "version": "20.0.7",
   "description": "Shared Vue components library for dpa projects",
   "files": [
     "src",
@@ -63,12 +63,12 @@
     "npm-run-all2": "8.0.4",
     "prettier": "3.8.1",
     "rimraf": "6.1.3",
+    "rollup-plugin-copy": "3.5.0",
     "storybook": "10.3.3",
     "tailwindcss": "4.2.2",
     "typescript": "5.9.3",
     "vite": "8.0.2",
     "vite-plugin-dts": "4.5.4",
-    "vite-plugin-static-copy": "4.0.0",
     "vitest": "4.1.1",
     "vue": "3.5.30",
     "vue-router": "5.0.4",
@@ -91,9 +91,10 @@
     "vue-eslint-parser": "^10.4.0"
   },
   "peerDependencies": {
+    "@eslint/js": "^9.39.2 || ^10.0.1",
     "@tailwindcss/typography": "^0.5.16",
-    "eslint": ">= 9",
-    "prettier": ">= 3",
+    "eslint": "^9.39.2 || ^10.1.0",
+    "prettier": "^3.8.1",
     "tailwindcss": "^4.1.11",
     "vue": "^3.5.0",
     "vue-router": "^4.6.4 || ^5.0.0"