@rufous/ui 0.1.12 → 0.1.14

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.
@@ -0,0 +1,8 @@
1
+ // lib/icons/sidebarIcon.tsx
2
+ import * as React from "react";
3
+ var SidebarIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "18", viewBox: "0 0 22 18", fill: "none", ...props }, /* @__PURE__ */ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.857 0H14.143C15.227 0 16.101 8.9407e-08 16.809 0.0580001C17.538 0.118 18.178 0.243 18.77 0.545C19.7108 1.02436 20.4756 1.78923 20.955 2.73C21.257 3.322 21.383 3.963 21.442 4.691C21.5 5.399 21.5 6.273 21.5 7.357V10.643C21.5 11.727 21.5 12.601 21.442 13.309C21.382 14.038 21.257 14.678 20.955 15.27C20.4756 16.2108 19.7108 16.9756 18.77 17.455C18.178 17.757 17.538 17.883 16.809 17.942C16.1 18 15.227 18 14.143 18H7.857C6.773 18 5.899 18 5.191 17.942C4.463 17.882 3.822 17.757 3.231 17.455C2.28986 16.9758 1.52462 16.2109 1.045 15.27C0.743 14.678 0.617 14.038 0.558 13.309C0.5 12.6 0.5 11.727 0.5 10.643V7.357C0.5 6.273 0.5 5.399 0.558 4.691C0.618 3.963 0.743 3.322 1.045 2.731C1.52402 1.78949 2.28893 1.02388 3.23 0.544C3.822 0.242 4.463 0.116 5.191 0.0569999C5.9 -7.82311e-08 6.773 0 7.857 0ZM5.354 2.051C4.749 2.101 4.401 2.193 4.138 2.327C3.57354 2.61462 3.11462 3.07354 2.827 3.638C2.693 3.901 2.601 4.249 2.551 4.854C2.501 5.471 2.5 6.264 2.5 7.4V10.6C2.5 11.737 2.5 12.529 2.551 13.146C2.601 13.751 2.693 14.099 2.827 14.362C3.11462 14.9265 3.57354 15.3854 4.138 15.673C4.401 15.807 4.749 15.899 5.354 15.949C5.971 15.999 6.764 16 7.9 16H8.5V2H7.9C6.763 2 5.971 2 5.354 2.051ZM10.5 2V16H14.1C15.237 16 16.029 16 16.646 15.949C17.251 15.899 17.599 15.807 17.862 15.673C18.4265 15.3854 18.8854 14.9265 19.173 14.362C19.307 14.099 19.399 13.751 19.449 13.146C19.499 12.529 19.5 11.736 19.5 10.6V7.4C19.5 6.263 19.5 5.471 19.449 4.854C19.399 4.249 19.307 3.901 19.173 3.638C18.8854 3.07354 18.4265 2.61462 17.862 2.327C17.599 2.193 17.251 2.101 16.646 2.051C16.029 2.001 15.236 2 14.1 2H10.5ZM4 5.5C4 5.23478 4.10536 4.98043 4.29289 4.79289C4.48043 4.60536 4.73478 4.5 5 4.5H6C6.26522 4.5 6.51957 4.60536 6.70711 4.79289C6.89464 4.98043 7 5.23478 7 5.5C7 5.76522 6.89464 6.01957 6.70711 6.20711C6.51957 6.39464 6.26522 6.5 6 6.5H5C4.73478 6.5 4.48043 6.39464 4.29289 6.20711C4.10536 6.01957 4 5.76522 4 5.5ZM4 9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H6C6.26522 8 6.51957 8.10536 6.70711 8.29289C6.89464 8.48043 7 8.73478 7 9C7 9.26522 6.89464 9.51957 6.70711 9.70711C6.51957 9.89464 6.26522 10 6 10H5C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9Z", fill: color }));
4
+ var sidebarIcon_default = SidebarIcon;
5
+
6
+ export {
7
+ sidebarIcon_default
8
+ };
@@ -0,0 +1,37 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // lib/icons/editChatIcon.tsx
30
+ var editChatIcon_exports = {};
31
+ __export(editChatIcon_exports, {
32
+ default: () => editChatIcon_default
33
+ });
34
+ module.exports = __toCommonJS(editChatIcon_exports);
35
+ var React = __toESM(require("react"), 1);
36
+ var EditChatIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.138", height: "24.773", viewBox: "0 0 26.138 24.773", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-edit", "data-name": "Icon feather-edit", transform: "translate(-2 -1.818)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52456", "data-name": "Path 52456", d: "M12.8,6H5.177A2.177,2.177,0,0,0,3,8.177V23.414a2.177,2.177,0,0,0,2.177,2.177H20.414a2.177,2.177,0,0,0,2.177-2.177V15.8", fill: "none", stroke: color, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52457", "data-name": "Path 52457", d: "M23.256,3.484A2.274,2.274,0,0,1,26.472,6.7L16.288,16.884,12,17.956l1.072-4.288Z", fill: "none", stroke: color, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" })));
37
+ var editChatIcon_default = EditChatIcon;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+
3
+ interface EditChatProps extends React.SVGProps<SVGSVGElement> {
4
+ color?: string;
5
+ }
6
+ declare const EditChatIcon: React.FC<EditChatProps>;
7
+
8
+ export { type EditChatProps, EditChatIcon as default };
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+
3
+ interface EditChatProps extends React.SVGProps<SVGSVGElement> {
4
+ color?: string;
5
+ }
6
+ declare const EditChatIcon: React.FC<EditChatProps>;
7
+
8
+ export { type EditChatProps, EditChatIcon as default };
@@ -0,0 +1,7 @@
1
+ // lib/icons/editChatIcon.tsx
2
+ import * as React from "react";
3
+ var EditChatIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "26.138", height: "24.773", viewBox: "0 0 26.138 24.773", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Icon_feather-edit", "data-name": "Icon feather-edit", transform: "translate(-2 -1.818)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_52456", "data-name": "Path 52456", d: "M12.8,6H5.177A2.177,2.177,0,0,0,3,8.177V23.414a2.177,2.177,0,0,0,2.177,2.177H20.414a2.177,2.177,0,0,0,2.177-2.177V15.8", fill: "none", stroke: color, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" }), /* @__PURE__ */ React.createElement("path", { id: "Path_52457", "data-name": "Path 52457", d: "M23.256,3.484A2.274,2.274,0,0,1,26.472,6.7L16.288,16.884,12,17.956l1.072-4.288Z", fill: "none", stroke: color, "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2" })));
4
+ var editChatIcon_default = EditChatIcon;
5
+ export {
6
+ editChatIcon_default as default
7
+ };
@@ -56,6 +56,7 @@ __export(icons_exports, {
56
56
  ResendInviteIcon: () => resendInviteIcon_default,
57
57
  RufousBirdIcon: () => rufousBirdIcon_default,
58
58
  RufousLauncherIcon: () => rufousLauncherBird_default,
59
+ SidebarIcon: () => sidebarIcon_default,
59
60
  SubscribeIcon: () => subscribeIcon_default,
60
61
  SuspendUserIcon: () => suspendUserIcon_default,
61
62
  TickIcon: () => tickIcon_default,
@@ -1029,6 +1030,11 @@ var timerIcon_default = TimerIcon;
1029
1030
  var React38 = __toESM(require("react"), 1);
1030
1031
  var TrashIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React38.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React38.createElement("path", { d: "M0.536 0C0.391159 0.0178474 0.257489 0.0869727 0.159175 0.194824C0.0608618 0.302676 0.00439809 0.442142 0 0.588013V5.29401C0.0062252 5.44865 0.0707131 5.59522 0.180519 5.70428C0.290325 5.81335 0.437321 5.87684 0.592 5.88202H1.775V19.411C1.78123 19.5657 1.84571 19.7122 1.95552 19.8213C2.06533 19.9304 2.21232 19.9938 2.367 19.999H17.633C17.7877 19.9938 17.9347 19.9304 18.0445 19.8213C18.1543 19.7122 18.2188 19.5657 18.225 19.411V5.88202H19.408C19.5627 5.87684 19.7097 5.81335 19.8195 5.70428C19.9293 5.59522 19.9938 5.44865 20 5.29401V0.588013C19.9938 0.433373 19.9293 0.286798 19.8195 0.177734C19.7097 0.0686703 19.5627 0.00517666 19.408 0H0.536ZM1.183 1.17603H18.817V4.70502H1.183V1.17603ZM2.958 5.88202H17.041V18.823H2.959L2.958 5.88202Z", fill: color }));
1031
1032
  var trashIcon_default = TrashIcon;
1033
+
1034
+ // lib/icons/sidebarIcon.tsx
1035
+ var React39 = __toESM(require("react"), 1);
1036
+ var SidebarIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React39.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "18", viewBox: "0 0 22 18", fill: "none", ...props }, /* @__PURE__ */ React39.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.857 0H14.143C15.227 0 16.101 8.9407e-08 16.809 0.0580001C17.538 0.118 18.178 0.243 18.77 0.545C19.7108 1.02436 20.4756 1.78923 20.955 2.73C21.257 3.322 21.383 3.963 21.442 4.691C21.5 5.399 21.5 6.273 21.5 7.357V10.643C21.5 11.727 21.5 12.601 21.442 13.309C21.382 14.038 21.257 14.678 20.955 15.27C20.4756 16.2108 19.7108 16.9756 18.77 17.455C18.178 17.757 17.538 17.883 16.809 17.942C16.1 18 15.227 18 14.143 18H7.857C6.773 18 5.899 18 5.191 17.942C4.463 17.882 3.822 17.757 3.231 17.455C2.28986 16.9758 1.52462 16.2109 1.045 15.27C0.743 14.678 0.617 14.038 0.558 13.309C0.5 12.6 0.5 11.727 0.5 10.643V7.357C0.5 6.273 0.5 5.399 0.558 4.691C0.618 3.963 0.743 3.322 1.045 2.731C1.52402 1.78949 2.28893 1.02388 3.23 0.544C3.822 0.242 4.463 0.116 5.191 0.0569999C5.9 -7.82311e-08 6.773 0 7.857 0ZM5.354 2.051C4.749 2.101 4.401 2.193 4.138 2.327C3.57354 2.61462 3.11462 3.07354 2.827 3.638C2.693 3.901 2.601 4.249 2.551 4.854C2.501 5.471 2.5 6.264 2.5 7.4V10.6C2.5 11.737 2.5 12.529 2.551 13.146C2.601 13.751 2.693 14.099 2.827 14.362C3.11462 14.9265 3.57354 15.3854 4.138 15.673C4.401 15.807 4.749 15.899 5.354 15.949C5.971 15.999 6.764 16 7.9 16H8.5V2H7.9C6.763 2 5.971 2 5.354 2.051ZM10.5 2V16H14.1C15.237 16 16.029 16 16.646 15.949C17.251 15.899 17.599 15.807 17.862 15.673C18.4265 15.3854 18.8854 14.9265 19.173 14.362C19.307 14.099 19.399 13.751 19.449 13.146C19.499 12.529 19.5 11.736 19.5 10.6V7.4C19.5 6.263 19.5 5.471 19.449 4.854C19.399 4.249 19.307 3.901 19.173 3.638C18.8854 3.07354 18.4265 2.61462 17.862 2.327C17.599 2.193 17.251 2.101 16.646 2.051C16.029 2.001 15.236 2 14.1 2H10.5ZM4 5.5C4 5.23478 4.10536 4.98043 4.29289 4.79289C4.48043 4.60536 4.73478 4.5 5 4.5H6C6.26522 4.5 6.51957 4.60536 6.70711 4.79289C6.89464 4.98043 7 5.23478 7 5.5C7 5.76522 6.89464 6.01957 6.70711 6.20711C6.51957 6.39464 6.26522 6.5 6 6.5H5C4.73478 6.5 4.48043 6.39464 4.29289 6.20711C4.10536 6.01957 4 5.76522 4 5.5ZM4 9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H6C6.26522 8 6.51957 8.10536 6.70711 8.29289C6.89464 8.48043 7 8.73478 7 9C7 9.26522 6.89464 9.51957 6.70711 9.70711C6.51957 9.89464 6.26522 10 6 10H5C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9Z", fill: color }));
1037
+ var sidebarIcon_default = SidebarIcon;
1032
1038
  // Annotate the CommonJS export names for ESM import in node:
