Skip to content

Commit

Permalink
Merge pull request #133 from garrylachman/131-layouts
Browse files Browse the repository at this point in the history 
131 layouts
  • Loading branch information
@garrylachman
garrylachman authored Feb 17, 2023
2 parents 9538be0 + c0c0bcb commit 87a0106
Show file tree
Hide file tree
Showing 85 changed files with 225,231 additions and 581 deletions.
1 change: 1 addition & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,7 @@
"@electrocrud/shared": "link:./packages/shared",
"@electrocrud/tables": "link:./packages/tables",
"@electrocrud/tabs": "link:./packages/tabs",
"@electrocrud/layouts": "link:./packages/layouts",
"@electrocrud/utils": "link:./packages/utils",
"@emotion/cache": "^11.7.1",
"@emotion/react": "^11",
Expand Down
18 changes: 18 additions & 0 deletions packages/buttons/defaults.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import { ButtonProps } from '@chakra-ui/react';

export const defaults: ButtonProps = {
size: 'md',
variant: 'solid',
bgColorScheme: 'primary',
gap: 2,
color: 'white',
fontWeight: 'medium',
rounded: 'lg',
cursor: 'pointer',
py: 3,
px: 4,
shadow: 'none',
backgroundPosition: 'center',
minWidth: 'fit-content',
overflow: 'hidden',
};
32 changes: 21 additions & 11 deletions packages/buttons/lib/action-button/action-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,26 @@ var import_underscore = require("underscore");
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -86,19 +106,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down
32 changes: 21 additions & 11 deletions packages/buttons/lib/action-button/action-factory.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,26 @@ var import_underscore = require("underscore");
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -95,19 +115,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down
32 changes: 21 additions & 11 deletions packages/buttons/lib/action-button/cancel-action-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,26 @@ var import_underscore = require("underscore");
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -91,19 +111,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down
32 changes: 21 additions & 11 deletions packages/buttons/lib/action-button/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,26 @@ var import_underscore = require("underscore");
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -89,19 +109,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down
32 changes: 21 additions & 11 deletions packages/buttons/lib/action-button/save-action-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,26 @@ var import_underscore = require("underscore");
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -91,19 +111,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down
38 changes: 22 additions & 16 deletions packages/buttons/lib/add-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,26 @@ var import_react = __toESM(require("react"));
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -83,19 +103,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down Expand Up @@ -154,11 +164,7 @@ function _extends2() {
return _extends2.apply(this, arguments);
}
__name(_extends2, "_extends");
var AddButton = /* @__PURE__ */ __name((properties) => /* @__PURE__ */ import_react.default.createElement(RippleButton, _extends2({
variant: "solid",
bgColorScheme: "primary",
size: "lg"
}, properties), "Add New"), "AddButton");
var AddButton = /* @__PURE__ */ __name((properties) => /* @__PURE__ */ import_react.default.createElement(RippleButton, _extends2({}, properties), "Add New"), "AddButton");
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
AddButton
Expand Down
36 changes: 22 additions & 14 deletions packages/buttons/lib/cancel-button.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,26 @@ var import_react = __toESM(require("react"));
var import_react2 = require("@chakra-ui/react");
var import_chroma_js = __toESM(require("chroma-js"));
var import_framer_motion = require("framer-motion");

// defaults.ts
var defaults = {
size: "md",
variant: "solid",
bgColorScheme: "primary",
gap: 2,
color: "white",
fontWeight: "medium",
rounded: "lg",
cursor: "pointer",
py: 3,
px: 4,
shadow: "none",
backgroundPosition: "center",
minWidth: "fit-content",
overflow: "hidden"
};

// src/ripple-button.tsx
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
Expand Down Expand Up @@ -83,19 +103,9 @@ var RippleButton = /* @__PURE__ */ __name(({ children, size = "md", bgColorSchem
// @ts-ignore
bgColor.step3
]);
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({
variant: "solid",
return /* @__PURE__ */ import_react.default.createElement(import_react2.Button, _extends({}, defaults, {
as: import_framer_motion.motion.button,
py: 3,
px: 4,
color: "white",
fontWeight: "medium",
rounded: "lg",
shadow: "none",
size,
cursor: "pointer",
overflow: "hidden",
backgroundPosition: "center",
style: {
background: `linear-gradient(60deg, ${step1} 0%, ${(0, import_chroma_js.default)(step1).brighten(0.1).hex()} 100%)`
},
Expand Down Expand Up @@ -155,9 +165,7 @@ function _extends2() {
}
__name(_extends2, "_extends");
var CancelButton = /* @__PURE__ */ __name((properties) => /* @__PURE__ */ import_react.default.createElement(RippleButton, _extends2({
variant: "solid",
bgColorScheme: "red",
size: "lg"
bgColorScheme: "red"
}, properties), "Cancel"), "CancelButton");
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
Expand Down
Loading

0 comments on commit 87a0106

Please sign in to comment.