@mittwald/flow-react-components 0.2.0-alpha.837 → 0.2.0-alpha.839

package/dist/js/packages/components/src/lib/theming/lib/getResolvedTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getResolvedTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/getResolvedTheme.ts"],"sourcesContent":["import type { ResolvedTheme } from \"../types\";\nimport { getTheme } from \"./getTheme\";\nimport { resolveTheme } from \"./resolveTheme\";\n\nexport const getResolvedTheme = (): ResolvedTheme => {\n  return resolveTheme(getTheme());\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,mBAAmB,MAAqB;AACnD,EAAA,OAAO,YAAA,CAAa,UAAU,CAAA;AAChC;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/getTheme.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+import { getFallbackTheme } from './getFallbackTheme.mjs';
+import { getThemeHtmlAttribute } from './getThemeHtmlAttribute.mjs';
+
+const getTheme = () => {
+  return getThemeHtmlAttribute() ?? getFallbackTheme();
+};
+
+export { getTheme };
+//# sourceMappingURL=getTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/getTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { getFallbackTheme } from \"./getFallbackTheme\";\nimport { getThemeHtmlAttribute } from \"./getThemeHtmlAttribute\";\n\nexport const getTheme = (): Theme => {\n  return getThemeHtmlAttribute() ?? getFallbackTheme();\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,MAAa;AACnC,EAAA,OAAO,qBAAA,MAA2B,gBAAA,EAAiB;AACrD;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/getThemeHtmlAttribute.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { themeHtmlAttribute } from './keys.mjs';
+import { sanitizeTheme } from './sanitizeTheme.mjs';
+import { isClientSide } from './isClientSide.mjs';
+
+const getThemeHtmlAttribute = () => {
+  if (isClientSide()) {
+    return sanitizeTheme(
+      document.documentElement.getAttribute(themeHtmlAttribute)
+    );
+  }
+};
+
+export { getThemeHtmlAttribute };
+//# sourceMappingURL=getThemeHtmlAttribute.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/getThemeHtmlAttribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThemeHtmlAttribute.mjs","sources":["../../../../../../../../src/lib/theming/lib/getThemeHtmlAttribute.ts"],"sourcesContent":["import { themeHtmlAttribute } from \"./keys\";\nimport { sanitizeTheme } from \"./sanitizeTheme\";\nimport { isClientSide } from \"./isClientSide\";\n\nexport const getThemeHtmlAttribute = () => {\n  if (isClientSide()) {\n    return sanitizeTheme(\n      document.documentElement.getAttribute(themeHtmlAttribute),\n    );\n  }\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,wBAAwB,MAAM;AACzC,EAAA,IAAI,cAAa,EAAG;AAClB,IAAA,OAAO,aAAA;AAAA,MACL,QAAA,CAAS,eAAA,CAAgB,YAAA,CAAa,kBAAkB;AAAA,KAC1D;AAAA,EACF;AACF;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/isClientSide.mjs

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const isClientSide = () => {
+  return typeof window !== "undefined";
+};
+
+export { isClientSide };
+//# sourceMappingURL=isClientSide.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/isClientSide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isClientSide.mjs","sources":["../../../../../../../../src/lib/theming/lib/isClientSide.ts"],"sourcesContent":["export const isClientSide = (): boolean => {\n  return typeof window !== \"undefined\";\n};\n"],"names":[],"mappings":"AAAO,MAAM,eAAe,MAAe;AACzC,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/keys.mjs

@@ -0,0 +1,6 @@
+"use client"
+/* */
+const themeHtmlAttribute = "data-flow-theme";
+
+export { themeHtmlAttribute };
+//# sourceMappingURL=keys.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/keys.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.mjs","sources":["../../../../../../../../src/lib/theming/lib/keys.ts"],"sourcesContent":["export const themeHtmlAttribute = \"data-flow-theme\";\n"],"names":[],"mappings":"AAAO,MAAM,kBAAA,GAAqB;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/resolveTheme.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { ColorSchemeMediaQuery } from './ColorSchemeMediaQuery.mjs';
+
+const resolveTheme = (theme) => {
+  if (theme === "system") {
+    return ColorSchemeMediaQuery.getPreference().preferred;
+  }
+  return theme;
+};
+
+export { resolveTheme };
+//# sourceMappingURL=resolveTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/resolveTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/resolveTheme.ts"],"sourcesContent":["import type { ResolvedTheme, Theme } from \"../types\";\nimport { ColorSchemeMediaQuery } from \"./ColorSchemeMediaQuery\";\n\nexport const resolveTheme = (theme: Theme): ResolvedTheme => {\n  if (theme === \"system\") {\n    return ColorSchemeMediaQuery.getPreference().preferred;\n  }\n  return theme;\n};\n"],"names":[],"mappings":";;AAGO,MAAM,YAAA,GAAe,CAAC,KAAA,KAAgC;AAC3D,EAAA,IAAI,UAAU,QAAA,EAAU;AACtB,IAAA,OAAO,qBAAA,CAAsB,eAAc,CAAE,SAAA;AAAA,EAC/C;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/sanitizeTheme.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { getFallbackTheme } from './getFallbackTheme.mjs';
+
+const sanitizeTheme = (theme) => {
+  if (theme === "light" || theme === "dark" || theme === "system") {
+    return theme;
+  }
+  return getFallbackTheme();
+};
+
+export { sanitizeTheme };
+//# sourceMappingURL=sanitizeTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/sanitizeTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitizeTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/sanitizeTheme.ts"],"sourcesContent":["import type { Theme } from \"../types\";\nimport { getFallbackTheme } from \"./getFallbackTheme\";\n\nexport const sanitizeTheme = (theme: string | null | undefined): Theme => {\n  if (theme === \"light\" || theme === \"dark\" || theme === \"system\") {\n    return theme;\n  }\n  return getFallbackTheme();\n};\n"],"names":[],"mappings":";;AAGO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA4C;AACxE,EAAA,IAAI,KAAA,KAAU,OAAA,IAAW,KAAA,KAAU,MAAA,IAAU,UAAU,QAAA,EAAU;AAC/D,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,gBAAA,EAAiB;AAC1B;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/setTheme.mjs

