@driveflux/beam 1.9.15 → 1.9.16
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/dist/accordion/Accordion.js.map +1 -1
- package/dist/box/Box.d.ts +1 -1
- package/dist/box/Box.d.ts.map +1 -1
- package/dist/button/Button.d.ts +1 -1
- package/dist/button/Button.js.map +1 -1
- package/dist/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/datepicker/DatePicker.js +114 -19
- package/dist/datepicker/DatePicker.js.map +1 -1
- package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
- package/dist/datepicker/DatePickerDrawer.js +92 -7
- package/dist/datepicker/DatePickerDrawer.js.map +1 -1
- package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
- package/dist/datepicker/DatePickerPopover.js +191 -28
- package/dist/datepicker/DatePickerPopover.js.map +1 -1
- package/dist/datepicker/constants.js +3 -4
- package/dist/datepicker/utils.js +4 -11
- package/dist/drawer/index.js +157 -12
- package/dist/drawer/index.js.map +1 -1
- package/dist/hooks/use-breakpoint-value.js.map +1 -1
- package/dist/icons/IconArrow.js +78 -6
- package/dist/icons/IconCalendar.d.ts.map +1 -1
- package/dist/icons/IconCalendar.js +72 -4
- package/dist/icons/IconCalendar.js.map +1 -1
- package/dist/icons/IconCircleCheckmark.js +77 -5
- package/dist/icons/IconCircleCheckmark.js.map +1 -1
- package/dist/input-select/InputSelect.d.ts.map +1 -1
- package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
- package/dist/select/Select.d.ts.map +1 -1
- package/dist/select/Select.js +300 -30
- package/dist/select/Select.js.map +1 -1
- package/dist/select/Select.stories.d.ts.map +1 -1
- package/dist/styles.css +58 -0
- package/dist/text/Text.js +88 -6
- package/dist/text/Text.js.map +1 -1
- package/dist/toggle/Toggle.js +116 -7
- package/dist/toggle/Toggle.stories.js +10 -8
- package/package.json +1 -1
- package/dist/icons/IconAcceleration.d.ts +0 -8
- package/dist/icons/IconAcceleration.d.ts.map +0 -1
- package/dist/icons/IconAcceleration.js +0 -76
- package/dist/icons/IconAcceleration.js.map +0 -1
- package/dist/icons/IconDeliver.d.ts +0 -8
- package/dist/icons/IconDeliver.d.ts.map +0 -1
- package/dist/icons/IconDeliver.js +0 -76
- package/dist/icons/IconDeliver.js.map +0 -1
- package/dist/icons/IconEVCharging.d.ts +0 -8
- package/dist/icons/IconEVCharging.d.ts.map +0 -1
- package/dist/icons/IconEVCharging.js +0 -82
- package/dist/icons/IconEVCharging.js.map +0 -1
package/dist/styles.css
CHANGED
|
@@ -184,6 +184,7 @@
|
|
|
184
184
|
display: flex;
|
|
185
185
|
flex-direction: column;
|
|
186
186
|
row-gap: 8px;
|
|
187
|
+
width: 100%;
|
|
187
188
|
border: none;
|
|
188
189
|
}
|
|
189
190
|
|
|
@@ -1039,6 +1040,10 @@ video {
|
|
|
1039
1040
|
display: block;
|
|
1040
1041
|
}
|
|
1041
1042
|
|
|
1043
|
+
.inline-block {
|
|
1044
|
+
display: inline-block;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1042
1047
|
.flex {
|
|
1043
1048
|
display: flex;
|
|
1044
1049
|
}
|
|
@@ -1104,6 +1109,10 @@ video {
|
|
|
1104
1109
|
height: 1.25rem;
|
|
1105
1110
|
}
|
|
1106
1111
|
|
|
1112
|
+
.h-6 {
|
|
1113
|
+
height: 1.5rem;
|
|
1114
|
+
}
|
|
1115
|
+
|
|
1107
1116
|
.h-64 {
|
|
1108
1117
|
height: 16rem;
|
|
1109
1118
|
}
|
|
@@ -1176,6 +1185,10 @@ video {
|
|
|
1176
1185
|
width: 1rem;
|
|
1177
1186
|
}
|
|
1178
1187
|
|
|
1188
|
+
.w-5 {
|
|
1189
|
+
width: 1.25rem;
|
|
1190
|
+
}
|
|
1191
|
+
|
|
1179
1192
|
.w-56 {
|
|
1180
1193
|
width: 14rem;
|
|
1181
1194
|
}
|
|
@@ -1204,10 +1217,19 @@ video {
|
|
|
1204
1217
|
width: 44px;
|
|
1205
1218
|
}
|
|
1206
1219
|
|
|
1220
|
+
.w-\[46px\] {
|
|
1221
|
+
width: 46px;
|
|
1222
|
+
}
|
|
1223
|
+
|
|
1207
1224
|
.w-full {
|
|
1208
1225
|
width: 100%;
|
|
1209
1226
|
}
|
|
1210
1227
|
|
|
1228
|
+
.w-max {
|
|
1229
|
+
width: -moz-max-content;
|
|
1230
|
+
width: max-content;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1211
1233
|
.min-w-0 {
|
|
1212
1234
|
min-width: 0px;
|
|
1213
1235
|
}
|
|
@@ -1270,11 +1292,21 @@ video {
|
|
|
1270
1292
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1271
1293
|
}
|
|
1272
1294
|
|
|
1295
|
+
.translate-x-6 {
|
|
1296
|
+
--tw-translate-x: 1.5rem;
|
|
1297
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1273
1300
|
.translate-x-\[-50\%\] {
|
|
1274
1301
|
--tw-translate-x: -50%;
|
|
1275
1302
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1276
1303
|
}
|
|
1277
1304
|
|
|
1305
|
+
.translate-x-\[2px\] {
|
|
1306
|
+
--tw-translate-x: 2px;
|
|
1307
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1278
1310
|
.translate-y-\[-50\%\] {
|
|
1279
1311
|
--tw-translate-y: -50%;
|
|
1280
1312
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -1333,6 +1365,10 @@ video {
|
|
|
1333
1365
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
1334
1366
|
}
|
|
1335
1367
|
|
|
1368
|
+
.flex-row {
|
|
1369
|
+
flex-direction: row;
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1336
1372
|
.flex-col {
|
|
1337
1373
|
flex-direction: column;
|
|
1338
1374
|
}
|
|
@@ -1349,6 +1385,10 @@ video {
|
|
|
1349
1385
|
align-items: center;
|
|
1350
1386
|
}
|
|
1351
1387
|
|
|
1388
|
+
.justify-start {
|
|
1389
|
+
justify-content: flex-start;
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1352
1392
|
.justify-center {
|
|
1353
1393
|
justify-content: center;
|
|
1354
1394
|
}
|
|
@@ -1815,6 +1855,11 @@ video {
|
|
|
1815
1855
|
padding-right: 1rem;
|
|
1816
1856
|
}
|
|
1817
1857
|
|
|
1858
|
+
.px-6 {
|
|
1859
|
+
padding-left: 1.5rem;
|
|
1860
|
+
padding-right: 1.5rem;
|
|
1861
|
+
}
|
|
1862
|
+
|
|
1818
1863
|
.px-\[16px\] {
|
|
1819
1864
|
padding-left: 16px;
|
|
1820
1865
|
padding-right: 16px;
|
|
@@ -2629,6 +2674,11 @@ li::marker {
|
|
|
2629
2674
|
background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
|
|
2630
2675
|
}
|
|
2631
2676
|
|
|
2677
|
+
.hover\:bg-primary2:hover {
|
|
2678
|
+
--tw-bg-opacity: 1;
|
|
2679
|
+
background-color: rgb(202 202 202 / var(--tw-bg-opacity, 1));
|
|
2680
|
+
}
|
|
2681
|
+
|
|
2632
2682
|
.hover\:bg-primary4:hover {
|
|
2633
2683
|
--tw-bg-opacity: 1;
|
|
2634
2684
|
background-color: rgb(25 25 25 / var(--tw-bg-opacity, 1));
|
|
@@ -3132,6 +3182,14 @@ li::marker {
|
|
|
3132
3182
|
.lg\:h-11 {
|
|
3133
3183
|
height: 2.75rem;
|
|
3134
3184
|
}
|
|
3185
|
+
|
|
3186
|
+
.lg\:h-6 {
|
|
3187
|
+
height: 1.5rem;
|
|
3188
|
+
}
|
|
3189
|
+
|
|
3190
|
+
.lg\:w-6 {
|
|
3191
|
+
width: 1.5rem;
|
|
3192
|
+
}
|
|
3135
3193
|
}
|
|
3136
3194
|
|
|
3137
3195
|
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
package/dist/text/Text.js
CHANGED
|
@@ -1,12 +1,94 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
|
30
|
+
var keys = Object.keys(object);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
if (enumerableOnly) {
|
|
34
|
+
symbols = symbols.filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
keys.push.apply(keys, symbols);
|
|
39
|
+
}
|
|
40
|
+
return keys;
|
|
41
|
+
}
|
|
42
|
+
function _object_spread_props(target, source) {
|
|
43
|
+
source = source != null ? source : {};
|
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
+
} else {
|
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
}
|
|
53
|
+
function _object_without_properties(source, excluded) {
|
|
54
|
+
if (source == null) return {};
|
|
55
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
56
|
+
var key, i;
|
|
57
|
+
if (Object.getOwnPropertySymbols) {
|
|
58
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
59
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
60
|
+
key = sourceSymbolKeys[i];
|
|
61
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
62
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
63
|
+
target[key] = source[key];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return target;
|
|
67
|
+
}
|
|
68
|
+
function _object_without_properties_loose(source, excluded) {
|
|
69
|
+
if (source == null) return {};
|
|
70
|
+
var target = {};
|
|
71
|
+
var sourceKeys = Object.keys(source);
|
|
72
|
+
var key, i;
|
|
73
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
74
|
+
key = sourceKeys[i];
|
|
75
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
return target;
|
|
79
|
+
}
|
|
1
80
|
import * as React from 'react';
|
|
2
81
|
import { cn } from '../utils';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
82
|
+
var Text = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
83
|
+
var _param_as = _param.as, as = _param_as === void 0 ? 'p' : _param_as, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
84
|
+
"as",
|
|
85
|
+
"className",
|
|
86
|
+
"children"
|
|
87
|
+
]);
|
|
88
|
+
return /*#__PURE__*/ React.createElement(as, _object_spread_props(_object_spread({}, props), {
|
|
6
89
|
className: cn('text-base leading-[19.6px]', as === 'h3' && 'text-xl tracking-wide', as === 'h2' && 'text-2xl tracking-wider', className),
|
|
7
|
-
ref
|
|
8
|
-
}, children);
|
|
90
|
+
ref: ref
|
|
91
|
+
}), children);
|
|
9
92
|
});
|
|
10
93
|
Text.displayName = 'Text';
|
|
11
94
|
export default Text;
|
|
12
|
-
//# sourceMappingURL=Text.js.map
|
package/dist/text/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAS7B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpD,OAAO,KAAK,CAAC,aAAa,CACzB,EAAE,EACF;QACC,GAAG,KAAK;QACR,SAAS,EAAE,EAAE,CACZ,4BAA4B,EAC5B,EAAE,KAAK,IAAI,IAAI,uBAAuB,EACtC,EAAE,KAAK,IAAI,IAAI,yBAAyB,EACxC,SAAS,CACT;QACD,GAAG;KACH,EACD,QAAQ,CACR,CAAA;AACF,CAAC,CACD,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
package/dist/toggle/Toggle.js
CHANGED
|
@@ -1,22 +1,131 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
function _define_property(obj, key, value) {
|
|
3
|
+
if (key in obj) {
|
|
4
|
+
Object.defineProperty(obj, key, {
|
|
5
|
+
value: value,
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true
|
|
9
|
+
});
|
|
10
|
+
} else {
|
|
11
|
+
obj[key] = value;
|
|
12
|
+
}
|
|
13
|
+
return obj;
|
|
14
|
+
}
|
|
15
|
+
function _object_spread(target) {
|
|
16
|
+
for(var i = 1; i < arguments.length; i++){
|
|
17
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
18
|
+
var ownKeys = Object.keys(source);
|
|
19
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
20
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
ownKeys.forEach(function(key) {
|
|
25
|
+
_define_property(target, key, source[key]);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
}
|
|
30
|
+
function ownKeys(object, enumerableOnly) {
|
|
31
|
+
var keys = Object.keys(object);
|
|
32
|
+
if (Object.getOwnPropertySymbols) {
|
|
33
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
if (enumerableOnly) {
|
|
35
|
+
symbols = symbols.filter(function(sym) {
|
|
36
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
keys.push.apply(keys, symbols);
|
|
40
|
+
}
|
|
41
|
+
return keys;
|
|
42
|
+
}
|
|
43
|
+
function _object_spread_props(target, source) {
|
|
44
|
+
source = source != null ? source : {};
|
|
45
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
46
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
47
|
+
} else {
|
|
48
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
49
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function _object_without_properties(source, excluded) {
|
|
55
|
+
if (source == null) return {};
|
|
56
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
57
|
+
var key, i;
|
|
58
|
+
if (Object.getOwnPropertySymbols) {
|
|
59
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
60
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
61
|
+
key = sourceSymbolKeys[i];
|
|
62
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
63
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
64
|
+
target[key] = source[key];
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return target;
|
|
68
|
+
}
|
|
69
|
+
function _object_without_properties_loose(source, excluded) {
|
|
70
|
+
if (source == null) return {};
|
|
71
|
+
var target = {};
|
|
72
|
+
var sourceKeys = Object.keys(source);
|
|
73
|
+
var key, i;
|
|
74
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
75
|
+
key = sourceKeys[i];
|
|
76
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
77
|
+
target[key] = source[key];
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
2
81
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
82
|
import Button from '@driveflux/beam/button';
|
|
4
83
|
import { cn } from '@driveflux/beam/utils';
|
|
5
84
|
import * as React from 'react';
|
|
6
|
-
|
|
7
|
-
|
|
85
|
+
var ToggleRoot = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
|
|
86
|
+
var className = _param.className, _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, onCheckedChange = _param.onCheckedChange, disabled = _param.disabled, props = _object_without_properties(_param, [
|
|
87
|
+
"className",
|
|
88
|
+
"checked",
|
|
89
|
+
"onCheckedChange",
|
|
90
|
+
"disabled"
|
|
91
|
+
]);
|
|
92
|
+
var handleClick = function() {
|
|
8
93
|
if (!disabled && onCheckedChange) {
|
|
9
94
|
onCheckedChange(!checked);
|
|
10
95
|
}
|
|
11
96
|
};
|
|
12
|
-
return
|
|
97
|
+
return /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
|
|
98
|
+
ref: ref,
|
|
99
|
+
onClick: handleClick,
|
|
100
|
+
isDisabled: disabled,
|
|
101
|
+
role: "switch",
|
|
102
|
+
"aria-checked": checked,
|
|
103
|
+
className: cn('relative h-6 w-[46px] rounded-full p-0 min-w-0 block items-start justify-start bg-primary2', checked ? 'bg-black hover:bg-black' : 'bg-primary2 hover:bg-primary2', className)
|
|
104
|
+
}, props), {
|
|
105
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
106
|
+
className: cn('inline-block h-5 w-5 transform rounded-full bg-white transition-transform duration-300', checked ? 'translate-x-6' : 'translate-x-[2px]')
|
|
107
|
+
})
|
|
108
|
+
}));
|
|
13
109
|
});
|
|
14
110
|
ToggleRoot.displayName = 'ToggleRoot';
|
|
15
|
-
|
|
111
|
+
var Toggle = function(_param) {
|
|
112
|
+
var children = _param.children, htmlFor = _param.htmlFor, props = _object_without_properties(_param, [
|
|
113
|
+
"children",
|
|
114
|
+
"htmlFor"
|
|
115
|
+
]);
|
|
16
116
|
if (children && htmlFor) {
|
|
17
|
-
return
|
|
117
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
118
|
+
className: "flex items-center gap-2",
|
|
119
|
+
children: [
|
|
120
|
+
/*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props)),
|
|
121
|
+
/*#__PURE__*/ _jsx("label", {
|
|
122
|
+
htmlFor: htmlFor,
|
|
123
|
+
className: "flex-1",
|
|
124
|
+
children: children
|
|
125
|
+
})
|
|
126
|
+
]
|
|
127
|
+
});
|
|
18
128
|
}
|
|
19
|
-
return _jsx(ToggleRoot, {
|
|
129
|
+
return /*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props));
|
|
20
130
|
};
|
|
21
131
|
export default Toggle;
|
|
22
|
-
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import Toggle from './Toggle';
|
|
3
|
-
|
|
3
|
+
var meta = {
|
|
4
4
|
component: Toggle,
|
|
5
5
|
args: {
|
|
6
|
-
htmlFor: ''
|
|
7
|
-
}
|
|
6
|
+
htmlFor: ''
|
|
7
|
+
}
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
10
|
-
export
|
|
11
|
-
render: ()
|
|
12
|
-
return _jsx(Toggle, {
|
|
13
|
-
|
|
10
|
+
export var FirstStory = {
|
|
11
|
+
render: function() {
|
|
12
|
+
return /*#__PURE__*/ _jsx(Toggle, {
|
|
13
|
+
htmlFor: "tnc",
|
|
14
|
+
children: "I accept the terms and conditions."
|
|
15
|
+
});
|
|
16
|
+
}
|
|
14
17
|
};
|
|
15
|
-
//# sourceMappingURL=Toggle.stories.js.map
|
package/package.json
CHANGED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import { type IconProps } from './Icon';
|
|
3
|
-
declare const variants: {
|
|
4
|
-
outline: import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
};
|
|
6
|
-
declare const IconAcceleration: FC<IconProps<typeof variants>>;
|
|
7
|
-
export default IconAcceleration;
|
|
8
|
-
//# sourceMappingURL=IconAcceleration.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconAcceleration.d.ts","sourceRoot":"","sources":["../../src/icons/IconAcceleration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;CASb,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAIkB,CAAA;AAEvE,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function _object_without_properties(source, excluded) {
|
|
30
|
-
if (source == null) return {};
|
|
31
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
-
var key, i;
|
|
33
|
-
if (Object.getOwnPropertySymbols) {
|
|
34
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
-
key = sourceSymbolKeys[i];
|
|
37
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
-
target[key] = source[key];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return target;
|
|
43
|
-
}
|
|
44
|
-
function _object_without_properties_loose(source, excluded) {
|
|
45
|
-
if (source == null) return {};
|
|
46
|
-
var target = {};
|
|
47
|
-
var sourceKeys = Object.keys(source);
|
|
48
|
-
var key, i;
|
|
49
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
-
key = sourceKeys[i];
|
|
51
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
-
target[key] = source[key];
|
|
53
|
-
}
|
|
54
|
-
return target;
|
|
55
|
-
}
|
|
56
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
57
|
-
import { Icon } from './Icon';
|
|
58
|
-
var variants = {
|
|
59
|
-
outline: /*#__PURE__*/ _jsx(_Fragment, {
|
|
60
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
61
|
-
d: "M12 4.5C7.03711 4.5 3 8.53711 3 13.5C3 15.6709 3.77637 17.6631 5.0625 19.2188L5.27344 19.5H18.7266L18.9375 19.2188C20.2236 17.6631 21 15.6709 21 13.5C21 8.53711 16.9629 4.5 12 4.5ZM12 6C16.1514 6 19.5 9.34863 19.5 13.5C19.5 15.1992 18.9053 16.7432 17.9531 18H6.04688C5.09473 16.7432 4.5 15.1992 4.5 13.5C4.5 9.34863 7.84863 6 12 6ZM12 6.75C11.5869 6.75 11.25 7.08691 11.25 7.5C11.25 7.91309 11.5869 8.25 12 8.25C12.4131 8.25 12.75 7.91309 12.75 7.5C12.75 7.08691 12.4131 6.75 12 6.75ZM9 7.54688C8.58691 7.54688 8.25 7.88379 8.25 8.29688C8.25 8.70996 8.58691 9.04688 9 9.04688C9.41309 9.04688 9.75 8.70996 9.75 8.29688C9.75 7.88379 9.41309 7.54688 9 7.54688ZM15 7.54688C14.5869 7.54688 14.25 7.88379 14.25 8.29688C14.25 8.70996 14.5869 9.04688 15 9.04688C15.4131 9.04688 15.75 8.70996 15.75 8.29688C15.75 7.88379 15.4131 7.54688 15 7.54688ZM6.79688 9.75C6.38379 9.75 6.04688 10.0869 6.04688 10.5C6.04688 10.9131 6.38379 11.25 6.79688 11.25C7.20996 11.25 7.54688 10.9131 7.54688 10.5C7.54688 10.0869 7.20996 9.75 6.79688 9.75ZM16.9922 9.77344L12.75 12.2109C12.5303 12.082 12.2725 12 12 12C11.1709 12 10.5 12.6709 10.5 13.5C10.5 14.3291 11.1709 15 12 15C12.8203 15 13.4883 14.3408 13.5 13.5234C13.5 13.5146 13.5 13.5088 13.5 13.5L17.7422 11.0859L16.9922 9.77344ZM6 12.75C5.58691 12.75 5.25 13.0869 5.25 13.5C5.25 13.9131 5.58691 14.25 6 14.25C6.41309 14.25 6.75 13.9131 6.75 13.5C6.75 13.0869 6.41309 12.75 6 12.75ZM18 12.75C17.5869 12.75 17.25 13.0869 17.25 13.5C17.25 13.9131 17.5869 14.25 18 14.25C18.4131 14.25 18.75 13.9131 18.75 13.5C18.75 13.0869 18.4131 12.75 18 12.75ZM6.79688 15.75C6.38379 15.75 6.04688 16.0869 6.04688 16.5C6.04688 16.9131 6.38379 17.25 6.79688 17.25C7.20996 17.25 7.54688 16.9131 7.54688 16.5C7.54688 16.0869 7.20996 15.75 6.79688 15.75ZM17.2031 15.75C16.79 15.75 16.4531 16.0869 16.4531 16.5C16.4531 16.9131 16.79 17.25 17.2031 17.25C17.6162 17.25 17.9531 16.9131 17.9531 16.5C17.9531 16.0869 17.6162 15.75 17.2031 15.75Z",
|
|
62
|
-
fill: "currentColor"
|
|
63
|
-
})
|
|
64
|
-
})
|
|
65
|
-
};
|
|
66
|
-
var IconAcceleration = function(_param) {
|
|
67
|
-
var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 24 24' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'outline' : _param_variant, props = _object_without_properties(_param, [
|
|
68
|
-
"viewBox",
|
|
69
|
-
"variant"
|
|
70
|
-
]);
|
|
71
|
-
return /*#__PURE__*/ _jsx(Icon, _object_spread({
|
|
72
|
-
viewBox: viewBox,
|
|
73
|
-
element: variants[variant]
|
|
74
|
-
}, props));
|
|
75
|
-
};
|
|
76
|
-
export default IconAcceleration;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconAcceleration.js","sourceRoot":"","sources":["../../src/icons/IconAcceleration.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,MAAM,QAAQ,GAAG;IAChB,OAAO,EAAE,CACR,4BACC,eACC,CAAC,EAAC,85DAA85D,EACh6D,IAAI,EAAC,cAAc,GAClB,GACA,CACH;CACD,CAAA;AAED,MAAM,gBAAgB,GAAmC,CAAC,EACzD,OAAO,GAAG,WAAW,EACrB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACR,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,CAAA;AAEvE,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import { type IconProps } from './Icon';
|
|
3
|
-
export declare const variants: {
|
|
4
|
-
default: import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
};
|
|
6
|
-
declare const IconDeliver: FC<IconProps<typeof variants>>;
|
|
7
|
-
export default IconDeliver;
|
|
8
|
-
//# sourceMappingURL=IconDeliver.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconDeliver.d.ts","sourceRoot":"","sources":["../../src/icons/IconDeliver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,eAAO,MAAM,QAAQ;;CASpB,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAIuB,CAAA;AAEvE,eAAe,WAAW,CAAA"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
function _define_property(obj, key, value) {
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for(var i = 1; i < arguments.length; i++){
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
-
var ownKeys = Object.keys(source);
|
|
18
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
ownKeys.forEach(function(key) {
|
|
24
|
-
_define_property(target, key, source[key]);
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
}
|
|
29
|
-
function _object_without_properties(source, excluded) {
|
|
30
|
-
if (source == null) return {};
|
|
31
|
-
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
-
var key, i;
|
|
33
|
-
if (Object.getOwnPropertySymbols) {
|
|
34
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
-
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
-
key = sourceSymbolKeys[i];
|
|
37
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
-
target[key] = source[key];
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return target;
|
|
43
|
-
}
|
|
44
|
-
function _object_without_properties_loose(source, excluded) {
|
|
45
|
-
if (source == null) return {};
|
|
46
|
-
var target = {};
|
|
47
|
-
var sourceKeys = Object.keys(source);
|
|
48
|
-
var key, i;
|
|
49
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
-
key = sourceKeys[i];
|
|
51
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
-
target[key] = source[key];
|
|
53
|
-
}
|
|
54
|
-
return target;
|
|
55
|
-
}
|
|
56
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
57
|
-
import { Icon } from './Icon';
|
|
58
|
-
export var variants = {
|
|
59
|
-
default: /*#__PURE__*/ _jsx(_Fragment, {
|
|
60
|
-
children: /*#__PURE__*/ _jsx("path", {
|
|
61
|
-
d: "M16 3C8.83248 3 3 8.83248 3 16C3 23.1675 8.83248 29 16 29C20.6301 29 24.6971 26.568 27 22.9121V26H29V19H22V21H25.793C23.9733 24.5574 20.2808 27 16 27C9.91352 27 5 22.0865 5 16C5 9.91352 9.91352 5 16 5C22.0865 5 27 9.91352 27 16H29C29 8.83248 23.1675 3 16 3ZM15 8V17H21V15H17V8H15Z",
|
|
62
|
-
fill: "currentColor"
|
|
63
|
-
})
|
|
64
|
-
})
|
|
65
|
-
};
|
|
66
|
-
var IconDeliver = function(_param) {
|
|
67
|
-
var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 32 32' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
|
|
68
|
-
"viewBox",
|
|
69
|
-
"variant"
|
|
70
|
-
]);
|
|
71
|
-
return /*#__PURE__*/ _jsx(Icon, _object_spread({
|
|
72
|
-
viewBox: viewBox,
|
|
73
|
-
element: variants[variant]
|
|
74
|
-
}, props));
|
|
75
|
-
};
|
|
76
|
-
export default IconDeliver;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconDeliver.js","sourceRoot":"","sources":["../../src/icons/IconDeliver.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACvB,OAAO,EAAE,CACR,4BACC,eACC,CAAC,EAAC,0RAA0R,EAC5R,IAAI,EAAC,cAAc,GAClB,GACA,CACH;CACD,CAAA;AAED,MAAM,WAAW,GAAmC,CAAC,EACpD,OAAO,GAAG,WAAW,EACrB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACR,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,CAAA;AAEvE,eAAe,WAAW,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import { type IconProps } from './Icon';
|
|
3
|
-
declare const variants: {
|
|
4
|
-
outline: import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
};
|
|
6
|
-
declare const IconEVCharging: FC<IconProps<typeof variants>>;
|
|
7
|
-
export default IconEVCharging;
|
|
8
|
-
//# sourceMappingURL=IconEVCharging.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconEVCharging.d.ts","sourceRoot":"","sources":["../../src/icons/IconEVCharging.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;CAab,CAAA;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAIoB,CAAA;AAEvE,eAAe,cAAc,CAAA"}
|