@greghowe79/the-lib 2.0.5 → 2.0.7
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.
- package/lib/components/button/button.qwik.cjs +0 -1
- package/lib/components/button/button.qwik.mjs +0 -1
- package/lib/components/card/card.qwik.cjs +0 -1
- package/lib/components/card/card.qwik.mjs +0 -1
- package/lib/components/hero/hero.qwik.cjs +0 -1
- package/lib/components/hero/hero.qwik.mjs +0 -1
- package/lib/components/input/input.qwik.cjs +0 -1
- package/lib/components/input/input.qwik.mjs +0 -1
- package/lib/components/modal/modal.qwik.cjs +0 -1
- package/lib/components/modal/modal.qwik.mjs +0 -1
- package/lib/components/navigationmenu/NavigationMenu.qwik.cjs +0 -1
- package/lib/components/navigationmenu/NavigationMenu.qwik.mjs +0 -1
- package/lib/components/onboarding/onboardingsteps.qwik.cjs +0 -1
- package/lib/components/onboarding/onboardingsteps.qwik.mjs +0 -1
- package/lib/components/select/select.qwik.cjs +0 -1
- package/lib/components/select/select.qwik.mjs +0 -1
- package/lib/components/text_area/styles.css.qwik.cjs +1 -1
- package/lib/components/text_area/styles.css.qwik.mjs +1 -1
- package/lib/components/text_area/text_area.qwik.cjs +0 -1
- package/lib/components/text_area/text_area.qwik.mjs +0 -1
- package/lib-types/components/button/button.d.ts +0 -1
- package/lib-types/components/card/card.d.ts +0 -1
- package/lib-types/components/hero/hero.d.ts +0 -1
- package/lib-types/components/input/input.d.ts +0 -1
- package/lib-types/components/modal/modal.d.ts +0 -1
- package/lib-types/components/navigationmenu/NavigationMenu.d.ts +0 -1
- package/lib-types/components/onboarding/onboardingsteps.d.ts +0 -1
- package/lib-types/components/select/select.d.ts +0 -1
- package/lib-types/components/text_area/text_area.d.ts +0 -1
- package/package.json +1 -2
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
7
6
|
const loader = require("../loader/loader.qwik.cjs");
|
|
8
7
|
const Button = qwik.component$(({ id, label, variant = "primary", icon, disabled = false, ariaLabel, type = "button", size = "md", onClick$, isLoading, active = false }) => {
|
|
9
8
|
qwik.useStylesScoped$(styles);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStylesScoped$ } from "@builder.io/qwik";
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
5
4
|
import { Loader } from "../loader/loader.qwik.mjs";
|
|
6
5
|
const Button = component$(({ id, label, variant = "primary", icon, disabled = false, ariaLabel, type = "button", size = "md", onClick$, isLoading, active = false }) => {
|
|
7
6
|
useStylesScoped$(styles);
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
7
6
|
const qwikCity = require("@builder.io/qwik-city");
|
|
8
7
|
const Card = qwik.component$(({ item, icon, subtitle, link, path, disabled }) => {
|
|
9
8
|
qwik.useStyles$(styles);
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStyles$ } from "@builder.io/qwik";
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
5
4
|
import { Link } from "@builder.io/qwik-city";
|
|
6
5
|
const Card = component$(({ item, icon, subtitle, link, path, disabled }) => {
|
|
7
6
|
useStyles$(styles);
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
7
6
|
const Hero = qwik.component$(({ title, content }) => {
|
|
8
7
|
qwik.useStylesScoped$(styles);
|
|
9
8
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStylesScoped$, Slot } from "@builder.io/qwik";
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
5
4
|
const Hero = component$(({ title, content }) => {
|
|
6
5
|
useStylesScoped$(styles);
|
|
7
6
|
return /* @__PURE__ */ jsxs("div", {
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
7
6
|
const displayLocalImage = qwik.$((file, imageUrl) => {
|
|
8
7
|
const allowedExtensions = [
|
|
9
8
|
".jpg",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { $, noSerialize, component$, useStylesScoped$, useSignal } from "@builder.io/qwik";
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
5
4
|
const displayLocalImage = $((file, imageUrl) => {
|
|
6
5
|
const allowedExtensions = [
|
|
7
6
|
".jpg",
|
|
@@ -5,7 +5,6 @@ const qwik = require("@builder.io/qwik");
|
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
6
|
const button = require("../button/button.qwik.cjs");
|
|
7
7
|
const closeIcon = require("../icons/closeIcon.qwik.cjs");
|
|
8
|
-
require("@fontsource/roboto-condensed");
|
|
9
8
|
const Modal = qwik.component$(({ title, open, primaryButtonLabel, secondaryButtonLabel, primaryAction, secondaryAction, closeButtonVisible = true, isLoading, primaryButtonDisabled, type = "default", light = false }) => {
|
|
10
9
|
qwik.useStylesScoped$(styles);
|
|
11
10
|
const isDisabled = typeof primaryButtonDisabled === "object" ? primaryButtonDisabled.value : primaryButtonDisabled ?? false;
|
|
@@ -3,7 +3,6 @@ import { component$, useStylesScoped$, Slot } from "@builder.io/qwik";
|
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
4
|
import { Button } from "../button/button.qwik.mjs";
|
|
5
5
|
import { CloseIcon } from "../icons/closeIcon.qwik.mjs";
|
|
6
|
-
import "@fontsource/roboto-condensed";
|
|
7
6
|
const Modal = component$(({ title, open, primaryButtonLabel, secondaryButtonLabel, primaryAction, secondaryAction, closeButtonVisible = true, isLoading, primaryButtonDisabled, type = "default", light = false }) => {
|
|
8
7
|
useStylesScoped$(styles);
|
|
9
8
|
const isDisabled = typeof primaryButtonDisabled === "object" ? primaryButtonDisabled.value : primaryButtonDisabled ?? false;
|
|
@@ -5,7 +5,6 @@ const qwik = require("@builder.io/qwik");
|
|
|
5
5
|
const qwikCity = require("@builder.io/qwik-city");
|
|
6
6
|
const styles = require("./styles.css.qwik.cjs");
|
|
7
7
|
const button = require("../button/button.qwik.cjs");
|
|
8
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
9
8
|
const NavigationMenu = qwik.component$(({ ariaLabel, logoComponent, listItems, actions, locale }) => {
|
|
10
9
|
const location = qwikCity.useLocation();
|
|
11
10
|
const isOpen = qwik.useSignal(false);
|
|
@@ -3,7 +3,6 @@ import { component$, useSignal, useStyles$ } from "@builder.io/qwik";
|
|
|
3
3
|
import { useLocation, Link } from "@builder.io/qwik-city";
|
|
4
4
|
import styles from "./styles.css.qwik.mjs";
|
|
5
5
|
import { Button } from "../button/button.qwik.mjs";
|
|
6
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
7
6
|
const NavigationMenu = component$(({ ariaLabel, logoComponent, listItems, actions, locale }) => {
|
|
8
7
|
const location = useLocation();
|
|
9
8
|
const isOpen = useSignal(false);
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
6
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
7
6
|
const OnboardingSteps = qwik.component$(({ steps }) => {
|
|
8
7
|
qwik.useStylesScoped$(styles);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStylesScoped$ } from "@builder.io/qwik";
|
|
3
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
4
3
|
import styles from "./styles.css.qwik.mjs";
|
|
5
4
|
const OnboardingSteps = component$(({ steps }) => {
|
|
6
5
|
useStylesScoped$(styles);
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
6
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
7
6
|
const Select = qwik.component$(({ id, label, options, selected, prefix }) => {
|
|
8
7
|
qwik.useStylesScoped$(styles);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStylesScoped$, $ } from "@builder.io/qwik";
|
|
3
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
4
3
|
import styles from "./styles.css.qwik.mjs";
|
|
5
4
|
const Select = component$(({ id, label, options, selected, prefix }) => {
|
|
6
5
|
useStylesScoped$(styles);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const styles = ".text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n transition:\r\n color 0.15s ease,\r\n box-shadow 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: none;\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n background: white;\r\n}\r\n.text-area.bg_light {\r\n background: white;\r\n box-shadow: inset 0 0 0 1px #86868b;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n}\r\n";
|
|
2
|
+
const styles = "/* .text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n transition:\r\n color 0.15s ease,\r\n box-shadow 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: none;\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n background: white;\r\n}\r\n.text-area.bg_light {\r\n background: white;\r\n box-shadow: inset 0 0 0 1px #86868b;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n} */\r\n\r\n.text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 1.5rem 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n outline: 1px solid transparent;\r\n outline-offset: -1px;\r\n transition:\r\n color 0.15s ease,\r\n outline-color 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: 2px solid #007aff;\r\n outline-offset: -2px;\r\n background: white;\r\n}\r\n\r\n.text-area.bg_light {\r\n background: white;\r\n outline: 1px solid #86868b;\r\n outline-offset: -1px;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n outline: 2px solid #007aff;\r\n outline-offset: -2px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-track {\r\n background: transparent;\r\n margin: 0.75rem 0;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-thumb {\r\n background: #ccc;\r\n border-radius: 3px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-button {\r\n display: none;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n}\r\n";
|
|
3
3
|
module.exports = styles;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const styles = ".text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n transition:\r\n color 0.15s ease,\r\n box-shadow 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: none;\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n background: white;\r\n}\r\n.text-area.bg_light {\r\n background: white;\r\n box-shadow: inset 0 0 0 1px #86868b;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n}\r\n";
|
|
1
|
+
const styles = "/* .text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n transition:\r\n color 0.15s ease,\r\n box-shadow 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: none;\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n background: white;\r\n}\r\n.text-area.bg_light {\r\n background: white;\r\n box-shadow: inset 0 0 0 1px #86868b;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n box-shadow: inset 0 0 0 1.5px #007aff;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n} */\r\n\r\n.text-area-container {\r\n font-family: 'Roboto Condensed', sans-serif;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.25rem;\r\n width: 100%;\r\n}\r\n\r\n.text-area-container label {\r\n font-size: 0.8125rem;\r\n letter-spacing: 0.0625rem;\r\n color: #333;\r\n padding-left: 0.25rem;\r\n}\r\n\r\n.text-area {\r\n border-radius: 0.75rem;\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 100;\r\n letter-spacing: inherit;\r\n color: #333;\r\n background: rgba(0, 0, 0, 0.04);\r\n padding: 0.75rem 1.5rem 0.75rem 0.9375rem;\r\n resize: vertical;\r\n min-height: 3.29412rem;\r\n border: none;\r\n outline: 1px solid transparent;\r\n outline-offset: -1px;\r\n transition:\r\n color 0.15s ease,\r\n outline-color 0.15s ease,\r\n background 0.15s ease;\r\n}\r\n\r\n.text-area::placeholder {\r\n color: #6e6e73;\r\n}\r\n\r\n.text-area:focus {\r\n outline: 2px solid #007aff;\r\n outline-offset: -2px;\r\n background: white;\r\n}\r\n\r\n.text-area.bg_light {\r\n background: white;\r\n outline: 1px solid #86868b;\r\n outline-offset: -1px;\r\n}\r\n\r\n.text-area.bg_light:focus {\r\n outline: 2px solid #007aff;\r\n outline-offset: -2px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-track {\r\n background: transparent;\r\n margin: 0.75rem 0;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-thumb {\r\n background: #ccc;\r\n border-radius: 3px;\r\n}\r\n\r\n.text-area::-webkit-scrollbar-button {\r\n display: none;\r\n}\r\n\r\n.sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n}\r\n\r\n.counter {\r\n text-align: right;\r\n font-size: 12px;\r\n color: #888;\r\n margin-top: 4px;\r\n}\r\n\r\n.counter-limit {\r\n color: #e53935;\r\n}\r\n";
|
|
2
2
|
export {
|
|
3
3
|
styles as default
|
|
4
4
|
};
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
3
3
|
const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
|
|
4
4
|
const qwik = require("@builder.io/qwik");
|
|
5
5
|
const styles = require("./styles.css.qwik.cjs");
|
|
6
|
-
require("@fontsource/roboto-condensed/500.css");
|
|
7
6
|
const TextArea = qwik.component$(({ id, title, content, required = false, placeholder, bgLight, maxLength, showCounter = false }) => {
|
|
8
7
|
qwik.useStylesScoped$(styles);
|
|
9
8
|
const currentLength = content?.value?.length ?? 0;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@builder.io/qwik/jsx-runtime";
|
|
2
2
|
import { component$, useStylesScoped$ } from "@builder.io/qwik";
|
|
3
3
|
import styles from "./styles.css.qwik.mjs";
|
|
4
|
-
import "@fontsource/roboto-condensed/500.css";
|
|
5
4
|
const TextArea = component$(({ id, title, content, required = false, placeholder, bgLight, maxLength, showCounter = false }) => {
|
|
6
5
|
useStylesScoped$(styles);
|
|
7
6
|
const currentLength = content?.value?.length ?? 0;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Component, JSXOutput, QRL, Signal } from '@builder.io/qwik';
|
|
2
|
-
import '@fontsource/roboto-condensed/500.css';
|
|
3
2
|
export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'icon' | 'tertiary' | 'tab';
|
|
4
3
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
5
4
|
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Component, JSXOutput, QRL, Signal } from '@builder.io/qwik';
|
|
2
|
-
import '@fontsource/roboto-condensed/500.css';
|
|
3
2
|
export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'hidden' | 'checkbox' | 'radio' | 'file';
|
|
4
3
|
export interface InputProps {
|
|
5
4
|
id: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@greghowe79/the-lib",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
4
4
|
"description": "Collection of fast components for Qwik",
|
|
5
5
|
"main": "./lib/index.qwik.mjs",
|
|
6
6
|
"qwik": "./lib/index.qwik.mjs",
|
|
@@ -64,7 +64,6 @@
|
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@builder.io/qwik-city": "^1.13.0",
|
|
67
|
-
"@fontsource/roboto-condensed": "^5.2.5",
|
|
68
67
|
"@unpic/qwik": "^1.0.0",
|
|
69
68
|
"@vanilla-extract/vite-plugin": "^5.0.1"
|
|
70
69
|
},
|