From 9b14c7424bed55dbb8c5791a6d6e3404f8df4c96 Mon Sep 17 00:00:00 2001 From: Sam Date: Sun, 15 Oct 2023 12:12:36 +0100 Subject: [PATCH 1/2] add missing styles --- .../base/src/components/List/index.tsx | 16 +++++++ .../base/src/components/Table/index.tsx | 42 +++++++++++++++++-- .../@envelope/base/src/components/index.tsx | 1 + packages/@envelope/preset/src/preset.ts | 1 - 4 files changed, 55 insertions(+), 5 deletions(-) create mode 100644 packages/@envelope/base/src/components/List/index.tsx diff --git a/packages/@envelope/base/src/components/List/index.tsx b/packages/@envelope/base/src/components/List/index.tsx new file mode 100644 index 0000000..263cc0e --- /dev/null +++ b/packages/@envelope/base/src/components/List/index.tsx @@ -0,0 +1,16 @@ +import { styled } from "@envelope-ui/styled/jsx"; + +export const UnorderedList = styled("ul", { + base: { + listStyleType: "circle", + listStyle: "inside", + }, +}); + +export const OrderedList = styled("ol"); + +export const ListItem = styled("li", { + base: { + color: "ui.80", + }, +}); diff --git a/packages/@envelope/base/src/components/Table/index.tsx b/packages/@envelope/base/src/components/Table/index.tsx index a063a1e..3726530 100644 --- a/packages/@envelope/base/src/components/Table/index.tsx +++ b/packages/@envelope/base/src/components/Table/index.tsx @@ -1,9 +1,43 @@ import { styled } from "@envelope-ui/styled/jsx"; -export const Table = styled("table"); -export const Thead = styled("thead"); +const base = { + borderWidth: "1px", + borderColor: "ui.20", +}; + +const padding = { + px: "4", + py: "2", +}; + +export const Table = styled("table", { + base: { + color: "ui.80", + borderCollapse: "collapse", + }, +}); + +export const Th = styled("th", { + base: { + ...base, + ...padding, + }, +}); + +export const Td = styled("td", { + base: { + ...base, + ...padding, + }, +}); + +export const Thead = styled("thead", { + base: { + ...base, + fontWeight: "bold", + }, +}); + export const Tbody = styled("tbody"); export const Tr = styled("tr"); -export const Td = styled("td"); -export const Th = styled("th"); export const Tfoot = styled("tfoot"); diff --git a/packages/@envelope/base/src/components/index.tsx b/packages/@envelope/base/src/components/index.tsx index c26de52..e598467 100644 --- a/packages/@envelope/base/src/components/index.tsx +++ b/packages/@envelope/base/src/components/index.tsx @@ -6,6 +6,7 @@ export * from "./Drawer"; export { Image } from "./Image"; export * from "./Input"; export { ItemInput } from "./ItemInput"; +export * from "./List"; export { Fab } from "./Fab"; export * from "./NavigationMenu"; export * from "./Menu"; diff --git a/packages/@envelope/preset/src/preset.ts b/packages/@envelope/preset/src/preset.ts index 32eacdb..053c96e 100644 --- a/packages/@envelope/preset/src/preset.ts +++ b/packages/@envelope/preset/src/preset.ts @@ -526,4 +526,3 @@ export const envelopePreset = definePreset({ }, }, }); -2; From ccb6bef2ef87986f785e2ef064904c2435d99c0a Mon Sep 17 00:00:00 2001 From: Sam Date: Sun, 15 Oct 2023 12:12:48 +0100 Subject: [PATCH 2/2] fix bugged youtube video carousel --- packages/@envelope/base/src/components/Carousel/index.tsx | 5 +---- packages/@envelope/base/src/components/Stepper/index.tsx | 2 ++ 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/@envelope/base/src/components/Carousel/index.tsx b/packages/@envelope/base/src/components/Carousel/index.tsx index da7d68d..c9955f8 100644 --- a/packages/@envelope/base/src/components/Carousel/index.tsx +++ b/packages/@envelope/base/src/components/Carousel/index.tsx @@ -77,15 +77,12 @@ export const CarouselInsideControls = ({ columns, children }: CarouselProps) => pointerEvents="none" buttonProps={{ bg: "bg", - pointerEvents: "all", - _hover: { - bg: "bg2.100", - }, _disabled: { opacity: 0, }, }} /> + ; + return (