robodev 0.11.0 → 0.13.0

package/templates/space/apps/fe/src/styles/overrides/defaults/typography.override.ts

@@ -0,0 +1,115 @@
+import { UIOverrides } from "@povio/ui";
+
+export const typographyOverride = UIOverrides.defineOverride("typography.cva", {
+  mode: "overrideCva",
+  base: [""],
+  config: {
+    compoundVariants: [
+      {
+        className: "font-general-sans",
+        size: [
+          "headline-1",
+          "title-1",
+          "title-2",
+          "title-3",
+          "title-4",
+          "title-5",
+          "title-6",
+          "body-1",
+          "body-2",
+          "body-3",
+          "body-4",
+          "label-1",
+          "label-2",
+          "label-3",
+        ],
+      },
+      {
+        className: "font-medium",
+        size: [
+          "headline-1",
+          "title-1",
+          "title-2",
+          "title-3",
+          "title-4",
+          "title-5",
+          "title-6",
+          "label-1",
+          "label-2",
+          "label-3",
+        ],
+        variant: ["default", "default-italic"],
+      },
+      {
+        className: "font-semibold",
+        size: [
+          "headline-1",
+          "title-1",
+          "title-2",
+          "title-3",
+          "title-4",
+          "title-5",
+          "title-6",
+          "label-1",
+          "label-2",
+          "label-3",
+        ],
+        variant: ["prominent-1", "prominent-1-italic"],
+      },
+      {
+        className: "font-medium",
+        size: ["body-1", "body-2", "body-3", "body-4"],
+        variant: ["prominent-1", "prominent-1-italic"],
+      },
+      {
+        className: "font-semibold",
+        size: ["body-1", "body-2", "body-3", "body-4"],
+        variant: ["prominent-2", "prominent-2-italic"],
+      },
+    ],
+    variants: {
+      size: {
+        "body-1": "md:text-desktop-body-1",
+        "body-2": "md:text-desktop-body-2",
+        "body-3": "md:text-desktop-body-3",
+        "body-4": "md:text-desktop-body-4",
+        "headline-1": "md:text-desktop-headline-1",
+        "label-1": "md:text-label-1",
+        "label-2": "md:text-label-2",
+        "label-3": "md:text-label-3",
+        "title-1": "md:text-desktop-title-1",
+        "title-2": "md:text-desktop-title-2",
+        "title-3": "md:text-desktop-title-3",
+        "title-4": "md:text-desktop-title-4",
+        "title-5": "md:text-desktop-title-5",
+        "title-6": "md:text-desktop-title-6",
+      },
+      sizeMobile: {
+        "body-1": "text-mobile-body-1",
+        "body-2": "text-mobile-body-2",
+        "body-3": "text-mobile-body-3",
+        "body-4": "text-mobile-body-4",
+        "headline-1": "text-mobile-headline-1",
+        "label-1": "text-label-1",
+        "label-2": "text-label-2",
+        "label-3": "text-label-3",
+        "title-1": "text-mobile-title-1",
+        "title-2": "text-mobile-title-2",
+        "title-3": "text-mobile-title-3",
+        "title-4": "text-mobile-title-4",
+        "title-5": "text-mobile-title-5",
+        "title-6": "text-mobile-title-6",
+      },
+      variant: {
+        default: "",
+        "default-italic": "italic",
+        "prominent-1": "",
+        "prominent-1-italic": "italic",
+        "prominent-2": "",
+        "prominent-2-italic": "italic",
+      },
+    },
+  },
+});
+
+export interface TypographyVariantProps extends UIOverrides.OverrideVariantProps<typeof typographyOverride> {}

package/templates/space/apps/fe/src/styles/overrides/outline.clsx.ts

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+
+export const uiOutlineClass = clsx(
+  "focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2",
+  "has-focus-visible:outline has-focus-visible:outline-2 has-focus-visible:outline-solid has-focus-visible:outline-offset-2",
+);
+
+export const uiGroupOutlineClass = clsx(
+  "group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2",
+);

package/templates/space/apps/fe/src/styles/overrides/uiOverrides.override.ts

@@ -0,0 +1,60 @@
+import type { UIOverrides } from "@povio/ui";
+
+import { buttonIconSizeOverride, buttonOverride } from "./defaults/button.override";
+import { checkboxIconOverride, checkboxOverride, checkboxTypography } from "./defaults/checkbox.override";
+import { inputBaseOverride, inputSideOverride, inputSizeOverride } from "./defaults/input.override";
+import { labelBaseOverride, labelTypography } from "./defaults/label.override";
+import { modalContentOverride, modalMainOverride, modalOverlayOverride } from "./defaults/modal.override";
+import { radioOverride, radioTypography } from "./defaults/radio.override";
+import {
+  tableCellTextOverride,
+  tableDataOverride,
+  tableHeadDataOverride,
+  tableHeaderTextOverride,
+  tableRowOverride,
+} from "./defaults/table.override";
+import { tagOverride } from "./defaults/tag.override";
+import { typographyOverride } from "./defaults/typography.override";
+
+export const uiOverrides: UIOverrides.Config = {
+  button: {
+    cva: buttonOverride,
+    iconSize: buttonIconSizeOverride,
+  },
+  checkbox: {
+    cva: checkboxOverride,
+    iconCva: checkboxIconOverride,
+    typography: checkboxTypography,
+  },
+  input: {
+    baseCva: inputBaseOverride,
+    sizeCva: inputSizeOverride,
+    sideCva: inputSideOverride,
+  },
+  label: {
+    cva: labelBaseOverride,
+    typography: labelTypography,
+  },
+  modal: {
+    contentCva: modalContentOverride,
+    mainCva: modalMainOverride,
+    overlayCva: modalOverlayOverride,
+  },
+  radio: {
+    cva: radioOverride,
+    typography: radioTypography,
+  },
+  table: {
+    cellTextCva: tableCellTextOverride,
+    dataCva: tableDataOverride,
+    headDataCva: tableHeadDataOverride,
+    headerTextCva: tableHeaderTextOverride,
+    rowCva: tableRowOverride,
+  },
+  tag: {
+    cva: tagOverride,
+  },
+  typography: {
+    cva: typographyOverride,
+  },
+};