sit-onyx 1.0.0-beta.99 → 1.0.0

package/dist/playwright/screenshots.d.ts

@@ -1,33 +0,0 @@
-import type { Page } from "@playwright/test";
-export type OnyxMatrixScreenshotHookContext = {
-    /**
-     * Rules to disable when performing the accessibility tests.
-     * **IMPORTANT**: Should be avoided! If used, please include a comment why it is needed.
-     *
-     * @see https://playwright.dev/docs/accessibility-testing#disabling-individual-scan-rules
-     */
-    disabledAccessibilityRules?: string[];
-};
-export declare const executeMatrixScreenshotTest: <TColumn extends string, TRow extends string>(options: import("@sit-onyx/playwright-utils").MatrixScreenshotTestOptions<TColumn, TRow, OnyxMatrixScreenshotHookContext>) => Promise<void>;
-/**
- * Mock icon to use in Playwright component tests (.tsx files) because Playwright has
- * issues when importing from "@sit-onyx/icons" directly with version 1.42.1.
- *
- * Equivalent to:
- * import mockPlaywrightIcon from "@sit-onyx/icons/emoji-happy-2.svg?raw";
- */
-export declare const mockPlaywrightIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" viewBox=\"0 0 32 32\"><path d=\"M16 2C8.28 2 2 8.28 2 16s6.28 14 14 14 14-6.28 14-14S23.72 2 16 2m0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12\"/><path d=\"M11 13c.552 0 1 .449 1 1h2c0-1.654-1.346-3-3-3s-3 1.346-3 3h2c0-.551.448-1 1-1m10-2c-1.654 0-3 1.346-3 3h2a1.001 1.001 0 0 1 2 0h2c0-1.654-1.346-3-3-3m-5 11a5.01 5.01 0 0 1-4.325-2.501l-1.73 1.002C11.193 22.659 13.514 24 16 24s4.807-1.341 6.056-3.499l-1.73-1.002A5.02 5.02 0 0 1 16 22\"/></svg>";
-/**
- * Mock onyx logo URL (onyx logo / "O" letter) to be used in Playwright tests.
- */
-export declare const MOCK_PLAYWRIGHT_LOGO_URL = "/logo.svg";
-/**
- * Mock onyx logo URL (onyx logo / "onyx" lettering) to be used in Playwright tests.
- */
-export declare const MOCK_PLAYWRIGHT_LOGO_WIDE_URL = "/logo-wide.svg";
-/**
- * Register page route handlers to register mocks for onyx logos that can be used as images
- * during Playwright tests. Use the `MOCK_PLAYWRIGHT_LOGO_URL` or `MOCK_PLAYWRIGHT_LOGO_WIDE_URL` constant
- * as image URL then.
- */
-export declare const defineLogoMockRoutes: (page: Page) => Promise<void>;

package/dist/types/themes.d.ts

@@ -1,2 +0,0 @@
-export declare const ONYX_THEMES: readonly ["onyx", "digits", "kaufland", "lidl", "schwarz"];
-export type OnyxTheme = (typeof ONYX_THEMES)[number];

