@rufous/ui 0.1.29 → 0.1.31

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/Buttons/addButton.cjs +1 -1
  2. package/dist/Buttons/addButton.js +1 -1
  3. package/dist/Buttons/cancelButton.cjs +1 -1
  4. package/dist/Buttons/cancelButton.js +1 -1
  5. package/dist/Buttons/index.cjs +3 -3
  6. package/dist/Buttons/index.js +3 -3
  7. package/dist/Buttons/submitButton.cjs +1 -1
  8. package/dist/Buttons/submitButton.js +1 -1
  9. package/dist/Dialogs/BaseDialog.css +44 -89
  10. package/dist/Dialogs/BaseDialog.js +3 -3
  11. package/dist/Dialogs/index.css +44 -89
  12. package/dist/Dialogs/index.js +3 -3
  13. package/dist/{chunk-7DL4MCF7.js → chunk-5MMHFGWQ.js} +1 -1
  14. package/dist/{chunk-UF3Q3GWG.js → chunk-BMMDUQDJ.js} +1 -1
  15. package/dist/{chunk-MB7R5AKK.js → chunk-U7SARO5B.js} +1 -1
  16. package/dist/main.cjs +3 -3
  17. package/dist/main.css +44 -89
  18. package/dist/main.js +3 -3
  19. package/dist/style.css +44 -89
  20. package/dist/styles/button.css +44 -89
  21. package/package.json +1 -1
package/dist/Buttons/addButton.cjs CHANGED
@@ -34,6 +34,6 @@ __export(addButton_exports, {
34
34
  module.exports = __toCommonJS(addButton_exports);
35
35
  var React = __toESM(require("react"), 1);
36
36
  var AddButton = ({ children, ...props }) => {
37
- return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+ ", children);
37
+ return /* @__PURE__ */ React.createElement("button", { className: "btn add-btn", ...props }, "+ ", children);
38
38
  };
39
39
  var addButton_default = AddButton;
package/dist/Buttons/addButton.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  addButton_default
3
- } from "../chunk-MB7R5AKK.js";
3
+ } from "../chunk-U7SARO5B.js";
4
4
  export {
5
5
  addButton_default as default
6
6
  };
package/dist/Buttons/cancelButton.cjs CHANGED
@@ -33,5 +33,5 @@ __export(cancelButton_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(cancelButton_exports);
35
35
  var React = __toESM(require("react"), 1);
36
- var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "cancel-btn", ...props }, children);
36
+ var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "btn cancel-btn", ...props }, children);
37
37
  var cancelButton_default = CancelButton;
package/dist/Buttons/cancelButton.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  cancelButton_default
3
- } from "../chunk-UF3Q3GWG.js";
3
+ } from "../chunk-BMMDUQDJ.js";
4
4
  export {
5
5
  cancelButton_default as default
6
6
  };
package/dist/Buttons/index.cjs CHANGED
@@ -38,7 +38,7 @@ module.exports = __toCommonJS(Buttons_exports);
38
38
  // lib/Buttons/addButton.tsx
39
39
  var React = __toESM(require("react"), 1);
40
40
  var AddButton = ({ children, ...props }) => {
41
- return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+ ", children);
41
+ return /* @__PURE__ */ React.createElement("button", { className: "btn add-btn", ...props }, "+ ", children);
42
42
  };
43
43
  var addButton_default = AddButton;
44
44
 
