@gobolt/genesis 0.3.22 → 0.3.24

package/dist/styles/theme/genesis-theme.types.ts

@@ -1,297 +0,0 @@
-export enum BreakpointLabel {
-  Narrow = "narrow",
-  Medium = "medium",
-  Wide = "wide",
-}
-
-export type Breakpoints = {
-  [key in BreakpointLabel]: number;
-};
-
-export type Sizing = {
-  Size1: number;
-  Size2: number;
-  Size3: number;
-  Size4: number;
-  Size5: number;
-  Size6: number;
-  Size7: number;
-  Size8: number;
-  Size10: number;
-  Size12: number;
-  Size13: number;
-  Size14: number;
-  Size16: number;
-  Size18: number;
-  Size20: number;
-  Size24: number;
-  Size27: number;
-  Size28: number;
-  Size30: number;
-  Size32: number;
-  Size34: number;
-  Size35: number;
-  Size39: number;
-  Size43: number;
-  Size50: number;
-  Size64: number;
-  Size05: number;
-  Size15: number;
-  Size025: number;
-  Size25: number;
-};
-
-type BorderRadius = {
-  BorderRadiusNone: number;
-  BorderRadiusXs: number;
-  BorderRadiusSm: number;
-  BorderRadiusMd: number;
-  BorderRadiusLg: number;
-  BorderRadiusXl: number;
-  BorderRadiusXxl: number;
-  BorderRadiusXxxl: number;
-  BorderRadiusRounded: number;
-};
-
-type FontStyle = {
-  fontSize: string;
-  lineHeight: string;
-  fontWeight: number;
-};
-
-export type TypographySize = {
-  display1: FontStyle;
-  display2: FontStyle;
-  display3: FontStyle;
-  heading1: FontStyle;
-  heading2: FontStyle;
-  heading3: FontStyle;
-  subHeading1: FontStyle;
-  subHeading2: FontStyle;
-  subHeading3: FontStyle;
-  body1: FontStyle;
-  body2: FontStyle;
-  body3: FontStyle;
-  body4: FontStyle;
-  body5: FontStyle;
-  message: FontStyle;
-  overline: FontStyle;
-  label: FontStyle;
-  link1: FontStyle;
-  link2: FontStyle;
-  link3: FontStyle;
-  digits1: FontStyle;
-  digits2: FontStyle;
-  digits3: FontStyle;
-};
-
-export type Typography = {
-  wide: TypographySize;
-  medium: TypographySize;
-  narrow: TypographySize;
-  fontFamily: string;
-  lineHeight: string;
-  body1: FontStyle;
-  body2: FontStyle;
-};
-
-export type ColorShades = {
-  100?: string;
-  200?: string;
-  300?: string;
-  400?: string;
-  500?: string;
-  600?: string;
-  700?: string;
-  800?: string;
-  900?: string;
-  black?: string;
-  white?: string;
-};
-
-type ColorLayer = {
-  textColor: string;
-  backgroundColor: string;
-  borderColor: string;
-  ringColor?: string;
-  active: ColorShades;
-  checked?: string;
-  default?: string;
-  border?: string;
-  onsurface: string;
-  generic?: string;
-  disabled?: string;
-  surface?: string;
-  hover?: string;
-  pressed?: string;
-  focus?: string;
-  info?: string;
-  success?: string;
-  error?: string;
-  empty?: string;
-};
-
-type ColorState = {
-  active: ColorLayer;
-  hover: ColorLayer;
-  pressed: ColorLayer;
-  focussed: ColorLayer;
-  disabled: ColorLayer;
-  link: ColorLayer;
-  surface: ColorLayer;
-  success: ColorLayer;
-  error: ColorLayer;
-  onsurface: ColorLayer;
-  warning: ColorLayer;
-  generic?: ColorLayer;
-  hollow?: ColorLayer;
-  info?: ColorLayer;
-  utility?: ColorLayer;
-  icon?: ColorLayer;
-  default?: ColorLayer;
-  selected?: ColorLayer;
-  border?: ColorLayer;
-  tertiary?: string;
-  copy?: string;
-  "copy-dark"?: string;
-  "border-light"?: string;
-  primary?: string;
-  progress?: ColorLayer;
-};
-
-export type ColorMode = {
-  primary: ColorState;
-  secondary: ColorState;
-  tertiary: ColorState;
-  destructive: ColorState;
-  success: ColorState;
-  warning: ColorState;
-  danger: ColorState;
-  info: ColorState;
-  onsurface: ColorState;
-  surface: ColorState;
-  inputs: ColorState;
-  interactive: ColorState;
-  status: ColorState;
-  brandon: ColorState;
-};
-
-export type ColorModes = {
-  light: ColorMode;
-  dark: ColorMode;
-};
-
-export type ColorGroup =
-  | "red"
-  | "orange"
-  | "yellow"
-  | "green"
-  | "blue"
-  | "purple"
-  | "sky"
-  | "gray";
-
-type AllColors = {
-  red: ColorShades;
-  orange: ColorShades;
-  yellow: ColorShades;
-  green: ColorShades;
-  blue: ColorShades;
-  purple: ColorShades;
-  sky: ColorShades;
-  gray: ColorShades;
-};
-
-type Mode = "light" | "dark";
-
-type Button = {
-  padding: {
-    verPadding: number;
-    horPadding: number;
-  };
-  gap: number;
-  radius: number;
-};
-
-type Input = {
-  suffixPrefixHorPadding: number;
-  suffixPrefixVerPadding: number;
-};
-
-type Badge = {
-  "ver-padding": number;
-  "left-padding": number;
-  "right-padding": number;
-  radius: number;
-};
-
-type CommonContainer = {
-  "ver-padding": number;
-  "hor-padding": number;
-  radius: number;
-  gap: number;
-};
-
-type Popover = CommonContainer;
-
-type Row = CommonContainer;
-
-type TableCell = {
-  surface: string;
-  hover: string;
-  pressed: string;
-};
-
-export type Components = {
-  button: Button;
-  utilityButton: Button;
-  iconButton: Button;
-  input: Input;
-  row: Row;
-  badge: Badge;
-  popover: Popover;
-  tableCell: TableCell;
-};
-
-type Motion = {
-  instant: string;
-  veryfast: string;
-  fast: string;
-  medium: string;
-  slow: string;
-};
-
-type Shadows = {
-  general: {
-    "1": string;
-    "2": string;
-    "3": string;
-  };
-  actions: {
-    "1": string;
-    "2": string;
-  };
-  inputs: {
-    "1": string;
-  };
-};
-
-interface ConvenienceFunctions {
-  getStatusColor: (colors: ColorMode, status: string) => string;
-}
-
-export interface BaseTokens extends ConvenienceFunctions {
-  breakpoints: Breakpoints;
-  sizing: Sizing;
-  borderRadius: BorderRadius;
-  typography: Typography;
-  allColors: AllColors;
-  components: Components;
-  motion: Motion;
-  shadows: Shadows;
-}
-
-export interface GenesisTheme extends BaseTokens {
-  colors: ColorMode;
-  mode: Mode;
-}

