@gnist/design-system 0.1.0

package/dist/translations/en.cjs

@@ -0,0 +1,77 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {
+  components: {
+    feedback: {
+      alerts: {
+        dismissLabel: "Close"
+      }
+    },
+    surfaces: {
+      modal: {
+        dismissLabel: "Close"
+      }
+    },
+    inputs: {
+      pickers: {
+        calendar: {
+          calendar: "Calendar",
+          showPreviousMonth: "Show previous month",
+          showNextMonth: "Show next month",
+          shortDayNames: {
+            mon: "Mon",
+            tue: "Tue",
+            wed: "Wed",
+            thu: "Thu",
+            fri: "Fri",
+            sat: "Sat",
+            sun: "Sun"
+          },
+          monthNames: {
+            1: "January",
+            2: "February",
+            3: "March",
+            4: "April",
+            5: "May",
+            6: "June",
+            7: "July",
+            8: "August",
+            9: "September",
+            10: "October",
+            11: "November",
+            12: "December"
+          }
+        }
+      }
+    }
+  },
+  validation: {
+    defaultRequiredError: "Please fill out this field",
+    required: "Required",
+    optional: "Optional",
+    characters: "characters",
+    digits: "digits",
+    errors: {
+      invalidCharacters: "Contains invalid characters.",
+      onlyDigits: "Can only contain digits.",
+      invalidEmail: "Invalid email address.",
+      invalidName: "Invalid name.",
+      invalidNameRegex: "Can only contain letters, spaces, apostrophes and hyphens.",
+      invalidPhoneNumber: "Invalid phone number.",
+      invalidCellPhoneFirstDigit: "The first digit must be 4 or 9.",
+      invalidRegistrationNumber: "Must consist of 2 letters and 5 digits. Example: AB12345",
+      invalidLength: (length, characterType) => `Must consist of ${length} ${characterType}.`,
+      invalidMaxLength: (maxLength, characterType) => `Cannot be longer than ${maxLength} ${characterType}.`
+    }
+  },
+  form: {
+    fieldNecessityPreamble: {
+      allFieldsRequired: "All fields are required",
+      allFieldsOptional: "All fields are optional",
+      allFieldsRequiredUnless: "All fields are required unless otherwise specified",
+      allFieldsOptionalUnless: "All fields are optional unless otherwise specified"
+    }
+  }
+};
+exports.en = en;

package/dist/translations/en.d.ts

@@ -0,0 +1,3 @@
+import { Translation } from "./types.js";
+export declare const en: Translation;
+//# sourceMappingURL=en.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,EAAE,EAAE,WA8EhB,CAAC"}

package/dist/translations/en.js

@@ -0,0 +1,77 @@
+"use client";
+const en = {
+  components: {
+    feedback: {
+      alerts: {
+        dismissLabel: "Close"
+      }
+    },
+    surfaces: {
+      modal: {
+        dismissLabel: "Close"
+      }
+    },
+    inputs: {
+      pickers: {
+        calendar: {
+          calendar: "Calendar",
+          showPreviousMonth: "Show previous month",
+          showNextMonth: "Show next month",
+          shortDayNames: {
+            mon: "Mon",
+            tue: "Tue",
+            wed: "Wed",
+            thu: "Thu",
+            fri: "Fri",
+            sat: "Sat",
+            sun: "Sun"
+          },
+          monthNames: {
+            1: "January",
+            2: "February",
+            3: "March",
+            4: "April",
+            5: "May",
+            6: "June",
+            7: "July",
+            8: "August",
+            9: "September",
+            10: "October",
+            11: "November",
+            12: "December"
+          }
+        }
+      }
+    }
+  },
+  validation: {
+    defaultRequiredError: "Please fill out this field",
+    required: "Required",
+    optional: "Optional",
+    characters: "characters",
+    digits: "digits",
+    errors: {
+      invalidCharacters: "Contains invalid characters.",
+      onlyDigits: "Can only contain digits.",
+      invalidEmail: "Invalid email address.",
+      invalidName: "Invalid name.",
+      invalidNameRegex: "Can only contain letters, spaces, apostrophes and hyphens.",
+      invalidPhoneNumber: "Invalid phone number.",
+      invalidCellPhoneFirstDigit: "The first digit must be 4 or 9.",
+      invalidRegistrationNumber: "Must consist of 2 letters and 5 digits. Example: AB12345",
+      invalidLength: (length, characterType) => `Must consist of ${length} ${characterType}.`,
+      invalidMaxLength: (maxLength, characterType) => `Cannot be longer than ${maxLength} ${characterType}.`
+    }
+  },
+  form: {
+    fieldNecessityPreamble: {
+      allFieldsRequired: "All fields are required",
+      allFieldsOptional: "All fields are optional",
+      allFieldsRequiredUnless: "All fields are required unless otherwise specified",
+      allFieldsOptionalUnless: "All fields are optional unless otherwise specified"
+    }
+  }
+};
+export {
+  en
+};