@@ -53,7 +53,7 @@ var SubmitButton = ({
53
53
  }) => {
54
54
  const buttonProps = {
55
55
  ...props,
56
- className: `submit-btn ${props.className ?? ""}`,
56
+ className: `btn submit-btn ${props.className ?? ""}`,
57
57
  onClick,
58
58
  disabled: props.disabled || loading,
59
59
  ...onClick ? {} : { type }
@@ -65,7 +65,7 @@ var submitButton_default = SubmitButton;
65
65
 
66
66
  // lib/Buttons/cancelButton.tsx
67
67
  var React3 = __toESM(require("react"), 1);
68
- var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React3.createElement("button", { className: "cancel-btn", ...props }, children);
68
+ var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React3.createElement("button", { className: "btn cancel-btn", ...props }, children);
69
69
  var cancelButton_default = CancelButton;
70
70
  // Annotate the CommonJS export names for ESM import in node:
71
71
  0 && (module.exports = {
package/dist/Buttons/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import "../chunk-JSGUIKOH.js";
2
2
  import {
3
3
  addButton_default
4
- } from "../chunk-MB7R5AKK.js";
4
+ } from "../chunk-U7SARO5B.js";
5
5
  import {
6
6
  cancelButton_default
7
- } from "../chunk-UF3Q3GWG.js";
7
+ } from "../chunk-BMMDUQDJ.js";
8
8
  import {
9
9
  submitButton_default
10
- } from "../chunk-7DL4MCF7.js";
10
+ } from "../chunk-5MMHFGWQ.js";
11
11
  export {
12
12
  addButton_default as AddButton,
13
13
  cancelButton_default as CancelButton,
package/dist/Buttons/submitButton.cjs CHANGED
@@ -42,7 +42,7 @@ var SubmitButton = ({
42
42
  }) => {
43
43
  const buttonProps = {
44
44
  ...props,
45
- className: `submit-btn ${props.className ?? ""}`,
45
+ className: `btn submit-btn ${props.className ?? ""}`,
46
46
  onClick,
47
47
  disabled: props.disabled || loading,
48
48
  ...onClick ? {} : { type }
package/dist/Buttons/submitButton.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  submitButton_default
3
- } from "../chunk-7DL4MCF7.js";
3
+ } from "../chunk-5MMHFGWQ.js";
4
4
  export {
5
5
  submitButton_default as default
6
6
  };
package/dist/Dialogs/BaseDialog.css CHANGED
@@ -1,124 +1,79 @@
1
1
  /* lib/styles/button.css */
2
- .cancel-btn {
3
- text-transform: uppercase;
4
- min-width: 84px;
5
- font-weight: normal;
6
- font-size: 12px;
7
- padding: 7px 10px;
8
- border: 1px solid rgb(164, 27, 6);
9
- border-radius: 34px;
10
- background: #fff;
11
- color: rgb(164, 27, 6);
12
- cursor: pointer;
13
- transition:
14
- background-color 250ms,
15
- box-shadow 250ms,
16
- border-color 250ms,
17
- color 250ms;
18
- box-shadow:
19
- rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
20
- rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
21
- rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
22
- }
23
- .cancel-btn:hover {
24
- box-shadow:
25
- rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
26
- rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
27
- rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
28
- }
29
- .cancel-btn:disabled {
30
- background-color: #e0e0e0;
31
- cursor: not-allowed;
32
- }
33
- .submit-btn {
34
- display: -webkit-inline-box;
35
- display: -webkit-inline-flex;
36
- display: -ms-inline-flexbox;
2
+ .btn {
37
3
  display: inline-flex;
38
- -webkit-align-items: center;
39
- -webkit-box-align: center;
40
- -ms-flex-align: center;
41
4
  align-items: center;
42
- -webkit-box-pack: center;
43
- -ms-flex-pack: center;
44
- -webkit-justify-content: center;
45
5
  justify-content: center;
46
- position: relative;
47
6
  box-sizing: border-box;
48
- -webkit-tap-highlight-color: transparent;
49
- background-color: transparent;
50
- outline: 0;
51
- margin: 0;
52
7
  cursor: pointer;
53
- -webkit-user-select: none;
54
- -moz-user-select: none;
55
- -ms-user-select: none;
56
8
  user-select: none;
57
9
  vertical-align: middle;
58
- -moz-appearance: none;
59
- -webkit-appearance: none;
60
- -webkit-text-decoration: none;
61
10
  text-decoration: none;
62
- color: inherit;
63
11
  font-family:
64
12
  "Roboto",
65
13
  "Helvetica",
66
14
  "Arial",
67
15
  sans-serif;
68
- font-weight: 500;
69
- font-size: 0.875rem;
70
- line-height: 1.75;
71
- letter-spacing: 0.02857em;
72
- min-width: 64px;
73
- padding: 6px 8px;
74
- border-radius: 4px;
75
- -webkit-transition:
76
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
77
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
78
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
79
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
80
- transition:
81
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
82
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
83
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
84
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
85
- background: #a81c07;
86
- border: 1px solid #a81c07;
87
- background-color: #9b1906;
88
- color: #fff;
89
16
  font-size: 12px;
17
+ font-weight: normal;
90
18
  text-transform: uppercase;
19
+ padding: 7px 10px;
20
+ border-radius: 4px;
21
+ border: none;
22
+ outline: 0;
23
+ transition: all 0.25s ease-in-out;
24
+ }
25
+ .btn:disabled {
26
+ background-color: #e0e0e0;
27
+ cursor: not-allowed;
28
+ }
29
+ .cancel-btn {
30
+ min-width: 84px;
31
+ border: 1px solid #a41b06;
32
+ border-radius: 34px;
33
+ background: #fff;
34
+ color: #a41b06;
35
+ box-shadow:
36
+ rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
37
+ rgba(0, 0, 0, 0.14) 0px 2px 2px,
38
+ rgba(0, 0, 0, 0.12) 0px 1px 5px;
39
+ transition:
40
+ background-color 250ms,
41
+ box-shadow 250ms,
42
+ border-color 250ms,
43
+ color 250ms;
44
+ }
45
+ .cancel-btn:hover {
46
+ box-shadow:
47
+ rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
48
+ rgba(0, 0, 0, 0.14) 0px 4px 5px,
49
+ rgba(0, 0, 0, 0.12) 0px 1px 10px;
50
+ }
51
+ .submit-btn {
91
52
  min-width: 92px;
92
53
  height: 38px;
93
- border: none;
54
+ padding: 6px 16px;
55
+ font-weight: 600;
94
56
  border-radius: 6px;
95
- cursor: pointer;
57
+ background: #a21b07;
58
+ color: #fff;
96
59
  transition: background-color 250ms ease-in-out;
97
- font-size: 600;
98
60
  }
99
61
  .submit-btn:hover {
100
62
  background-color: #9b1906;
101
63
  }
102
- .submit-btn:disabled {
103
- background-color: #e0e0e0;
104
- cursor: not-allowed;
105
- }
106
64
  .add-btn {
107
- background: #ffffff;
65
+ min-width: 64px;
66
+ padding: 7px 10px;
67
+ font-size: 14px;
108
68
  border: 1px solid #a41b06;
109
69
  border-radius: 34px;
110
- font-weight: normal;
111
- font-size: 12px;
112
- padding: 7px 12px;
70
+ background: #fff;
113
71
  color: #a41b06;
114
- cursor: pointer;
115
72
  transition: all 0.25s ease-in-out;
116
- text-transform: uppercase;
117
- box-shadow: none;
118
73
  }
119
74
  .add-btn:hover {
120
75
  background: #a41b06;
121
- color: #ffffff;
76
+ color: #fff;
122
77
  }
123
78
 
124
79
  /* lib/styles/dialog.css */
package/dist/Dialogs/BaseDialog.js CHANGED
@@ -57,9 +57,9 @@ import "../chunk-AH6RCYDL.js";
57
57
  import "../chunk-3IBCGGN3.js";
58
58
  import "../chunk-MNPAE2ZF.js";
59
59
  import "../chunk-JSGUIKOH.js";
60
- import "../chunk-MB7R5AKK.js";
61
- import "../chunk-UF3Q3GWG.js";
62
- import "../chunk-7DL4MCF7.js";
60
+ import "../chunk-U7SARO5B.js";
61
+ import "../chunk-BMMDUQDJ.js";
62
+ import "../chunk-5MMHFGWQ.js";
63
63
  export {
64
64
  BaseDialog_default as default
65
65
  };
package/dist/Dialogs/index.css CHANGED
@@ -1,124 +1,79 @@
1
1
  /* lib/styles/button.css */
2
- .cancel-btn {
3
- text-transform: uppercase;
4
- min-width: 84px;
5
- font-weight: normal;
6
- font-size: 12px;
7
- padding: 7px 10px;
8
- border: 1px solid rgb(164, 27, 6);
9
- border-radius: 34px;
10
- background: #fff;
11
- color: rgb(164, 27, 6);
12
- cursor: pointer;
13
- transition:
14
- background-color 250ms,
15
- box-shadow 250ms,
16
- border-color 250ms,
17
- color 250ms;
18
- box-shadow:
19
- rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
20
- rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
21
- rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
22
- }
23
- .cancel-btn:hover {
24
- box-shadow:
25
- rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
26
- rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
27
- rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
28
- }
29
- .cancel-btn:disabled {
30
- background-color: #e0e0e0;
31
- cursor: not-allowed;
32
- }
33
- .submit-btn {
34
- display: -webkit-inline-box;
35
- display: -webkit-inline-flex;
36
- display: -ms-inline-flexbox;
2
+ .btn {
37
3
  display: inline-flex;
38
- -webkit-align-items: center;
39
- -webkit-box-align: center;
40
- -ms-flex-align: center;
41
4
  align-items: center;
42
- -webkit-box-pack: center;
43
- -ms-flex-pack: center;
44
- -webkit-justify-content: center;
45
5
  justify-content: center;
46
- position: relative;
47
6
  box-sizing: border-box;
48
- -webkit-tap-highlight-color: transparent;
49
- background-color: transparent;
50
- outline: 0;
51
- margin: 0;
52
7
  cursor: pointer;
53
- -webkit-user-select: none;
54
- -moz-user-select: none;
55
- -ms-user-select: none;
56
8
  user-select: none;
57
9
  vertical-align: middle;
58
- -moz-appearance: none;
59
- -webkit-appearance: none;
60
- -webkit-text-decoration: none;
61
10
  text-decoration: none;
62
- color: inherit;
63
11
  font-family:
64
12
  "Roboto",
65
13
  "Helvetica",
66
14
  "Arial",
67
15
  sans-serif;
68
- font-weight: 500;
69
- font-size: 0.875rem;
70
- line-height: 1.75;
71
- letter-spacing: 0.02857em;
72
- min-width: 64px;
73
- padding: 6px 8px;
74
- border-radius: 4px;
75
- -webkit-transition:
76
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
77
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
78
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
79
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
80
- transition:
81
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
82
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
83
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
84
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
85
- background: #a81c07;
86
- border: 1px solid #a81c07;
87
- background-color: #9b1906;
88
- color: #fff;
89
16
  font-size: 12px;
17
+ font-weight: normal;
90
18
  text-transform: uppercase;
19
+ padding: 7px 10px;
20
+ border-radius: 4px;
21
+ border: none;
22
+ outline: 0;
23
+ transition: all 0.25s ease-in-out;
24
+ }
25
+ .btn:disabled {
26
+ background-color: #e0e0e0;
27
+ cursor: not-allowed;
28
+ }
29
+ .cancel-btn {
30
+ min-width: 84px;
31
+ border: 1px solid #a41b06;
32
+ border-radius: 34px;
33
+ background: #fff;
34
+ color: #a41b06;
35
+ box-shadow:
36
+ rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
37
+ rgba(0, 0, 0, 0.14) 0px 2px 2px,
38
+ rgba(0, 0, 0, 0.12) 0px 1px 5px;
39
+ transition:
40
+ background-color 250ms,
41
+ box-shadow 250ms,
42
+ border-color 250ms,
43
+ color 250ms;
44
+ }
45
+ .cancel-btn:hover {
46
+ box-shadow:
47
+ rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
48
+ rgba(0, 0, 0, 0.14) 0px 4px 5px,
49
+ rgba(0, 0, 0, 0.12) 0px 1px 10px;
50
+ }
51
+ .submit-btn {
91
52
  min-width: 92px;
92
53
  height: 38px;
93
- border: none;
54
+ padding: 6px 16px;
55
+ font-weight: 600;
94
56
  border-radius: 6px;
95
- cursor: pointer;
57
+ background: #a21b07;
58
+ color: #fff;
96
59
  transition: background-color 250ms ease-in-out;
97
- font-size: 600;
98
60
  }
99
61
  .submit-btn:hover {
100
62
  background-color: #9b1906;
101
63
  }
102
- .submit-btn:disabled {
103
- background-color: #e0e0e0;
104
- cursor: not-allowed;
105
- }
106
64
  .add-btn {
107
- background: #ffffff;
65
+ min-width: 64px;
66
+ padding: 7px 10px;
67
+ font-size: 14px;
108
68
  border: 1px solid #a41b06;
109
69
  border-radius: 34px;
110
- font-weight: normal;
111
- font-size: 12px;
112
- padding: 7px 12px;
70
+ background: #fff;
113
71
  color: #a41b06;
114
- cursor: pointer;
115
72
  transition: all 0.25s ease-in-out;
116
- text-transform: uppercase;
117
- box-shadow: none;
118
73
  }
119
74
  .add-btn:hover {
120
75
  background: #a41b06;
121
- color: #ffffff;
76
+ color: #fff;
122
77
  }
123
78
 
124
79
  /* lib/styles/dialog.css */
package/dist/Dialogs/index.js CHANGED
@@ -57,9 +57,9 @@ import "../chunk-AH6RCYDL.js";
57
57
  import "../chunk-3IBCGGN3.js";
58
58
  import "../chunk-MNPAE2ZF.js";
59
59
  import "../chunk-JSGUIKOH.js";
60
- import "../chunk-MB7R5AKK.js";
61
- import "../chunk-UF3Q3GWG.js";
62
- import "../chunk-7DL4MCF7.js";
60
+ import "../chunk-U7SARO5B.js";
61
+ import "../chunk-BMMDUQDJ.js";
62
+ import "../chunk-5MMHFGWQ.js";
63
63
  export {
64
64
  BaseDialog_default as BaseDialog
65
65
  };
package/dist/{chunk-7DL4MCF7.js → chunk-5MMHFGWQ.js} RENAMED
@@ -9,7 +9,7 @@ var SubmitButton = ({
9
9
  }) => {
10
10
  const buttonProps = {
11
11
  ...props,
12
- className: `submit-btn ${props.className ?? ""}`,
12
+ className: `btn submit-btn ${props.className ?? ""}`,
13
13
  onClick,
14
14
  disabled: props.disabled || loading,
15
15
  ...onClick ? {} : { type }
package/dist/{chunk-UF3Q3GWG.js → chunk-BMMDUQDJ.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  // lib/Buttons/cancelButton.tsx
2
2
  import * as React from "react";
3
- var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "cancel-btn", ...props }, children);
3
+ var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "btn cancel-btn", ...props }, children);
4
4
  var cancelButton_default = CancelButton;
5
5
 
6
6
  export {
package/dist/{chunk-MB7R5AKK.js → chunk-U7SARO5B.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  // lib/Buttons/addButton.tsx
2
2
  import * as React from "react";
3
3
  var AddButton = ({ children, ...props }) => {
4
- return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+ ", children);
4
+ return /* @__PURE__ */ React.createElement("button", { className: "btn add-btn", ...props }, "+ ", children);
5
5
  };
6
6
  var addButton_default = AddButton;
7
7
 
package/dist/main.cjs CHANGED
@@ -1082,7 +1082,7 @@ var locationPinIcon_default = LocationPinIcon;
1082
1082
  // lib/Buttons/addButton.tsx
1083
1083
  var React53 = __toESM(require("react"), 1);
1084
1084
  var AddButton = ({ children, ...props }) => {
1085
- return /* @__PURE__ */ React53.createElement("button", { className: "add-btn", ...props }, "+ ", children);
1085
+ return /* @__PURE__ */ React53.createElement("button", { className: "btn add-btn", ...props }, "+ ", children);
1086
1086
  };
1087
1087
  var addButton_default = AddButton;
1088
1088
 
@@ -1097,7 +1097,7 @@ var SubmitButton = ({
1097
1097
  }) => {
1098
1098
  const buttonProps = {
1099
1099
  ...props,
1100
- className: `submit-btn ${props.className ?? ""}`,
1100
+ className: `btn submit-btn ${props.className ?? ""}`,
1101
1101
  onClick,
1102
1102
  disabled: props.disabled || loading,
1103
1103
  ...onClick ? {} : { type }
@@ -1109,7 +1109,7 @@ var submitButton_default = SubmitButton;
1109
1109
 
1110
1110
  // lib/Buttons/cancelButton.tsx
1111
1111
  var React55 = __toESM(require("react"), 1);
1112
- var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React55.createElement("button", { className: "cancel-btn", ...props }, children);
1112
+ var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React55.createElement("button", { className: "btn cancel-btn", ...props }, children);
1113
1113
  var cancelButton_default = CancelButton;
1114
1114
 
1115
1115
  // lib/Dialogs/BaseDialog.tsx
package/dist/main.css CHANGED
@@ -1,124 +1,79 @@
1
1
  /* lib/styles/button.css */
2
- .cancel-btn {
3
- text-transform: uppercase;
4
- min-width: 84px;
5
- font-weight: normal;
6
- font-size: 12px;
7
- padding: 7px 10px;
8
- border: 1px solid rgb(164, 27, 6);
9
- border-radius: 34px;
10
- background: #fff;
11
- color: rgb(164, 27, 6);
12
- cursor: pointer;
13
- transition:
14
- background-color 250ms,
15
- box-shadow 250ms,
16
- border-color 250ms,
17
- color 250ms;
18
- box-shadow:
19
- rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
20
- rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
21
- rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
22
- }
23
- .cancel-btn:hover {
24
- box-shadow:
25
- rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
26
- rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
27
- rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
28
- }
29
- .cancel-btn:disabled {
30
- background-color: #e0e0e0;
31
- cursor: not-allowed;
32
- }
33
- .submit-btn {
34
- display: -webkit-inline-box;
35
- display: -webkit-inline-flex;
36
- display: -ms-inline-flexbox;
2
+ .btn {
37
3
  display: inline-flex;
38
- -webkit-align-items: center;
39
- -webkit-box-align: center;
40
- -ms-flex-align: center;
41
4
  align-items: center;
42
- -webkit-box-pack: center;
43
- -ms-flex-pack: center;
44
- -webkit-justify-content: center;
45
5
  justify-content: center;
46
- position: relative;
47
6
  box-sizing: border-box;
48
- -webkit-tap-highlight-color: transparent;
49
- background-color: transparent;
50
- outline: 0;
51
- margin: 0;
52
7
  cursor: pointer;
53
- -webkit-user-select: none;
54
- -moz-user-select: none;
55
- -ms-user-select: none;
56
8
  user-select: none;
57
9
  vertical-align: middle;
58
- -moz-appearance: none;
59
- -webkit-appearance: none;
60
- -webkit-text-decoration: none;
61
10
  text-decoration: none;
62
- color: inherit;
63
11
  font-family:
64
12
  "Roboto",
65
13
  "Helvetica",
66
14
  "Arial",
67
15
  sans-serif;
68
- font-weight: 500;
69
- font-size: 0.875rem;
70
- line-height: 1.75;
71
- letter-spacing: 0.02857em;
72
- min-width: 64px;
73
- padding: 6px 8px;
74
- border-radius: 4px;
75
- -webkit-transition:
76
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
77
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
78
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
79
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
80
- transition:
81
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
82
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
83
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
84
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
85
- background: #a81c07;
86
- border: 1px solid #a81c07;
87
- background-color: #9b1906;
88
- color: #fff;
89
16
  font-size: 12px;
17
+ font-weight: normal;
90
18
  text-transform: uppercase;
19
+ padding: 7px 10px;
20
+ border-radius: 4px;
21
+ border: none;
22
+ outline: 0;
23
+ transition: all 0.25s ease-in-out;
24
+ }
25
+ .btn:disabled {
26
+ background-color: #e0e0e0;
27
+ cursor: not-allowed;
28
+ }
29
+ .cancel-btn {
30
+ min-width: 84px;
31
+ border: 1px solid #a41b06;
32
+ border-radius: 34px;
33
+ background: #fff;
34
+ color: #a41b06;
35
+ box-shadow:
36
+ rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
37
+ rgba(0, 0, 0, 0.14) 0px 2px 2px,
38
+ rgba(0, 0, 0, 0.12) 0px 1px 5px;
39
+ transition:
40
+ background-color 250ms,
41
+ box-shadow 250ms,
42
+ border-color 250ms,
43
+ color 250ms;
44
+ }
45
+ .cancel-btn:hover {
46
+ box-shadow:
47
+ rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
48
+ rgba(0, 0, 0, 0.14) 0px 4px 5px,
49
+ rgba(0, 0, 0, 0.12) 0px 1px 10px;
50
+ }
51
+ .submit-btn {
91
52
  min-width: 92px;
92
53
  height: 38px;
93
- border: none;
54
+ padding: 6px 16px;
55
+ font-weight: 600;
94
56
  border-radius: 6px;
95
- cursor: pointer;
57
+ background: #a21b07;
58
+ color: #fff;
96
59
  transition: background-color 250ms ease-in-out;
97
- font-size: 600;
98
60
  }
99
61
  .submit-btn:hover {
100
62
  background-color: #9b1906;
101
63
  }
102
- .submit-btn:disabled {
103
- background-color: #e0e0e0;
104
- cursor: not-allowed;
105
- }
106
64
  .add-btn {
107
- background: #ffffff;
65
+ min-width: 64px;
66
+ padding: 7px 10px;
67
+ font-size: 14px;
108
68
  border: 1px solid #a41b06;
109
69
  border-radius: 34px;
110
- font-weight: normal;
111
- font-size: 12px;
112
- padding: 7px 12px;
70
+ background: #fff;
113
71
  color: #a41b06;
114
- cursor: pointer;
115
72
  transition: all 0.25s ease-in-out;
116
- text-transform: uppercase;
117
- box-shadow: none;
118
73
  }
119
74
  .add-btn:hover {
120
75
  background: #a41b06;
121
- color: #ffffff;
76
+ color: #fff;
122
77
  }
123
78
 
124
79
  /* lib/styles/dialog.css */
package/dist/main.js CHANGED
@@ -168,13 +168,13 @@ import {
168
168
  import "./chunk-JSGUIKOH.js";
169
169
  import {
170
170
  addButton_default
171
- } from "./chunk-MB7R5AKK.js";
171
+ } from "./chunk-U7SARO5B.js";
172
172
  import {
173
173
  cancelButton_default
174
- } from "./chunk-UF3Q3GWG.js";
174
+ } from "./chunk-BMMDUQDJ.js";
175
175
  import {
176
176
  submitButton_default
177
- } from "./chunk-7DL4MCF7.js";
177
+ } from "./chunk-5MMHFGWQ.js";
178
178
  export {
179
179
  APP_THEMES,
180
180
  activateUserIcon_default as ActivateUserIcon,
package/dist/style.css CHANGED
@@ -1,124 +1,79 @@
1
1
  /* lib/styles/button.css */
2
- .cancel-btn {
3
- text-transform: uppercase;
4
- min-width: 84px;
5
- font-weight: normal;
6
- font-size: 12px;
7
- padding: 7px 10px;
8
- border: 1px solid rgb(164, 27, 6);
9
- border-radius: 34px;
10
- background: #fff;
11
- color: rgb(164, 27, 6);
12
- cursor: pointer;
13
- transition:
14
- background-color 250ms,
15
- box-shadow 250ms,
16
- border-color 250ms,
17
- color 250ms;
18
- box-shadow:
19
- rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
20
- rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
21
- rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
22
- }
23
- .cancel-btn:hover {
24
- box-shadow:
25
- rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
26
- rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
27
- rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
28
- }
29
- .cancel-btn:disabled {
30
- background-color: #e0e0e0;
31
- cursor: not-allowed;
32
- }
33
- .submit-btn {
34
- display: -webkit-inline-box;
35
- display: -webkit-inline-flex;
36
- display: -ms-inline-flexbox;
2
+ .btn {
37
3
  display: inline-flex;
38
- -webkit-align-items: center;
39
- -webkit-box-align: center;
40
- -ms-flex-align: center;
41
4
  align-items: center;
42
- -webkit-box-pack: center;
43
- -ms-flex-pack: center;
44
- -webkit-justify-content: center;
45
5
  justify-content: center;
46
- position: relative;
47
6
  box-sizing: border-box;
48
- -webkit-tap-highlight-color: transparent;
49
- background-color: transparent;
50
- outline: 0;
51
- margin: 0;
52
7
  cursor: pointer;
53
- -webkit-user-select: none;
54
- -moz-user-select: none;
55
- -ms-user-select: none;
56
8
  user-select: none;
57
9
  vertical-align: middle;
58
- -moz-appearance: none;
59
- -webkit-appearance: none;
60
- -webkit-text-decoration: none;
61
10
  text-decoration: none;
62
- color: inherit;
63
11
  font-family:
64
12
  "Roboto",
65
13
  "Helvetica",
66
14
  "Arial",
67
15
  sans-serif;
68
- font-weight: 500;
69
- font-size: 0.875rem;
70
- line-height: 1.75;
71
- letter-spacing: 0.02857em;
72
- min-width: 64px;
73
- padding: 6px 8px;
74
- border-radius: 4px;
75
- -webkit-transition:
76
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
77
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
78
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
79
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
80
- transition:
81
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
82
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
83
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
84
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
85
- background: #a81c07;
86
- border: 1px solid #a81c07;
87
- background-color: #9b1906;
88
- color: #fff;
89
16
  font-size: 12px;
17
+ font-weight: normal;
90
18
  text-transform: uppercase;
19
+ padding: 7px 10px;
20
+ border-radius: 4px;
21
+ border: none;
22
+ outline: 0;
23
+ transition: all 0.25s ease-in-out;
24
+ }
25
+ .btn:disabled {
26
+ background-color: #e0e0e0;
27
+ cursor: not-allowed;
28
+ }
29
+ .cancel-btn {
30
+ min-width: 84px;
31
+ border: 1px solid #a41b06;
32
+ border-radius: 34px;
33
+ background: #fff;
34
+ color: #a41b06;
35
+ box-shadow:
36
+ rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
37
+ rgba(0, 0, 0, 0.14) 0px 2px 2px,
38
+ rgba(0, 0, 0, 0.12) 0px 1px 5px;
39
+ transition:
40
+ background-color 250ms,
41
+ box-shadow 250ms,
42
+ border-color 250ms,
43
+ color 250ms;
44
+ }
45
+ .cancel-btn:hover {
46
+ box-shadow:
47
+ rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
48
+ rgba(0, 0, 0, 0.14) 0px 4px 5px,
49
+ rgba(0, 0, 0, 0.12) 0px 1px 10px;
50
+ }
51
+ .submit-btn {
91
52
  min-width: 92px;
92
53
  height: 38px;
93
- border: none;
54
+ padding: 6px 16px;
55
+ font-weight: 600;
94
56
  border-radius: 6px;
95
- cursor: pointer;
57
+ background: #a21b07;
58
+ color: #fff;
96
59
  transition: background-color 250ms ease-in-out;
97
- font-size: 600;
98
60
  }
99
61
  .submit-btn:hover {
100
62
  background-color: #9b1906;
101
63
  }
102
- .submit-btn:disabled {
103
- background-color: #e0e0e0;
104
- cursor: not-allowed;
105
- }
106
64
  .add-btn {
107
- background: #ffffff;
65
+ min-width: 64px;
66
+ padding: 7px 10px;
67
+ font-size: 14px;
108
68
  border: 1px solid #a41b06;
109
69
  border-radius: 34px;
110
- font-weight: normal;
111
- font-size: 12px;
112
- padding: 7px 12px;
70
+ background: #fff;
113
71
  color: #a41b06;
114
- cursor: pointer;
115
72
  transition: all 0.25s ease-in-out;
116
- text-transform: uppercase;
117
- box-shadow: none;
118
73
  }
119
74
  .add-btn:hover {
120
75
  background: #a41b06;
121
- color: #ffffff;
76
+ color: #fff;
122
77
  }
123
78
 
124
79
  /* lib/styles/dialog.css */
package/dist/styles/button.css CHANGED
@@ -1,122 +1,77 @@
1
1
  /* lib/styles/button.css */
2
- .cancel-btn {
3
- text-transform: uppercase;
4
- min-width: 84px;
5
- font-weight: normal;
6
- font-size: 12px;
7
- padding: 7px 10px;
8
- border: 1px solid rgb(164, 27, 6);
9
- border-radius: 34px;
10
- background: #fff;
11
- color: rgb(164, 27, 6);
12
- cursor: pointer;
13
- transition:
14
- background-color 250ms,
15
- box-shadow 250ms,
16
- border-color 250ms,
17
- color 250ms;
18
- box-shadow:
19
- rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
20
- rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
21
- rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
22
- }
23
- .cancel-btn:hover {
24
- box-shadow:
25
- rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
26
- rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
27
- rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
28
- }
29
- .cancel-btn:disabled {
30
- background-color: #e0e0e0;
31
- cursor: not-allowed;
32
- }
33
- .submit-btn {
34
- display: -webkit-inline-box;
35
- display: -webkit-inline-flex;
36
- display: -ms-inline-flexbox;
2
+ .btn {
37
3
  display: inline-flex;
38
- -webkit-align-items: center;
39
- -webkit-box-align: center;
40
- -ms-flex-align: center;
41
4
  align-items: center;
42
- -webkit-box-pack: center;
43
- -ms-flex-pack: center;
44
- -webkit-justify-content: center;
45
5
  justify-content: center;
46
- position: relative;
47
6
  box-sizing: border-box;
48
- -webkit-tap-highlight-color: transparent;
49
- background-color: transparent;
50
- outline: 0;
51
- margin: 0;
52
7
  cursor: pointer;
53
- -webkit-user-select: none;
54
- -moz-user-select: none;
55
- -ms-user-select: none;
56
8
  user-select: none;
57
9
  vertical-align: middle;
58
- -moz-appearance: none;
59
- -webkit-appearance: none;
60
- -webkit-text-decoration: none;
61
10
  text-decoration: none;
62
- color: inherit;
63
11
  font-family:
64
12
  "Roboto",
65
13
  "Helvetica",
66
14
  "Arial",
67
15
  sans-serif;
68
- font-weight: 500;
69
- font-size: 0.875rem;
70
- line-height: 1.75;
71
- letter-spacing: 0.02857em;
72
- min-width: 64px;
73
- padding: 6px 8px;
74
- border-radius: 4px;
75
- -webkit-transition:
76
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
77
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
78
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
79
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
80
- transition:
81
- background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
82
- box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
83
- border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
84
- color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
85
- background: #a81c07;
86
- border: 1px solid #a81c07;
87
- background-color: #9b1906;
88
- color: #fff;
89
16
  font-size: 12px;
17
+ font-weight: normal;
90
18
  text-transform: uppercase;
19
+ padding: 7px 10px;
20
+ border-radius: 4px;
21
+ border: none;
22
+ outline: 0;
23
+ transition: all 0.25s ease-in-out;
24
+ }
25
+ .btn:disabled {
26
+ background-color: #e0e0e0;
27
+ cursor: not-allowed;
28
+ }
29
+ .cancel-btn {
30
+ min-width: 84px;
31
+ border: 1px solid #a41b06;
32
+ border-radius: 34px;
33
+ background: #fff;
34
+ color: #a41b06;
35
+ box-shadow:
36
+ rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
37
+ rgba(0, 0, 0, 0.14) 0px 2px 2px,
38
+ rgba(0, 0, 0, 0.12) 0px 1px 5px;
39
+ transition:
40
+ background-color 250ms,
41
+ box-shadow 250ms,
42
+ border-color 250ms,
43
+ color 250ms;
44
+ }
45
+ .cancel-btn:hover {
46
+ box-shadow:
47
+ rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
48
+ rgba(0, 0, 0, 0.14) 0px 4px 5px,
49
+ rgba(0, 0, 0, 0.12) 0px 1px 10px;
50
+ }
51
+ .submit-btn {
91
52
  min-width: 92px;
92
53
  height: 38px;
93
- border: none;
54
+ padding: 6px 16px;
55
+ font-weight: 600;
94
56
  border-radius: 6px;
95
- cursor: pointer;
57
+ background: #a21b07;
58
+ color: #fff;
96
59
  transition: background-color 250ms ease-in-out;
97
- font-size: 600;
98
60
  }
99
61
  .submit-btn:hover {
100
62
  background-color: #9b1906;
101
63
  }
102
- .submit-btn:disabled {
103
- background-color: #e0e0e0;
104
- cursor: not-allowed;
105
- }
106
64
  .add-btn {
107
- background: #ffffff;
65
+ min-width: 64px;
66
+ padding: 7px 10px;
67
+ font-size: 14px;
108
68
  border: 1px solid #a41b06;
109
69
  border-radius: 34px;
110
- font-weight: normal;
111
- font-size: 12px;
112
- padding: 7px 12px;
70
+ background: #fff;
113
71
  color: #a41b06;
114
- cursor: pointer;
115
72
  transition: all 0.25s ease-in-out;
116
- text-transform: uppercase;
117
- box-shadow: none;
118
73
  }
119
74
  .add-btn:hover {
120
75
  background: #a41b06;
121
- color: #ffffff;
76
+ color: #fff;
122
77
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rufous/ui",
3
3
  "private": false,
4
- "version": "0.1.29",
4
+ "version": "0.1.31",
5
5
  "type": "module",
6
6
  "style": "./dist/style.css",
7
7
  "files": [