@felleslosninger/minid-elements 0.0.140 → 0.1.0

package/dist/utilities/lang.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Gets the effective language for a given element by walking up the DOM tree,
+ * traversing shadow DOM host boundaries along the way.
+ */
+export declare function getLang(element: HTMLElement): string;
+//# sourceMappingURL=lang.d.ts.map

package/dist/utilities/lang.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lang.d.ts","sourceRoot":"","sources":["../../src/utilities/lang.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAgBpD"}

package/dist/utilities/lang.js

@@ -0,0 +1,18 @@
+function getLang(element) {
+  let current = element;
+  while (current) {
+    if (current instanceof Element && current.hasAttribute("lang")) {
+      return current.getAttribute("lang");
+    }
+    if (current instanceof ShadowRoot) {
+      current = current.host;
+    } else {
+      current = current.parentNode;
+    }
+  }
+  return document.documentElement.lang || "nb";
+}
+export {
+  getLang
+};
+//# sourceMappingURL=lang.js.map

package/dist/utilities/lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lang.js","sources":["../../src/utilities/lang.ts"],"sourcesContent":["/**\n * Gets the effective language for a given element by walking up the DOM tree,\n * traversing shadow DOM host boundaries along the way.\n */\nexport function getLang(element: HTMLElement): string {\n  let current: Node | null = element;\n\n  while (current) {\n    if (current instanceof Element && current.hasAttribute('lang')) {\n      return current.getAttribute('lang')!;\n    }\n    // Cross shadow-DOM host boundary\n    if (current instanceof ShadowRoot) {\n      current = (current as ShadowRoot).host;\n    } else {\n      current = current.parentNode;\n    }\n  }\n\n  return document.documentElement.lang || 'nb';\n}"],"names":[],"mappings":"AAIO,SAAS,QAAQ,SAA8B;AACpD,MAAI,UAAuB;AAE3B,SAAO,SAAS;AACd,QAAI,mBAAmB,WAAW,QAAQ,aAAa,MAAM,GAAG;AAC9D,aAAO,QAAQ,aAAa,MAAM;AAAA,IACpC;AAEA,QAAI,mBAAmB,YAAY;AACjC,gBAAW,QAAuB;AAAA,IACpC,OAAO;AACL,gBAAU,QAAQ;AAAA,IACpB;AAAA,EACF;AAEA,SAAO,SAAS,gBAAgB,QAAQ;AAC1C;"}

package/dist/utilities/translations.d.ts

@@ -0,0 +1,42 @@
+/**
+ * All UI strings that components render themselves (e.g. aria-labels on
+ * icon-only buttons). Every supported language must provide all keys.
+ */
+export interface ComponentTranslations {
+    clear: string;
+    showPassword: string;
+    hidePassword: string;
+    openCountrySelector: string;
+}
+/**
+ * Override or extend translations for a given BCP-47 language tag.
+ * Merges the provided strings with the existing entry for that tag, so you
+ * only need to supply the keys you want to change.
+ *
+ * Call this once at app startup, before any components render.
+ *
+ * @example Override a single string for Norwegian Bokmål
+ * ```ts
+ * setTranslations('nb', { clear: 'Slett' });
+ * ```
+ *
+ * @example Register a completely new language
+ * ```ts
+ * setTranslations('fr', {
+ *   clear: 'Effacer',
+ *   showPassword: 'Afficher le mot de passe',
+ *   hidePassword: 'Masquer le mot de passe',
+ * });
+ * ```
+ */
+export declare function setTranslations(lang: string, translations: Partial<ComponentTranslations>): void;
+/**
+ * Returns the translations for the given BCP-47 language tag.
+ *
+ * Resolution order:
+ *   1. Exact tag match (e.g. `'nb-NO'`)
+ *   2. Base language match (e.g. `'nb'` from `'nb-NO'`)
+ *   3. Norwegian Bokmål as final fallback
+ */
+export declare function getTranslations(lang: string): ComponentTranslations;
+//# sourceMappingURL=translations.d.ts.map

package/dist/utilities/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../src/utilities/translations.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAkCD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAC3C,IAAI,CAIN;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,qBAAqB,CAMnE"}

package/dist/utilities/translations.js

@@ -0,0 +1,45 @@
+const builtins = {
+  nb: {
+    clear: "Tøm",
+    showPassword: "Vis passord",
+    hidePassword: "Skjul passord",
+    openCountrySelector: "Åpne landsvelger"
+  },
+  nn: {
+    clear: "Tøm",
+    showPassword: "Vis passord",
+    hidePassword: "Gøym passord",
+    openCountrySelector: "Opna landsveljar"
+  },
+  se: {
+    clear: "Sihko",
+    showPassword: "Čájet sátnesuodji",
+    hidePassword: "Čiehka sátnesuodji",
+    openCountrySelector: "Rahpat riikkaválljenjoavkku"
+  },
+  en: {
+    clear: "Clear",
+    showPassword: "Show password",
+    hidePassword: "Hide password",
+    openCountrySelector: "Open country selector"
+  }
+};
+const registry = new Map(
+  Object.entries(builtins)
+);
+function setTranslations(lang, translations) {
+  const base = resolveBaseLang(lang);
+  const existing = registry.get(lang) ?? registry.get(base) ?? builtins.nb;
+  registry.set(lang, { ...existing, ...translations });
+}
+function getTranslations(lang) {
+  return registry.get(lang) ?? registry.get(resolveBaseLang(lang)) ?? builtins.nb;
+}
+function resolveBaseLang(lang) {
+  return lang.toLowerCase().split("-")[0];
+}
+export {
+  getTranslations,
+  setTranslations
+};
+//# sourceMappingURL=translations.js.map

package/dist/utilities/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../src/utilities/translations.ts"],"sourcesContent":["/**\n * All UI strings that components render themselves (e.g. aria-labels on\n * icon-only buttons). Every supported language must provide all keys.\n */\nexport interface ComponentTranslations {\n  clear: string;\n  showPassword: string;\n  hidePassword: string;\n  openCountrySelector: string;\n}\n\n\nconst builtins: Record<string, ComponentTranslations> = {\n  nb: {\n    clear: 'Tøm',\n    showPassword: 'Vis passord',\n    hidePassword: 'Skjul passord',\n    openCountrySelector: 'Åpne landsvelger',\n  },\n  nn: {\n    clear: 'Tøm',\n    showPassword: 'Vis passord',\n    hidePassword: 'Gøym passord',\n    openCountrySelector: 'Opna landsveljar',\n  },\n  se: {\n    clear: 'Sihko',\n    showPassword: 'Čájet sátnesuodji',\n    hidePassword: 'Čiehka sátnesuodji',\n    openCountrySelector: 'Rahpat riikkaválljenjoavkku',\n  },\n  en: {\n    clear: 'Clear',\n    showPassword: 'Show password',\n    hidePassword: 'Hide password',\n    openCountrySelector: 'Open country selector',\n  },\n};\n\nconst registry = new Map<string, ComponentTranslations>(\n  Object.entries(builtins)\n);\n\n/**\n * Override or extend translations for a given BCP-47 language tag.\n * Merges the provided strings with the existing entry for that tag, so you\n * only need to supply the keys you want to change.\n *\n * Call this once at app startup, before any components render.\n *\n * @example Override a single string for Norwegian Bokmål\n * ```ts\n * setTranslations('nb', { clear: 'Slett' });\n * ```\n *\n * @example Register a completely new language\n * ```ts\n * setTranslations('fr', {\n *   clear: 'Effacer',\n *   showPassword: 'Afficher le mot de passe',\n *   hidePassword: 'Masquer le mot de passe',\n * });\n * ```\n */\nexport function setTranslations(\n  lang: string,\n  translations: Partial<ComponentTranslations>\n): void {\n  const base = resolveBaseLang(lang);\n  const existing = registry.get(lang) ?? registry.get(base) ?? builtins.nb;\n  registry.set(lang, { ...existing, ...translations });\n}\n\n/**\n * Returns the translations for the given BCP-47 language tag.\n *\n * Resolution order:\n *   1. Exact tag match (e.g. `'nb-NO'`)\n *   2. Base language match (e.g. `'nb'` from `'nb-NO'`)\n *   3. Norwegian Bokmål as final fallback\n */\nexport function getTranslations(lang: string): ComponentTranslations {\n  return (\n    registry.get(lang) ??\n    registry.get(resolveBaseLang(lang)) ??\n    builtins.nb\n  );\n}\n\nfunction resolveBaseLang(lang: string): string {\n  return lang.toLowerCase().split('-')[0];\n}"],"names":[],"mappings":"AAYA,MAAM,WAAkD;AAAA,EACtD,IAAI;AAAA,IACF,OAAO;AAAA,IACP,cAAc;AAAA,IACd,cAAc;AAAA,IACd,qBAAqB;AAAA,EAAA;AAAA,EAEvB,IAAI;AAAA,IACF,OAAO;AAAA,IACP,cAAc;AAAA,IACd,cAAc;AAAA,IACd,qBAAqB;AAAA,EAAA;AAAA,EAEvB,IAAI;AAAA,IACF,OAAO;AAAA,IACP,cAAc;AAAA,IACd,cAAc;AAAA,IACd,qBAAqB;AAAA,EAAA;AAAA,EAEvB,IAAI;AAAA,IACF,OAAO;AAAA,IACP,cAAc;AAAA,IACd,cAAc;AAAA,IACd,qBAAqB;AAAA,EAAA;AAEzB;AAEA,MAAM,WAAW,IAAI;AAAA,EACnB,OAAO,QAAQ,QAAQ;AACzB;AAuBO,SAAS,gBACd,MACA,cACM;AACN,QAAM,OAAO,gBAAgB,IAAI;AACjC,QAAM,WAAW,SAAS,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS;AACtE,WAAS,IAAI,MAAM,EAAE,GAAG,UAAU,GAAG,cAAc;AACrD;AAUO,SAAS,gBAAgB,MAAqC;AACnE,SACE,SAAS,IAAI,IAAI,KACjB,SAAS,IAAI,gBAAgB,IAAI,CAAC,KAClC,SAAS;AAEb;AAEA,SAAS,gBAAgB,MAAsB;AAC7C,SAAO,KAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AACxC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@felleslosninger/minid-elements",
-  "version": "0.0.140",
+  "version": "0.1.0",
   "description": "MinID Web Components",
   "author": "Digitaliseringsdirektoratet",
   "license": "MIT",
@@ -21,10 +21,20 @@
       "types": "./dist/index.d.ts"
     },
     "./styles": {
-      "import": "./dist/index.css"
+      "import": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    },
+    "./theme": {
+      "import": "./dist/theme.css",
+      "default": "./dist/theme.css"
+    },
+    "./globals": {
+      "import": "./dist/index.css",
+      "default": "./dist/index.css"
     },
     "./designsystemet-tailwind": {
-      "import": "./dist/designsystemet-tailwind.css"
+      "import": "./dist/designsystemet-tailwind.css",
+      "default": "./dist/designsystemet-tailwind.css"
     },
     "./alert": {
       "import": "./dist/components/alert.js",
@@ -140,18 +150,12 @@
     "url": "git+https://github.com/felleslosninger/minid-web-components.git"
   },
   "customElements": "custom-elements.json",
-  "scripts": {
-    "make-icons": "node ./scripts/make-icons.js",
-    "make-tailwind": "node ./scripts/make-tailwind-theme.js",
-    "build": "rimraf dist && tsc && npm run analyze && vite build",
-    "build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js && npx @tailwindcss/cli -i ./src/styles/component-tailwind.css -o ./dist-cdn/index.css ",
-    "dev:cdn": "node cdn-dev-server.js",
-    "storybook": "storybook dev -p 6006",
-    "storybook:dev": "concurrently --kill-others \"npm run analyze -- --watch\" \"npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css --watch\" \"npm run storybook\"",
-    "storybook:build": "npm run build && rimraf storybook-static && npm run analyze && npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css && storybook build",
-    "analyze": "custom-elements-manifest analyze"
+  "engines": {
+    "node": ">=24.14.1"
   },
   "dependencies": {
+    "@digdir/designsystemet-css": "^1.13.2",
+    "@digdir/designsystemet-web": "^1.13.2",
     "@floating-ui/dom": "^1.6.10",
     "@floating-ui/utils": "^0.2.9",
     "composed-offset-position": "^0.0.6",
@@ -163,8 +167,9 @@
     "qrcode": "^1.5.4"
   },
   "devDependencies": {
+    "@changesets/cli": "^2.30.0",
     "@custom-elements-manifest/analyzer": "^0.10.3",
-    "@digdir/designsystemet-theme": "^1.0.3",
+    "@digdir/designsystemet": "^1.13.2",
     "@floating-ui/dom": "^1.6.10",
     "@navikt/aksel-icons": "^7.1.2",
     "@storybook/addon-a11y": "^9.0.12",
@@ -189,10 +194,10 @@
     "@vitest/coverage-istanbul": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "axe-playwright": "^2.1.0",
-    "composed-offset-position": "^0.0.6",
     "concurrently": "^9.0.1",
     "eslint": "^9.25.1",
     "eslint-plugin-storybook": "^9.0.12",
+    "glob": "^13.0.6",
     "jsdom": "^26.1.0",
     "playwright": "^1.53.0",
     "postcss": "^8.5.1",
@@ -212,5 +217,18 @@
     "vite-plugin-externalize-deps": "^0.8.0",
     "vite-plugin-web-components-hmr": "^0.1.3",
     "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "make-icons": "node ./scripts/make-icons.js",
+    "make-tailwind": "node ./scripts/make-tailwind-theme.js",
+    "build": "rimraf dist && designsystemet tokens create --config designsystemet.config.json && designsystemet tokens build --config designsystemet.config.json --experimental-tailwind && node ./scripts/make-tailwind-theme.js && tsc && custom-elements-manifest analyze && vite build",
+    "build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js && npx @tailwindcss/cli -i ./src/styles/component-tailwind.css -o ./dist-cdn/index.css ",
+    "dev:cdn": "node cdn-dev-server.js",
+    "storybook": "storybook dev -p 6006",
+    "storybook:dev": "concurrently --kill-others \"pnpm run analyze -- --watch\" \"npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css --watch\" \"pnpm run storybook\"",
+    "storybook:build": "pnpm run build && rimraf storybook-static && pnpm run analyze && npx @tailwindcss/cli -i ./src/styles/tailwind.css -o ./.storybook/public/tailwind.css && pnpm exec storybook build",
+    "analyze": "custom-elements-manifest analyze",
+    "build:theme": "pnpm exec designsystemet tokens create --config designsystemet.config.json && pnpm exec designsystemet tokens build --config designsystemet.config.json --experimental-tailwind",
+    "release": "pnpm build && pnpm exec changeset publish"
   }
-}
+}