@rufous/ui 0.1.11 → 0.1.13

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.
@@ -1,6 +1,6 @@
1
1
  // lib/icons/unArchivedIcon.tsx
2
2
  import React from "react";
3
- var UnArchivedIcon = ({ ...props }) => {
3
+ var UnArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
4
4
  return /* @__PURE__ */ React.createElement(
5
5
  "svg",
6
6
  {
@@ -15,18 +15,18 @@ var UnArchivedIcon = ({ ...props }) => {
15
15
  {
16
16
  transform: "translate(2.5 5.8)",
17
17
  fill: "none",
18
- stroke: "#3a3a3a",
18
+ stroke: color,
19
19
  strokeWidth: "1.8"
20
20
  },
21
21
  /* @__PURE__ */ React.createElement("rect", { width: "19", height: "18", stroke: "none" }),
22
22
  /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
23
- ), /* @__PURE__ */ React.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ React.createElement(
23
+ ), /* @__PURE__ */ React.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ React.createElement(
24
24
  "line",
25
25
  {
26
26
  y1: "10",
27
27
  transform: "translate(4.344 0.187)",
28
28
  fill: "none",
29
- stroke: "#3a3a3a",
29
+ stroke: color,
30
30
  strokeWidth: "1.8"
31
31
  }
32
32
  ), /* @__PURE__ */ React.createElement(
@@ -35,7 +35,7 @@ var UnArchivedIcon = ({ ...props }) => {
35
35
  d: "M1268.938-683.312l4.5-3.75,4.188,3.75",
36
36
  transform: "translate(-1268.938 687.063)",
37
37
  fill: "none",
38
- stroke: "#3a3a3a",
38
+ stroke: color,
39
39
  strokeWidth: "1.8"
40
40
  }
41
41
  )))
@@ -611,7 +611,7 @@ var rufousLauncherBird_default = RufousLauncherIcon;
611
611
 
612
612
  // lib/icons/unArchivedIcon.tsx
613
613
  var import_react8 = __toESM(require("react"), 1);
614
- var UnArchivedIcon = ({ ...props }) => {
614
+ var UnArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
615
615
  return /* @__PURE__ */ import_react8.default.createElement(
616
616
  "svg",
617
617
  {
@@ -626,18 +626,18 @@ var UnArchivedIcon = ({ ...props }) => {
626
626
  {
627
627
  transform: "translate(2.5 5.8)",
628
628
  fill: "none",
629
- stroke: "#3a3a3a",
629
+ stroke: color,
630
630
  strokeWidth: "1.8"
631
631
  },
632
632
  /* @__PURE__ */ import_react8.default.createElement("rect", { width: "19", height: "18", stroke: "none" }),
633
633
  /* @__PURE__ */ import_react8.default.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
634
- ), /* @__PURE__ */ import_react8.default.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ import_react8.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react8.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react8.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react8.default.createElement(
634
+ ), /* @__PURE__ */ import_react8.default.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ import_react8.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react8.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react8.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react8.default.createElement(
635
635
  "line",
636
636
  {
637
637
  y1: "10",
638
638
  transform: "translate(4.344 0.187)",
639
639
  fill: "none",
640
- stroke: "#3a3a3a",
640
+ stroke: color,
641
641
  strokeWidth: "1.8"
642
642
  }
643
643
  ), /* @__PURE__ */ import_react8.default.createElement(
@@ -646,7 +646,7 @@ var UnArchivedIcon = ({ ...props }) => {
646
646
  d: "M1268.938-683.312l4.5-3.75,4.188,3.75",
647
647
  transform: "translate(-1268.938 687.063)",
648
648
  fill: "none",
649
- stroke: "#3a3a3a",
649
+ stroke: color,
650
650
  strokeWidth: "1.8"
651
651
  }
652
652
  )))
@@ -7,7 +7,7 @@ import {
7
7
  } from "../chunk-6KIFTMUN.js";
8
8
  import {
9
9
  unArchivedIcon_default
10
- } from "../chunk-73G3VTVS.js";
10
+ } from "../chunk-ZJAV3FEQ.js";
11
11
  import {
12
12
  unsubscribeIcon_default
13
13
  } from "../chunk-NMMC4ATV.js";
@@ -33,7 +33,7 @@ __export(unArchivedIcon_exports, {
33
33
  });
34
34
  module.exports = __toCommonJS(unArchivedIcon_exports);
35
35
  var import_react = __toESM(require("react"), 1);
36
- var UnArchivedIcon = ({ ...props }) => {
36
+ var UnArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
37
37
  return /* @__PURE__ */ import_react.default.createElement(
38
38
  "svg",
39
39
  {
@@ -48,18 +48,18 @@ var UnArchivedIcon = ({ ...props }) => {
48
48
  {
49
49
  transform: "translate(2.5 5.8)",
50
50
  fill: "none",
51
- stroke: "#3a3a3a",
51
+ stroke: color,
52
52
  strokeWidth: "1.8"
53
53
  },
54
54
  /* @__PURE__ */ import_react.default.createElement("rect", { width: "19", height: "18", stroke: "none" }),
55
55
  /* @__PURE__ */ import_react.default.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
56
- ), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react.default.createElement(
56
+ ), /* @__PURE__ */ import_react.default.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react.default.createElement(
57
57
  "line",
58
58
  {
59
59
  y1: "10",
60
60
  transform: "translate(4.344 0.187)",
61
61
  fill: "none",
62
- stroke: "#3a3a3a",
62
+ stroke: color,
63
63
  strokeWidth: "1.8"
64
64
  }
65
65
  ), /* @__PURE__ */ import_react.default.createElement(
@@ -68,7 +68,7 @@ var UnArchivedIcon = ({ ...props }) => {
68
68
  d: "M1268.938-683.312l4.5-3.75,4.188,3.75",
69
69
  transform: "translate(-1268.938 687.063)",
70
70
  fill: "none",
71
- stroke: "#3a3a3a",
71
+ stroke: color,
72
72
  strokeWidth: "1.8"
73
73
  }
74
74
  )))
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  unArchivedIcon_default
3
- } from "../chunk-73G3VTVS.js";
3
+ } from "../chunk-ZJAV3FEQ.js";
4
4
  export {
5
5
  unArchivedIcon_default as default
6
6
  };
