@apia/theme 1.0.1 → 2.0.0

package/dist/base/colors/components.js

@@ -0,0 +1,202 @@
+import tinycolor from 'tinycolor2';
+
+const components = (theme) => {
+  const palette = theme.palette;
+  return {
+    datagrid: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.background.default,
+        color: palette.text.primary,
+        borderColor: theme.palette.darkenColor(palette.border.ghost)
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    paginationPrimary: {
+      backgroundColor: palette.primary.main,
+      icons: {
+        backgroundColor: palette.primary.main,
+        borderColor: palette.primary.main,
+        color: palette.primary.contrastText
+      },
+      pagesBox: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        borderColor: palette.border.field,
+        color: palette.text.primary
+      }
+    },
+    paginationSecondary: {
+      backgroundColor: palette.background.default,
+      icons: {
+        backgroundColor: palette.secondary.main,
+        borderColor: palette.secondary.main,
+        color: palette.secondary.contrastText
+      },
+      pagesBox: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        borderColor: palette.border.field,
+        color: palette.text.primary
+      }
+    },
+    paginationDatagrid: {
+      backgroundColor: palette.background.default,
+      icons: {
+        backgroundColor: palette.secondary.main,
+        borderColor: palette.secondary.main,
+        color: palette.secondary.contrastText
+      },
+      pagesBox: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        borderColor: palette.border.field,
+        color: palette.text.primary
+      }
+    },
+    primaryTable: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.primary.main,
+        color: palette.text.secondary,
+        borderColor: palette.primary.main
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    cleanTable: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.background.paper,
+        color: palette.text.primary,
+        borderColor: palette.primary.main
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        borderColor: palette.border.ghost,
+        color: palette.text.primary,
+        evenRowsBackgroundColor: palette.background.paper,
+        additionalInfoButton: {
+          backgroundColor: palette.secondary.light,
+          color: "#4e4e4e",
+          borderColor: "transparent"
+        },
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    secondaryTable: {
+      borderColor: palette.background.paper,
+      header: {
+        backgroundColor: palette.background.default,
+        color: palette.text.primary,
+        borderColor: palette.background.default
+      },
+      body: {
+        preventParse: true,
+        backgroundColor: palette.background.paper,
+        evenRowsBackgroundColor: palette.darkenColor(
+          palette.background.paper,
+          3
+        ),
+        color: palette.text.primary,
+        borderColor: palette.gray["800"],
+        selectedRows: {
+          borderColor: palette.gray["800"],
+          backgroundColor: palette.getOneState(
+            { backgroundColor: palette.background.paper },
+            "selected"
+          ).backgroundColor,
+          color: palette.getContrastText(
+            palette.getOneState(
+              { backgroundColor: palette.background.paper },
+              "selected"
+            ).backgroundColor
+          )
+        }
+      }
+    },
+    /**
+     * Paneles de dashboards
+     */
+    panel: {
+      header: {
+        color: "",
+        //components.panel.header.color
+        backgroundColor: "",
+        borderColor: ""
+      },
+      content: {
+        color: "",
+        backgroundColor: "",
+        borderColor: ""
+      },
+      footer: {
+        color: "",
+        backgroundColor: "",
+        borderColor: ""
+      }
+    },
+    desktop: {
+      windowHeader: tinycolor(theme.palette.primary.main).setAlpha(0.8).toRgbString()
+    }
+  };
+};
+
+export { components as default };
+//# sourceMappingURL=components.js.map