package/dist/translations/index.cjs

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = require("./en.cjs");
+const no = require("./no.cjs");
+const LocalizationProvider = require("./LocalizationProvider.cjs");
+const translations = { en: en.en, no: no.no };
+function translate(selector) {
+  return (lang) => selector(translations[lang]);
+}
+const sliceTranslate = (selectSlice) => (selector) => (lang) => selector(selectSlice(translations[lang]));
+function useTranslation(selectSlice) {
+  const lang = LocalizationProvider.useLanguage();
+  if (selectSlice) {
+    return selectSlice(translations[lang]);
+  }
+  return translations[lang];
+}
+exports.en = en.en;
+exports.no = no.no;
+exports.LocalizationProvider = LocalizationProvider.LocalizationProvider;
+exports.useLanguage = LocalizationProvider.useLanguage;
+exports.useLocalization = LocalizationProvider.useLocalization;
+exports.sliceTranslate = sliceTranslate;
+exports.translate = translate;
+exports.translations = translations;
+exports.useTranslation = useTranslation;

package/dist/translations/index.d.ts

@@ -0,0 +1,38 @@
+import type { Language, Translation } from "./types.js";
+export declare const translations: Record<Language, Translation>;
+export type { Language, Translation } from "./types.js";
+export { en } from "./en.js";
+export { no } from "./no.js";
+export * from "./LocalizationProvider.js";
+/**
+ * Translation utility function, convenient in functions that are **not** React components or hooks,
+ * e.g. validation steps, where the language will be supplied at render time.
+ *
+ * For use in components or hooks, it's easier to use {@link useTranslation}.
+ * @param selector Select the wanted translation from the translations object
+ * @returns A function which accepts a language and returns the wanted translation
+ */
+export declare function translate<T>(selector: (translation: Translation) => T): (lang: Language) => T;
+/**
+ * Utility function to reduce the need for repeating the same path in multiple {@link translate} selectors.
+ * Convenient when you need several texts from a specific slice of the translations.
+ *
+ * For use in components or hooks, it's easier to use {@link useTranslation}.
+ * @param selectSlice Select the wanted slice of the translation object
+ * @returns A {@link translate} function which operates on the wanted slice of the translations object
+ */
+export declare const sliceTranslate: <S>(selectSlice: (translation: Translation) => S) => <T>(selector: (slice: S) => T) => (lang: Language) => T;
+/**
+ * Returns the whole translations object for the currently active language.
+ *
+ * For translations outside of components or hooks, see {@link translate}.
+ */
+export declare function useTranslation(): Translation;
+/**
+ * Returns the wanted translation slice for the currently active language.
+ * @param selectSlice Select the wanted slice of the translations object
+ *
+ * For translations outside of components or hooks, see {@link sliceTranslate}.
+ */
+export declare function useTranslation<S>(selectSlice: (translation: Translation) => S): S;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/translations/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAKxD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAc,CAAC;AAEtE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,cAAc,2BAA2B,CAAC;AAE1C;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACvB,QAAQ,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,CAAC,GAC1C,CAAC,IAAI,EAAE,QAAQ,KAAK,CAAC,CAEvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GACtB,CAAC,eAAe,CAAC,WAAW,EAAE,WAAW,KAAK,CAAC,MAC/C,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YACtB,QAAQ,MAC8B,CAAC;AAElD;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAAC;AAC9C;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAC5B,WAAW,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,CAAC,GAC7C,CAAC,CAAC"}

package/dist/translations/index.js

