@tecsinapse/cortex-react 1.16.0-beta.0 → 1.16.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/cjs/components/Accordion/Trigger.js +2 -2
  2. package/dist/cjs/components/Calendar/CalendarGrid.js +1 -1
  3. package/dist/cjs/components/ColorPicker.js +18 -9
  4. package/dist/cjs/components/Select/Popover.js +1 -1
  5. package/dist/cjs/components/Stepper/Root.js +1 -1
  6. package/dist/cjs/components/TimePicker/TimePickerInput.js +1 -1
  7. package/dist/cjs/components/Uploader/Dropzone.js +1 -1
  8. package/dist/cjs/components/Uploader/Files.js +1 -1
  9. package/dist/cjs/components/Uploader/Modal.js +1 -1
  10. package/dist/cjs/styles/menubar.js +2 -2
  11. package/dist/esm/components/Accordion/Trigger.js +2 -2
  12. package/dist/esm/components/Calendar/CalendarGrid.js +1 -1
  13. package/dist/esm/components/ColorPicker.js +18 -9
  14. package/dist/esm/components/Select/Popover.js +1 -1
  15. package/dist/esm/components/Stepper/Root.js +1 -1
  16. package/dist/esm/components/TimePicker/TimePickerInput.js +1 -1
  17. package/dist/esm/components/Uploader/Dropzone.js +1 -1
  18. package/dist/esm/components/Uploader/Files.js +1 -1
  19. package/dist/esm/components/Uploader/Modal.js +1 -1
  20. package/dist/esm/styles/menubar.js +2 -2
  21. package/package.json +3 -3
