@crediblemark/build 0.24.5 → 0.24.6

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 (34) hide show
  1. package/dist/ArrayField-2QLVE7PT.mjs +19 -0
  2. package/dist/{ArrayField-ZD5UTLNU.css → ArrayField-LGEHKPX7.css} +50 -33
  3. package/dist/{Editor-HOZVZZIZ.mjs → Editor-3EPLDK4J.mjs} +7 -7
  4. package/dist/{ObjectField-SQKROKJM.css → ObjectField-XRKCCMPB.css} +50 -33
  5. package/dist/ObjectField-XXOU2VP4.mjs +19 -0
  6. package/dist/{chunk-VBNE6GK2.mjs → chunk-5JSNFZKX.mjs} +7 -7
  7. package/dist/{chunk-5VWWS4RS.mjs → chunk-AMHAYK37.mjs} +736 -372
  8. package/dist/{chunk-WKMRHPOM.mjs → chunk-KUWVOWUV.mjs} +1 -1
  9. package/dist/{chunk-LBMMY5IM.mjs → chunk-MFTVX2ME.mjs} +1 -1
  10. package/dist/{ArrayField-F7OLZF6U.mjs → chunk-QBCQ7LDT.mjs} +364 -45
  11. package/dist/chunk-TE6MUUVZ.mjs +92 -0
  12. package/dist/{chunk-5OK3IPVN.mjs → chunk-VE6BIQKS.mjs} +1 -1
  13. package/dist/{chunk-H2LU4EW3.mjs → chunk-WDTSUNWU.mjs} +209 -156
  14. package/dist/{chunk-2VS2BST6.mjs → chunk-WH3A7FAR.mjs} +1 -1
  15. package/dist/{chunk-GIUKL443.mjs → chunk-XLNVCM4Q.mjs} +30 -30
  16. package/dist/{chunk-6RPYD5IO.mjs → chunk-YE4FXNJW.mjs} +2 -2
  17. package/dist/{full-65U7W6EN.mjs → full-SYDEKGLJ.mjs} +5 -5
  18. package/dist/index.css +50 -33
  19. package/dist/index.d.mts +37 -1
  20. package/dist/index.d.ts +37 -1
  21. package/dist/index.js +1095 -696
  22. package/dist/index.mjs +17 -10
  23. package/dist/{loaded-3NNC6Q35.mjs → loaded-5JH76RZT.mjs} +2 -2
  24. package/dist/{loaded-2CPFB62H.mjs → loaded-NHGZU7V3.mjs} +2 -2
  25. package/dist/{loaded-GYA4OMNE.mjs → loaded-ON5OAY2P.mjs} +2 -2
  26. package/dist/no-external.css +50 -33
  27. package/dist/no-external.d.mts +1 -1
  28. package/dist/no-external.d.ts +1 -1
  29. package/dist/no-external.js +1095 -696
  30. package/dist/no-external.mjs +17 -10
  31. package/package.json +1 -1
  32. package/dist/ObjectField-4SN4ZYFF.mjs +0 -87
  33. package/dist/chunk-BQW2NTNG.mjs +0 -339
  34. package/dist/chunk-IRJS3HWQ.mjs +0 -60
@@ -4,7 +4,7 @@ import {
4
4
  import {
5
5
  useAppStore,
6
6
  useAppStoreApi
7
- } from "./chunk-GIUKL443.mjs";
7
+ } from "./chunk-XLNVCM4Q.mjs";
8
8
  import {
9
9
  get_class_name_factory_default
10
10
  } from "./chunk-BFHV72KK.mjs";
@@ -106,31 +106,39 @@ var createLucideIcon = (iconName, iconNode) => {
106
106
  return Component;
107
107
  };
108
108
 
109
+ // node_modules/lucide-react/dist/esm/icons/chevron-down.js
110
+ var __iconNode = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
111
+ var ChevronDown = createLucideIcon("chevron-down", __iconNode);
112
+
113
+ // node_modules/lucide-react/dist/esm/icons/chevron-right.js
114
+ var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
115
+ var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
116
+
109
117
  // node_modules/lucide-react/dist/esm/icons/copy.js