package/dist/base/colors/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../../src/base/colors/components.ts"],"sourcesContent":["import { Theme } from 'theme-ui';\nimport { TGetColorStateDefinition } from './types';\nimport tinycolor from 'tinycolor2';\n\nconst components: (\n  theme: Theme,\n) => Record<string, Record<string, string | TGetColorStateDefinition>> = (\n  theme: Theme,\n) => {\n  const palette = theme.palette;\n\n  return {\n    datagrid: {\n      borderColor: palette.background.paper,\n      header: {\n        backgroundColor: palette.background.default,\n        color: palette.text.primary,\n        borderColor: theme.palette.darkenColor(palette.border.ghost),\n      },\n      body: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        evenRowsBackgroundColor: palette.darkenColor(\n          palette.background.paper,\n          3,\n        ),\n        color: palette.text.primary,\n        borderColor: palette.gray['800'],\n\n        selectedRows: {\n          borderColor: palette.gray['800'],\n          backgroundColor: palette.getOneState(\n            { backgroundColor: palette.background.paper },\n            'selected',\n          ).backgroundColor,\n          color: palette.getContrastText(\n            palette.getOneState(\n              { backgroundColor: palette.background.paper },\n              'selected',\n            ).backgroundColor as string,\n          ),\n        },\n      },\n    },\n    paginationPrimary: {\n      backgroundColor: palette.primary.main,\n      icons: {\n        backgroundColor: palette.primary.main,\n        borderColor: palette.primary.main,\n        color: palette.primary.contrastText,\n      },\n      pagesBox: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        borderColor: palette.border.field,\n        color: palette.text.primary,\n      },\n    },\n    paginationSecondary: {\n      backgroundColor: palette.background.default,\n      icons: {\n        backgroundColor: palette.secondary.main,\n        borderColor: palette.secondary.main,\n        color: palette.secondary.contrastText,\n      },\n      pagesBox: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        borderColor: palette.border.field,\n        color: palette.text.primary,\n      },\n    },\n    paginationDatagrid: {\n      backgroundColor: palette.background.default,\n      icons: {\n        backgroundColor: palette.secondary.main,\n        borderColor: palette.secondary.main,\n        color: palette.secondary.contrastText,\n      },\n      pagesBox: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        borderColor: palette.border.field,\n        color: palette.text.primary,\n      },\n    },\n    primaryTable: {\n      borderColor: palette.background.paper,\n      header: {\n        backgroundColor: palette.primary.main,\n        color: palette.text.secondary,\n        borderColor: palette.primary.main,\n      },\n      body: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        evenRowsBackgroundColor: palette.darkenColor(\n          palette.background.paper,\n          3,\n        ),\n        color: palette.text.primary,\n        borderColor: palette.gray['800'],\n        selectedRows: {\n          borderColor: palette.gray['800'],\n          backgroundColor: palette.getOneState(\n            { backgroundColor: palette.background.paper },\n            'selected',\n          ).backgroundColor,\n          color: palette.getContrastText(\n            palette.getOneState(\n              { backgroundColor: palette.background.paper },\n              'selected',\n            ).backgroundColor as string,\n          ),\n        },\n      },\n    },\n    cleanTable: {\n      borderColor: palette.background.paper,\n      header: {\n        backgroundColor: palette.background.paper,\n        color: palette.text.primary,\n        borderColor: palette.primary.main,\n      },\n      body: {\n        preventParse: true,\n\n        backgroundColor: palette.background.paper,\n        borderColor: palette.border.ghost,\n        color: palette.text.primary,\n\n        evenRowsBackgroundColor: palette.background.paper,\n        additionalInfoButton: {\n          backgroundColor: palette.secondary.light,\n          color: '#4e4e4e',\n          borderColor: 'transparent',\n        },\n        selectedRows: {\n          borderColor: palette.gray['800'],\n          backgroundColor: palette.getOneState(\n            { backgroundColor: palette.background.paper },\n            'selected',\n          ).backgroundColor,\n          color: palette.getContrastText(\n            palette.getOneState(\n              { backgroundColor: palette.background.paper },\n              'selected',\n            ).backgroundColor as string,\n          ),\n        },\n      },\n    },\n    secondaryTable: {\n      borderColor: palette.background.paper,\n      header: {\n        backgroundColor: palette.background.default,\n        color: palette.text.primary,\n        borderColor: palette.background.default,\n      },\n      body: {\n        preventParse: true,\n        backgroundColor: palette.background.paper,\n        evenRowsBackgroundColor: palette.darkenColor(\n          palette.background.paper,\n          3,\n        ),\n        color: palette.text.primary,\n        borderColor: palette.gray['800'],\n\n        selectedRows: {\n          borderColor: palette.gray['800'],\n          backgroundColor: palette.getOneState(\n            { backgroundColor: palette.background.paper },\n            'selected',\n          ).backgroundColor,\n          color: palette.getContrastText(\n            palette.getOneState(\n              { backgroundColor: palette.background.paper },\n              'selected',\n            ).backgroundColor as string,\n          ),\n        },\n      },\n    },\n    /**\n     * Paneles de dashboards\n     */\n    panel: {\n      header: {\n        color: '', //components.panel.header.color\n        backgroundColor: '',\n        borderColor: '',\n      },\n      content: {\n        color: '',\n        backgroundColor: '',\n        borderColor: '',\n      },\n      footer: {\n        color: '',\n        backgroundColor: '',\n        borderColor: '',\n      },\n    },\n    desktop: {\n      windowHeader: tinycolor(theme.palette.primary.main)\n        .setAlpha(0.8)\n        .toRgbString(),\n    },\n  };\n};\n\nexport default components;\n"],"names":[],"mappings":"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"}

package/dist/base/colors/defaultPalette.js

@@ -0,0 +1,84 @@
+import { responsive } from '../../util.js';
+
+const actions = { dark: "#cce5ff", light: "#557" };
+const spacingArray = Array(50).fill(1).map((_, i) => {
+  return responsive({
+    0: Math.ceil(i / 2.5),
+    1: Math.ceil(i / 2.1),
+    2: Math.ceil(i / 1.7),
+    3: Math.ceil(i / 1.3),
+    4: i
+  });
+});
+const defaultPalette = {
+  action: {
+    disabled: "#d9d9d9",
+    disabledOpacity: 1,
+    active: actions,
+    activeOpacity: 0.45,
+    focus: actions,
+    focusOpacity: 0.05,
+    hover: actions,
+    hoverOpacity: 0.1,
+    readonly: actions,
+    readonlyOpacity: 0.4,
+    selected: "rgb(204 214 222)",
+    selectedOpacity: 1
+  },
+  background: {
+    default: "#f4f4f4",
+    overlay: "rgba(0, 0, 0, 0.2)",
+    paper: "white"
+  },
+  border: {
+    article: "#cacaca",
+    field: "#444",
+    ghost: "#f5f5f5",
+    section: "#aaa"
+  },
+  common: {
+    black: "black",
+    white: "white"
+  },
+  info: {
+    main: "#fff"
+  },
+  primary: {
+    main: "#00496c"
+  },
+  secondary: {
+    light: "#fcfcfc",
+    main: "#6c757d"
+  },
+  spacing: (index) => {
+    return spacingArray[index];
+  },
+  text: {
+    accent: "#609",
+    disabled: "#555",
+    icon: "white",
+    link: "#00496c",
+    primary: "#4a4a4a",
+    secondary: "white",
+    title: "#00496c"
+  },
+  error: {
+    main: "rgb(187,12,15)",
+    light: "#fff2f4"
+  },
+  success: {
+    main: "#8bde8b",
+    light: "#e7ffd9"
+  },
+  warning: {
+    main: "#f8f588",
+    light: "#fffdd9"
+  },
+  darkenRatio: 15,
+  lightenRatio: 35,
+  responsive,
+  queryColumnsMultiplier: 2
+};
+
+export { defaultPalette as default };
+//# sourceMappingURL=defaultPalette.js.map

package/dist/base/colors/defaultPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPalette.js","sources":["../../../src/base/colors/defaultPalette.ts"],"sourcesContent":["import { responsive } from '../../util';\nimport { TPalette } from './types';\n\nconst actions = { dark: '#cce5ff', light: '#557' };\nconst spacingArray = Array(50)\n  .fill(1)\n  .map((_, i) => {\n    return responsive<number>({\n      0: Math.ceil(i / 2.5),\n      1: Math.ceil(i / 2.1),\n      2: Math.ceil(i / 1.7),\n      3: Math.ceil(i / 1.3),\n      4: i,\n    });\n  });\n\nconst defaultPalette: TPalette = {\n  action: {\n    disabled: '#d9d9d9',\n    disabledOpacity: 1,\n    active: actions,\n    activeOpacity: 0.45,\n    focus: actions,\n    focusOpacity: 0.05,\n    hover: actions,\n    hoverOpacity: 0.1,\n    readonly: actions,\n    readonlyOpacity: 0.4,\n    selected: 'rgb(204 214 222)',\n    selectedOpacity: 1,\n  },\n  background: {\n    default: '#f4f4f4',\n    overlay: 'rgba(0, 0, 0, 0.2)',\n    paper: 'white',\n  },\n  border: {\n    article: '#cacaca',\n    field: '#444',\n    ghost: '#f5f5f5',\n    section: '#aaa',\n  },\n  common: {\n    black: 'black',\n    white: 'white',\n  },\n  info: {\n    main: '#fff',\n  },\n  primary: {\n    main: '#00496c',\n  },\n  secondary: {\n    light: '#fcfcfc',\n    main: '#6c757d',\n  },\n  spacing: (index: number) => {\n    return spacingArray[index];\n  },\n  text: {\n    accent: '#609',\n    disabled: '#555',\n    icon: 'white',\n    link: '#00496c',\n    primary: '#4a4a4a',\n    secondary: 'white',\n    title: '#00496c',\n  },\n  error: {\n    main: 'rgb(187,12,15)',\n    light: '#fff2f4',\n  },\n  success: {\n    main: '#8bde8b',\n    light: '#e7ffd9',\n  },\n  warning: {\n    main: '#f8f588',\n    light: '#fffdd9',\n  },\n  darkenRatio: 15,\n  lightenRatio: 35,\n  responsive,\n  queryColumnsMultiplier: 2,\n};\nexport default defaultPalette;\n"],"names":[],"mappings":"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"}