package/dist/cjs/components/Accordion/Trigger.js CHANGED
@@ -49,10 +49,10 @@ const AccordionTrigger = ({
49
49
  className: clsx(
50
50
  "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
51
51
  {
52
- "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
52
+ "absolute -translate-x-micro translate-y-deca bg-surface-overlay": floating && direction === "horizontal"
53
53
  },
54
54
  {
55
- "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
55
+ "absolute -translate-y-micro translate-x-deca bg-surface-overlay": floating && direction === "vertical"
56
56
  },
57
57
  className
58
58
  ),
package/dist/cjs/components/Calendar/CalendarGrid.js CHANGED
@@ -23,7 +23,7 @@ const CalendarGrid = ({ state }) => {
23
23
  return /* @__PURE__ */ jsxRuntime.jsx(
24
24
  "div",
25
25
  {
26
- className: "bg-white rounded-micro px-deca py-mili",
26
+ className: "bg-surface-overlay rounded-micro px-deca py-mili",
27
27
  "data-testid": "calendar-grid",
28
28
  children: /* @__PURE__ */ jsxRuntime.jsxs("table", { ...gridProps, className: "border-separate border-spacing-y-nano", children: [
29
29
  /* @__PURE__ */ jsxRuntime.jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsxRuntime.jsx(CalendarGridHeaderRow.CalendarGridHeaderRow, { weekDays }) }),
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -6,19 +6,28 @@ var React = require('react');
6
6
 
7
7
  const Box = React.forwardRef((props, ref) => {
8
8
  const { id, className, ...rest } = props;
9
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("w-tera h-kilo border overflow-hidden relative", className), children: /* @__PURE__ */ jsxRuntime.jsx(
10
- "input",
9
+ return /* @__PURE__ */ jsxRuntime.jsx(
10
+ "div",
11
11
  {
12
- ...rest,
13
- id,
14
- type: "color",
15
- className: "bg-transparent cursor-pointer disabled:opacity-50 disabled:cursor-default absolute -top-1.5 -right-1 w-peta h-giga",
16
- ref
12
+ className: clsx(
13
+ "w-tera h-kilo border overflow-hidden relative",
14
+ className
15
+ ),
16
+ children: /* @__PURE__ */ jsxRuntime.jsx(
17
+ "input",
18
+ {
19
+ ...rest,
20
+ id,
21
+ type: "color",
22
+ className: "bg-transparent cursor-pointer disabled:opacity-50 disabled:cursor-default absolute -top-1.5 -right-1 w-peta h-giga",
23
+ ref
24
+ }
25
+ )
17
26
  }
18
- ) });
27
+ );
19
28
  });
20
29
  const Face = ({ children }) => {
21
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-mili p-mili shadow-default bg-white flex flex-row items-center gap-2", children });
30
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-mili p-mili shadow-default bg-[#222222] flex flex-row items-center gap-2", children });
22
31
  };
23
32
  const Label = ({
24
33
  children,
package/dist/cjs/components/Select/Popover.js CHANGED
@@ -11,7 +11,7 @@ const SelectPopover = ({ children }) => {
11
11
  return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
12
12
  index.Popover.Content,
13
13
  {
14
- className: "bg-white max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
14
+ className: "bg-surface-overlay max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
15
15
  style: {
16
16
  width: triggerWidth ? `${triggerWidth}px` : "auto",
17
17
  zIndex: 9999
package/dist/cjs/components/Stepper/Root.js CHANGED
@@ -58,7 +58,7 @@ const Root = ({
58
58
  "div",
59
59
  {
60
60
  className: clsx(
61
- "flex w-full space-x-2 bg-white p-4 pb-2 rounded-mili",
61
+ "flex w-full space-x-2 bg-surface-overlay p-4 pb-2 rounded-mili",
62
62
  className
63
63
  ),
64
64
  children: React.Children.map(children, renderNode)
package/dist/cjs/components/TimePicker/TimePickerInput.js CHANGED
@@ -62,7 +62,7 @@ const TimePickerInputWithPopover = (props) => {
62
62
  /* @__PURE__ */ jsxRuntime.jsx(
63
63
  index.Popover.Content,
64
64
  {
65
- className: "bg-white shadow-default border-none p-deca flex flex-col",
65
+ className: "bg-surface-overlay shadow-default border-none p-deca flex flex-col",
66
66
  initialFocus: -1,
67
67
  children: /* @__PURE__ */ jsxRuntime.jsx(
68
68
  TimePickerSelector.TimePickerSelector,
package/dist/cjs/components/Uploader/Dropzone.js CHANGED
@@ -19,7 +19,7 @@ const Dropzone = ({
19
19
  {
20
20
  ...getRootProps(),
21
21
  className: clsx(
22
- "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
22
+ "bg-surface-overlay w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
23
23
  {
24
24
  "border-success-medium bg-gray-100": isDragActive
25
25
  }
package/dist/cjs/components/Uploader/Files.js CHANGED
@@ -8,7 +8,7 @@ const Files = ({
8
8
  onDelete,
9
9
  uploadProgressText = "Upload(s) in progress"
10
10
  }) => {
11
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
11
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-surface-overlay w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
12
12
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
13
13
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
14
14
  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
package/dist/cjs/components/Uploader/Modal.js CHANGED
@@ -18,7 +18,7 @@ const Modal = ({
18
18
  {
19
19
  open,
20
20
  onClose,
21
- className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto",
21
+ className: "flex flex-col bg-surface-base rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto text-default",
22
22
  children: [
23
23
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between mb-deca", children: [
24
24
  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-deca font-semibold ml-tera flex-1 text-center", children: title }),
package/dist/cjs/styles/menubar.js CHANGED
@@ -4,10 +4,10 @@ var tailwindVariants = require('tailwind-variants');
4
4
 
5
5
  const menubar = tailwindVariants.tv({
6
6
  slots: {
7
- header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-header sm:justify-start",
7
+ header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-surface-overlay z-header sm:justify-start",
8
8
  left: "flex items-center w-fit",
9
9
  right: "flex items-center gap-x-deca hidden sm:flex",
10
- dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
10
+ dropdown: "w-full bg-surface-overlay flex-1 shadow-default z-popover px-[8vw] absolute"
11
11
  },
12
12
  variants: {
13
13
  show: {
package/dist/esm/components/Accordion/Trigger.js CHANGED
@@ -47,10 +47,10 @@ const AccordionTrigger = ({
47
47
  className: clsx(
48
48
  "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
49
49
  {
50
- "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
50
+ "absolute -translate-x-micro translate-y-deca bg-surface-overlay": floating && direction === "horizontal"
51
51
  },
52
52
  {
53
- "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
53
+ "absolute -translate-y-micro translate-x-deca bg-surface-overlay": floating && direction === "vertical"
54
54
  },
55
55
  className
56
56
  ),
package/dist/esm/components/Calendar/CalendarGrid.js CHANGED
@@ -21,7 +21,7 @@ const CalendarGrid = ({ state }) => {
21
21
  return /* @__PURE__ */ jsx(
22
22
  "div",
23
23
  {
24
- className: "bg-white rounded-micro px-deca py-mili",
24
+ className: "bg-surface-overlay rounded-micro px-deca py-mili",
25
25
  "data-testid": "calendar-grid",
26
26
  children: /* @__PURE__ */ jsxs("table", { ...gridProps, className: "border-separate border-spacing-y-nano", children: [
27
27
  /* @__PURE__ */ jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsx(CalendarGridHeaderRow, { weekDays }) }),
package/dist/esm/components/ColorPicker.js CHANGED
@@ -4,19 +4,28 @@ import { forwardRef } from 'react';
4
4
 
5
5
  const Box = forwardRef((props, ref) => {
6
6
  const { id, className, ...rest } = props;
7
- return /* @__PURE__ */ jsx("div", { className: clsx("w-tera h-kilo border overflow-hidden relative", className), children: /* @__PURE__ */ jsx(
8
- "input",
7
+ return /* @__PURE__ */ jsx(
8
+ "div",
9
9
  {
10
- ...rest,
11
- id,
12
- type: "color",
13
- className: "bg-transparent cursor-pointer disabled:opacity-50 disabled:cursor-default absolute -top-1.5 -right-1 w-peta h-giga",
14
- ref
10
+ className: clsx(
11
+ "w-tera h-kilo border overflow-hidden relative",
12
+ className
13
+ ),
14
+ children: /* @__PURE__ */ jsx(
15
+ "input",
16
+ {
17
+ ...rest,
18
+ id,
19
+ type: "color",
20
+ className: "bg-transparent cursor-pointer disabled:opacity-50 disabled:cursor-default absolute -top-1.5 -right-1 w-peta h-giga",
21
+ ref
22
+ }
23
+ )
15
24
  }
16
- ) });
25
+ );
17
26
  });
18
27
  const Face = ({ children }) => {
19
- return /* @__PURE__ */ jsx("div", { className: "rounded-mili p-mili shadow-default bg-white flex flex-row items-center gap-2", children });
28
+ return /* @__PURE__ */ jsx("div", { className: "rounded-mili p-mili shadow-default bg-[#222222] flex flex-row items-center gap-2", children });
20
29
  };
21
30
  const Label = ({
22
31
  children,
package/dist/esm/components/Select/Popover.js CHANGED
@@ -9,7 +9,7 @@ const SelectPopover = ({ children }) => {
9
9
  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
10
10
  Popover.Content,
11
11
  {
12
- className: "bg-white max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
12
+ className: "bg-surface-overlay max-h-[30vh] overflow-y-auto gap-y-mili flex flex-col p-0",
13
13
  style: {
14
14
  width: triggerWidth ? `${triggerWidth}px` : "auto",
15
15
  zIndex: 9999
package/dist/esm/components/Stepper/Root.js CHANGED
@@ -56,7 +56,7 @@ const Root = ({
56
56
  "div",
57
57
  {
58
58
  className: clsx(
59
- "flex w-full space-x-2 bg-white p-4 pb-2 rounded-mili",
59
+ "flex w-full space-x-2 bg-surface-overlay p-4 pb-2 rounded-mili",
60
60
  className
61
61
  ),
62
62
  children: React.Children.map(children, renderNode)
package/dist/esm/components/TimePicker/TimePickerInput.js CHANGED
@@ -60,7 +60,7 @@ const TimePickerInputWithPopover = (props) => {
60
60
  /* @__PURE__ */ jsx(
61
61
  Popover.Content,
62
62
  {
63
- className: "bg-white shadow-default border-none p-deca flex flex-col",
63
+ className: "bg-surface-overlay shadow-default border-none p-deca flex flex-col",
64
64
  initialFocus: -1,
65
65
  children: /* @__PURE__ */ jsx(
66
66
  TimePickerSelector,
package/dist/esm/components/Uploader/Dropzone.js CHANGED
@@ -17,7 +17,7 @@ const Dropzone = ({
17
17
  {
18
18
  ...getRootProps(),
19
19
  className: clsx(
20
- "bg-white w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
20
+ "bg-surface-overlay w-full border-dashed border-2 p-deca flex flex-col justify-center rounded-mili overflow-auto h-[18rem]",
21
21
  {
22
22
  "border-success-medium bg-gray-100": isDragActive
23
23
  }
package/dist/esm/components/Uploader/Files.js CHANGED
@@ -6,7 +6,7 @@ const Files = ({
6
6
  onDelete,
7
7
  uploadProgressText = "Upload(s) in progress"
8
8
  }) => {
9
- return /* @__PURE__ */ jsxs("div", { className: "bg-white w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
9
+ return /* @__PURE__ */ jsxs("div", { className: "bg-surface-overlay w-full border-2 p-deca flex flex-col overflow-y-auto rounded-mili h-[18rem]", children: [
10
10
  /* @__PURE__ */ jsxs("div", { className: "flex gap-mili items-center mb-deca", children: [
11
11
  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-deca h-deca bg-primary-medium rounded-full text-micro text-white", children: `${files.length}` }),
12
12
  /* @__PURE__ */ jsx("h2", { className: "text-md font-semibold", "data-testid": "upload-progress", children: uploadProgressText })
package/dist/esm/components/Uploader/Modal.js CHANGED
@@ -16,7 +16,7 @@ const Modal = ({
16
16
  {
17
17
  open,
18
18
  onClose,
19
- className: "flex flex-col bg-secondary-xlight rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto",
19
+ className: "flex flex-col bg-surface-base rounded-mili min-w-[70vw] max-w-[95vh] max-h-[95vh] overflow-auto text-default",
20
20
  children: [
21
21
  /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between mb-deca", children: [
22
22
  /* @__PURE__ */ jsx("h2", { className: "text-deca font-semibold ml-tera flex-1 text-center", children: title }),
package/dist/esm/styles/menubar.js CHANGED
@@ -2,10 +2,10 @@ import { tv } from 'tailwind-variants';
2
2
 
3
3
  const menubar = tv({
4
4
  slots: {
5
- header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-white z-header sm:justify-start",
5
+ header: "relative w-screen px-kilo py-deca flex flex-row md:justify-between bg-surface-overlay z-header sm:justify-start",
6
6
  left: "flex items-center w-fit",
7
7
  right: "flex items-center gap-x-deca hidden sm:flex",
8
- dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
8
+ dropdown: "w-full bg-surface-overlay flex-1 shadow-default z-popover px-[8vw] absolute"
9
9
  },
10
10
  variants: {
11
11
  show: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.16.0-beta.0",
3
+ "version": "1.16.0-beta.2",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@floating-ui/react": "^0.26.18",
22
22
  "@internationalized/date": "3.7.0",
23
- "@tecsinapse/cortex-core": "1.3.0-beta.0",
23
+ "@tecsinapse/cortex-core": "1.3.0-beta.2",
24
24
  "clsx": "2.1.1",
25
25
  "currency.js": "2.0.4",
26
26
  "embla-carousel-autoplay": "^8.0.0",
@@ -48,5 +48,5 @@
48
48
  "react-icons": ">=5.2.0",
49
49
  "tailwind": ">=3.3.0"
50
50
  },
51
- "gitHead": "c267542fbb45c9c598be530f2c2d4211365a816e"
51
+ "gitHead": "5365cc6cb2202caec12950731aff22afcc24ccbb"
52
52
  }