@staffbase/design 18.3.0

package/dist/fonts/inter.css

@@ -0,0 +1,65 @@
+/* Inter var cyrillic */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-cyrillic-variable.woff2') format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* Inter var cyrillic-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-cyrillic-ext-variable.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* Inter var greek */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-greek-variable.woff2') format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* Inter var greek-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-greek-ext-variable.woff2') format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* Inter var latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-latin-variable.woff2') format('woff2');
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* Inter var latin-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-latin-ext-variable.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* Inter var vietnamese */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./files/inter-vietnamese-variable.woff2') format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}

package/dist/hooks.cjs

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./main.cjs");
+let react = require("react");
+//#region src/hooks/date-time/useFormatDateTime.ts
+var useFormatDateTime = (locale, dateStyle, timeStyle) => {
+	return (0, react.useMemo)(() => new Intl.DateTimeFormat(locale, {
+		dateStyle,
+		timeStyle
+	}), [
+		locale,
+		dateStyle,
+		timeStyle
+	]);
+};
+//#endregion
+//#region src/hooks/date-time/useFormatRelativeTime.ts
+var useFormatRelativeTime = (locale) => {
+	const formatter = (0, react.useMemo)(() => new Intl.RelativeTimeFormat(locale, { numeric: "auto" }), [locale]);
+	return (0, react.useCallback)((duration) => {
+		if (duration.years) return formatter.format(duration.years, "year");
+		if (duration.months) return formatter.format(duration.months, "month");
+		if (duration.weeks) return formatter.format(duration.weeks, "week");
+		if (duration.days) return formatter.format(duration.days, "day");
+		return formatter.format(0, "day");
+	}, [formatter]);
+};
+//#endregion
+exports.useFormatDateTime = useFormatDateTime;
+exports.useFormatRelativeTime = useFormatRelativeTime;
+
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs","names":[],"sources":["../src/hooks/date-time/useFormatDateTime.ts","../src/hooks/date-time/useFormatRelativeTime.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport type {LocaleArgument} from './types';\n\ntype DateStyle = Extract<Intl.DateTimeFormatOptions['dateStyle'], 'short' | 'medium' | 'long'>;\ntype TimeStyle = Extract<Intl.DateTimeFormatOptions['timeStyle'], 'short' | 'medium'>;\n\nexport const useFormatDateTime = (\n  locale: LocaleArgument,\n  dateStyle: DateStyle | undefined,\n  timeStyle: TimeStyle | undefined,\n) => {\n  return useMemo(() => new Intl.DateTimeFormat(locale, {dateStyle, timeStyle}), [locale, dateStyle, timeStyle]);\n};\n","import {useCallback, useMemo} from 'react';\n\nimport type {LocaleArgument} from './types';\n\ntype Duration = {\n  years?: number;\n  months?: number;\n  weeks?: number;\n  days?: number;\n};\n\nexport const useFormatRelativeTime = (locale: LocaleArgument) => {\n  const formatter = useMemo(() => new Intl.RelativeTimeFormat(locale, {numeric: 'auto'}), [locale]);\n\n  return useCallback(\n    (duration: Duration) => {\n      if (duration.years) {\n        return formatter.format(duration.years, 'year');\n      }\n      if (duration.months) {\n        return formatter.format(duration.months, 'month');\n      }\n      if (duration.weeks) {\n        return formatter.format(duration.weeks, 'week');\n      }\n      if (duration.days) {\n        return formatter.format(duration.days, 'day');\n      }\n      return formatter.format(0, 'day');\n    },\n    [formatter],\n  );\n};\n"],"mappings":";;;;AAOA,IAAa,qBACX,QACA,WACA,cACG;AACH,SAAA,GAAA,MAAA,eAAqB,IAAI,KAAK,eAAe,QAAQ;EAAC;EAAW;EAAU,CAAC,EAAE;EAAC;EAAQ;EAAW;EAAU,CAAC;;;;ACD/G,IAAa,yBAAyB,WAA2B;CAC/D,MAAM,aAAA,GAAA,MAAA,eAA0B,IAAI,KAAK,mBAAmB,QAAQ,EAAC,SAAS,QAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAEjG,SAAA,GAAA,MAAA,cACG,aAAuB;AACtB,MAAI,SAAS,MACX,QAAO,UAAU,OAAO,SAAS,OAAO,OAAO;AAEjD,MAAI,SAAS,OACX,QAAO,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAEnD,MAAI,SAAS,MACX,QAAO,UAAU,OAAO,SAAS,OAAO,OAAO;AAEjD,MAAI,SAAS,KACX,QAAO,UAAU,OAAO,SAAS,MAAM,MAAM;AAE/C,SAAO,UAAU,OAAO,GAAG,MAAM;IAEnC,CAAC,UAAU,CACZ"}

package/dist/hooks.d.ts