110
- var __iconNode = [
118
+ var __iconNode3 = [
111
119
  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
112
120
  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
113
121
  ];
114
- var Copy = createLucideIcon("copy", __iconNode);
122
+ var Copy = createLucideIcon("copy", __iconNode3);
115
123
 
116
124
  // node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js
117
- var __iconNode2 = [
125
+ var __iconNode4 = [
118
126
  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
119
127
  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
120
128
  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
121
129
  ];
122
- var EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode2);
130
+ var EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode4);
123
131
 
124
132
  // node_modules/lucide-react/dist/esm/icons/heading.js
125
- var __iconNode3 = [
133
+ var __iconNode5 = [
126
134
  ["path", { d: "M6 12h12", key: "8npq4p" }],
127
135
  ["path", { d: "M6 20V4", key: "1w1bmo" }],
128
136
  ["path", { d: "M18 20V4", key: "o2hl4u" }]
129
137
  ];
130
- var Heading = createLucideIcon("heading", __iconNode3);
138
+ var Heading = createLucideIcon("heading", __iconNode5);
131
139
 
132
140
  // node_modules/lucide-react/dist/esm/icons/list.js
133
- var __iconNode4 = [
141
+ var __iconNode6 = [
134
142
  ["path", { d: "M3 5h.01", key: "18ugdj" }],
135
143
  ["path", { d: "M3 12h.01", key: "nlz23k" }],
136
144
  ["path", { d: "M3 19h.01", key: "noohij" }],
@@ -138,42 +146,42 @@ var __iconNode4 = [
138
146
  ["path", { d: "M8 12h13", key: "1za7za" }],
139
147
  ["path", { d: "M8 19h13", key: "m83p4d" }]
140
148
  ];
141
- var List = createLucideIcon("list", __iconNode4);
149
+ var List = createLucideIcon("list", __iconNode6);
142
150
 
143
151
  // node_modules/lucide-react/dist/esm/icons/plus.js
144
- var __iconNode5 = [
152
+ var __iconNode7 = [
145
153
  ["path", { d: "M5 12h14", key: "1ays0h" }],
146
154
  ["path", { d: "M12 5v14", key: "s699le" }]
147
155
  ];
148
- var Plus = createLucideIcon("plus", __iconNode5);
156
+ var Plus = createLucideIcon("plus", __iconNode7);
149
157
 
150
158
  // node_modules/lucide-react/dist/esm/icons/text-align-start.js
151
- var __iconNode6 = [
159
+ var __iconNode8 = [
152
160
  ["path", { d: "M21 5H3", key: "1fi0y6" }],
153
161
  ["path", { d: "M15 12H3", key: "6jk70r" }],
154
162
  ["path", { d: "M17 19H3", key: "z6ezky" }]
155
163
  ];
156
- var TextAlignStart = createLucideIcon("text-align-start", __iconNode6);
164
+ var TextAlignStart = createLucideIcon("text-align-start", __iconNode8);
157
165
 
158
166
  // node_modules/lucide-react/dist/esm/icons/trash.js
159
- var __iconNode7 = [
167
+ var __iconNode9 = [
160
168
  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
161
169
  ["path", { d: "M3 6h18", key: "d0wm0j" }],
162
170
  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
163
171
  ];
164
- var Trash = createLucideIcon("trash", __iconNode7);
172
+ var Trash = createLucideIcon("trash", __iconNode9);
165
173
 
166
174
  // node_modules/lucide-react/dist/esm/icons/bold.js
167
- var __iconNode8 = [
175
+ var __iconNode10 = [
168
176
  [
169
177
  "path",
170
178
  { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
171
179
  ]
172
180
  ];
173
- var Bold = createLucideIcon("bold", __iconNode8);
181
+ var Bold = createLucideIcon("bold", __iconNode10);
174
182
 
175
183
  // node_modules/lucide-react/dist/esm/icons/box.js
176
- var __iconNode9 = [
184
+ var __iconNode11 = [
177
185
  [
178
186
  "path",
179
187
  {
@@ -184,24 +192,16 @@ var __iconNode9 = [
184
192
  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
185
193
  ["path", { d: "M12 22V12", key: "d0xqtd" }]
186
194
  ];
187
- var Box = createLucideIcon("box", __iconNode9);
195
+ var Box = createLucideIcon("box", __iconNode11);
188
196
 
189
197
  // node_modules/lucide-react/dist/esm/icons/chart-column.js
190
- var __iconNode10 = [
198
+ var __iconNode12 = [
191
199
  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
192
200
  ["path", { d: "M18 17V9", key: "2bz60n" }],
193
201
  ["path", { d: "M13 17V5", key: "1frdt8" }],
194
202
  ["path", { d: "M8 17v-3", key: "17ska0" }]
195
203
  ];
196
- var ChartColumn = createLucideIcon("chart-column", __iconNode10);
197
-
198
- // node_modules/lucide-react/dist/esm/icons/chevron-down.js
199
- var __iconNode11 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
200
- var ChevronDown = createLucideIcon("chevron-down", __iconNode11);
201
-
202
- // node_modules/lucide-react/dist/esm/icons/chevron-right.js
203
- var __iconNode12 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
204
- var ChevronRight = createLucideIcon("chevron-right", __iconNode12);
204
+ var ChartColumn = createLucideIcon("chart-column", __iconNode12);
205
205
 
206
206
  // node_modules/lucide-react/dist/esm/icons/chevron-up.js
207
207
  var __iconNode13 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
@@ -1902,6 +1902,8 @@ lucide-react/dist/esm/shared/src/utils.js:
1902
1902
  lucide-react/dist/esm/defaultAttributes.js:
1903
1903
  lucide-react/dist/esm/Icon.js:
1904
1904
  lucide-react/dist/esm/createLucideIcon.js:
1905
+ lucide-react/dist/esm/icons/chevron-down.js:
1906
+ lucide-react/dist/esm/icons/chevron-right.js:
1905
1907
  lucide-react/dist/esm/icons/copy.js:
1906
1908
  lucide-react/dist/esm/icons/ellipsis-vertical.js:
1907
1909
  lucide-react/dist/esm/icons/heading.js:
@@ -1912,8 +1914,6 @@ lucide-react/dist/esm/icons/trash.js:
1912
1914
  lucide-react/dist/esm/icons/bold.js:
1913
1915
  lucide-react/dist/esm/icons/box.js:
1914
1916
  lucide-react/dist/esm/icons/chart-column.js:
1915
- lucide-react/dist/esm/icons/chevron-down.js:
1916
- lucide-react/dist/esm/icons/chevron-right.js:
1917
1917
  lucide-react/dist/esm/icons/chevron-up.js:
1918
1918
  lucide-react/dist/esm/icons/circle-check-big.js:
1919
1919
  lucide-react/dist/esm/icons/code.js:
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  LoadedRichTextMenuInner
3
- } from "./chunk-VBNE6GK2.mjs";
3
+ } from "./chunk-5JSNFZKX.mjs";
4
4
 
5
5
  // components/RichTextMenu/index.tsx
6
6
  import { lazy, Suspense } from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
8
  var LoadedRichTextMenuFull = lazy(
9
- () => import("./full-65U7W6EN.mjs").then((m) => ({
9
+ () => import("./full-SYDEKGLJ.mjs").then((m) => ({
10
10
  default: m.LoadedRichTextMenuFull
11
11
  }))
12
12
  );
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  LoadedRichTextMenuInner
3
- } from "./chunk-VBNE6GK2.mjs";
4
- import "./chunk-LBMMY5IM.mjs";
5
- import "./chunk-WKMRHPOM.mjs";
6
- import "./chunk-5OK3IPVN.mjs";
7
- import "./chunk-GIUKL443.mjs";
3
+ } from "./chunk-5JSNFZKX.mjs";
4
+ import "./chunk-MFTVX2ME.mjs";
5
+ import "./chunk-KUWVOWUV.mjs";
6
+ import "./chunk-VE6BIQKS.mjs";
7
+ import "./chunk-XLNVCM4Q.mjs";
8
8
  import "./chunk-64A37UUC.mjs";
9
9
  import "./chunk-SMAWAXVX.mjs";
10
10
  import "./chunk-BFHV72KK.mjs";
package/dist/index.css CHANGED
@@ -477,10 +477,10 @@
477
477
  }
478
478
 
479
479
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/styles.module.css/#css-module-data */
480
- ._InputWrapper_1q7gk_1 + ._InputWrapper_1q7gk_1 {
480
+ ._InputWrapper_1mz7o_1 + ._InputWrapper_1mz7o_1 {
481
481
  margin-top: 12px;
482
482
  }
483
- ._Input-label_1q7gk_5 {
483
+ ._Input-label_1mz7o_5 {
484
484
  align-items: center;
485
485
  color: var(--credbuild-color-grey-04);
486
486
  display: flex;
@@ -488,17 +488,20 @@
488
488
  font-size: var(--credbuild-font-size-xxs);
489
489
  font-weight: 600;
490
490
  }
491
- ._Input-labelIcon_1q7gk_14 {
491
+ ._Input-label--noChildren_1mz7o_14 {
492
+ padding-bottom: 0;
493
+ }
494
+ ._Input-labelIcon_1mz7o_18 {
492
495
  color: var(--credbuild-color-grey-07);
493
496
  display: flex;
494
497
  margin-inline-end: 4px;
495
498
  padding-inline-start: 4px;
496
499
  }
497
- ._Input-disabledIcon_1q7gk_21 {
500
+ ._Input-disabledIcon_1mz7o_25 {
498
501
  color: var(--credbuild-color-grey-05);
499
502
  margin-inline-start: auto;
500
503
  }
501
- ._Input-input_1q7gk_26 {
504
+ ._Input-input_1mz7o_30 {
502
505
  background: var(--credbuild-color-white);
503
506
  border-width: 1px;
504
507
  border-style: solid;
@@ -513,11 +516,11 @@
513
516
  max-width: 100%;
514
517
  }
515
518
  @media (min-width: 458px) {
516
- ._Input-input_1q7gk_26 {
519
+ ._Input-input_1mz7o_30 {
517
520
  font-size: 14px;
518
521
  }
519
522
  }
520
- select._Input-input_1q7gk_26 {
523
+ select._Input-input_1mz7o_30 {
521
524
  appearance: none;
522
525
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
523
526
  background-size: 12px;
@@ -526,29 +529,29 @@ select._Input-input_1q7gk_26 {
526
529
  background-color: var(--credbuild-color-white);
527
530
  cursor: pointer;
528
531
  }
529
- select._Input-input_1q7gk_26:dir(rtl) {
532
+ select._Input-input_1mz7o_30:dir(rtl) {
530
533
  background-position: 12px calc(50% + 3px);
531
534
  }
532
535
  @media (hover: hover) and (pointer: fine) {
533
- ._Input_1q7gk_1:has(> input):hover ._Input-input_1q7gk_26:not([readonly]),
534
- ._Input_1q7gk_1:has(> textarea):hover ._Input-input_1q7gk_26:not([readonly]) {
536
+ ._Input_1mz7o_1:has(> input):hover ._Input-input_1mz7o_30:not([readonly]),
537
+ ._Input_1mz7o_1:has(> textarea):hover ._Input-input_1mz7o_30:not([readonly]) {
535
538
  border-color: var(--credbuild-color-grey-05);
536
539
  transition: none;
537
540
  }
538
- ._Input_1q7gk_1:has(> select):hover ._Input-input_1q7gk_26:not([disabled]) {
541
+ ._Input_1mz7o_1:has(> select):hover ._Input-input_1mz7o_30:not([disabled]) {
539
542
  background-color: var(--credbuild-color-azure-12);
540
543
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
541
544
  border-color: var(--credbuild-color-grey-05);
542
545
  transition: none;
543
546
  }
544
547
  }
545
- ._Input-input_1q7gk_26:focus {
548
+ ._Input-input_1mz7o_30:focus {
546
549
  border-color: var(--credbuild-color-grey-05);
547
550
  outline: 2px solid var(--credbuild-color-azure-05);
548
551
  transition: none;
549
552
  }
550
- ._Input--readOnly_1q7gk_82 > ._Input-input_1q7gk_26,
551
- ._Input--readOnly_1q7gk_82 > select._Input-input_1q7gk_26 {
553
+ ._Input--readOnly_1mz7o_86 > ._Input-input_1mz7o_30,
554
+ ._Input--readOnly_1mz7o_86 > select._Input-input_1mz7o_30 {
552
555
  background-color: var(--credbuild-color-grey-11);
553
556
  border-color: var(--credbuild-color-grey-09);
554
557
  color: var(--credbuild-color-grey-04);
@@ -557,34 +560,34 @@ select._Input-input_1q7gk_26:dir(rtl) {
557
560
  outline: 0;
558
561
  transition: none;
559
562
  }
560
- ._Input-radioGroupItems_1q7gk_93 {
563
+ ._Input-radioGroupItems_1mz7o_97 {
561
564
  display: flex;
562
565
  border: 1px solid var(--credbuild-color-grey-09);
563
566
  border-radius: 4px;
564
567
  flex-wrap: wrap;
565
568
  }
566
- ._Input-radio_1q7gk_93 {
569
+ ._Input-radio_1mz7o_97 {
567
570
  border-inline-end: 1px solid var(--credbuild-color-grey-09);
568
571
  flex-grow: 1;
569
572
  }
570
- ._Input-radio_1q7gk_93:first-of-type {
573
+ ._Input-radio_1mz7o_97:first-of-type {
571
574
  border-bottom-left-radius: 4px;
572
575
  border-top-left-radius: 4px;
573
576
  }
574
- ._Input-radio_1q7gk_93:first-of-type ._Input-radioInner_1q7gk_110 {
577
+ ._Input-radio_1mz7o_97:first-of-type ._Input-radioInner_1mz7o_114 {
575
578
  border-bottom-left-radius: 3px;
576
579
  border-top-left-radius: 3px;
577
580
  }
578
- ._Input-radio_1q7gk_93:last-of-type {
581
+ ._Input-radio_1mz7o_97:last-of-type {
579
582
  border-bottom-right-radius: 4px;
580
583
  border-inline-end: 0;
581
584
  border-top-right-radius: 4px;
582
585
  }
583
- ._Input-radio_1q7gk_93:last-of-type ._Input-radioInner_1q7gk_110 {
586
+ ._Input-radio_1mz7o_97:last-of-type ._Input-radioInner_1mz7o_114 {
584
587
  border-bottom-right-radius: 3px;
585
588
  border-top-right-radius: 3px;
586
589
  }
587
- ._Input-radioInner_1q7gk_110 {
590
+ ._Input-radioInner_1mz7o_114 {
588
591
  background-color: var(--credbuild-color-white);
589
592
  color: var(--credbuild-color-grey-04);
590
593
  cursor: pointer;
@@ -593,32 +596,32 @@ select._Input-input_1q7gk_26:dir(rtl) {
593
596
  text-align: center;
594
597
  transition: background-color 50ms ease-in;
595
598
  }
596
- ._Input-radio_1q7gk_93:has(:focus-visible) {
599
+ ._Input-radio_1mz7o_97:has(:focus-visible) {
597
600
  outline: 2px solid var(--credbuild-color-azure-05);
598
601
  outline-offset: 2px;
599
602
  position: relative;
600
603
  }
601
604
  @media (hover: hover) and (pointer: fine) {
602
- ._Input-radioInner_1q7gk_110:hover {
605
+ ._Input-radioInner_1mz7o_114:hover {
603
606
  background-color: var(--credbuild-color-azure-12);
604
607
  transition: none;
605
608
  }
606
609
  }
607
- ._Input--readOnly_1q7gk_82 ._Input-radioInner_1q7gk_110 {
610
+ ._Input--readOnly_1mz7o_86 ._Input-radioInner_1mz7o_114 {
608
611
  background-color: var(--credbuild-color-white);
609
612
  color: var(--credbuild-color-grey-04);
610
613
  cursor: default;
611
614
  }
612
- ._Input-radio_1q7gk_93 ._Input-radioInput_1q7gk_155:checked ~ ._Input-radioInner_1q7gk_110 {
615
+ ._Input-radio_1mz7o_97 ._Input-radioInput_1mz7o_159:checked ~ ._Input-radioInner_1mz7o_114 {
613
616
  background-color: var(--credbuild-color-azure-11);
614
617
  color: var(--credbuild-color-azure-04);
615
618
  font-weight: 500;
616
619
  }
617
- ._Input--readOnly_1q7gk_82 ._Input-radioInput_1q7gk_155:checked ~ ._Input-radioInner_1q7gk_110 {
620
+ ._Input--readOnly_1mz7o_86 ._Input-radioInput_1mz7o_159:checked ~ ._Input-radioInner_1mz7o_114 {
618
621
  background-color: var(--credbuild-color-grey-11);
619
622
  color: var(--credbuild-color-grey-04);
620
623
  }
621
- ._Input-radio_1q7gk_93 ._Input-radioInput_1q7gk_155 {
624
+ ._Input-radio_1mz7o_97 ._Input-radioInput_1mz7o_159 {
622
625
  clip: rect(0 0 0 0);
623
626
  clip-path: inset(100%);
624
627
  height: 1px;
@@ -627,7 +630,7 @@ select._Input-input_1q7gk_26:dir(rtl) {
627
630
  white-space: nowrap;
628
631
  width: 1px;
629
632
  }
630
- textarea._Input-input_1q7gk_26 {
633
+ textarea._Input-input_1mz7o_30 {
631
634
  margin-bottom: -4px;
632
635
  }
633
636
 
@@ -1584,18 +1587,32 @@ textarea._Input-input_1q7gk_26 {
1584
1587
  }
1585
1588
 
1586
1589
  /* css-module:/home/crediblemark/Project/Credibuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
1587
- ._ObjectField_b2xjm_5 {
1590
+ ._ObjectField_1vrf5_1 {
1588
1591
  display: flex;
1589
1592
  flex-direction: column;
1590
- background-color: var(--credbuild-color-white);
1593
+ background-color: transparent;
1591
1594
  border: 1px solid var(--credbuild-color-grey-09);
1592
- border-radius: 4px;
1595
+ border-radius: 6px;
1596
+ margin-bottom: 8px;
1597
+ overflow: hidden;
1598
+ transition: all 0.2s ease;
1599
+ }
1600
+ ._ObjectField--isOpen_1vrf5_12 {
1601
+ border-color: var(--credbuild-color-azure-09);
1602
+ background-color: var(--credbuild-color-grey-11);
1603
+ }
1604
+ ._ObjectField-content_1vrf5_17 {
1605
+ border-top: 1px solid var(--credbuild-color-grey-09);
1606
+ background-color: var(--credbuild-color-white);
1593
1607
  }
1594
- ._ObjectField-fieldset_b2xjm_13 {
1608
+ ._ObjectField-fieldset_1vrf5_22 {
1595
1609
  border: none;
1596
1610
  margin: 0;
1597
1611
  min-width: 0;
1598
- padding: 16px 15px;
1612
+ padding: 12px 12px;
1613
+ display: flex;
1614
+ flex-direction: column;
1615
+ gap: 12px;
1599
1616
  }
1600
1617
 
1601
1618
  /* css-module:/home/crediblemark/Project/Credibuild/components/Drawer/styles.module.css/#css-module-data */
package/dist/index.d.mts CHANGED
@@ -71,6 +71,42 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
71
71
  value: any;
72
72
  }): react_jsx_runtime.JSX.Element | null;
73
73
 
74
+ type SliderFieldProps = {
75
+ value: string | number;
76
+ onChange: (value: string | number) => void;
77
+ label?: string;
78
+ min?: number;
79
+ max?: number;
80
+ step?: number;
81
+ unit?: string;
82
+ defaultValue?: string | number;
83
+ useUnits?: boolean;
84
+ };
85
+ declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
86
+
87
+ type ResponsiveValue = {
88
+ desktop?: number | string;
89
+ tablet?: number | string;
90
+ mobile?: number | string;
91
+ };
92
+ type ResponsiveSliderFieldProps = {
93
+ value: ResponsiveValue;
94
+ onChange: (value: ResponsiveValue) => void;
95
+ label?: string;
96
+ unit?: string;
97
+ max?: number;
98
+ min?: number;
99
+ step?: number;
100
+ defaultValue?: number | ResponsiveValue;
101
+ };
102
+ declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
103
+
104
+ type ColorPickerFieldProps = {
105
+ value: string;
106
+ onChange: (value: string) => void;
107
+ };
108
+ declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
109
+
74
110
  declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
75
111
  children: ReactNode;
76
112
  href?: string;
@@ -304,4 +340,4 @@ declare const outlinePlugin: () => Plugin;
304
340
 
305
341
  declare const legacySideBarPlugin: () => Plugin;
306
342
 
307
- export { Action, ActionBar, AutoField, Button, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, Separator, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };
343
+ export { Action, ActionBar, AutoField, Button, ColorPickerField, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, ResponsiveSliderField, RichTextMenu, Separator, SliderField, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };
package/dist/index.d.ts CHANGED
@@ -71,6 +71,42 @@ declare function AutoField<ValueType = any, FieldType extends FieldNoLabel<Value
71
71
  value: any;
72
72
  }): react_jsx_runtime.JSX.Element | null;
73
73
 
74
+ type SliderFieldProps = {
75
+ value: string | number;
76
+ onChange: (value: string | number) => void;
77
+ label?: string;
78
+ min?: number;
79
+ max?: number;
80
+ step?: number;
81
+ unit?: string;
82
+ defaultValue?: string | number;
83
+ useUnits?: boolean;
84
+ };
85
+ declare const SliderField: ({ value, onChange, min, max, step, unit, defaultValue, useUnits }: SliderFieldProps) => react_jsx_runtime.JSX.Element;
86
+
87
+ type ResponsiveValue = {
88
+ desktop?: number | string;
89
+ tablet?: number | string;
90
+ mobile?: number | string;
91
+ };
92
+ type ResponsiveSliderFieldProps = {
93
+ value: ResponsiveValue;
94
+ onChange: (value: ResponsiveValue) => void;
95
+ label?: string;
96
+ unit?: string;
97
+ max?: number;
98
+ min?: number;
99
+ step?: number;
100
+ defaultValue?: number | ResponsiveValue;
101
+ };
102
+ declare const ResponsiveSliderField: ({ value, onChange, label, unit, max, min, step, defaultValue }: ResponsiveSliderFieldProps) => react_jsx_runtime.JSX.Element;
103
+
104
+ type ColorPickerFieldProps = {
105
+ value: string;
106
+ onChange: (value: string) => void;
107
+ };
108
+ declare const ColorPickerField: ({ value, onChange }: ColorPickerFieldProps) => react_jsx_runtime.JSX.Element;
109
+
74
110
  declare const Button: ({ children, href, onClick, variant, type, disabled, tabIndex, newTab, fullWidth, icon, size, loading: loadingProp, ...props }: {
75
111
  children: ReactNode;
76
112
  href?: string;
@@ -304,4 +340,4 @@ declare const outlinePlugin: () => Plugin;
304
340
 
305
341
  declare const legacySideBarPlugin: () => Plugin;
306
342
 
307
- export { Action, ActionBar, AutoField, Button, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, RichTextMenu, Separator, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };
343
+ export { Action, ActionBar, AutoField, Button, ColorPickerField, ComponentData, Config, CredBuild, CredBuildAction, type CredBuildApi, Data, Drawer, DropZone, Field, FieldLabel, FieldProps, FieldTransforms, Group, IconButton, IframeConfig, InitialHistory, Label, Metadata, OnAction, Overrides, Permissions, Plugin, Render, ResolveDataTrigger, ResponsiveSliderField, RichTextMenu, Separator, SliderField, UiState, type UseCredBuildData, UserGenerics, Viewports, blocksPlugin, createUseCredBuild, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, setDeep, useCredBuild, useGetCredBuild };