package/dist/utils/styled.ts

@@ -1,52 +0,0 @@
-/*
-Warning: this was a failed attempt to create a universal styled-components library.
-When importing styled-components into a non React Native app, it will throw an error!
-
-Even when React Native was setup as an optional peer dependency; it's not actually working.
-Now it's seems like a better idea to create a separate Genesis package for React Native styled-components which is basically only the theme provider.
-*/
-
-/*
-import * as styledComponents from "styled-components";
-
-// Platform detection
-const isReactNative =
-  typeof navigator !== "undefined" && navigator.product === "ReactNative";
-
-// Set up platform-specific styled
-let platformStyled;
-if (isReactNative) {
-  try {
-    platformStyled = require("styled-components/native");
-  } catch (e) {
-    console.warn(
-      "Failed to load styled-components/native, falling back to web"
-    );
-    platformStyled = styledComponents;
-  }
-} else {
-  platformStyled = styledComponents;
-}
-
-// Export named exports
-export const styled = platformStyled.default;
-export const ThemeProvider = platformStyled.ThemeProvider;
-export const useTheme = platformStyled.useTheme;
-export const css = platformStyled.css;
-
-// Add createGlobalStyle (web only)
-export const createGlobalStyle = isReactNative
-  ? () => null
-  : styledComponents.createGlobalStyle;
-
-// Export default too for backwards compatibility
-export default styled;
-*/
-
-export {
-  default,
-  createGlobalStyle,
-  useTheme,
-  ThemeProvider,
-  css,
-} from "styled-components";