@nldd/design-system 0.8.80 → 0.8.82

package/dist/types/vue.d.ts

@@ -965,6 +965,10 @@ declare module 'vue' {
 		'expanded'?: NLDDDropdown['expanded'];
 		/** Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container. */
 		'width'?: NLDDDropdown['width'];
+		/** Accessible name, forwarded as aria-label to the slotted select */
+		'accessible-label'?: NLDDDropdown['accessibleLabel'];
+		/** Accessible name, forwarded as aria-label to the slotted select */
+		'accessibleLabel'?: NLDDDropdown['accessibleLabel'];
 		/** Bubbles up from the slotted select; detail: { value: string } */
 		'onChange'?: (event: CustomEvent) => void;
 	};
@@ -1661,7 +1665,7 @@ declare module 'vue' {
 		'shortcutWindows'?: NLDDMenuItem['shortcutWindows'];
 		'shortcut-linux'?: NLDDMenuItem['shortcutLinux'];
 		'shortcutLinux'?: NLDDMenuItem['shortcutLinux'];
-		/** Set by nldd-menu. Not part of the public API. */
+		/** Which menu owns this item, set by that nldd-menu. Not part of the public API. `null` until one claims it, and an unclaimed item carries no menu role. A menu role is a promise about what is around you, so an item cannot make it on its own. `nldd-toolbar-item` holds exactly such an item: the declaration of what belongs in the overflow menu, which the toolbar clones into the real menu when it collapses. The clone is claimed there and the declaration stays what it is. */
 		'menuVariant'?: NLDDMenuItem['menuVariant'];
 		'onMenuItemFocused'?: (event: CustomEvent) => void;
 		'onSubmenuOpen'?: (event: CustomEvent) => void;
@@ -2199,6 +2203,10 @@ declare module 'vue' {
 		'disabled'?: NLDDRadioButtonGroup['disabled'];
 		/** Marks the group as required */
 		'required'?: NLDDRadioButtonGroup['required'];
+		/** Accessible name for the group, set as aria-label on the group */
+		'accessible-label'?: NLDDRadioButtonGroup['accessibleLabel'];
+		/** Accessible name for the group, set as aria-label on the group */
+		'accessibleLabel'?: NLDDRadioButtonGroup['accessibleLabel'];
 		/** Id of an external label element, set as aria-labelledby on the group */
 		'accessible-labeled-by'?: NLDDRadioButtonGroup['accessibleLabeledBy'];
 		/** Id of an external label element, set as aria-labelledby on the group */
@@ -2595,6 +2603,10 @@ declare module 'vue' {
 		'size'?: NLDDStepper['size'];
 		/** Name for form submission; the value is submitted under this name */
 		'name'?: NLDDStepper['name'];
+		/** Accessible name for the spinbutton; falls back to a generic label */
+		'accessible-label'?: NLDDStepper['accessibleLabel'];
+		/** Accessible name for the spinbutton; falls back to a generic label */
+		'accessibleLabel'?: NLDDStepper['accessibleLabel'];
 		/** Translations; unspecified keys fall back to Dutch */
 		'translations'?: NLDDStepper['translations'];
 		'internals'?: NLDDStepper['internals'];

package/dist/utilities/implicit-submission.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Enter in a single-line field submits the form it belongs to.
+ *
+ * The browser does this by itself and calls it implicit submission, but only
+ * for a control that has a form owner. The real `<input>` of an nldd field
+ * lives in a shadow root, and form ownership does not cross that boundary:
+ * `input.form` is null, so the browser has no form to submit and nothing
+ * happens. The component is form-associated through ElementInternals, which
+ * does know the form, so the behavior is handed back over that connection. It
+ * mirrors what `nldd-button type="submit"` already does from the other side.
+ */
+/**
+ * Submits the form this field belongs to, under the same conditions the browser
+ * uses.
+ *
+ * Does nothing when something already handled the Enter. A component that owns
+ * the key calls `preventDefault` when it acts on it and leaves it alone when it
+ * does not, so an open date picker keeps its Enter and a token field that
+ * commits nothing lets the form through.
+ *
+ * Without a submit button the specification submits only when the form holds a
+ * single field that blocks implicit submission. Reproducing that rule matters
+ * more than it looks: an Enter that behaves differently inside this design
+ * system than outside it is worse than one that does nothing.
+ *
+ * @returns whether the form was submitted, so a caller can tell.
+ */
+export declare function submitOnEnter(host: HTMLElement & {
+    internals: ElementInternals;
+}, event: KeyboardEvent): boolean;
+//# sourceMappingURL=implicit-submission.d.ts.map

package/dist/utilities/implicit-submission.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implicit-submission.d.ts","sourceRoot":"","sources":["../../src/utilities/implicit-submission.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA0BH;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAC5B,IAAI,EAAE,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,EACnD,KAAK,EAAE,aAAa,GAClB,OAAO,CAcT"}

package/dist/utilities/implicit-submission.js

@@ -0,0 +1,65 @@
+/**
+ * Enter in a single-line field submits the form it belongs to.
+ *
+ * The browser does this by itself and calls it implicit submission, but only
+ * for a control that has a form owner. The real `<input>` of an nldd field
+ * lives in a shadow root, and form ownership does not cross that boundary:
+ * `input.form` is null, so the browser has no form to submit and nothing
+ * happens. The component is form-associated through ElementInternals, which
+ * does know the form, so the behavior is handed back over that connection. It
+ * mirrors what `nldd-button type="submit"` already does from the other side.
+ */
+/** Input types that block implicit submission, per the HTML specification. */
+const BLOCKING_INPUT_TYPES = new Set([
+    'text', 'search', 'url', 'tel', 'email', 'password',
+    'date', 'month', 'week', 'time', 'datetime-local', 'number',
+]);
+/**
+ * Whether this control counts for the "more than one field" rule below. Native
+ * inputs are classified by type, the way the specification does it; an nldd
+ * field says so itself with `static blocksImplicitSubmission = true`.
+ */
+function blocksImplicitSubmission(el) {
+    if (el instanceof HTMLInputElement)
+        return BLOCKING_INPUT_TYPES.has(el.type);
+    return el.constructor.blocksImplicitSubmission === true;
+}
+/**
+ * The button the browser would press. A `<button>` without a type is a submit
+ * button, and `nldd-button type="submit"` carries the same attribute.
+ */
+function hasDefaultButton(form) {
+    return form.querySelector('button:not([type]), [type="submit"], [type="image"]') !== null;
+}
+/**
+ * Submits the form this field belongs to, under the same conditions the browser
+ * uses.
+ *
+ * Does nothing when something already handled the Enter. A component that owns
+ * the key calls `preventDefault` when it acts on it and leaves it alone when it
+ * does not, so an open date picker keeps its Enter and a token field that
+ * commits nothing lets the form through.
+ *
+ * Without a submit button the specification submits only when the form holds a
+ * single field that blocks implicit submission. Reproducing that rule matters
+ * more than it looks: an Enter that behaves differently inside this design
+ * system than outside it is worse than one that does nothing.
+ *
+ * @returns whether the form was submitted, so a caller can tell.
+ */
+export function submitOnEnter(host, event) {
+    if (event.key !== 'Enter' || event.isComposing || event.defaultPrevented)
+        return false;
+    const form = host.internals.form;
+    if (!form)
+        return false;
+    if (!hasDefaultButton(form)) {
+        const blocking = Array.from(form.elements).filter(blocksImplicitSubmission);
+        if (blocking.length > 1)
+            return false;
+    }
+    event.preventDefault();
+    form.requestSubmit();
+    return true;
+}
+//# sourceMappingURL=implicit-submission.js.map

package/dist/utilities/implicit-submission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"implicit-submission.js","sourceRoot":"","sources":["../../src/utilities/implicit-submission.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,8EAA8E;AAC9E,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;IACnD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ;CAC3D,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAS,wBAAwB,CAAC,EAAW;IAC5C,IAAI,EAAE,YAAY,gBAAgB;QAAE,OAAO,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC7E,OAAQ,EAAE,CAAC,WAAsD,CAAC,wBAAwB,KAAK,IAAI,CAAC;AACrG,CAAC;AAED;;;GAGG;AACH,SAAS,gBAAgB,CAAC,IAAqB;IAC9C,OAAO,IAAI,CAAC,aAAa,CAAC,qDAAqD,CAAC,KAAK,IAAI,CAAC;AAC3F,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAC5B,IAAmD,EACnD,KAAoB;IAEpB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO,KAAK,CAAC;IAEvF,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IACjC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC;QAC5E,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,CAAC,aAAa,EAAE,CAAC;IACrB,OAAO,IAAI,CAAC;AACb,CAAC"}

package/dist/utilities/owned-attribute.d.ts

@@ -0,0 +1,19 @@
+/**
+ * An attribute one component hands to another without overruling what is
+ * already there.
+ *
+ * The closer to the control, the more specific, so the heavier it weighs. An
+ * `aria-label` on a slotted `<select>` beats the `accessible-label` on the
+ * wrapper around it, which beats the caption of the `nldd-form-field` above
+ * that. Every layer does two things and no more: it fills a gap, and it takes
+ * back only what it wrote itself.
+ *
+ * Without that second half a component reads "I have no name to give" as
+ * "remove the name that is there", which is how a documented way of naming a
+ * control quietly stopped working.
+ *
+ * @param applied what this component wrote here last time, or null
+ * @returns the new value to remember, to pass back in on the next call
+ */
+export declare function setOwnedAttribute(el: Element, name: string, value: string, applied: string | null): string | null;
+//# sourceMappingURL=owned-attribute.d.ts.map

package/dist/utilities/owned-attribute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-attribute.d.ts","sourceRoot":"","sources":["../../src/utilities/owned-attribute.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAChC,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,GAAG,IAAI,GACpB,MAAM,GAAG,IAAI,CAcf"}

package/dist/utilities/owned-attribute.js

@@ -0,0 +1,32 @@
+/**
+ * An attribute one component hands to another without overruling what is
+ * already there.
+ *
+ * The closer to the control, the more specific, so the heavier it weighs. An
+ * `aria-label` on a slotted `<select>` beats the `accessible-label` on the
+ * wrapper around it, which beats the caption of the `nldd-form-field` above
+ * that. Every layer does two things and no more: it fills a gap, and it takes
+ * back only what it wrote itself.
+ *
+ * Without that second half a component reads "I have no name to give" as
+ * "remove the name that is there", which is how a documented way of naming a
+ * control quietly stopped working.
+ *
+ * @param applied what this component wrote here last time, or null
+ * @returns the new value to remember, to pass back in on the next call
+ */
+export function setOwnedAttribute(el, name, value, applied) {
+    const current = el.getAttribute(name);
+    // Someone else's value. Leave it alone, and keep remembering ours as it was,
+    // so a later change of theirs does not suddenly look like ours.
+    if (current !== null && current !== applied)
+        return applied;
+    if (value) {
+        el.setAttribute(name, value);
+        return value;
+    }
+    if (current !== null)
+        el.removeAttribute(name);
+    return null;
+}
+//# sourceMappingURL=owned-attribute.js.map

package/dist/utilities/owned-attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owned-attribute.js","sourceRoot":"","sources":["../../src/utilities/owned-attribute.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,iBAAiB,CAChC,EAAW,EACX,IAAY,EACZ,KAAa,EACb,OAAsB;IAEtB,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAEtC,6EAA6E;IAC7E,gEAAgE;IAChE,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,OAAO;QAAE,OAAO,OAAO,CAAC;IAE5D,IAAI,KAAK,EAAE,CAAC;QACX,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC7B,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,OAAO,KAAK,IAAI;QAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,IAAI,CAAC;AACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nldd/design-system",
-  "version": "0.8.80",
+  "version": "0.8.82",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",
@@ -518,7 +518,7 @@
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@eslint/js": "^9.17.0",
+    "@eslint/js": "^10.0.1",
     "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/exec": "^7.1.0",
     "@semantic-release/git": "^11.0.1",
@@ -539,7 +539,7 @@
     "storybook": "^10.5.7",
     "typescript": "^5.3.0",
     "typescript-eslint": "^8.58.0",
-    "vite": "7.3.1",
+    "vite": "8.2.1",
     "vitest": "4.1.10",
     "vue": "^3.5.40",
     "vue-tsc": "^3.3.7"

package/dist/components/gherkin-DhZlEZiy.js

@@ -1,115 +0,0 @@
-const gherkin = {
-  name: "gherkin",
-  startState: function() {
-    return {
-      lineNumber: 0,
-      tableHeaderLine: false,
-      allowFeature: true,
-      allowBackground: false,
-      allowScenario: false,
-      allowSteps: false,
-      allowPlaceholders: false,
-      allowMultilineArgument: false,
-      inMultilineString: false,
-      inMultilineTable: false,
-      inKeywordLine: false
-    };
-  },
-  token: function(stream, state) {
-    if (stream.sol()) {
-      state.lineNumber++;
-      state.inKeywordLine = false;
-      if (state.inMultilineTable) {
-        state.tableHeaderLine = false;
-        if (!stream.match(/\s*\|/, false)) {
-          state.allowMultilineArgument = false;
-          state.inMultilineTable = false;
-        }
-      }
-    }
-    stream.eatSpace();
-    if (state.allowMultilineArgument) {
-      if (state.inMultilineString) {
-        if (stream.match('"""')) {
-          state.inMultilineString = false;
-          state.allowMultilineArgument = false;
-        } else {
-          stream.match(/.*/);
-        }
-        return "string";
-      }
-      if (state.inMultilineTable) {
-        if (stream.match(/\|\s*/)) {
-          return "bracket";
-        } else {
-          stream.match(/[^\|]*/);
-          return state.tableHeaderLine ? "header" : "string";
-        }
-      }
-      if (stream.match('"""')) {
-        state.inMultilineString = true;
-        return "string";
-      } else if (stream.match("|")) {
-        state.inMultilineTable = true;
-        state.tableHeaderLine = true;
-        return "bracket";
-      }
-    }
-    if (stream.match(/#.*/)) {
-      return "comment";
-    } else if (!state.inKeywordLine && stream.match(/@\S+/)) {
-      return "tag";
-    } else if (!state.inKeywordLine && state.allowFeature && stream.match(/(機能|功能|フィーチャ|기능|โครงหลัก|ความสามารถ|ความต้องการทางธุรกิจ|ಹೆಚ್ಚಳ|గుణము|ਮੁਹਾਂਦਰਾ|ਨਕਸ਼ ਨੁਹਾਰ|ਖਾਸੀਅਤ|रूप लेख|وِیژگی|خاصية|תכונה|Функціонал|Функция|Функционалност|Функционал|Үзенчәлеклелек|Свойство|Особина|Мөмкинлек|Могућност|Λειτουργία|Δυνατότητα|Właściwość|Vlastnosť|Trajto|Tính năng|Savybė|Pretty much|Požiadavka|Požadavek|Potrzeba biznesowa|Özellik|Osobina|Ominaisuus|Omadus|OH HAI|Mogućnost|Mogucnost|Jellemző|Hwæt|Hwaet|Funzionalità|Funktionalitéit|Funktionalität|Funkcja|Funkcionalnost|Funkcionalitāte|Funkcia|Fungsi|Functionaliteit|Funcționalitate|Funcţionalitate|Functionalitate|Funcionalitat|Funcionalidade|Fonctionnalité|Fitur|Fīča|Feature|Eiginleiki|Egenskap|Egenskab|Característica|Caracteristica|Business Need|Aspekt|Arwedd|Ahoy matey!|Ability):/)) {
-      state.allowScenario = true;
-      state.allowBackground = true;
-      state.allowPlaceholders = false;
-      state.allowSteps = false;
-      state.allowMultilineArgument = false;
-      state.inKeywordLine = true;
-      return "keyword";
-    } else if (!state.inKeywordLine && state.allowBackground && stream.match(/(背景|배경|แนวคิด|ಹಿನ್ನೆಲೆ|నేపథ్యం|ਪਿਛੋਕੜ|पृष्ठभूमि|زمینه|الخلفية|רקע|Тарих|Предыстория|Предистория|Позадина|Передумова|Основа|Контекст|Кереш|Υπόβαθρο|Założenia|Yo\-ho\-ho|Tausta|Taust|Situācija|Rerefons|Pozadina|Pozadie|Pozadí|Osnova|Latar Belakang|Kontext|Konteksts|Kontekstas|Kontekst|Háttér|Hannergrond|Grundlage|Geçmiş|Fundo|Fono|First off|Dis is what went down|Dasar|Contexto|Contexte|Context|Contesto|Cenário de Fundo|Cenario de Fundo|Cefndir|Bối cảnh|Bakgrunnur|Bakgrunn|Bakgrund|Baggrund|Background|B4|Antecedents|Antecedentes|Ær|Aer|Achtergrond):/)) {
-      state.allowPlaceholders = false;
-      state.allowSteps = true;
-      state.allowBackground = false;
-      state.allowMultilineArgument = false;
-      state.inKeywordLine = true;
-      return "keyword";
-    } else if (!state.inKeywordLine && state.allowScenario && stream.match(/(場景大綱|场景大纲|劇本大綱|剧本大纲|テンプレ|シナリオテンプレート|シナリオテンプレ|シナリオアウトライン|시나리오 개요|สรุปเหตุการณ์|โครงสร้างของเหตุการณ์|ವಿವರಣೆ|కథనం|ਪਟਕਥਾ ਰੂਪ ਰੇਖਾ|ਪਟਕਥਾ ਢਾਂਚਾ|परिदृश्य रूपरेखा|سيناريو مخطط|الگوی سناریو|תבנית תרחיש|Сценарийның төзелеше|Сценарий структураси|Структура сценарію|Структура сценария|Структура сценарија|Скица|Рамка на сценарий|Концепт|Περιγραφή Σεναρίου|Wharrimean is|Template Situai|Template Senario|Template Keadaan|Tapausaihio|Szenariogrundriss|Szablon scenariusza|Swa hwær swa|Swa hwaer swa|Struktura scenarija|Structură scenariu|Structura scenariu|Skica|Skenario konsep|Shiver me timbers|Senaryo taslağı|Schema dello scenario|Scenariomall|Scenariomal|Scenario Template|Scenario Outline|Scenario Amlinellol|Scenārijs pēc parauga|Scenarijaus šablonas|Reckon it's like|Raamstsenaarium|Plang vum Szenario|Plan du Scénario|Plan du scénario|Osnova scénáře|Osnova Scenára|Náčrt Scenáru|Náčrt Scénáře|Náčrt Scenára|MISHUN SRSLY|Menggariskan Senario|Lýsing Dæma|Lýsing Atburðarásar|Konturo de la scenaro|Koncept|Khung tình huống|Khung kịch bản|Forgatókönyv vázlat|Esquema do Cenário|Esquema do Cenario|Esquema del escenario|Esquema de l'escenari|Esbozo do escenario|Delineação do Cenário|Delineacao do Cenario|All y'all|Abstrakt Scenario|Abstract Scenario):/)) {
-      state.allowPlaceholders = true;
-      state.allowSteps = true;
-      state.allowMultilineArgument = false;
-      state.inKeywordLine = true;
-      return "keyword";
-    } else if (state.allowScenario && stream.match(/(例子|例|サンプル|예|ชุดของเหตุการณ์|ชุดของตัวอย่าง|ಉದಾಹರಣೆಗಳು|ఉదాహరణలు|ਉਦਾਹਰਨਾਂ|उदाहरण|نمونه ها|امثلة|דוגמאות|Үрнәкләр|Сценарији|Примеры|Примери|Приклади|Мисоллар|Мисаллар|Σενάρια|Παραδείγματα|You'll wanna|Voorbeelden|Variantai|Tapaukset|Se þe|Se the|Se ðe|Scenarios|Scenariji|Scenarijai|Przykłady|Primjeri|Primeri|Příklady|Príklady|Piemēri|Példák|Pavyzdžiai|Paraugs|Örnekler|Juhtumid|Exemplos|Exemples|Exemple|Exempel|EXAMPLZ|Examples|Esempi|Enghreifftiau|Ekzemploj|Eksempler|Ejemplos|Dữ liệu|Dead men tell no tales|Dæmi|Contoh|Cenários|Cenarios|Beispiller|Beispiele|Atburðarásir):/)) {
-      state.allowPlaceholders = false;
-      state.allowSteps = true;
-      state.allowBackground = false;
-      state.allowMultilineArgument = true;
-      return "keyword";
-    } else if (!state.inKeywordLine && state.allowScenario && stream.match(/(場景|场景|劇本|剧本|シナリオ|시나리오|เหตุการณ์|ಕಥಾಸಾರಾಂಶ|సన్నివేశం|ਪਟਕਥਾ|परिदृश्य|سيناريو|سناریو|תרחיש|Сценарій|Сценарио|Сценарий|Пример|Σενάριο|Tình huống|The thing of it is|Tapaus|Szenario|Swa|Stsenaarium|Skenario|Situai|Senaryo|Senario|Scenaro|Scenariusz|Scenariu|Scénario|Scenario|Scenarijus|Scenārijs|Scenarij|Scenarie|Scénář|Scenár|Primer|MISHUN|Kịch bản|Keadaan|Heave to|Forgatókönyv|Escenario|Escenari|Cenário|Cenario|Awww, look mate|Atburðarás):/)) {
-      state.allowPlaceholders = false;
-      state.allowSteps = true;
-      state.allowBackground = false;
-      state.allowMultilineArgument = false;
-      state.inKeywordLine = true;
-      return "keyword";
-    } else if (!state.inKeywordLine && state.allowSteps && stream.match(/(那麼|那么|而且|當|当|并且|同時|同时|前提|假设|假設|假定|假如|但是|但し|並且|もし|ならば|ただし|しかし|かつ|하지만|조건|먼저|만일|만약|단|그리고|그러면|และ |เมื่อ |แต่ |ดังนั้น |กำหนดให้ |ಸ್ಥಿತಿಯನ್ನು |ಮತ್ತು |ನೀಡಿದ |ನಂತರ |ಆದರೆ |మరియు |చెప్పబడినది |కాని |ఈ పరిస్థితిలో |అప్పుడు |ਪਰ |ਤਦ |ਜੇਕਰ |ਜਿਵੇਂ ਕਿ |ਜਦੋਂ |ਅਤੇ |यदि |परन्तु |पर |तब |तदा |तथा |जब |चूंकि |किन्तु |कदा |और |अगर |و |هنگامی |متى |لكن |عندما |ثم |بفرض |با فرض |اما |اذاً |آنگاه |כאשר |וגם |בהינתן |אזי |אז |אבל |Якщо |Һәм |Унда |Тоді |Тогда |То |Также |Та |Пусть |Припустимо, що |Припустимо |Онда |Но |Нехай |Нәтиҗәдә |Лекин |Ләкин |Коли |Когда |Когато |Када |Кад |К тому же |І |И |Задато |Задати |Задате |Если |Допустим |Дано |Дадено |Вә |Ва |Бирок |Әмма |Әйтик |Әгәр |Аммо |Али |Але |Агар |А також |А |Τότε |Όταν |Και |Δεδομένου |Αλλά |Þurh |Þegar |Þa þe |Þá |Þa |Zatati |Zakładając |Zadato |Zadate |Zadano |Zadani |Zadan |Za předpokladu |Za predpokladu |Youse know when youse got |Youse know like when |Yna |Yeah nah |Y'know |Y |Wun |Wtedy |When y'all |When |Wenn |WEN |wann |Ve |Và |Und |Un |ugeholl |Too right |Thurh |Thì |Then y'all |Then |Tha the |Tha |Tetapi |Tapi |Tak |Tada |Tad |Stel |Soit |Siis |Și |Şi |Si |Sed |Se |Så |Quando |Quand |Quan |Pryd |Potom |Pokud |Pokiaľ |Però |Pero |Pak |Oraz |Onda |Ond |Oletetaan |Og |Och |O zaman |Niin |Nhưng |När |Når |Mutta |Men |Mas |Maka |Majd |Mając |Mais |Maar |mä |Ma |Lorsque |Lorsqu'|Logo |Let go and haul |Kun |Kuid |Kui |Kiedy |Khi |Ketika |Kemudian |Keď |Když |Kaj |Kai |Kada |Kad |Jeżeli |Jeśli |Ja |It's just unbelievable |Ir |I CAN HAZ |I |Ha |Givun |Givet |Given y'all |Given |Gitt |Gegeven |Gegeben seien |Gegeben sei |Gdy |Gangway! |Fakat |Étant donnés |Etant donnés |Étant données |Etant données |Étant donnée |Etant donnée |Étant donné |Etant donné |Et |És |Entonces |Entón |Então |Entao |En |Eğer ki |Ef |Eeldades |E |Ðurh |Duota |Dun |Donitaĵo |Donat |Donada |Do |Diyelim ki |Diberi |Dengan |Den youse gotta |DEN |De |Dato |Dați fiind |Daţi fiind |Dati fiind |Dati |Date fiind |Date |Data |Dat fiind |Dar |Dann |dann |Dan |Dados |Dado |Dadas |Dada |Ða ðe |Ða |Cuando |Cho |Cando |Când |Cand |Cal |But y'all |But at the end of the day I reckon |BUT |But |Buh |Blimey! |Biết |Bet |Bagi |Aye |awer |Avast! |Atunci |Atesa |Atès |Apabila |Anrhegedig a |Angenommen |And y'all |And |AN |An |an |Amikor |Amennyiben |Ama |Als |Alors |Allora |Ali |Aleshores |Ale |Akkor |Ak |Adott |Ac |Aber |A zároveň |A tiež |A taktiež |A také |A |a |7 |\* )/)) {
-      state.inStep = true;
-      state.allowPlaceholders = true;
-      state.allowMultilineArgument = true;
-      state.inKeywordLine = true;
-      return "keyword";
-    } else if (stream.match(/"[^"]*"?/)) {
-      return "string";
-    } else if (state.allowPlaceholders && stream.match(/<[^>]*>?/)) {
-      return "variable";
-    } else {
-      stream.next();
-      stream.eatWhile(/[^@"<#]/);
-      return null;
-    }
-  }
-};
-export {
-  gherkin
-};