package/dist/main.cjs CHANGED
@@ -758,7 +758,7 @@ var rufousLauncherBird_default = RufousLauncherIcon;
758
758
 
759
759
  // lib/icons/unArchivedIcon.tsx
760
760
  var import_react11 = __toESM(require("react"), 1);
761
- var UnArchivedIcon = ({ ...props }) => {
761
+ var UnArchivedIcon = ({ color = "#3a3a3a", ...props }) => {
762
762
  return /* @__PURE__ */ import_react11.default.createElement(
763
763
  "svg",
764
764
  {
@@ -773,18 +773,18 @@ var UnArchivedIcon = ({ ...props }) => {
773
773
  {
774
774
  transform: "translate(2.5 5.8)",
775
775
  fill: "none",
776
- stroke: "#3a3a3a",
776
+ stroke: color,
777
777
  strokeWidth: "1.8"
778
778
  },
779
779
  /* @__PURE__ */ import_react11.default.createElement("rect", { width: "19", height: "18", stroke: "none" }),
780
780
  /* @__PURE__ */ import_react11.default.createElement("rect", { x: "0.9", y: "0.9", width: "17.2", height: "16.2", fill: "none" })
781
- ), /* @__PURE__ */ import_react11.default.createElement("g", { fill: "none", stroke: "#3a3a3a", strokeWidth: "1.8" }, /* @__PURE__ */ import_react11.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react11.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react11.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react11.default.createElement(
781
+ ), /* @__PURE__ */ import_react11.default.createElement("g", { fill: "none", stroke: color, strokeWidth: "1.8" }, /* @__PURE__ */ import_react11.default.createElement("rect", { width: "24", height: "7.5", stroke: "none" }), /* @__PURE__ */ import_react11.default.createElement("rect", { x: "0.9", y: "0.9", width: "22.2", height: "5.7", fill: "none" }))), /* @__PURE__ */ import_react11.default.createElement("g", { transform: "translate(15.938 18.774)" }, /* @__PURE__ */ import_react11.default.createElement(
782
782
  "line",
783
783
  {
784
784
  y1: "10",
785
785
  transform: "translate(4.344 0.187)",
786
786
  fill: "none",
787
- stroke: "#3a3a3a",
787
+ stroke: color,
788
788
  strokeWidth: "1.8"
789
789
  }
790
790
  ), /* @__PURE__ */ import_react11.default.createElement(
@@ -793,7 +793,7 @@ var UnArchivedIcon = ({ ...props }) => {
793
793
  d: "M1268.938-683.312l4.5-3.75,4.188,3.75",
794
794
  transform: "translate(-1268.938 687.063)",
795
795
  fill: "none",
796
- stroke: "#3a3a3a",
796
+ stroke: color,
797
797
  strokeWidth: "1.8"
798
798
  }
799
799
  )))
package/dist/main.css CHANGED
@@ -1,241 +1,4 @@
1
1
  /* lib/style.css */
2
- .form__group {
3
- position: relative;
4
- padding: 15px 0 0;
5
- margin-top: 10px;
6
- width: 100%;
7
- }
8
- .form__field {
9
- font-family: inherit;
10
- width: 100%;
11
- border: none;
12
- border-bottom: 2px solid #9b9b9b;
13
- outline: 0;
14
- font-size: 16px;
15
- color: #000;
16
- padding: 7px 0;
17
- background: transparent;
18
- transition: border-color 0.2s;
19
- }
20
- .theme-rufous {
21
- background: #000;
22
- }
23
- .theme-default {
24
- background: rgba(252, 229, 175, 1);
25
- }
26
- .theme-default .form__field {
27
- border-bottom: 2px solid #9b9b9b;
28
- color: #000;
29
- }
30
- .theme-rufous .form__field {
31
- border-bottom: 2px solid #230202;
32
- color: #fff;
33
- }
34
- .form__field::placeholder {
35
- color: transparent;
36
- }
37
- .form__field:placeholder-shown ~ .form__label {
38
- font-size: 16px;
39
- cursor: text;
40
- top: 22px;
41
- }
42
- .form__label {
43
- position: absolute;
44
- top: 0;
45
- display: block;
46
- transition: 0.2s;
47
- font-size: 14px;
48
- color: #9b9b9b;
49
- }
50
- .form__field:focus {
51
- border-bottom: 2px solid #000;
52
- }
53
- .form__field:focus ~ .form__label,
54
- .form__field:not(:placeholder-shown) ~ .form__label {
55
- top: 0;
56
- font-size: 12px;
57
- color: #000;
58
- }
59
- .theme-default .btn {
60
- background: #707070;
61
- border: 1px solid #707070;
62
- color: #ffffff;
63
- }
64
- .theme-default .btn:hover,
65
- .theme-default .btn:active {
66
- background-color: initial;
67
- color: #707070;
68
- }
69
- .theme-default .btn:active {
70
- opacity: 0.5;
71
- }
72
- .theme-default .form__field {
73
- border-bottom: 2px solid #ccc;
74
- color: #2d2d2d;
75
- }
76
- .theme-default .form__field::placeholder {
77
- color: #999;
78
- }
79
- .theme-default .form__label {
80
- color: #999;
81
- }
82
- .theme-default .form__field:focus {
83
- border-bottom: 2px solid #707070;
84
- }
85
- .theme-default .form__field:focus ~ .form__label,
86
- .theme-default .form__field:not(:placeholder-shown) ~ .form__label {
87
- color: #2d2d2d;
88
- }
89
- .theme-rufous .btn {
90
- background: #a81c08;
91
- border: 1px solid #a81c08;
92
- color: #ffffff;
93
- }
94
- .theme-rufous .btn:hover,
95
- .theme-rufous .btn:active {
96
- background-color: initial;
97
- color: #a81c08;
98
- }
99
- .theme-rufous .btn:active {
100
- opacity: 0.5;
101
- }
102
- .theme-rufous .form__field::placeholder {
103
- color: #fff;
104
- }
105
- .theme-rufous .form__label {
106
- color: #fff;
107
- }
108
- .theme-rufous .form__field:focus {
109
- border-bottom: 2px solid #a81c08;
110
- }
111
- .theme-rufous .form__field:focus ~ .form__label,
112
- .theme-rufous .form__field:not(:placeholder-shown) ~ .form__label {
113
- color: #fff;
114
- }
115
- .theme-rufous .component-section h2 {
116
- color: antiquewhite;
117
- }
118
- pre {
119
- padding: 1rem;
120
- overflow-x: auto;
121
- border-radius: 8px;
122
- font-size: 0.9rem;
123
- }
124
- .theme-default pre {
125
- background-color: #222222;
126
- color: #ffedde;
127
- }
128
- .theme-rufous pre {
129
- background-color: #f5f5f5;
130
- color: #2d2d2d;
131
- }
132
- @supports (-webkit-appearance: none) or (-moz-appearance: none) {
133
- .theme-default .checkbox-wrapper-13 input[type=checkbox] {
134
- --active: #275efe;
135
- --border-hover: #275efe;
136
- }
137
- .theme-rufous .checkbox-wrapper-13 input[type=checkbox] {
138
- --active: rgb(168, 28, 8);
139
- --border-hover: rgb(168, 28, 8);
140
- }
141
- .checkbox-wrapper-13 input[type=checkbox] {
142
- --active-inner: #fff;
143
- --focus: 2px rgba(39, 94, 254, 0.3);
144
- --border: #bbc1e1;
145
- --background: #fff;
146
- --disabled: #f6f8ff;
147
- --disabled-inner: #e1e6f9;
148
- -webkit-appearance: none;
149
- -moz-appearance: none;
150
- height: 21px;
151
- outline: none;
152
- display: inline-block;
153
- vertical-align: top;
154
- position: relative;
155
- margin: 0;
156
- cursor: pointer;
157
- border: 1px solid var(--bc, var(--border));
158
- background: var(--b, var(--background));
159
- transition:
160
- background 0.3s,
161
- border-color 0.3s,
162
- box-shadow 0.2s;
163
- }
164
- .checkbox-wrapper-13 input[type=checkbox]:after {
165
- content: "";
166
- display: block;
167
- left: 0;
168
- top: 0;
169
- position: absolute;
170
- transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
171
- }
172
- .checkbox-wrapper-13 input[type=checkbox]:checked {
173
- --b: var(--active);
174
- --bc: var(--active);
175
- --d-o: 0.3s;
176
- --d-t: 0.6s;
177
- --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
178
- }
179
- .checkbox-wrapper-13 input[type=checkbox]:disabled {
180
- --b: var(--disabled);
181
- cursor: not-allowed;
182
- opacity: 0.9;
183
- }
184
- .checkbox-wrapper-13 input[type=checkbox]:disabled:checked {
185
- --b: var(--disabled-inner);
186
- --bc: var(--border);
187
- }
188
- .checkbox-wrapper-13 input[type=checkbox]:disabled + label {
189
- cursor: not-allowed;
190
- }
191
- .checkbox-wrapper-13 input[type=checkbox]:hover:not(:checked):not(:disabled) {
192
- --bc: var(--border-hover);
193
- }
194
- .checkbox-wrapper-13 input[type=checkbox]:focus {
195
- box-shadow: 0 0 0 var(--focus);
196
- }
197
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
198
- width: 21px;
199
- }
200
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
201
- opacity: var(--o, 0);
202
- }
203
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
204
- --o: 1;
205
- }
206
- .theme-rufous .checkbox-wrapper-13 span {
207
- color: #fff;
208
- }
209
- .checkbox-wrapper-13 input[type=checkbox] + label {
210
- display: inline-block;
211
- vertical-align: middle;
212
- cursor: pointer;
213
- margin-left: 4px;
214
- }
215
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
216
- border-radius: 7px;
217
- }
218
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
219
- width: 5px;
220
- height: 9px;
221
- border: 2px solid var(--active-inner);
222
- border-top: 0;
223
- border-left: 0;
224
- left: 7px;
225
- top: 4px;
226
- transform: rotate(var(--r, 20deg));
227
- }
228
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
229
- --r: 43deg;
230
- }
231
- }
232
- .checkbox-wrapper-13 * {
233
- box-sizing: inherit;
234
- }
235
- .checkbox-wrapper-13 *:before,
236
- .checkbox-wrapper-13 *:after {
237
- box-sizing: inherit;
238
- }
239
2
  .theme-rufous .act-icon svg {
240
3
  color: #a81c08 !important;
241
4
  }