@@ -0,0 +1,28 @@
+"use client";
+import { en } from "./en.js";
+import { no } from "./no.js";
+import { useLanguage } from "./LocalizationProvider.js";
+import { LocalizationProvider, useLocalization } from "./LocalizationProvider.js";
+const translations = { en, no };
+function translate(selector) {
+  return (lang) => selector(translations[lang]);
+}
+const sliceTranslate = (selectSlice) => (selector) => (lang) => selector(selectSlice(translations[lang]));
+function useTranslation(selectSlice) {
+  const lang = useLanguage();
+  if (selectSlice) {
+    return selectSlice(translations[lang]);
+  }
+  return translations[lang];
+}
+export {
+  LocalizationProvider,
+  en,
+  no,
+  sliceTranslate,
+  translate,
+  translations,
+  useLanguage,
+  useLocalization,
+  useTranslation
+};

package/dist/translations/no.cjs

@@ -0,0 +1,77 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const no = {
+  components: {
+    feedback: {
+      alerts: {
+        dismissLabel: "Lukk"
+      }
+    },
+    surfaces: {
+      modal: {
+        dismissLabel: "Lukk"
+      }
+    },
+    inputs: {
+      pickers: {
+        calendar: {
+          calendar: "Kalender",
+          showPreviousMonth: "Vis forrige måned",
+          showNextMonth: "Vis neste måned",
+          shortDayNames: {
+            mon: "Man",
+            tue: "Tir",
+            wed: "Ons",
+            thu: "Tor",
+            fri: "Fre",
+            sat: "Lør",
+            sun: "Søn"
+          },
+          monthNames: {
+            1: "Januar",
+            2: "Februar",
+            3: "Mars",
+            4: "April",
+            5: "Mai",
+            6: "Juni",
+            7: "Juli",
+            8: "August",
+            9: "September",
+            10: "Oktober",
+            11: "November",
+            12: "Desember"
+          }
+        }
+      }
+    }
+  },
+  validation: {
+    defaultRequiredError: "Vennligst fyll ut dette feltet.",
+    required: "Må fylles ut",
+    optional: "Valgfritt",
+    characters: "tegn",
+    digits: "siffer",
+    errors: {
+      invalidCharacters: "Inneholder ugyldige tegn.",
+      onlyDigits: "Kan kun inneholde siffer.",
+      invalidEmail: "Ugyldig e-postadresse.",
+      invalidName: "Ugyldig navn.",
+      invalidNameRegex: "Kan kun inneholde bokstaver, mellomrom, apostrof og bindestrek.",
+      invalidPhoneNumber: "Ugyldig telefonnummer.",
+      invalidCellPhoneFirstDigit: "Må starte med 4 eller 9.",
+      invalidRegistrationNumber: "Må bestå av 2 bokstaver og 5 siffer. Eksempel: AB12345",
+      invalidLength: (length, characterType) => `Må bestå av ${length} ${characterType}.`,
+      invalidMaxLength: (maxLength, characterType) => `Kan ikke være mer enn ${maxLength} ${characterType}.`
+    }
+  },
+  form: {
+    fieldNecessityPreamble: {
+      allFieldsRequired: "Alle felter må fylles ut.",
+      allFieldsOptional: "Alle felter er valgfri.",
+      allFieldsRequiredUnless: "Alle felter må fylles ut med mindre noe annet er spesifisert.",
+      allFieldsOptionalUnless: "Alle felter er valgfri med mindre noe annet er spesifisert."
+    }
+  }
+};
+exports.no = no;

package/dist/translations/no.d.ts