package/dist/utils/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Checks whether the given link is external (starts with http:// or https://).
- */
-export declare const isExternalLink: (href: string) => href is `http${"s" | ""}://${string}`;

package/src/i18n/locales/de-DE.json

@@ -1,135 +0,0 @@
-{
-  "optional": "(optional)",
-  "cancel": "Abbrechen",
-  "apply": "Anwenden",
-  "back": "Zurück",
-  "close": "Schließen",
-  "validations": {
-    "tooShort": {
-      "preview": "Zu kurz",
-      "fullError": "Verlängere den eingegebenen Text auf mindestens {minLength} Zeichen. Aktuell sind es {n} Zeichen. Manche Sonderzeichen zählen als mehrere Zeichen."
-    },
-    "tooLong": {
-      "preview": "Zu lang",
-      "fullError": "Kürze den eingegebenen Text auf maximal {maxLength} Zeichen. Aktuell sind es {n} Zeichen. Manche Sonderzeichen zählen als mehrere Zeichen."
-    },
-    "rangeUnderflow": {
-      "preview": "Zu niedrig",
-      "fullError": "Der Eingabewert muss größer als oder gleich {min} sein."
-    },
-    "rangeOverflow": {
-      "preview": "Zu hoch",
-      "fullError": "Der Eingabewert muss kleiner als oder gleich {max} sein."
-    },
-    "patternMismatch": {
-      "preview": "Ungültiges Format",
-      "fullError": "Deine Eingabe muss mit dem geforderten Format übereinstimmen."
-    },
-    "valueMissing": {
-      "preview": "Pflichtfeld",
-      "fullError": "Das Feld ist leer, es ist ein Pflichtfeld und muss ausgefüllt werden."
-    },
-    "stepMismatch": {
-      "preview": "Ungültige Zahl",
-      "fullError": "Die Eingabe \"{value}\" ist keine gültige Zahl. Sie muss ein Vielfaches von {step} sein."
-    },
-    "badInput": {
-      "preview": "Ungültige Eingabe",
-      "fullError": "Die Eingabe \"{value}\" entspricht nicht dem erwarteten Typ."
-    },
-    "typeMismatch": {
-      "generic": {
-        "preview": "Ungültiges Eingabeformat",
-        "fullError": "Die Eingabe \"{value}\" entspricht nicht dem erwarteten Typ."
-      },
-      "email": {
-        "preview": "Ungültige E-Mail",
-        "fullError": "Die Eingabe \"{value}\" ist keine gültige E-Mail Adresse. Sie sollte ähnlich zu \"maxmustermann@beispiel.de\" sein (muss ein @-Symbol und einen Punkt enthalten)."
-      },
-      "number": {
-        "preview": "Ungültige Zahl",
-        "fullError": "Die Eingabe \"{value}\" ist keine gültige Zahl. Es dürfen nur Ziffern und gegebenenfalls ein Dezimalpunkt angegeben werden."
-      },
-      "tel": {
-        "preview": "Ungültige Telefonnummer",
-        "fullError": "Die Eingabe \"{value}\" ist keine gültige Telefonnummer."
-      },
-      "url": {
-        "preview": "Ungültige URL",
-        "fullError": "Die Eingabe \"{value}\" ist keine gültige URL. Eine URL zeigt meistens auf eine Webseite und sollte ähnlich zu \"https://www.beispiel.de\" sein."
-      }
-    }
-  },
-  "select": {
-    "toggleDropDown": "Auswahlfenster umschalten",
-    "empty": "Keine Daten verfügbar",
-    "noMatch": "Kein Element passt zum Suchtext",
-    "searchInputLabel": "Liste durchsuchen",
-    "clearSearch": "Suchtext löschen",
-    "searchPlaceholder": "Suchen"
-  },
-  "selections": {
-    "selectAll": "Alle auswählen",
-    "currentSelection": "{n} ausgewählt"
-  },
-  "stepper": {
-    "decrement": "Verringern um {stepSize}",
-    "increment": "Erhöhen um {stepSize}"
-  },
-  "table": {
-    "empty": "Diese Tabelle ist leer."
-  },
-  "link": {
-    "opensExternally": "Wird in einem neuen Tab geöffnet."
-  },
-  "navItemOptionsLabel": "Unterseiten von {label}",
-  "navigation": {
-    "appLogo": "App logo von {appName}",
-    "goToHome": "Gehe zur Startseite",
-    "goBack": "Zurück",
-    "userMenuLabel": "Benutzeroptionen",
-    "toggleBurgerMenu": "Burger-Menü umschalten",
-    "toggleContextMenu": "Kontext-Menü umschalten",
-    "navigationHeadline": "Navigation",
-    "moreActionsFlyout": "Wähle eine Aktion für die Spalte \"{column}\"",
-    "moreActionsTrigger": "Spaltenaktionen umschalten"
-  },
-  "tooltip": {
-    "neutral": "Info-Tooltip Sichtbarkeit umschalten",
-    "danger": "Error-Tooltip Sichtbarkeit umschalten",
-    "success": "Erfolgs-Tooltip Sichtbarkeit umschalten"
-  },
-  "colorScheme": {
-    "headline": "Erscheinungsbild ändern",
-    "subtitle": "Wähle das Erscheinungsbild der Anwendung:",
-    "appearance": "Erscheinungsbild",
-    "auto": {
-      "label": "Auto",
-      "description": "Die Anwendung passt ihr Aussehen automatisch an deine Systemeinstellungen an."
-    },
-    "light": {
-      "label": "Hell",
-      "description": "Der helle Modus bietet einen optimalen Kontrast für helle Umgebungen."
-    },
-    "dark": {
-      "label": "Dunkel",
-      "description": "Dieser Farbmodus ist optimiert für dunklere Umgebungen."
-    }
-  },
-  "pagination": {
-    "label": "Paginierung",
-    "ofPages": "von 1 Seite | von {n} Seiten",
-    "previous": "vorherige Seite",
-    "next": "nächste Seite",
-    "select": {
-      "label": "Seiten-Auswahl",
-      "listLabel": "Verfügbare Seiten"
-    }
-  },
-  "input": {
-    "clear": "Eingabe löschen"
-  },
-  "dialog": {
-    "close": "Dialog schließen"
-  }
-}

package/src/i18n/locales/ko-KR.json

@@ -1,27 +0,0 @@
-{
-  "optional": "(선택사항)",
-  "validations": {
-    "tooShort": {
-      "fullError": "{minLength}자 이상으로 입력하세요. (현재 1글자 입력 중) | {minLength}자 이상으로 입력하세요. (현재 {n}글자 입력 중)"
-    },
-    "tooLong": {
-      "fullError": "{maxLength}자 이하로 입력하세요. (현재 1글자 입력 중) | {maxLength}자 이하로 입력하세요. (현재 {n}글자 입력 중)"
-    },
-    "rangeUnderflow": { "fullError": "입력값이 {min}보다 크거나 동일해야 합니다" },
-    "rangeOverflow": { "fullError": "입력값이 {max}보다 작거나 동일해야 합니다" },
-    "patternMismatch": { "fullError": "올바른 형식을 입력해주세요." },
-    "valueMissing": { "fullError": "입력란에 내용을 입력해주세요." },
-    "stepMismatch": { "fullError": "{step}의 배수에 해당하는 값을 입력해주세요." },
-    "badInput": { "fullError": "\"{value}\"는 올바른 타입이 아닙니다." },
-    "typeMismatch": {
-      "generic": { "fullError": "\"{value}\"는 올바른 타입이 아닙니다." },
-      "email": { "fullError": "\"{value}\"는 올바른 이메일 형식이어야 합니다." },
-      "number": { "fullError": "\"{value}\"는 반드시 숫자이어야 합니다." },
-      "tel": { "fullError": "\"{value}\"는 올바른 전화번호 형식이어야 합니다." },
-      "url": { "fullError": "\"{value}\"는 올바른 URL 형식이어야 합니다." }
-    }
-  },
-  "selections": {
-    "selectAll": "모두 선택"
-  }
-}

package/src/styles/variables/themes/digits-dark.css

@@ -1,129 +0,0 @@
-/**
- * Do not edit directly.
- * This file contains the specific variables for the "digits-dark" theme.
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:26 GMT
- */
-.dark,
-.onyx-theme-digits-dark {
-  --onyx-color-base-background-blank: var(--onyx-color-steel-1100);
-  --onyx-color-base-background-tinted: var(--onyx-color-steel-1200);
-  --onyx-color-base-danger-100: var(--onyx-color-red-1100);
-  --onyx-color-base-danger-200: var(--onyx-color-red-1000);
-  --onyx-color-base-danger-300: var(--onyx-color-red-900);
-  --onyx-color-base-danger-400: var(--onyx-color-red-800);
-  --onyx-color-base-danger-500: var(--onyx-color-red-700);
-  --onyx-color-base-danger-600: var(--onyx-color-red-600);
-  --onyx-color-base-danger-700: var(--onyx-color-red-500);
-  --onyx-color-base-danger-800: var(--onyx-color-red-400);
-  --onyx-color-base-danger-900: var(--onyx-color-red-300);
-  --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
-  --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
-  --onyx-color-base-info-100: var(--onyx-color-purple-1100);
-  --onyx-color-base-info-200: var(--onyx-color-purple-1000);
-  --onyx-color-base-info-300: var(--onyx-color-purple-900);
-  --onyx-color-base-info-400: var(--onyx-color-purple-800);
-  --onyx-color-base-info-500: var(--onyx-color-purple-700);
-  --onyx-color-base-info-600: var(--onyx-color-purple-600);
-  --onyx-color-base-info-700: var(--onyx-color-purple-500);
-  --onyx-color-base-info-800: var(--onyx-color-purple-400);
-  --onyx-color-base-info-900: var(--onyx-color-purple-300);
-  --onyx-color-base-neutral-100: var(--onyx-color-steel-1100);
-  --onyx-color-base-neutral-200: var(--onyx-color-steel-1000);
-  --onyx-color-base-neutral-300: var(--onyx-color-steel-900);
-  --onyx-color-base-neutral-400: var(--onyx-color-steel-800);
-  --onyx-color-base-neutral-500: var(--onyx-color-steel-700);
-  --onyx-color-base-neutral-600: var(--onyx-color-steel-600);
-  --onyx-color-base-neutral-700: var(--onyx-color-steel-500);
-  --onyx-color-base-neutral-800: var(--onyx-color-steel-400);
-  --onyx-color-base-neutral-900: var(--onyx-color-steel-300);
-  --onyx-color-base-primary-100: var(--onyx-color-onyx-1100);
-  --onyx-color-base-primary-200: var(--onyx-color-onyx-1000);
-  --onyx-color-base-primary-300: var(--onyx-color-onyx-900);
-  --onyx-color-base-primary-400: var(--onyx-color-onyx-800);
-  --onyx-color-base-primary-500: var(--onyx-color-onyx-700);
-  --onyx-color-base-primary-600: var(--onyx-color-onyx-600);
-  --onyx-color-base-primary-700: var(--onyx-color-onyx-500);
-  --onyx-color-base-primary-800: var(--onyx-color-onyx-400);
-  --onyx-color-base-primary-900: var(--onyx-color-onyx-300);
-  --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);
-  --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);
-  --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);
-  --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);
-  --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);
-  --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);
-  --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);
-  --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);
-  --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);
-  --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);
-  --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);
-  --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);
-  --onyx-color-base-success-100: var(--onyx-color-green-1100);
-  --onyx-color-base-success-200: var(--onyx-color-green-1000);
-  --onyx-color-base-success-300: var(--onyx-color-green-900);
-  --onyx-color-base-success-400: var(--onyx-color-green-800);
-  --onyx-color-base-success-500: var(--onyx-color-green-700);
-  --onyx-color-base-success-600: var(--onyx-color-green-600);
-  --onyx-color-base-success-700: var(--onyx-color-green-500);
-  --onyx-color-base-success-800: var(--onyx-color-green-400);
-  --onyx-color-base-success-900: var(--onyx-color-green-300);
-  --onyx-color-base-warning-100: var(--onyx-color-orange-1100);
-  --onyx-color-base-warning-200: var(--onyx-color-orange-1000);
-  --onyx-color-base-warning-300: var(--onyx-color-orange-900);
-  --onyx-color-base-warning-400: var(--onyx-color-orange-800);
-  --onyx-color-base-warning-500: var(--onyx-color-orange-700);
-  --onyx-color-base-warning-600: var(--onyx-color-orange-600);
-  --onyx-color-base-warning-700: var(--onyx-color-orange-500);
-  --onyx-color-base-warning-800: var(--onyx-color-orange-400);
-  --onyx-color-base-warning-900: var(--onyx-color-orange-300);
-  --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
-  --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
-  --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
-  --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
-  --onyx-color-component-border-success: var(--onyx-color-base-success-500);
-  --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
-  --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
-  --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-400);
-  --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
-  --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);
-  --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
-  --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
-  --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
-  --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-medium);
-  --onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);
-  --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
-  --onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);
-  --onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);
-  --onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);
-  --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
-  --onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);
-  --onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);
-  --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
-  --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);
-  --onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);
-  --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);
-  --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);
-  --onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-400);
-  --onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);
-  --onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-700);
-  --onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-900);
-  --onyx-color-text-icons-success-bold: var(--onyx-color-green-400);
-  --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
-  --onyx-color-text-icons-success-medium: var(--onyx-color-green-700);
-  --onyx-color-text-icons-success-soft: var(--onyx-color-green-900);
-  --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);
-  --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
-  --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);
-  --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);
-  --onyx-radius-full: var(--onyx-number-radius-600);
-  --onyx-radius-lg: var(--onyx-number-radius-400);
-  --onyx-radius-md: var(--onyx-number-radius-300);
-  --onyx-radius-sm: var(--onyx-number-radius-200);
-  --onyx-radius-xl: var(--onyx-number-radius-500);
-  --onyx-radius-xs: var(--onyx-number-radius-100);
-}