package/dist/main.js CHANGED
@@ -7,7 +7,7 @@ import {
7
7
  } from "./chunk-6KIFTMUN.js";
8
8
  import {
9
9
  unArchivedIcon_default
10
- } from "./chunk-73G3VTVS.js";
10
+ } from "./chunk-ZJAV3FEQ.js";
11
11
  import {
12
12
  unsubscribeIcon_default
13
13
  } from "./chunk-NMMC4ATV.js";
package/dist/style.css CHANGED
@@ -1,241 +1,4 @@
1
1
  /* lib/style.css */
2
- .form__group {
3
- position: relative;
4
- padding: 15px 0 0;
5
- margin-top: 10px;
6
- width: 100%;
7
- }
8
- .form__field {
9
- font-family: inherit;
10
- width: 100%;
11
- border: none;
12
- border-bottom: 2px solid #9b9b9b;
13
- outline: 0;
14
- font-size: 16px;
15
- color: #000;
16
- padding: 7px 0;
17
- background: transparent;
18
- transition: border-color 0.2s;
19
- }
20
- .theme-rufous {
21
- background: #000;
22
- }
23
- .theme-default {
24
- background: rgba(252, 229, 175, 1);
25
- }
26
- .theme-default .form__field {
27
- border-bottom: 2px solid #9b9b9b;
28
- color: #000;
29
- }
30
- .theme-rufous .form__field {
31
- border-bottom: 2px solid #230202;
32
- color: #fff;
33
- }
34
- .form__field::placeholder {
35
- color: transparent;
36
- }
37
- .form__field:placeholder-shown ~ .form__label {
38
- font-size: 16px;
39
- cursor: text;
40
- top: 22px;
41
- }
42
- .form__label {
43
- position: absolute;
44
- top: 0;
45
- display: block;
46
- transition: 0.2s;
47
- font-size: 14px;
48
- color: #9b9b9b;
49
- }
50
- .form__field:focus {
51
- border-bottom: 2px solid #000;
52
- }
53
- .form__field:focus ~ .form__label,
54
- .form__field:not(:placeholder-shown) ~ .form__label {
55
- top: 0;
56
- font-size: 12px;
57
- color: #000;
58
- }
59
- .theme-default .btn {
60
- background: #707070;
61
- border: 1px solid #707070;
62
- color: #ffffff;
63
- }
64
- .theme-default .btn:hover,
65
- .theme-default .btn:active {
66
- background-color: initial;
67
- color: #707070;
68
- }
69
- .theme-default .btn:active {
70
- opacity: 0.5;
71
- }
72
- .theme-default .form__field {
73
- border-bottom: 2px solid #ccc;
74
- color: #2d2d2d;
75
- }
76
- .theme-default .form__field::placeholder {
77
- color: #999;
78
- }
79
- .theme-default .form__label {
80
- color: #999;
81
- }
82
- .theme-default .form__field:focus {
83
- border-bottom: 2px solid #707070;
84
- }
85
- .theme-default .form__field:focus ~ .form__label,
86
- .theme-default .form__field:not(:placeholder-shown) ~ .form__label {
87
- color: #2d2d2d;
88
- }
89
- .theme-rufous .btn {
90
- background: #a81c08;
91
- border: 1px solid #a81c08;
92
- color: #ffffff;
93
- }
94
- .theme-rufous .btn:hover,
95
- .theme-rufous .btn:active {
96
- background-color: initial;
97
- color: #a81c08;
98
- }
99
- .theme-rufous .btn:active {
100
- opacity: 0.5;
101
- }
102
- .theme-rufous .form__field::placeholder {
103
- color: #fff;
104
- }
105
- .theme-rufous .form__label {
106
- color: #fff;
107
- }
108
- .theme-rufous .form__field:focus {
109
- border-bottom: 2px solid #a81c08;
110
- }
111
- .theme-rufous .form__field:focus ~ .form__label,
112
- .theme-rufous .form__field:not(:placeholder-shown) ~ .form__label {
113
- color: #fff;
114
- }
115
- .theme-rufous .component-section h2 {
116
- color: antiquewhite;
117
- }
118
- pre {
119
- padding: 1rem;
120
- overflow-x: auto;
121
- border-radius: 8px;
122
- font-size: 0.9rem;
123
- }
124
- .theme-default pre {
125
- background-color: #222222;
126
- color: #ffedde;
127
- }
128
- .theme-rufous pre {
129
- background-color: #f5f5f5;
130
- color: #2d2d2d;
131
- }
132
- @supports (-webkit-appearance: none) or (-moz-appearance: none) {
133
- .theme-default .checkbox-wrapper-13 input[type=checkbox] {
134
- --active: #275efe;
135
- --border-hover: #275efe;
136
- }
137
- .theme-rufous .checkbox-wrapper-13 input[type=checkbox] {
138
- --active: rgb(168, 28, 8);
139
- --border-hover: rgb(168, 28, 8);
140
- }
141
- .checkbox-wrapper-13 input[type=checkbox] {
142
- --active-inner: #fff;
143
- --focus: 2px rgba(39, 94, 254, 0.3);
144
- --border: #bbc1e1;
145
- --background: #fff;
146
- --disabled: #f6f8ff;
147
- --disabled-inner: #e1e6f9;
148
- -webkit-appearance: none;
149
- -moz-appearance: none;
150
- height: 21px;
151
- outline: none;
152
- display: inline-block;
153
- vertical-align: top;
154
- position: relative;
155
- margin: 0;
156
- cursor: pointer;
157
- border: 1px solid var(--bc, var(--border));
158
- background: var(--b, var(--background));
159
- transition:
160
- background 0.3s,
161
- border-color 0.3s,
162
- box-shadow 0.2s;
163
- }
164
- .checkbox-wrapper-13 input[type=checkbox]:after {
165
- content: "";
166
- display: block;
167
- left: 0;
168
- top: 0;
169
- position: absolute;
170
- transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
171
- }
172
- .checkbox-wrapper-13 input[type=checkbox]:checked {
173
- --b: var(--active);
174
- --bc: var(--active);
175
- --d-o: 0.3s;
176
- --d-t: 0.6s;
177
- --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
178
- }
179
- .checkbox-wrapper-13 input[type=checkbox]:disabled {
180
- --b: var(--disabled);
181
- cursor: not-allowed;
182
- opacity: 0.9;
183
- }
184
- .checkbox-wrapper-13 input[type=checkbox]:disabled:checked {
185
- --b: var(--disabled-inner);
186
- --bc: var(--border);
187
- }
188
- .checkbox-wrapper-13 input[type=checkbox]:disabled + label {
189
- cursor: not-allowed;
190
- }
191
- .checkbox-wrapper-13 input[type=checkbox]:hover:not(:checked):not(:disabled) {
192
- --bc: var(--border-hover);
193
- }
194
- .checkbox-wrapper-13 input[type=checkbox]:focus {
195
- box-shadow: 0 0 0 var(--focus);
196
- }
197
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
198
- width: 21px;
199
- }
200
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
201
- opacity: var(--o, 0);
202
- }
203
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
204
- --o: 1;
205
- }
206
- .theme-rufous .checkbox-wrapper-13 span {
207
- color: #fff;
208
- }
209
- .checkbox-wrapper-13 input[type=checkbox] + label {
210
- display: inline-block;
211
- vertical-align: middle;
212
- cursor: pointer;
213
- margin-left: 4px;
214
- }
215
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch) {
216
- border-radius: 7px;
217
- }
218
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):after {
219
- width: 5px;
220
- height: 9px;
221
- border: 2px solid var(--active-inner);
222
- border-top: 0;
223
- border-left: 0;
224
- left: 7px;
225
- top: 4px;
226
- transform: rotate(var(--r, 20deg));
227
- }
228
- .checkbox-wrapper-13 input[type=checkbox]:not(.switch):checked {
229
- --r: 43deg;
230
- }
231
- }
232
- .checkbox-wrapper-13 * {
233
- box-sizing: inherit;
234
- }
235
- .checkbox-wrapper-13 *:before,
236
- .checkbox-wrapper-13 *:after {
237
- box-sizing: inherit;
238
- }
239
2
  .theme-rufous .act-icon svg {
240
3
  color: #a81c08 !important;
241
4
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rufous/ui",
3
3
  "private": false,
4
- "version": "0.1.11",
4
+ "version": "0.1.13",
5
5
  "type": "module",
6
6
  "style": "./dist/style.css",
7
7
  "files": [