@@ -0,0 +1,74 @@
+export declare const no: {
+    components: {
+        feedback: {
+            alerts: {
+                dismissLabel: string;
+            };
+        };
+        surfaces: {
+            modal: {
+                dismissLabel: string;
+            };
+        };
+        inputs: {
+            pickers: {
+                calendar: {
+                    calendar: string;
+                    showPreviousMonth: string;
+                    showNextMonth: string;
+                    shortDayNames: {
+                        mon: string;
+                        tue: string;
+                        wed: string;
+                        thu: string;
+                        fri: string;
+                        sat: string;
+                        sun: string;
+                    };
+                    monthNames: {
+                        1: string;
+                        2: string;
+                        3: string;
+                        4: string;
+                        5: string;
+                        6: string;
+                        7: string;
+                        8: string;
+                        9: string;
+                        10: string;
+                        11: string;
+                        12: string;
+                    };
+                };
+            };
+        };
+    };
+    validation: {
+        defaultRequiredError: string;
+        required: string;
+        optional: string;
+        characters: string;
+        digits: string;
+        errors: {
+            invalidCharacters: string;
+            onlyDigits: string;
+            invalidEmail: string;
+            invalidName: string;
+            invalidNameRegex: string;
+            invalidPhoneNumber: string;
+            invalidCellPhoneFirstDigit: string;
+            invalidRegistrationNumber: string;
+            invalidLength: (length: number, characterType: string) => string;
+            invalidMaxLength: (maxLength: number, characterType: string) => string;
+        };
+    };
+    form: {
+        fieldNecessityPreamble: {
+            allFieldsRequired: string;
+            allFieldsOptional: string;
+            allFieldsRequiredUnless: string;
+            allFieldsOptionalUnless: string;
+        };
+    };
+};
+//# sourceMappingURL=no.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"no.d.ts","sourceRoot":"","sources":["../../src/translations/no.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8DqB,MAAM,iBAAiB,MAAM;0CAEvB,MAAM,iBAAiB,MAAM;;;;;;;;;;;CActE,CAAC"}

package/dist/translations/no.js

@@ -0,0 +1,77 @@
+"use client";
+const no = {
+  components: {
+    feedback: {
+      alerts: {
+        dismissLabel: "Lukk"
+      }
+    },
+    surfaces: {
+      modal: {
+        dismissLabel: "Lukk"
+      }
+    },
+    inputs: {
+      pickers: {
+        calendar: {
+          calendar: "Kalender",
+          showPreviousMonth: "Vis forrige måned",
+          showNextMonth: "Vis neste måned",
+          shortDayNames: {
+            mon: "Man",
+            tue: "Tir",
+            wed: "Ons",
+            thu: "Tor",
+            fri: "Fre",
+            sat: "Lør",
+            sun: "Søn"
+          },
+          monthNames: {
+            1: "Januar",
+            2: "Februar",
+            3: "Mars",
+            4: "April",
+            5: "Mai",
+            6: "Juni",
+            7: "Juli",
+            8: "August",
+            9: "September",
+            10: "Oktober",
+            11: "November",
+            12: "Desember"
+          }
+        }
+      }
+    }
+  },
+  validation: {
+    defaultRequiredError: "Vennligst fyll ut dette feltet.",
+    required: "Må fylles ut",
+    optional: "Valgfritt",
+    characters: "tegn",
+    digits: "siffer",
+    errors: {
+      invalidCharacters: "Inneholder ugyldige tegn.",
+      onlyDigits: "Kan kun inneholde siffer.",
+      invalidEmail: "Ugyldig e-postadresse.",
+      invalidName: "Ugyldig navn.",
+      invalidNameRegex: "Kan kun inneholde bokstaver, mellomrom, apostrof og bindestrek.",
+      invalidPhoneNumber: "Ugyldig telefonnummer.",
+      invalidCellPhoneFirstDigit: "Må starte med 4 eller 9.",
+      invalidRegistrationNumber: "Må bestå av 2 bokstaver og 5 siffer. Eksempel: AB12345",
+      invalidLength: (length, characterType) => `Må bestå av ${length} ${characterType}.`,
+      invalidMaxLength: (maxLength, characterType) => `Kan ikke være mer enn ${maxLength} ${characterType}.`
+    }
+  },
+  form: {
+    fieldNecessityPreamble: {
+      allFieldsRequired: "Alle felter må fylles ut.",
+      allFieldsOptional: "Alle felter er valgfri.",
+      allFieldsRequiredUnless: "Alle felter må fylles ut med mindre noe annet er spesifisert.",
+      allFieldsOptionalUnless: "Alle felter er valgfri med mindre noe annet er spesifisert."
+    }
+  }
+};
+export {
+  no
+};

package/dist/translations/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/translations/types.d.ts

@@ -0,0 +1,4 @@
+import { no } from "./no.js";
+export type Translation = typeof no;
+export type Language = "no" | "en";
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/translations/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B,MAAM,MAAM,WAAW,GAAG,OAAO,EAAE,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/utilities/accessibility/ScreenReaderOnly.cjs