@@ -0,0 +1,10 @@
+"use client"
+/* */
+import { setThemeHtmlAttribute } from './setThemeHtmlAttribute.mjs';
+
+const setTheme = (theme) => {
+  setThemeHtmlAttribute(theme);
+};
+
+export { setTheme };
+//# sourceMappingURL=setTheme.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/setTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setTheme.mjs","sources":["../../../../../../../../src/lib/theming/lib/setTheme.ts"],"sourcesContent":["import { setThemeHtmlAttribute } from \"./setThemeHtmlAttribute\";\nimport type { Theme } from \"../types\";\n\nexport const setTheme = (theme: Theme) => {\n  setThemeHtmlAttribute(theme);\n};\n"],"names":[],"mappings":";;AAGO,MAAM,QAAA,GAAW,CAAC,KAAA,KAAiB;AACxC,EAAA,qBAAA,CAAsB,KAAK,CAAA;AAC7B;;;;"}

package/dist/js/packages/components/src/lib/theming/lib/setThemeHtmlAttribute.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { themeHtmlAttribute } from './keys.mjs';
+import { isClientSide } from './isClientSide.mjs';
+
+const setThemeHtmlAttribute = (theme) => {
+  if (isClientSide()) {
+    document.documentElement.setAttribute(themeHtmlAttribute, theme);
+  }
+};
+
+export { setThemeHtmlAttribute };
+//# sourceMappingURL=setThemeHtmlAttribute.mjs.map

package/dist/js/packages/components/src/lib/theming/lib/setThemeHtmlAttribute.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setThemeHtmlAttribute.mjs","sources":["../../../../../../../../src/lib/theming/lib/setThemeHtmlAttribute.ts"],"sourcesContent":["import { themeHtmlAttribute } from \"./keys\";\nimport type { Theme } from \"../types\";\nimport { isClientSide } from \"./isClientSide\";\n\nexport const setThemeHtmlAttribute = (theme: Theme) => {\n  if (isClientSide()) {\n    document.documentElement.setAttribute(themeHtmlAttribute, theme);\n  }\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,qBAAA,GAAwB,CAAC,KAAA,KAAiB;AACrD,EAAA,IAAI,cAAa,EAAG;AAClB,IAAA,QAAA,CAAS,eAAA,CAAgB,YAAA,CAAa,kBAAA,EAAoB,KAAK,CAAA;AAAA,EACjE;AACF;;;;"}

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs

@@ -1,9 +1,9 @@
 "use client"
 /* */
-import tokens from '../../../../design-tokens/dist/variables.json.mjs';
+import lightTokens from '../../../../design-tokens/dist/json/all-light.json.mjs';
 
 const categoricalColors = Object.keys(
-  tokens.color.categorical
+  lightTokens.color.categorical
 );
 
 export { categoricalColors };

package/dist/js/packages/components/src/lib/tokens/CategoricalColors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,MAAA,CAAO,IAAA;AAAA,EACtC,OAAO,KAAA,CAAM;AACf;;;;"}
+{"version":3,"file":"CategoricalColors.mjs","sources":["../../../../../../../src/lib/tokens/CategoricalColors.ts"],"sourcesContent":["import tokens from \"@mittwald/flow-design-tokens/json/all-light.json\";\n\nexport const categoricalColors = Object.keys(\n  tokens.color.categorical,\n) as (keyof typeof tokens.color.categorical)[];\n\nexport type CategoricalColor = (typeof categoricalColors)[number];\nexport type CategoricalWithCustomColor = CategoricalColor | (string & {});\n"],"names":["tokens"],"mappings":";;AAEO,MAAM,oBAAoB,MAAA,CAAO,IAAA;AAAA,EACtCA,YAAO,KAAA,CAAM;AACf;;;;"}