@streamoid/ui 0.1.8 → 0.1.9

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 (6) hide show
  1. package/dist/index.css +10 -0
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +6 -4
  5. package/dist/index.mjs +6 -4
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -2711,6 +2711,9 @@
2711
2711
  width: 20rem;
2712
2712
  position: relative;
2713
2713
  }
2714
+ .ScTextField_scTextField.ScTextField_label-group-none {
2715
+ gap: 0;
2716
+ }
2714
2717
  .ScTextField_labelContainer {
2715
2718
  display: flex;
2716
2719
  flex-direction: row;
@@ -2762,6 +2765,9 @@
2762
2765
  display: flex;
2763
2766
  align-items: center;
2764
2767
  justify-content: flex-start;
2768
+ background: transparent;
2769
+ outline: none;
2770
+ border: none;
2765
2771
  }
2766
2772
  .ScTextField_scTextField.ScTextField_label-group-text .ScTextField_info {
2767
2773
  color: var(--alias-text-and-icons-muted, #7a7a7a);
@@ -2792,6 +2798,10 @@
2792
2798
  border-color: var(--alias-border-strong, #5c5c5c);
2793
2799
  border-width: 0.0625rem;
2794
2800
  }
2801
+ .ScTextField_ScTextField_labelContainer,
2802
+ .ScTextField_scTextField.ScTextField_label-group-none .ScTextField_labelContainer {
2803
+ display: none;
2804
+ }
2795
2805
 
2796
2806
  /* src/SC-Role/ScRole.module.css */
2797
2807
  .ScRole_scRole,
package/dist/index.d.mts CHANGED
@@ -499,7 +499,7 @@ interface IScTextFieldProps extends React.InputHTMLAttributes<HTMLInputElement>
499
499
  tfLeftIcon?: JSX.Element;
500
500
  state?: "default" | "active" | "error" | "disabled" | "filled";
501
501
  tfGroup?: "icon-right" | "icon-left" | "icon-left-right" | "none";
502
- labelGroup?: "none" | "label" | "text" | "icon";
502
+ labelGroup?: "" | "label" | "text" | "icon";
503
503
  className?: string;
504
504
  placeholderFilled?: string;
505
505
  label?: string;
package/dist/index.d.ts CHANGED
@@ -499,7 +499,7 @@ interface IScTextFieldProps extends React.InputHTMLAttributes<HTMLInputElement>
499
499
  tfLeftIcon?: JSX.Element;
500
500
  state?: "default" | "active" | "error" | "disabled" | "filled";
501
501
  tfGroup?: "icon-right" | "icon-left" | "icon-left-right" | "none";
502
- labelGroup?: "none" | "label" | "text" | "icon";
502
+ labelGroup?: "" | "label" | "text" | "icon";
503
503
  className?: string;
504
504
  placeholderFilled?: string;
505
505
  label?: string;
package/dist/index.js CHANGED
@@ -5261,6 +5261,7 @@ var ScProfileSettingsComp_default = {
5261
5261
  // src/SC-textField/ScTextField.module.css
5262
5262
  var ScTextField_default = {
5263
5263
  scTextField: "ScTextField_scTextField",
5264
+ "label-group-none": "ScTextField_label-group-none",
5264
5265
  labelContainer: "ScTextField_labelContainer",
5265
5266
  label: "ScTextField_label",
5266
5267
  inputContainer: "ScTextField_inputContainer",
@@ -5271,7 +5272,8 @@ var ScTextField_default = {
5271
5272
  "tf-group-icon-left-right": "ScTextField_tf-group-icon-left-right",
5272
5273
  "state-hover": "ScTextField_state-hover",
5273
5274
  "state-filled": "ScTextField_state-filled",
5274
- "state-ative-focused": "ScTextField_state-ative-focused"
5275
+ "state-ative-focused": "ScTextField_state-ative-focused",
5276
+ ScTextField_labelContainer: "ScTextField_ScTextField_labelContainer"
5275
5277
  };
5276
5278
 
5277
5279
  // src/SC-textField/ScTextField.tsx
@@ -5281,10 +5283,10 @@ var ScTextField = ({
5281
5283
  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(sicon_bolt_default, { className: ScTextField_default.siconBoltInstance }),
5282
5284
  state = "default",
5283
5285
  tfGroup = "icon-right",
5284
- labelGroup = "none",
5286
+ labelGroup = "",
5285
5287
  className,
5286
5288
  placeholderFilled = "Placeholder",
5287
- label = "Label",
5289
+ label = "",
5288
5290
  ...props
5289
5291
  }) => {
5290
5292
  const variantsClassName = ScTextField_default["state-" + state] + " " + ScTextField_default["tf-group-" + tfGroup] + " " + ScTextField_default["label-group-" + labelGroup];
@@ -5293,7 +5295,7 @@ var ScTextField = ({
5293
5295
  {
5294
5296
  className: ScTextField_default.scTextField + " " + className + " " + variantsClassName,
5295
5297
  children: [
5296
- /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
5298
+ labelGroup && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
5297
5299
  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.label, children: [
5298
5300
  label,
5299
5301
  " "
package/dist/index.mjs CHANGED
@@ -5189,6 +5189,7 @@ var ScProfileSettingsComp_default = {
5189
5189
  // src/SC-textField/ScTextField.module.css
5190
5190
  var ScTextField_default = {
5191
5191
  scTextField: "ScTextField_scTextField",
5192
+ "label-group-none": "ScTextField_label-group-none",
5192
5193
  labelContainer: "ScTextField_labelContainer",
5193
5194
  label: "ScTextField_label",
5194
5195
  inputContainer: "ScTextField_inputContainer",
@@ -5199,7 +5200,8 @@ var ScTextField_default = {
5199
5200
  "tf-group-icon-left-right": "ScTextField_tf-group-icon-left-right",
5200
5201
  "state-hover": "ScTextField_state-hover",
5201
5202
  "state-filled": "ScTextField_state-filled",
5202
- "state-ative-focused": "ScTextField_state-ative-focused"
5203
+ "state-ative-focused": "ScTextField_state-ative-focused",
5204
+ ScTextField_labelContainer: "ScTextField_ScTextField_labelContainer"
5203
5205
  };
5204
5206
 
5205
5207
  // src/SC-textField/ScTextField.tsx
@@ -5209,10 +5211,10 @@ var ScTextField = ({
5209
5211
  tfLeftIcon = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(sicon_bolt_default, { className: ScTextField_default.siconBoltInstance }),
5210
5212
  state = "default",
5211
5213
  tfGroup = "icon-right",
5212
- labelGroup = "none",
5214
+ labelGroup = "",
5213
5215
  className,
5214
5216
  placeholderFilled = "Placeholder",
5215
- label = "Label",
5217
+ label = "",
5216
5218
  ...props
5217
5219
  }) => {
5218
5220
  const variantsClassName = ScTextField_default["state-" + state] + " " + ScTextField_default["tf-group-" + tfGroup] + " " + ScTextField_default["label-group-" + labelGroup];
@@ -5221,7 +5223,7 @@ var ScTextField = ({
5221
5223
  {
5222
5224
  className: ScTextField_default.scTextField + " " + className + " " + variantsClassName,
5223
5225
  children: [
5224
- /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
5226
+ labelGroup && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.labelContainer, children: [
5225
5227
  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: ScTextField_default.label, children: [
5226
5228
  label,
5227
5229
  " "
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/ui",
3
- "version": "0.1.8",
3
+ "version": "0.1.9",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",