@@ -0,0 +1,7 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const visuallyHidden_css = require("./visuallyHidden.css.cjs");
+const componentUtils = require("@gnist/component-utils");
+const ScreenReaderOnly = componentUtils.component("ScreenReaderOnly", visuallyHidden_css.visuallyHidden, "span");
+exports.ScreenReaderOnly = ScreenReaderOnly;

package/dist/utilities/accessibility/ScreenReaderOnly.d.ts

@@ -0,0 +1,2 @@
+export declare const ScreenReaderOnly: import("@gnist/component-utils").VanillaComponent<import("react").ElementType, "span">;
+//# sourceMappingURL=ScreenReaderOnly.d.ts.map

package/dist/utilities/accessibility/ScreenReaderOnly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderOnly.d.ts","sourceRoot":"","sources":["../../../src/utilities/accessibility/ScreenReaderOnly.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,wFAI5B,CAAC"}

package/dist/utilities/accessibility/ScreenReaderOnly.js

@@ -0,0 +1,7 @@
+"use client";
+import { visuallyHidden } from "./visuallyHidden.css.js";
+import { component } from "@gnist/component-utils";
+const ScreenReaderOnly = component("ScreenReaderOnly", visuallyHidden, "span");
+export {
+  ScreenReaderOnly
+};

package/dist/utilities/accessibility/index.cjs

@@ -0,0 +1,7 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ScreenReaderOnly = require("./ScreenReaderOnly.cjs");
+const visuallyHidden_css = require("./visuallyHidden.css.cjs");
+exports.ScreenReaderOnly = ScreenReaderOnly.ScreenReaderOnly;
+exports.visuallyHidden = visuallyHidden_css.visuallyHidden;

package/dist/utilities/accessibility/index.d.ts

@@ -0,0 +1,3 @@
+export { ScreenReaderOnly } from "./ScreenReaderOnly.js";
+export { visuallyHidden } from "./visuallyHidden.css.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/utilities/accessibility/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/accessibility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/utilities/accessibility/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { ScreenReaderOnly } from "./ScreenReaderOnly.js";
+import { visuallyHidden } from "./visuallyHidden.css.js";
+export {
+  ScreenReaderOnly,
+  visuallyHidden
+};

package/dist/utilities/accessibility/package.json

@@ -0,0 +1,7 @@
+{
+    "type": "module",
+    "internal": true,
+    "main": "./index.cjs",
+    "module": "./index.js",
+    "types": "./index.d.ts"
+}

package/dist/utilities/accessibility/visuallyHidden.css.cjs

@@ -0,0 +1,18 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const css = require("@vanilla-extract/css");
+const visuallyHidden = css.style({
+  border: "0 !important",
+  clip: "rect(1px, 1px, 1px, 1px) !important",
+  WebkitClipPath: "inset(50%) !important",
+  clipPath: "inset(50%) !important",
+  height: "1px !important",
+  margin: "-1px !important",
+  overflow: "hidden !important",
+  padding: "0 !important",
+  position: "absolute",
+  width: "1px !important",
+  whiteSpace: "nowrap !important"
+});
+exports.visuallyHidden = visuallyHidden;

package/dist/utilities/accessibility/visuallyHidden.css.d.ts

@@ -0,0 +1,2 @@
+export declare const visuallyHidden: string;
+//# sourceMappingURL=visuallyHidden.css.d.ts.map

package/dist/utilities/accessibility/visuallyHidden.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visuallyHidden.css.d.ts","sourceRoot":"","sources":["../../../src/utilities/accessibility/visuallyHidden.css.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc,QAYzB,CAAC"}

package/dist/utilities/accessibility/visuallyHidden.css.js

@@ -0,0 +1,18 @@
+"use client";
+import { style } from "@vanilla-extract/css";
+const visuallyHidden = style({
+  border: "0 !important",
+  clip: "rect(1px, 1px, 1px, 1px) !important",
+  WebkitClipPath: "inset(50%) !important",
+  clipPath: "inset(50%) !important",
+  height: "1px !important",
+  margin: "-1px !important",
+  overflow: "hidden !important",
+  padding: "0 !important",
+  position: "absolute",
+  width: "1px !important",
+  whiteSpace: "nowrap !important"
+});
+export {
+  visuallyHidden
+};