@@ -0,0 +1,18 @@
+declare type DateStyle = Extract<Intl.DateTimeFormatOptions['dateStyle'], 'short' | 'medium' | 'long'>;
+
+declare type Duration = {
+    years?: number;
+    months?: number;
+    weeks?: number;
+    days?: number;
+};
+
+declare type LocaleArgument = string | readonly string[] | Intl.Locale | readonly Intl.Locale[];
+
+declare type TimeStyle = Extract<Intl.DateTimeFormatOptions['timeStyle'], 'short' | 'medium'>;
+
+export declare const useFormatDateTime: (locale: LocaleArgument, dateStyle: DateStyle | undefined, timeStyle: TimeStyle | undefined) => Intl.DateTimeFormat;
+
+export declare const useFormatRelativeTime: (locale: LocaleArgument) => (duration: Duration) => string;
+
+export { }

package/dist/hooks.js

@@ -0,0 +1,28 @@
+import { useCallback, useMemo } from "react";
+//#region src/hooks/date-time/useFormatDateTime.ts
+var useFormatDateTime = (locale, dateStyle, timeStyle) => {
+	return useMemo(() => new Intl.DateTimeFormat(locale, {
+		dateStyle,
+		timeStyle
+	}), [
+		locale,
+		dateStyle,
+		timeStyle
+	]);
+};
+//#endregion
+//#region src/hooks/date-time/useFormatRelativeTime.ts
+var useFormatRelativeTime = (locale) => {
+	const formatter = useMemo(() => new Intl.RelativeTimeFormat(locale, { numeric: "auto" }), [locale]);
+	return useCallback((duration) => {
+		if (duration.years) return formatter.format(duration.years, "year");
+		if (duration.months) return formatter.format(duration.months, "month");
+		if (duration.weeks) return formatter.format(duration.weeks, "week");
+		if (duration.days) return formatter.format(duration.days, "day");
+		return formatter.format(0, "day");
+	}, [formatter]);
+};
+//#endregion
+export { useFormatDateTime, useFormatRelativeTime };
+
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../src/hooks/date-time/useFormatDateTime.ts","../src/hooks/date-time/useFormatRelativeTime.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport type {LocaleArgument} from './types';\n\ntype DateStyle = Extract<Intl.DateTimeFormatOptions['dateStyle'], 'short' | 'medium' | 'long'>;\ntype TimeStyle = Extract<Intl.DateTimeFormatOptions['timeStyle'], 'short' | 'medium'>;\n\nexport const useFormatDateTime = (\n  locale: LocaleArgument,\n  dateStyle: DateStyle | undefined,\n  timeStyle: TimeStyle | undefined,\n) => {\n  return useMemo(() => new Intl.DateTimeFormat(locale, {dateStyle, timeStyle}), [locale, dateStyle, timeStyle]);\n};\n","import {useCallback, useMemo} from 'react';\n\nimport type {LocaleArgument} from './types';\n\ntype Duration = {\n  years?: number;\n  months?: number;\n  weeks?: number;\n  days?: number;\n};\n\nexport const useFormatRelativeTime = (locale: LocaleArgument) => {\n  const formatter = useMemo(() => new Intl.RelativeTimeFormat(locale, {numeric: 'auto'}), [locale]);\n\n  return useCallback(\n    (duration: Duration) => {\n      if (duration.years) {\n        return formatter.format(duration.years, 'year');\n      }\n      if (duration.months) {\n        return formatter.format(duration.months, 'month');\n      }\n      if (duration.weeks) {\n        return formatter.format(duration.weeks, 'week');\n      }\n      if (duration.days) {\n        return formatter.format(duration.days, 'day');\n      }\n      return formatter.format(0, 'day');\n    },\n    [formatter],\n  );\n};\n"],"mappings":";;AAOA,IAAa,qBACX,QACA,WACA,cACG;AACH,QAAO,cAAc,IAAI,KAAK,eAAe,QAAQ;EAAC;EAAW;EAAU,CAAC,EAAE;EAAC;EAAQ;EAAW;EAAU,CAAC;;;;ACD/G,IAAa,yBAAyB,WAA2B;CAC/D,MAAM,YAAY,cAAc,IAAI,KAAK,mBAAmB,QAAQ,EAAC,SAAS,QAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAEjG,QAAO,aACJ,aAAuB;AACtB,MAAI,SAAS,MACX,QAAO,UAAU,OAAO,SAAS,OAAO,OAAO;AAEjD,MAAI,SAAS,OACX,QAAO,UAAU,OAAO,SAAS,QAAQ,QAAQ;AAEnD,MAAI,SAAS,MACX,QAAO,UAAU,OAAO,SAAS,OAAO,OAAO;AAEjD,MAAI,SAAS,KACX,QAAO,UAAU,OAAO,SAAS,MAAM,MAAM;AAE/C,SAAO,UAAU,OAAO,GAAG,MAAM;IAEnC,CAAC,UAAU,CACZ"}