1033
1039
  0 && (module.exports = {
1034
1040
  ActivateUserIcon,
@@ -1058,6 +1064,7 @@ var trashIcon_default = TrashIcon;
1058
1064
  ResendInviteIcon,
1059
1065
  RufousBirdIcon,
1060
1066
  RufousLauncherIcon,
1067
+ SidebarIcon,
1061
1068
  SubscribeIcon,
1062
1069
  SuspendUserIcon,
1063
1070
  TickIcon,
@@ -36,4 +36,5 @@ export { default as RufousBirdIcon } from './rufousBirdIcon.cjs';
36
36
  export { default as TickIcon } from './tickIcon.cjs';
37
37
  export { default as TimerIcon } from './timerIcon.cjs';
38
38
  export { default as TrashIcon } from './trashIcon.cjs';
39
+ export { default as SidebarIcon } from './sidebarIcon.cjs';
39
40
  import 'react';
@@ -36,4 +36,5 @@ export { default as RufousBirdIcon } from './rufousBirdIcon.js';
36
36
  export { default as TickIcon } from './tickIcon.js';
37
37
  export { default as TimerIcon } from './timerIcon.js';
38
38
  export { default as TrashIcon } from './trashIcon.js';
39
+ export { default as SidebarIcon } from './sidebarIcon.js';
39
40
  import 'react';
@@ -1,4 +1,16 @@
1
- import "../chunk-OEXWRBWV.js";
1
+ import "../chunk-6WUVGMI3.js";
2
+ import {
3
+ viewIcon_default
4
+ } from "../chunk-XPRBPIS5.js";
5
+ import {
6
+ workItemIcon_default
7
+ } from "../chunk-QJPQC544.js";
8
+ import {
9
+ suspendUserIcon_default
10
+ } from "../chunk-5BB3H3YO.js";
11
+ import {
12
+ tickIcon_default
13
+ } from "../chunk-ITZTTNM2.js";
2
14
  import {
3
15
  timerIcon_default
4
16
  } from "../chunk-WWAHNTUH.js";
@@ -18,11 +30,8 @@ import {
18
30
  userAssignIcon_default
19
31
  } from "../chunk-BH53P2UM.js";
20
32
  import {
21
- viewIcon_default
22
- } from "../chunk-XPRBPIS5.js";
23
- import {
24
- workItemIcon_default
25
- } from "../chunk-QJPQC544.js";
33
+ questionTypeDescriptiveIcon_default
34
+ } from "../chunk-C7B23GTE.js";
26
35
  import {
27
36
  questionTypeMultipleIcon_default
28
37
  } from "../chunk-XCLXQOLP.js";
@@ -38,15 +47,15 @@ import {
38
47
  import {
39
48
  rufousLauncherBird_default
40
49
  } from "../chunk-QZFGQ5JM.js";
50
+ import {
51
+ sidebarIcon_default
52
+ } from "../chunk-CSKTBLQQ.js";
41
53
  import {
42
54
  subscribeIcon_default
43
55
  } from "../chunk-ZDVP4SUD.js";
44
56
  import {
45
- suspendUserIcon_default
46
- } from "../chunk-5BB3H3YO.js";
47
- import {
48
- tickIcon_default
49
- } from "../chunk-ITZTTNM2.js";
57
+ invoiceIcon_default
58
+ } from "../chunk-KYJ3475B.js";
50
59
  import {
51
60
  logsIcon_default
52
61
  } from "../chunk-N4EJKMJK.js";
@@ -68,9 +77,6 @@ import {
68
77
  import {
69
78
  questionTypeCodingIcon_default
70
79
  } from "../chunk-FOUXNPQA.js";
71
- import {
72
- questionTypeDescriptiveIcon_default
73
- } from "../chunk-C7B23GTE.js";
74
80
  import {
75
81
  difficultyMediumIcon_default
76
82
  } from "../chunk-XPJVVKOU.js";
@@ -89,9 +95,6 @@ import {
89
95
  import {
90
96
  inactiveGroupIcon_default
91
97
  } from "../chunk-7WNPZ4B7.js";
92
- import {
93
- invoiceIcon_default
94
- } from "../chunk-KYJ3475B.js";
95
98
  import {
96
99
  activateUserIcon_default
97
100
  } from "../chunk-AH6RCYDL.js";
@@ -141,6 +144,7 @@ export {
141
144
  resendInviteIcon_default as ResendInviteIcon,
142
145
  rufousBirdIcon_default as RufousBirdIcon,
143
146
  rufousLauncherBird_default as RufousLauncherIcon,
147
+ sidebarIcon_default as SidebarIcon,
144
148
  subscribeIcon_default as SubscribeIcon,
145
149
  suspendUserIcon_default as SuspendUserIcon,
146
150
  tickIcon_default as TickIcon,
@@ -0,0 +1,37 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // lib/icons/sidebarIcon.tsx
30
+ var sidebarIcon_exports = {};
31
+ __export(sidebarIcon_exports, {
32
+ default: () => sidebarIcon_default
33
+ });
34
+ module.exports = __toCommonJS(sidebarIcon_exports);
35
+ var React = __toESM(require("react"), 1);
36
+ var SidebarIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "18", viewBox: "0 0 22 18", fill: "none", ...props }, /* @__PURE__ */ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.857 0H14.143C15.227 0 16.101 8.9407e-08 16.809 0.0580001C17.538 0.118 18.178 0.243 18.77 0.545C19.7108 1.02436 20.4756 1.78923 20.955 2.73C21.257 3.322 21.383 3.963 21.442 4.691C21.5 5.399 21.5 6.273 21.5 7.357V10.643C21.5 11.727 21.5 12.601 21.442 13.309C21.382 14.038 21.257 14.678 20.955 15.27C20.4756 16.2108 19.7108 16.9756 18.77 17.455C18.178 17.757 17.538 17.883 16.809 17.942C16.1 18 15.227 18 14.143 18H7.857C6.773 18 5.899 18 5.191 17.942C4.463 17.882 3.822 17.757 3.231 17.455C2.28986 16.9758 1.52462 16.2109 1.045 15.27C0.743 14.678 0.617 14.038 0.558 13.309C0.5 12.6 0.5 11.727 0.5 10.643V7.357C0.5 6.273 0.5 5.399 0.558 4.691C0.618 3.963 0.743 3.322 1.045 2.731C1.52402 1.78949 2.28893 1.02388 3.23 0.544C3.822 0.242 4.463 0.116 5.191 0.0569999C5.9 -7.82311e-08 6.773 0 7.857 0ZM5.354 2.051C4.749 2.101 4.401 2.193 4.138 2.327C3.57354 2.61462 3.11462 3.07354 2.827 3.638C2.693 3.901 2.601 4.249 2.551 4.854C2.501 5.471 2.5 6.264 2.5 7.4V10.6C2.5 11.737 2.5 12.529 2.551 13.146C2.601 13.751 2.693 14.099 2.827 14.362C3.11462 14.9265 3.57354 15.3854 4.138 15.673C4.401 15.807 4.749 15.899 5.354 15.949C5.971 15.999 6.764 16 7.9 16H8.5V2H7.9C6.763 2 5.971 2 5.354 2.051ZM10.5 2V16H14.1C15.237 16 16.029 16 16.646 15.949C17.251 15.899 17.599 15.807 17.862 15.673C18.4265 15.3854 18.8854 14.9265 19.173 14.362C19.307 14.099 19.399 13.751 19.449 13.146C19.499 12.529 19.5 11.736 19.5 10.6V7.4C19.5 6.263 19.5 5.471 19.449 4.854C19.399 4.249 19.307 3.901 19.173 3.638C18.8854 3.07354 18.4265 2.61462 17.862 2.327C17.599 2.193 17.251 2.101 16.646 2.051C16.029 2.001 15.236 2 14.1 2H10.5ZM4 5.5C4 5.23478 4.10536 4.98043 4.29289 4.79289C4.48043 4.60536 4.73478 4.5 5 4.5H6C6.26522 4.5 6.51957 4.60536 6.70711 4.79289C6.89464 4.98043 7 5.23478 7 5.5C7 5.76522 6.89464 6.01957 6.70711 6.20711C6.51957 6.39464 6.26522 6.5 6 6.5H5C4.73478 6.5 4.48043 6.39464 4.29289 6.20711C4.10536 6.01957 4 5.76522 4 5.5ZM4 9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H6C6.26522 8 6.51957 8.10536 6.70711 8.29289C6.89464 8.48043 7 8.73478 7 9C7 9.26522 6.89464 9.51957 6.70711 9.70711C6.51957 9.89464 6.26522 10 6 10H5C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9Z", fill: color }));
37
+ var sidebarIcon_default = SidebarIcon;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+
3
+ interface SidebarProps extends React.SVGProps<SVGSVGElement> {
4
+ color?: string;
5
+ }
6
+ declare const SidebarIcon: React.FC<SidebarProps>;
7
+
8
+ export { type SidebarProps, SidebarIcon as default };
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+
3
+ interface SidebarProps extends React.SVGProps<SVGSVGElement> {
4
+ color?: string;
5
+ }
6
+ declare const SidebarIcon: React.FC<SidebarProps>;
7
+
8
+ export { type SidebarProps, SidebarIcon as default };
@@ -0,0 +1,6 @@
1
+ import {
2
+ sidebarIcon_default
3
+ } from "../chunk-CSKTBLQQ.js";
4
+ export {
5
+ sidebarIcon_default as default
6
+ };
package/dist/main.cjs CHANGED
@@ -61,6 +61,7 @@ __export(main_exports, {
61
61
  RufousBirdIcon: () => rufousBirdIcon_default,
62
62
  RufousLauncherIcon: () => rufousLauncherBird_default,
63
63
  RufousThemeProvider: () => RufousThemeProvider,
64
+ SidebarIcon: () => sidebarIcon_default,
64
65
  SubscribeIcon: () => subscribeIcon_default,
65
66
  SuspendUserIcon: () => suspendUserIcon_default,
66
67
  TickIcon: () => tickIcon_default,
@@ -1177,6 +1178,11 @@ var React41 = __toESM(require("react"), 1);
1177
1178
  var TrashIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React41.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React41.createElement("path", { d: "M0.536 0C0.391159 0.0178474 0.257489 0.0869727 0.159175 0.194824C0.0608618 0.302676 0.00439809 0.442142 0 0.588013V5.29401C0.0062252 5.44865 0.0707131 5.59522 0.180519 5.70428C0.290325 5.81335 0.437321 5.87684 0.592 5.88202H1.775V19.411C1.78123 19.5657 1.84571 19.7122 1.95552 19.8213C2.06533 19.9304 2.21232 19.9938 2.367 19.999H17.633C17.7877 19.9938 17.9347 19.9304 18.0445 19.8213C18.1543 19.7122 18.2188 19.5657 18.225 19.411V5.88202H19.408C19.5627 5.87684 19.7097 5.81335 19.8195 5.70428C19.9293 5.59522 19.9938 5.44865 20 5.29401V0.588013C19.9938 0.433373 19.9293 0.286798 19.8195 0.177734C19.7097 0.0686703 19.5627 0.00517666 19.408 0H0.536ZM1.183 1.17603H18.817V4.70502H1.183V1.17603ZM2.958 5.88202H17.041V18.823H2.959L2.958 5.88202Z", fill: color }));
1178
1179
  var trashIcon_default = TrashIcon;
1179
1180
 
1181
+ // lib/icons/sidebarIcon.tsx
1182
+ var React42 = __toESM(require("react"), 1);
1183
+ var SidebarIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React42.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "18", viewBox: "0 0 22 18", fill: "none", ...props }, /* @__PURE__ */ React42.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.857 0H14.143C15.227 0 16.101 8.9407e-08 16.809 0.0580001C17.538 0.118 18.178 0.243 18.77 0.545C19.7108 1.02436 20.4756 1.78923 20.955 2.73C21.257 3.322 21.383 3.963 21.442 4.691C21.5 5.399 21.5 6.273 21.5 7.357V10.643C21.5 11.727 21.5 12.601 21.442 13.309C21.382 14.038 21.257 14.678 20.955 15.27C20.4756 16.2108 19.7108 16.9756 18.77 17.455C18.178 17.757 17.538 17.883 16.809 17.942C16.1 18 15.227 18 14.143 18H7.857C6.773 18 5.899 18 5.191 17.942C4.463 17.882 3.822 17.757 3.231 17.455C2.28986 16.9758 1.52462 16.2109 1.045 15.27C0.743 14.678 0.617 14.038 0.558 13.309C0.5 12.6 0.5 11.727 0.5 10.643V7.357C0.5 6.273 0.5 5.399 0.558 4.691C0.618 3.963 0.743 3.322 1.045 2.731C1.52402 1.78949 2.28893 1.02388 3.23 0.544C3.822 0.242 4.463 0.116 5.191 0.0569999C5.9 -7.82311e-08 6.773 0 7.857 0ZM5.354 2.051C4.749 2.101 4.401 2.193 4.138 2.327C3.57354 2.61462 3.11462 3.07354 2.827 3.638C2.693 3.901 2.601 4.249 2.551 4.854C2.501 5.471 2.5 6.264 2.5 7.4V10.6C2.5 11.737 2.5 12.529 2.551 13.146C2.601 13.751 2.693 14.099 2.827 14.362C3.11462 14.9265 3.57354 15.3854 4.138 15.673C4.401 15.807 4.749 15.899 5.354 15.949C5.971 15.999 6.764 16 7.9 16H8.5V2H7.9C6.763 2 5.971 2 5.354 2.051ZM10.5 2V16H14.1C15.237 16 16.029 16 16.646 15.949C17.251 15.899 17.599 15.807 17.862 15.673C18.4265 15.3854 18.8854 14.9265 19.173 14.362C19.307 14.099 19.399 13.751 19.449 13.146C19.499 12.529 19.5 11.736 19.5 10.6V7.4C19.5 6.263 19.5 5.471 19.449 4.854C19.399 4.249 19.307 3.901 19.173 3.638C18.8854 3.07354 18.4265 2.61462 17.862 2.327C17.599 2.193 17.251 2.101 16.646 2.051C16.029 2.001 15.236 2 14.1 2H10.5ZM4 5.5C4 5.23478 4.10536 4.98043 4.29289 4.79289C4.48043 4.60536 4.73478 4.5 5 4.5H6C6.26522 4.5 6.51957 4.60536 6.70711 4.79289C6.89464 4.98043 7 5.23478 7 5.5C7 5.76522 6.89464 6.01957 6.70711 6.20711C6.51957 6.39464 6.26522 6.5 6 6.5H5C4.73478 6.5 4.48043 6.39464 4.29289 6.20711C4.10536 6.01957 4 5.76522 4 5.5ZM4 9C4 8.73478 4.10536 8.48043 4.29289 8.29289C4.48043 8.10536 4.73478 8 5 8H6C6.26522 8 6.51957 8.10536 6.70711 8.29289C6.89464 8.48043 7 8.73478 7 9C7 9.26522 6.89464 9.51957 6.70711 9.70711C6.51957 9.89464 6.26522 10 6 10H5C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9Z", fill: color }));
1184
+ var sidebarIcon_default = SidebarIcon;
1185
+
1180
1186
  // lib/Contexts/rufousThemeProvider.tsx
1181
1187
  var import_react14 = __toESM(require("react"), 1);
1182
1188
  var RufousThemeContext = (0, import_react14.createContext)(null);
@@ -1267,6 +1273,7 @@ var useRufousTheme = () => (0, import_react14.useContext)(RufousThemeContext);
1267
1273
  RufousBirdIcon,
1268
1274
  RufousLauncherIcon,
1269
1275
  RufousThemeProvider,
1276
+ SidebarIcon,
1270
1277
  SubscribeIcon,
1271
1278
  SuspendUserIcon,
1272
1279
  TickIcon,
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.d.cts CHANGED
@@ -40,5 +40,6 @@ export { default as RufousBirdIcon } from './icons/rufousBirdIcon.cjs';
40
40
  export { default as TickIcon } from './icons/tickIcon.cjs';
41
41
  export { default as TimerIcon } from './icons/timerIcon.cjs';
42
42
  export { default as TrashIcon } from './icons/trashIcon.cjs';
43
+ export { default as SidebarIcon } from './icons/sidebarIcon.cjs';
43
44
  export { RufousThemeProvider, useRufousTheme } from './Contexts/rufousThemeProvider.cjs';
44
45
  import 'react';
package/dist/main.d.ts CHANGED
@@ -40,5 +40,6 @@ export { default as RufousBirdIcon } from './icons/rufousBirdIcon.js';
40
40
  export { default as TickIcon } from './icons/tickIcon.js';
41
41
  export { default as TimerIcon } from './icons/timerIcon.js';
42
42
  export { default as TrashIcon } from './icons/trashIcon.js';
43
+ export { default as SidebarIcon } from './icons/sidebarIcon.js';
43
44
  export { RufousThemeProvider, useRufousTheme } from './Contexts/rufousThemeProvider.js';
44
45
  import 'react';
package/dist/main.js CHANGED
@@ -1,4 +1,16 @@
1
- import "./chunk-OEXWRBWV.js";
1
+ import "./chunk-6WUVGMI3.js";
2
+ import {
3
+ viewIcon_default
4
+ } from "./chunk-XPRBPIS5.js";
5
+ import {
6
+ workItemIcon_default
7
+ } from "./chunk-QJPQC544.js";
8
+ import {
9
+ suspendUserIcon_default
10
+ } from "./chunk-5BB3H3YO.js";
11
+ import {
12
+ tickIcon_default
13
+ } from "./chunk-ITZTTNM2.js";
2
14
  import {
3
15
  timerIcon_default
4
16
  } from "./chunk-WWAHNTUH.js";
@@ -18,11 +30,8 @@ import {
18
30
  userAssignIcon_default
19
31
  } from "./chunk-BH53P2UM.js";
20
32
  import {
21
- viewIcon_default
22
- } from "./chunk-XPRBPIS5.js";
23
- import {
24
- workItemIcon_default
25
- } from "./chunk-QJPQC544.js";
33
+ questionTypeDescriptiveIcon_default
34
+ } from "./chunk-C7B23GTE.js";
26
35
  import {
27
36
  questionTypeMultipleIcon_default
28
37
  } from "./chunk-XCLXQOLP.js";
@@ -38,15 +47,15 @@ import {
38
47
  import {
39
48
  rufousLauncherBird_default
40
49
  } from "./chunk-QZFGQ5JM.js";
50
+ import {
51
+ sidebarIcon_default
52
+ } from "./chunk-CSKTBLQQ.js";
41
53
  import {
42
54
  subscribeIcon_default
43
55
  } from "./chunk-ZDVP4SUD.js";
44
56
  import {
45
- suspendUserIcon_default
46
- } from "./chunk-5BB3H3YO.js";
47
- import {
48
- tickIcon_default
49
- } from "./chunk-ITZTTNM2.js";
57
+ invoiceIcon_default
58
+ } from "./chunk-KYJ3475B.js";
50
59
  import {
51
60
  logsIcon_default
52
61
  } from "./chunk-N4EJKMJK.js";
@@ -68,9 +77,6 @@ import {
68
77
  import {
69
78
  questionTypeCodingIcon_default
70
79
  } from "./chunk-FOUXNPQA.js";
71
- import {
72
- questionTypeDescriptiveIcon_default
73
- } from "./chunk-C7B23GTE.js";
74
80
  import {
75
81
  difficultyMediumIcon_default
76
82
  } from "./chunk-XPJVVKOU.js";
@@ -90,15 +96,8 @@ import {
90
96
  inactiveGroupIcon_default
91
97
  } from "./chunk-7WNPZ4B7.js";
92
98
  import {
93
- invoiceIcon_default
94
- } from "./chunk-KYJ3475B.js";
95
- import {
96
- RufousThemeProvider,
97
- useRufousTheme
98
- } from "./chunk-BCGCLMKA.js";
99
- import {
100
- APP_THEMES
101
- } from "./chunk-2FHTGYR4.js";
99
+ FloatingInput
100
+ } from "./chunk-AWA5Y5LH.js";
102
101
  import {
103
102
  activateUserIcon_default
104
103
  } from "./chunk-AH6RCYDL.js";
@@ -127,8 +126,12 @@ import {
127
126
  Checkbox
128
127
  } from "./chunk-QKDJLUKZ.js";
129
128
  import {
130
- FloatingInput
131
- } from "./chunk-AWA5Y5LH.js";
129
+ RufousThemeProvider,
130
+ useRufousTheme
131
+ } from "./chunk-BCGCLMKA.js";
132
+ import {
133
+ APP_THEMES
134
+ } from "./chunk-2FHTGYR4.js";
132
135
  export {
133
136
  APP_THEMES,
134
137
  activateUserIcon_default as ActivateUserIcon,
@@ -162,6 +165,7 @@ export {
162
165
  rufousBirdIcon_default as RufousBirdIcon,
163
166
  rufousLauncherBird_default as RufousLauncherIcon,
164
167
  RufousThemeProvider,
168
+ sidebarIcon_default as SidebarIcon,
165
169
  subscribeIcon_default as SubscribeIcon,
166
170
  suspendUserIcon_default as SuspendUserIcon,
167
171
  tickIcon_default as TickIcon,
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.12",
4
+ "version": "0.1.14",
5
5
  "type": "module",
6
6
  "style": "./dist/style.css",
7
7
  "files": [
File without changes