@hero-design/rn-work-uikit 1.1.0-alpha.0 → 1.1.0

package/src/theme/__tests__/index.spec.ts

@@ -0,0 +1,7 @@
+import theme from '..';
+
+describe('theme', () => {
+  it('returns correct theme object', () => {
+    expect(theme).toMatchSnapshot();
+  });
+});

package/src/theme/components/textInput.ts

@@ -0,0 +1,59 @@
+import type { Theme } from '@hero-design/rn';
+
+const getTextInputTheme = (theme: Theme) => {
+  const baseTextInputTheme = theme.__hd__.textInput;
+
+  // Override specific values here as needed
+  const colors = {
+    ...baseTextInputTheme.colors,
+    // Example: override specific colors
+    // text: theme.colors.customTextColor,
+  };
+
+  const space = {
+    ...baseTextInputTheme.space,
+    // Example: override specific spacing
+    // containerPadding: theme.space.large,
+  };
+
+  const fonts = {
+    ...baseTextInputTheme.fonts,
+    // Example: override fonts
+    // text: theme.fonts.custom.bold,
+  };
+
+  const fontSizes = {
+    ...baseTextInputTheme.fontSizes,
+    // Example: override font sizes
+    // text: theme.fontSizes.xlarge,
+  };
+
+  const borderWidths = {
+    ...baseTextInputTheme.borderWidths,
+  };
+
+  const radii = {
+    ...baseTextInputTheme.radii,
+  };
+
+  const sizes = {
+    ...baseTextInputTheme.sizes,
+  };
+
+  const lineHeights = {
+    ...baseTextInputTheme.lineHeights,
+  };
+
+  return {
+    colors,
+    space,
+    fonts,
+    fontSizes,
+    borderWidths,
+    radii,
+    sizes,
+    lineHeights,
+  };
+};
+
+export default getTextInputTheme;

package/src/theme/getTheme.ts

@@ -0,0 +1,32 @@
+import {
+  getTheme as getBaseTheme,
+  Theme as BaseTheme,
+  swagSystemPalette,
+} from '@hero-design/rn';
+import type { Scale, SystemPalette } from '@hero-design/rn';
+import getTextInputTheme from './components/textInput';
+
+// Work-specific theme type that includes textInput overrides
+type Theme = BaseTheme & {
+  __hd__: BaseTheme['__hd__'] & {
+    textInput: ReturnType<typeof getTextInputTheme>;
+  };
+};
+
+const getTheme = (
+  scale?: Scale,
+  systemPalette: SystemPalette = swagSystemPalette
+): Theme => {
+  const baseTheme = getBaseTheme(scale, systemPalette);
+
+  return {
+    ...baseTheme,
+    __hd__: {
+      ...baseTheme.__hd__,
+      textInput: getTextInputTheme(baseTheme),
+    },
+  };
+};
+
+export default getTheme;
+export type { Theme };

package/src/theme/index.ts

@@ -0,0 +1,17 @@
+import getTheme from './getTheme';
+import type { Theme } from './getTheme';
+import { WorkThemeProvider, useWorkTheme } from './ThemeProvider';
+import WorkThemeSwitcher, { withWorkTheme } from './ThemeSwitcher';
+
+const defaultTheme = getTheme();
+
+// Export with generic names to hide "Work" terminology from external consumers
+export type { Theme };
+export {
+  getTheme,
+  WorkThemeProvider as ThemeProvider,
+  WorkThemeSwitcher as ThemeSwitcher,
+  useWorkTheme as useTheme,
+  withWorkTheme as withTheme,
+};
+export default defaultTheme;