package/src/styles/variables/themes/digits-light.css

@@ -1,129 +0,0 @@
-/**
- * Do not edit directly.
- * This file contains the specific variables for the "digits-light" theme.
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:18 GMT
- */
-:where(:root),
-.onyx-theme-digits-light {
-  --onyx-color-base-background-blank: var(--onyx-color-grayscale-white);
-  --onyx-color-base-background-tinted: var(--onyx-color-steel-100);
-  --onyx-color-base-danger-100: var(--onyx-color-red-100);
-  --onyx-color-base-danger-200: var(--onyx-color-red-200);
-  --onyx-color-base-danger-300: var(--onyx-color-red-300);
-  --onyx-color-base-danger-400: var(--onyx-color-red-400);
-  --onyx-color-base-danger-500: var(--onyx-color-red-500);
-  --onyx-color-base-danger-600: var(--onyx-color-red-600);
-  --onyx-color-base-danger-700: var(--onyx-color-red-700);
-  --onyx-color-base-danger-800: var(--onyx-color-red-800);
-  --onyx-color-base-danger-900: var(--onyx-color-red-900);
-  --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
-  --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
-  --onyx-color-base-info-100: var(--onyx-color-purple-100);
-  --onyx-color-base-info-200: var(--onyx-color-purple-200);
-  --onyx-color-base-info-300: var(--onyx-color-purple-300);
-  --onyx-color-base-info-400: var(--onyx-color-purple-400);
-  --onyx-color-base-info-500: var(--onyx-color-purple-500);
-  --onyx-color-base-info-600: var(--onyx-color-purple-600);
-  --onyx-color-base-info-700: var(--onyx-color-purple-700);
-  --onyx-color-base-info-800: var(--onyx-color-purple-800);
-  --onyx-color-base-info-900: var(--onyx-color-purple-900);
-  --onyx-color-base-neutral-100: var(--onyx-color-steel-100);
-  --onyx-color-base-neutral-200: var(--onyx-color-steel-200);
-  --onyx-color-base-neutral-300: var(--onyx-color-steel-300);
-  --onyx-color-base-neutral-400: var(--onyx-color-steel-400);
-  --onyx-color-base-neutral-500: var(--onyx-color-steel-500);
-  --onyx-color-base-neutral-600: var(--onyx-color-steel-600);
-  --onyx-color-base-neutral-700: var(--onyx-color-steel-700);
-  --onyx-color-base-neutral-800: var(--onyx-color-steel-800);
-  --onyx-color-base-neutral-900: var(--onyx-color-steel-900);
-  --onyx-color-base-primary-100: var(--onyx-color-onyx-100);
-  --onyx-color-base-primary-200: var(--onyx-color-onyx-200);
-  --onyx-color-base-primary-300: var(--onyx-color-onyx-300);
-  --onyx-color-base-primary-400: var(--onyx-color-onyx-400);
-  --onyx-color-base-primary-500: var(--onyx-color-onyx-500);
-  --onyx-color-base-primary-600: var(--onyx-color-onyx-600);
-  --onyx-color-base-primary-700: var(--onyx-color-onyx-700);
-  --onyx-color-base-primary-800: var(--onyx-color-onyx-800);
-  --onyx-color-base-primary-900: var(--onyx-color-onyx-900);
-  --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-100);
-  --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-200);
-  --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-300);
-  --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-400);
-  --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-500);
-  --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-600);
-  --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-700);
-  --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-800);
-  --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-900);
-  --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1000);
-  --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1100);
-  --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1200);
-  --onyx-color-base-success-100: var(--onyx-color-green-100);
-  --onyx-color-base-success-200: var(--onyx-color-green-200);
-  --onyx-color-base-success-300: var(--onyx-color-green-300);
-  --onyx-color-base-success-400: var(--onyx-color-green-400);
-  --onyx-color-base-success-500: var(--onyx-color-green-500);
-  --onyx-color-base-success-600: var(--onyx-color-green-600);
-  --onyx-color-base-success-700: var(--onyx-color-green-700);
-  --onyx-color-base-success-800: var(--onyx-color-green-800);
-  --onyx-color-base-success-900: var(--onyx-color-green-900);
-  --onyx-color-base-warning-100: var(--onyx-color-orange-100);
-  --onyx-color-base-warning-200: var(--onyx-color-orange-200);
-  --onyx-color-base-warning-300: var(--onyx-color-orange-300);
-  --onyx-color-base-warning-400: var(--onyx-color-orange-400);
-  --onyx-color-base-warning-500: var(--onyx-color-orange-500);
-  --onyx-color-base-warning-600: var(--onyx-color-orange-600);
-  --onyx-color-base-warning-700: var(--onyx-color-orange-700);
-  --onyx-color-base-warning-800: var(--onyx-color-orange-800);
-  --onyx-color-base-warning-900: var(--onyx-color-orange-900);
-  --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
-  --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
-  --onyx-color-component-border-primary: var(--onyx-color-base-primary-500);
-  --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-400);
-  --onyx-color-component-border-success: var(--onyx-color-base-success-500);
-  --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
-  --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-cta-default: var(--onyx-color-base-primary-500);
-  --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-300);
-  --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
-  --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-focus-primary: var(--onyx-color-base-primary-200);
-  --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
-  --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
-  --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-soft);
-  --onyx-color-text-icons-danger-bold: var(--onyx-color-red-700);
-  --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
-  --onyx-color-text-icons-danger-medium: var(--onyx-color-red-300);
-  --onyx-color-text-icons-danger-soft: var(--onyx-color-red-200);
-  --onyx-color-text-icons-info-bold: var(--onyx-color-purple-700);
-  --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
-  --onyx-color-text-icons-info-medium: var(--onyx-color-purple-300);
-  --onyx-color-text-icons-info-soft: var(--onyx-color-purple-200);
-  --onyx-color-text-icons-neutral-button: var(--onyx-color-grayscale-white);
-  --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-900);
-  --onyx-color-text-icons-neutral-inverted: var(--onyx-color-grayscale-white);
-  --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-600);
-  --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-500);
-  --onyx-color-text-icons-primary-bold: var(--onyx-color-onyx-700);
-  --onyx-color-text-icons-primary-intense: var(--onyx-color-onyx-500);
-  --onyx-color-text-icons-primary-medium: var(--onyx-color-onyx-300);
-  --onyx-color-text-icons-primary-soft: var(--onyx-color-onyx-200);
-  --onyx-color-text-icons-success-bold: var(--onyx-color-green-700);
-  --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
-  --onyx-color-text-icons-success-medium: var(--onyx-color-green-300);
-  --onyx-color-text-icons-success-soft: var(--onyx-color-green-200);
-  --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-700);
-  --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
-  --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-300);
-  --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-200);
-  --onyx-radius-full: var(--onyx-number-radius-600);
-  --onyx-radius-lg: var(--onyx-number-radius-400);
-  --onyx-radius-md: var(--onyx-number-radius-300);
-  --onyx-radius-sm: var(--onyx-number-radius-200);
-  --onyx-radius-xl: var(--onyx-number-radius-500);
-  --onyx-radius-xs: var(--onyx-number-radius-100);
-}

