@greghowe79/the-lib 2.13.9 → 2.14.1

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 (5) hide show
  1. package/lib/components/input/input.qwik.cjs +16 -11
  2. package/lib/components/input/input.qwik.mjs +16 -11
  3. package/lib/components/text_area/styles.css.qwik.cjs +1 -1
  4. package/lib/components/text_area/styles.css.qwik.mjs +1 -1
  5. package/package.json +1 -1
package/lib/components/input/input.qwik.cjs CHANGED
@@ -81,13 +81,6 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
81
81
  }
82
82
  });
83
83
  const effectiveType = type === "password" && isPasswordVisible.value ? "text" : type;
84
- const labelContent = label && showLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", {
85
- class: "input-visible-label",
86
- children: label
87
- }) : label ? /* @__PURE__ */ jsxRuntime.jsx("span", {
88
- class: "sr-only",
89
- children: label
90
- }) : null;
91
84
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
92
85
  class: "input-container",
93
86
  children: [
@@ -132,7 +125,10 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
132
125
  class: `input-label ${bgLight ? "bg_light" : ""}`,
133
126
  for: id,
134
127
  children: [
135
- labelContent,
128
+ label && /* @__PURE__ */ jsxRuntime.jsx("span", {
129
+ class: "sr-only",
130
+ children: label
131
+ }),
136
132
  /* @__PURE__ */ jsxRuntime.jsxs("div", {
137
133
  class: "input-wrapper",
138
134
  children: [
@@ -182,7 +178,10 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
182
178
  class: `input-label ${bgLight ? "bg_light" : ""}`,
183
179
  for: id,
184
180
  children: [
185
- labelContent,
181
+ label && /* @__PURE__ */ jsxRuntime.jsx("span", {
182
+ class: "sr-only",
183
+ children: label
184
+ }),
186
185
  /* @__PURE__ */ jsxRuntime.jsxs("div", {
187
186
  class: "input-wrapper",
188
187
  children: [
@@ -217,7 +216,14 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
217
216
  class: `input-label ${bgLight ? "bg_light" : ""} ${showLabel ? "has-visible-label" : ""}`,
218
217
  for: id,
219
218
  children: [
220
- labelContent,
219
+ label && showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", {
220
+ class: "input-visible-label",
221
+ children: label
222
+ }),
223
+ label && !showLabel && /* @__PURE__ */ jsxRuntime.jsx("span", {
224
+ class: "sr-only",
225
+ children: label
226
+ }),
221
227
  /* @__PURE__ */ jsxRuntime.jsxs("div", {
222
228
  class: icon ? "input-wrapper" : "no_icon",
223
229
  children: [
@@ -230,7 +236,6 @@ const Input = qwik.component$(({ id, type, placeholder, value, error, onValidate
230
236
  id,
231
237
  name: id,
232
238
  type,
233
- inputMode: type === "number" ? "numeric" : void 0,
234
239
  class: `input ${showError.value ? "error" : ""}`,
235
240
  placeholder,
236
241
  "bind:value": value,
package/lib/components/input/input.qwik.mjs CHANGED
@@ -79,13 +79,6 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
79
79
  }
80
80
  });
81
81
  const effectiveType = type === "password" && isPasswordVisible.value ? "text" : type;
82
- const labelContent = label && showLabel ? /* @__PURE__ */ jsx("span", {
83
- class: "input-visible-label",
84
- children: label
85
- }) : label ? /* @__PURE__ */ jsx("span", {
86
- class: "sr-only",
87
- children: label
88
- }) : null;
89
82
  return /* @__PURE__ */ jsxs("div", {
90
83
  class: "input-container",
91
84
  children: [
@@ -130,7 +123,10 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
130
123
  class: `input-label ${bgLight ? "bg_light" : ""}`,
131
124
  for: id,
132
125
  children: [
133
- labelContent,
126
+ label && /* @__PURE__ */ jsx("span", {
127
+ class: "sr-only",
128
+ children: label
129
+ }),
134
130
  /* @__PURE__ */ jsxs("div", {
135
131
  class: "input-wrapper",
136
132
  children: [
@@ -180,7 +176,10 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
180
176
  class: `input-label ${bgLight ? "bg_light" : ""}`,
181
177
  for: id,
182
178
  children: [
183
- labelContent,
179
+ label && /* @__PURE__ */ jsx("span", {
180
+ class: "sr-only",
181
+ children: label
182
+ }),
184
183
  /* @__PURE__ */ jsxs("div", {
185
184
  class: "input-wrapper",
186
185
  children: [
@@ -215,7 +214,14 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
215
214
  class: `input-label ${bgLight ? "bg_light" : ""} ${showLabel ? "has-visible-label" : ""}`,
216
215
  for: id,
217
216
  children: [
218
- labelContent,
217
+ label && showLabel && /* @__PURE__ */ jsx("span", {
218
+ class: "input-visible-label",
219
+ children: label
220
+ }),
221
+ label && !showLabel && /* @__PURE__ */ jsx("span", {
222
+ class: "sr-only",
223
+ children: label
224
+ }),
219
225
  /* @__PURE__ */ jsxs("div", {
220
226
  class: icon ? "input-wrapper" : "no_icon",
221
227
  children: [
@@ -228,7 +234,6 @@ const Input = component$(({ id, type, placeholder, value, error, onValidate$, on
228
234
  id,
229
235
  name: id,
230
236
  type,
231
- inputMode: type === "number" ? "numeric" : void 0,
232
237
  class: `input ${showError.value ? "error" : ""}`,
233
238
  placeholder,
234
239
  "bind:value": value,
package/lib/components/text_area/styles.css.qwik.cjs CHANGED
@@ -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\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
+ 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: #636b76;\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;
package/lib/components/text_area/styles.css.qwik.mjs CHANGED
@@ -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\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";
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: #636b76;\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
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@greghowe79/the-lib",
3
- "version": "2.13.9",
3
+ "version": "2.14.1",
4
4
  "description": "Collection of fast components for Qwik",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",