package/src/styles/variables/themes/kaufland-dark.css

@@ -1,129 +0,0 @@
-/**
- * Do not edit directly.
- * This file contains the specific variables for the "kaufland-dark" theme.
- * Imported from Figma API on Mon, 16 Dec 2024 14:51:26 GMT
- */
-.dark,
-.onyx-theme-kaufland-dark {
-  --onyx-color-base-background-blank: var(--onyx-color-stone-1100);
-  --onyx-color-base-background-tinted: var(--onyx-color-stone-1200);
-  --onyx-color-base-danger-100: var(--onyx-color-red-1100);
-  --onyx-color-base-danger-200: var(--onyx-color-red-1000);
-  --onyx-color-base-danger-300: var(--onyx-color-red-900);
-  --onyx-color-base-danger-400: var(--onyx-color-red-800);
-  --onyx-color-base-danger-500: var(--onyx-color-red-700);
-  --onyx-color-base-danger-600: var(--onyx-color-red-600);
-  --onyx-color-base-danger-700: var(--onyx-color-red-500);
-  --onyx-color-base-danger-800: var(--onyx-color-red-400);
-  --onyx-color-base-danger-900: var(--onyx-color-red-300);
-  --onyx-color-base-grayscale-black: var(--onyx-color-grayscale-black);
-  --onyx-color-base-grayscale-white: var(--onyx-color-grayscale-white);
-  --onyx-color-base-info-100: var(--onyx-color-purple-1100);
-  --onyx-color-base-info-200: var(--onyx-color-purple-1000);
-  --onyx-color-base-info-300: var(--onyx-color-purple-900);
-  --onyx-color-base-info-400: var(--onyx-color-purple-800);
-  --onyx-color-base-info-500: var(--onyx-color-purple-700);
-  --onyx-color-base-info-600: var(--onyx-color-purple-600);
-  --onyx-color-base-info-700: var(--onyx-color-purple-500);
-  --onyx-color-base-info-800: var(--onyx-color-purple-400);
-  --onyx-color-base-info-900: var(--onyx-color-purple-300);
-  --onyx-color-base-neutral-100: var(--onyx-color-stone-1100);
-  --onyx-color-base-neutral-200: var(--onyx-color-stone-1000);
-  --onyx-color-base-neutral-300: var(--onyx-color-stone-900);
-  --onyx-color-base-neutral-400: var(--onyx-color-stone-800);
-  --onyx-color-base-neutral-500: var(--onyx-color-stone-700);
-  --onyx-color-base-neutral-600: var(--onyx-color-stone-600);
-  --onyx-color-base-neutral-700: var(--onyx-color-stone-500);
-  --onyx-color-base-neutral-800: var(--onyx-color-stone-400);
-  --onyx-color-base-neutral-900: var(--onyx-color-stone-300);
-  --onyx-color-base-primary-100: var(--onyx-color-kl-1100);
-  --onyx-color-base-primary-200: var(--onyx-color-kl-1000);
-  --onyx-color-base-primary-300: var(--onyx-color-kl-900);
-  --onyx-color-base-primary-400: var(--onyx-color-kl-800);
-  --onyx-color-base-primary-500: var(--onyx-color-kl-700);
-  --onyx-color-base-primary-600: var(--onyx-color-kl-600);
-  --onyx-color-base-primary-700: var(--onyx-color-kl-500);
-  --onyx-color-base-primary-800: var(--onyx-color-kl-400);
-  --onyx-color-base-primary-900: var(--onyx-color-kl-300);
-  --onyx-color-base-quantitatives-100: var(--onyx-color-quantitatives-150);
-  --onyx-color-base-quantitatives-200: var(--onyx-color-quantitatives-250);
-  --onyx-color-base-quantitatives-300: var(--onyx-color-quantitatives-350);
-  --onyx-color-base-quantitatives-400: var(--onyx-color-quantitatives-450);
-  --onyx-color-base-quantitatives-500: var(--onyx-color-quantitatives-550);
-  --onyx-color-base-quantitatives-600: var(--onyx-color-quantitatives-650);
-  --onyx-color-base-quantitatives-700: var(--onyx-color-quantitatives-750);
-  --onyx-color-base-quantitatives-800: var(--onyx-color-quantitatives-850);
-  --onyx-color-base-quantitatives-900: var(--onyx-color-quantitatives-950);
-  --onyx-color-base-quantitatives-1000: var(--onyx-color-quantitatives-1050);
-  --onyx-color-base-quantitatives-1100: var(--onyx-color-quantitatives-1150);
-  --onyx-color-base-quantitatives-1200: var(--onyx-color-quantitatives-1250);
-  --onyx-color-base-success-100: var(--onyx-color-green-1100);
-  --onyx-color-base-success-200: var(--onyx-color-green-1000);
-  --onyx-color-base-success-300: var(--onyx-color-green-900);
-  --onyx-color-base-success-400: var(--onyx-color-green-800);
-  --onyx-color-base-success-500: var(--onyx-color-green-700);
-  --onyx-color-base-success-600: var(--onyx-color-green-600);
-  --onyx-color-base-success-700: var(--onyx-color-green-500);
-  --onyx-color-base-success-800: var(--onyx-color-green-400);
-  --onyx-color-base-success-900: var(--onyx-color-green-300);
-  --onyx-color-base-warning-100: var(--onyx-color-orange-1100);
-  --onyx-color-base-warning-200: var(--onyx-color-orange-1000);
-  --onyx-color-base-warning-300: var(--onyx-color-orange-900);
-  --onyx-color-base-warning-400: var(--onyx-color-orange-800);
-  --onyx-color-base-warning-500: var(--onyx-color-orange-700);
-  --onyx-color-base-warning-600: var(--onyx-color-orange-600);
-  --onyx-color-base-warning-700: var(--onyx-color-orange-500);
-  --onyx-color-base-warning-800: var(--onyx-color-orange-400);
-  --onyx-color-base-warning-900: var(--onyx-color-orange-300);
-  --onyx-color-component-border-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-border-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-border-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-border-neutral: var(--onyx-color-base-neutral-300);
-  --onyx-color-component-border-neutral-hover: var(--onyx-color-base-neutral-400);
-  --onyx-color-component-border-primary: var(--onyx-color-base-primary-700);
-  --onyx-color-component-border-primary-hover: var(--onyx-color-base-primary-600);
-  --onyx-color-component-border-success: var(--onyx-color-base-success-500);
-  --onyx-color-component-border-success-hover: var(--onyx-color-base-success-400);
-  --onyx-color-component-cta-danger: var(--onyx-color-base-danger-500);
-  --onyx-color-component-cta-danger-hover: var(--onyx-color-base-danger-400);
-  --onyx-color-component-cta-default: var(--onyx-color-base-primary-800);
-  --onyx-color-component-cta-default-hover: var(--onyx-color-base-primary-600);
-  --onyx-color-component-cta-disabled: var(--onyx-color-base-neutral-200);
-  --onyx-color-component-focus-danger: var(--onyx-color-base-danger-300);
-  --onyx-color-component-focus-neutral: var(--onyx-color-base-neutral-500);
-  --onyx-color-component-focus-primary: var(--onyx-color-base-primary-500);
-  --onyx-color-component-focus-success: var(--onyx-color-base-success-200);
-  --onyx-color-component-focus-warning: var(--onyx-color-base-warning-200);
-  --onyx-color-component-opacity-backdrop: var(--onyx-color-opacity-medium);
-  --onyx-color-text-icons-danger-bold: var(--onyx-color-red-400);
-  --onyx-color-text-icons-danger-intense: var(--onyx-color-red-500);
-  --onyx-color-text-icons-danger-medium: var(--onyx-color-red-700);
-  --onyx-color-text-icons-danger-soft: var(--onyx-color-red-900);
-  --onyx-color-text-icons-info-bold: var(--onyx-color-purple-400);
-  --onyx-color-text-icons-info-intense: var(--onyx-color-purple-500);
-  --onyx-color-text-icons-info-medium: var(--onyx-color-purple-700);
-  --onyx-color-text-icons-info-soft: var(--onyx-color-purple-900);
-  --onyx-color-text-icons-neutral-button: var(--onyx-color-stone-1200);
-  --onyx-color-text-icons-neutral-intense: var(--onyx-color-stone-200);
-  --onyx-color-text-icons-neutral-inverted: var(--onyx-color-stone-1200);
-  --onyx-color-text-icons-neutral-medium: var(--onyx-color-stone-400);
-  --onyx-color-text-icons-neutral-soft: var(--onyx-color-stone-600);
-  --onyx-color-text-icons-primary-bold: var(--onyx-color-kl-100);
-  --onyx-color-text-icons-primary-intense: var(--onyx-color-kl-200);
-  --onyx-color-text-icons-primary-medium: var(--onyx-color-kl-400);
-  --onyx-color-text-icons-primary-soft: var(--onyx-color-kl-500);
-  --onyx-color-text-icons-success-bold: var(--onyx-color-green-400);
-  --onyx-color-text-icons-success-intense: var(--onyx-color-green-500);
-  --onyx-color-text-icons-success-medium: var(--onyx-color-green-700);
-  --onyx-color-text-icons-success-soft: var(--onyx-color-green-900);
-  --onyx-color-text-icons-warning-bold: var(--onyx-color-orange-400);
-  --onyx-color-text-icons-warning-intense: var(--onyx-color-orange-500);
-  --onyx-color-text-icons-warning-medium: var(--onyx-color-orange-700);
-  --onyx-color-text-icons-warning-soft: var(--onyx-color-orange-900);
-  --onyx-radius-full: var(--onyx-number-radius-600);
-  --onyx-radius-lg: var(--onyx-number-radius-400);
-  --onyx-radius-md: var(--onyx-number-radius-300);
-  --onyx-radius-sm: var(--onyx-number-radius-200);
-  --onyx-radius-xl: var(--onyx-number-radius-500);
-  --onyx-radius-xs: var(--onyx-number-radius-100);
-}