@veracity/vui 2.18.2 → 2.19.0
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/cjs/button/button.d.ts.map +1 -1
- package/dist/cjs/button/button.js +3 -2
- package/dist/cjs/button/button.js.map +1 -1
- package/dist/cjs/checkbox/checkbox.js +3 -3
- package/dist/cjs/checkbox/checkbox.js.map +1 -1
- package/dist/cjs/checkbox/consts.d.ts +4 -3
- package/dist/cjs/checkbox/consts.d.ts.map +1 -1
- package/dist/cjs/checkbox/consts.js +4 -3
- package/dist/cjs/checkbox/consts.js.map +1 -1
- package/dist/cjs/checkbox/theme.d.ts +2 -2
- package/dist/cjs/input/consts.d.ts +27 -21
- package/dist/cjs/input/consts.d.ts.map +1 -1
- package/dist/cjs/input/consts.js +8 -2
- package/dist/cjs/input/consts.js.map +1 -1
- package/dist/cjs/input/helpText.d.ts +1 -1
- package/dist/cjs/input/helpText.d.ts.map +1 -1
- package/dist/cjs/input/helpText.js +2 -2
- package/dist/cjs/input/helpText.js.map +1 -1
- package/dist/cjs/input/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +3 -2
- package/dist/cjs/input/input.js.map +1 -1
- package/dist/cjs/input/input.types.d.ts +5 -3
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/input/inputInput.js +3 -2
- package/dist/cjs/input/inputInput.js.map +1 -1
- package/dist/cjs/input/theme.d.ts +8 -8
- package/dist/cjs/input/theme.js +1 -1
- package/dist/cjs/link/theme.d.ts +3 -7
- package/dist/cjs/link/theme.d.ts.map +1 -1
- package/dist/cjs/link/theme.js +5 -9
- package/dist/cjs/link/theme.js.map +1 -1
- package/dist/cjs/list/list.d.ts.map +1 -1
- package/dist/cjs/list/list.js +63 -2
- package/dist/cjs/list/list.js.map +1 -1
- package/dist/cjs/menu/menuItem.d.ts.map +1 -1
- package/dist/cjs/menu/menuItem.js +1 -1
- package/dist/cjs/menu/menuItem.js.map +1 -1
- package/dist/cjs/menu/menuList.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.js +1 -1
- package/dist/cjs/menu/menuList.js.map +1 -1
- package/dist/cjs/radio/consts.d.ts +4 -3
- package/dist/cjs/radio/consts.d.ts.map +1 -1
- package/dist/cjs/radio/consts.js +4 -3
- package/dist/cjs/radio/consts.js.map +1 -1
- package/dist/cjs/radio/radio.js +1 -1
- package/dist/cjs/radio/radio.js.map +1 -1
- package/dist/cjs/radio/theme.d.ts +2 -2
- package/dist/cjs/select/selectButton.d.ts.map +1 -1
- package/dist/cjs/select/selectButton.js +14 -5
- package/dist/cjs/select/selectButton.js.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.js +5 -1
- package/dist/cjs/tabs/tabsNavBar.js.map +1 -1
- package/dist/cjs/textarea/textarea.d.ts.map +1 -1
- package/dist/cjs/textarea/textarea.js +8 -5
- package/dist/cjs/textarea/textarea.js.map +1 -1
- package/dist/cjs/textarea/textarea.types.d.ts +6 -0
- package/dist/cjs/textarea/textarea.types.d.ts.map +1 -1
- package/dist/cjs/textarea/theme.d.ts +8 -8
- package/dist/cjs/textarea/theme.js +1 -1
- package/dist/cjs/theme/components.d.ts +23 -27
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +23 -27
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltip.d.ts.map +1 -1
- package/dist/cjs/tooltip/tooltip.js +1 -1
- package/dist/cjs/tooltip/tooltip.js.map +1 -1
- package/dist/esm/button/button.d.ts.map +1 -1
- package/dist/esm/button/button.js +3 -2
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +3 -3
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/consts.d.ts +4 -3
- package/dist/esm/checkbox/consts.d.ts.map +1 -1
- package/dist/esm/checkbox/consts.js +4 -3
- package/dist/esm/checkbox/consts.js.map +1 -1
- package/dist/esm/checkbox/theme.d.ts +2 -2
- package/dist/esm/input/consts.d.ts +27 -21
- package/dist/esm/input/consts.d.ts.map +1 -1
- package/dist/esm/input/consts.js +7 -1
- package/dist/esm/input/consts.js.map +1 -1
- package/dist/esm/input/helpText.d.ts +1 -1
- package/dist/esm/input/helpText.d.ts.map +1 -1
- package/dist/esm/input/helpText.js +2 -2
- package/dist/esm/input/helpText.js.map +1 -1
- package/dist/esm/input/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +4 -3
- package/dist/esm/input/input.js.map +1 -1
- package/dist/esm/input/input.types.d.ts +5 -3
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/input/inputInput.js +3 -2
- package/dist/esm/input/inputInput.js.map +1 -1
- package/dist/esm/input/theme.d.ts +8 -8
- package/dist/esm/input/theme.js +1 -1
- package/dist/esm/link/theme.d.ts +3 -7
- package/dist/esm/link/theme.d.ts.map +1 -1
- package/dist/esm/link/theme.js +5 -9
- package/dist/esm/link/theme.js.map +1 -1
- package/dist/esm/list/list.d.ts.map +1 -1
- package/dist/esm/list/list.js +40 -2
- package/dist/esm/list/list.js.map +1 -1
- package/dist/esm/menu/menuItem.d.ts.map +1 -1
- package/dist/esm/menu/menuItem.js +1 -1
- package/dist/esm/menu/menuItem.js.map +1 -1
- package/dist/esm/menu/menuList.d.ts.map +1 -1
- package/dist/esm/menu/menuList.js +1 -1
- package/dist/esm/menu/menuList.js.map +1 -1
- package/dist/esm/radio/consts.d.ts +4 -3
- package/dist/esm/radio/consts.d.ts.map +1 -1
- package/dist/esm/radio/consts.js +4 -3
- package/dist/esm/radio/consts.js.map +1 -1
- package/dist/esm/radio/radio.js +1 -1
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/theme.d.ts +2 -2
- package/dist/esm/select/selectButton.d.ts.map +1 -1
- package/dist/esm/select/selectButton.js +14 -5
- package/dist/esm/select/selectButton.js.map +1 -1
- package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/esm/tabs/tabsNavBar.js +4 -1
- package/dist/esm/tabs/tabsNavBar.js.map +1 -1
- package/dist/esm/textarea/textarea.d.ts.map +1 -1
- package/dist/esm/textarea/textarea.js +9 -6
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/textarea/textarea.types.d.ts +6 -0
- package/dist/esm/textarea/textarea.types.d.ts.map +1 -1
- package/dist/esm/textarea/theme.d.ts +8 -8
- package/dist/esm/textarea/theme.js +1 -1
- package/dist/esm/theme/components.d.ts +23 -27
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +23 -27
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltip.d.ts.map +1 -1
- package/dist/esm/tooltip/tooltip.js +1 -1
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/button/button.tsx +11 -6
- package/src/checkbox/checkbox.tsx +3 -3
- package/src/checkbox/consts.ts +5 -4
- package/src/input/consts.ts +12 -5
- package/src/input/helpText.tsx +2 -2
- package/src/input/input.tsx +10 -4
- package/src/input/input.types.ts +5 -4
- package/src/input/inputInput.tsx +2 -2
- package/src/input/theme.ts +1 -1
- package/src/link/theme.ts +5 -9
- package/src/list/list.tsx +43 -3
- package/src/menu/menuItem.tsx +1 -10
- package/src/menu/menuList.tsx +1 -0
- package/src/radio/consts.ts +5 -4
- package/src/radio/radio.tsx +1 -1
- package/src/select/selectButton.tsx +16 -5
- package/src/tabs/tabsNavBar.tsx +4 -1
- package/src/textarea/textarea.tsx +17 -5
- package/src/textarea/textarea.types.ts +6 -0
- package/src/textarea/theme.ts +1 -1
- package/src/tooltip/tooltip.tsx +27 -25
|
@@ -729,8 +729,8 @@ declare const _default: {
|
|
|
729
729
|
Checkbox: {
|
|
730
730
|
baseStyle: {
|
|
731
731
|
control: {
|
|
732
|
-
color:
|
|
733
|
-
hoverColor:
|
|
732
|
+
color: "sandstone.60";
|
|
733
|
+
hoverColor: "sandstone.60";
|
|
734
734
|
};
|
|
735
735
|
};
|
|
736
736
|
defaultProps: {
|
|
@@ -1166,10 +1166,10 @@ declare const _default: {
|
|
|
1166
1166
|
baseStyle: {
|
|
1167
1167
|
container: {
|
|
1168
1168
|
focusWithinRing: number;
|
|
1169
|
-
color:
|
|
1169
|
+
color: "sandstone.10";
|
|
1170
1170
|
};
|
|
1171
1171
|
input: {
|
|
1172
|
-
placeholderTextColor:
|
|
1172
|
+
placeholderTextColor: "sandstone.55";
|
|
1173
1173
|
};
|
|
1174
1174
|
};
|
|
1175
1175
|
defaultProps: {
|
|
@@ -1222,20 +1222,20 @@ declare const _default: {
|
|
|
1222
1222
|
variants: {
|
|
1223
1223
|
grey: {
|
|
1224
1224
|
container: {
|
|
1225
|
-
borderColor:
|
|
1226
|
-
focusWithinRingColor:
|
|
1225
|
+
borderColor: "sandstone.60";
|
|
1226
|
+
focusWithinRingColor: "focusColor";
|
|
1227
1227
|
};
|
|
1228
1228
|
};
|
|
1229
1229
|
green: {
|
|
1230
1230
|
container: {
|
|
1231
|
-
borderColor:
|
|
1232
|
-
focusWithinRingColor:
|
|
1231
|
+
borderColor: "landGreen.35";
|
|
1232
|
+
focusWithinRingColor: "landGreen.35";
|
|
1233
1233
|
};
|
|
1234
1234
|
};
|
|
1235
1235
|
red: {
|
|
1236
1236
|
container: {
|
|
1237
|
-
borderColor:
|
|
1238
|
-
focusWithinRingColor:
|
|
1237
|
+
borderColor: "energyRed.45";
|
|
1238
|
+
focusWithinRingColor: "energyRed.45";
|
|
1239
1239
|
};
|
|
1240
1240
|
};
|
|
1241
1241
|
};
|
|
@@ -1245,9 +1245,11 @@ declare const _default: {
|
|
|
1245
1245
|
container: {
|
|
1246
1246
|
dislplay: string;
|
|
1247
1247
|
};
|
|
1248
|
+
icon: {
|
|
1249
|
+
size: string;
|
|
1250
|
+
};
|
|
1248
1251
|
};
|
|
1249
1252
|
defaultProps: {
|
|
1250
|
-
size: string;
|
|
1251
1253
|
variant: string;
|
|
1252
1254
|
};
|
|
1253
1255
|
parts: string[];
|
|
@@ -1257,18 +1259,12 @@ declare const _default: {
|
|
|
1257
1259
|
fontSize: string;
|
|
1258
1260
|
lineHeight: string;
|
|
1259
1261
|
};
|
|
1260
|
-
icon: {
|
|
1261
|
-
size: string;
|
|
1262
|
-
};
|
|
1263
1262
|
};
|
|
1264
1263
|
md: {
|
|
1265
1264
|
container: {
|
|
1266
1265
|
fontSize: string;
|
|
1267
1266
|
lineHeight: string;
|
|
1268
1267
|
};
|
|
1269
|
-
icon: {
|
|
1270
|
-
size: string;
|
|
1271
|
-
};
|
|
1272
1268
|
};
|
|
1273
1269
|
lg: {
|
|
1274
1270
|
container: {
|
|
@@ -1801,8 +1797,8 @@ declare const _default: {
|
|
|
1801
1797
|
Radio: {
|
|
1802
1798
|
baseStyle: {
|
|
1803
1799
|
control: {
|
|
1804
|
-
color:
|
|
1805
|
-
hoverColor:
|
|
1800
|
+
color: "sandstone.60";
|
|
1801
|
+
hoverColor: "sandstone.60";
|
|
1806
1802
|
};
|
|
1807
1803
|
};
|
|
1808
1804
|
defaultProps: {
|
|
@@ -2581,11 +2577,11 @@ declare const _default: {
|
|
|
2581
2577
|
baseStyle: {
|
|
2582
2578
|
textarea: {
|
|
2583
2579
|
focusWithinRing: number;
|
|
2584
|
-
color:
|
|
2580
|
+
color: "sandstone.10";
|
|
2585
2581
|
};
|
|
2586
2582
|
input: {
|
|
2587
2583
|
color: {
|
|
2588
|
-
placeholder:
|
|
2584
|
+
placeholder: "sandstone.55";
|
|
2589
2585
|
};
|
|
2590
2586
|
};
|
|
2591
2587
|
};
|
|
@@ -2597,20 +2593,20 @@ declare const _default: {
|
|
|
2597
2593
|
variants: {
|
|
2598
2594
|
grey: {
|
|
2599
2595
|
textarea: {
|
|
2600
|
-
borderColor:
|
|
2601
|
-
focusWithinRingColor:
|
|
2596
|
+
borderColor: "sandstone.60";
|
|
2597
|
+
focusWithinRingColor: "focusColor";
|
|
2602
2598
|
};
|
|
2603
2599
|
};
|
|
2604
2600
|
green: {
|
|
2605
2601
|
textarea: {
|
|
2606
|
-
borderColor:
|
|
2607
|
-
focusWithinRingColor:
|
|
2602
|
+
borderColor: "landGreen.35";
|
|
2603
|
+
focusWithinRingColor: "landGreen.35";
|
|
2608
2604
|
};
|
|
2609
2605
|
};
|
|
2610
2606
|
red: {
|
|
2611
2607
|
textarea: {
|
|
2612
|
-
borderColor:
|
|
2613
|
-
focusWithinRingColor:
|
|
2608
|
+
borderColor: "energyRed.45";
|
|
2609
|
+
focusWithinRingColor: "energyRed.45";
|
|
2614
2610
|
};
|
|
2615
2611
|
};
|
|
2616
2612
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,wBAmDC"}
|
|
@@ -1235,8 +1235,8 @@ declare const defaultTheme: {
|
|
|
1235
1235
|
Checkbox: {
|
|
1236
1236
|
baseStyle: {
|
|
1237
1237
|
control: {
|
|
1238
|
-
color:
|
|
1239
|
-
hoverColor:
|
|
1238
|
+
color: "sandstone.60";
|
|
1239
|
+
hoverColor: "sandstone.60";
|
|
1240
1240
|
};
|
|
1241
1241
|
};
|
|
1242
1242
|
defaultProps: {
|
|
@@ -1672,10 +1672,10 @@ declare const defaultTheme: {
|
|
|
1672
1672
|
baseStyle: {
|
|
1673
1673
|
container: {
|
|
1674
1674
|
focusWithinRing: number;
|
|
1675
|
-
color:
|
|
1675
|
+
color: "sandstone.10";
|
|
1676
1676
|
};
|
|
1677
1677
|
input: {
|
|
1678
|
-
placeholderTextColor:
|
|
1678
|
+
placeholderTextColor: "sandstone.55";
|
|
1679
1679
|
};
|
|
1680
1680
|
};
|
|
1681
1681
|
defaultProps: {
|
|
@@ -1728,20 +1728,20 @@ declare const defaultTheme: {
|
|
|
1728
1728
|
variants: {
|
|
1729
1729
|
grey: {
|
|
1730
1730
|
container: {
|
|
1731
|
-
borderColor:
|
|
1732
|
-
focusWithinRingColor:
|
|
1731
|
+
borderColor: "sandstone.60";
|
|
1732
|
+
focusWithinRingColor: "focusColor";
|
|
1733
1733
|
};
|
|
1734
1734
|
};
|
|
1735
1735
|
green: {
|
|
1736
1736
|
container: {
|
|
1737
|
-
borderColor:
|
|
1738
|
-
focusWithinRingColor:
|
|
1737
|
+
borderColor: "landGreen.35";
|
|
1738
|
+
focusWithinRingColor: "landGreen.35";
|
|
1739
1739
|
};
|
|
1740
1740
|
};
|
|
1741
1741
|
red: {
|
|
1742
1742
|
container: {
|
|
1743
|
-
borderColor:
|
|
1744
|
-
focusWithinRingColor:
|
|
1743
|
+
borderColor: "energyRed.45";
|
|
1744
|
+
focusWithinRingColor: "energyRed.45";
|
|
1745
1745
|
};
|
|
1746
1746
|
};
|
|
1747
1747
|
};
|
|
@@ -1751,9 +1751,11 @@ declare const defaultTheme: {
|
|
|
1751
1751
|
container: {
|
|
1752
1752
|
dislplay: string;
|
|
1753
1753
|
};
|
|
1754
|
+
icon: {
|
|
1755
|
+
size: string;
|
|
1756
|
+
};
|
|
1754
1757
|
};
|
|
1755
1758
|
defaultProps: {
|
|
1756
|
-
size: string;
|
|
1757
1759
|
variant: string;
|
|
1758
1760
|
};
|
|
1759
1761
|
parts: string[];
|
|
@@ -1763,18 +1765,12 @@ declare const defaultTheme: {
|
|
|
1763
1765
|
fontSize: string;
|
|
1764
1766
|
lineHeight: string;
|
|
1765
1767
|
};
|
|
1766
|
-
icon: {
|
|
1767
|
-
size: string;
|
|
1768
|
-
};
|
|
1769
1768
|
};
|
|
1770
1769
|
md: {
|
|
1771
1770
|
container: {
|
|
1772
1771
|
fontSize: string;
|
|
1773
1772
|
lineHeight: string;
|
|
1774
1773
|
};
|
|
1775
|
-
icon: {
|
|
1776
|
-
size: string;
|
|
1777
|
-
};
|
|
1778
1774
|
};
|
|
1779
1775
|
lg: {
|
|
1780
1776
|
container: {
|
|
@@ -2307,8 +2303,8 @@ declare const defaultTheme: {
|
|
|
2307
2303
|
Radio: {
|
|
2308
2304
|
baseStyle: {
|
|
2309
2305
|
control: {
|
|
2310
|
-
color:
|
|
2311
|
-
hoverColor:
|
|
2306
|
+
color: "sandstone.60";
|
|
2307
|
+
hoverColor: "sandstone.60";
|
|
2312
2308
|
};
|
|
2313
2309
|
};
|
|
2314
2310
|
defaultProps: {
|
|
@@ -3087,11 +3083,11 @@ declare const defaultTheme: {
|
|
|
3087
3083
|
baseStyle: {
|
|
3088
3084
|
textarea: {
|
|
3089
3085
|
focusWithinRing: number;
|
|
3090
|
-
color:
|
|
3086
|
+
color: "sandstone.10";
|
|
3091
3087
|
};
|
|
3092
3088
|
input: {
|
|
3093
3089
|
color: {
|
|
3094
|
-
placeholder:
|
|
3090
|
+
placeholder: "sandstone.55";
|
|
3095
3091
|
};
|
|
3096
3092
|
};
|
|
3097
3093
|
};
|
|
@@ -3103,20 +3099,20 @@ declare const defaultTheme: {
|
|
|
3103
3099
|
variants: {
|
|
3104
3100
|
grey: {
|
|
3105
3101
|
textarea: {
|
|
3106
|
-
borderColor:
|
|
3107
|
-
focusWithinRingColor:
|
|
3102
|
+
borderColor: "sandstone.60";
|
|
3103
|
+
focusWithinRingColor: "focusColor";
|
|
3108
3104
|
};
|
|
3109
3105
|
};
|
|
3110
3106
|
green: {
|
|
3111
3107
|
textarea: {
|
|
3112
|
-
borderColor:
|
|
3113
|
-
focusWithinRingColor:
|
|
3108
|
+
borderColor: "landGreen.35";
|
|
3109
|
+
focusWithinRingColor: "landGreen.35";
|
|
3114
3110
|
};
|
|
3115
3111
|
};
|
|
3116
3112
|
red: {
|
|
3117
3113
|
textarea: {
|
|
3118
|
-
borderColor:
|
|
3119
|
-
focusWithinRingColor:
|
|
3114
|
+
borderColor: "energyRed.45";
|
|
3115
|
+
focusWithinRingColor: "energyRed.45";
|
|
3120
3116
|
};
|
|
3121
3117
|
};
|
|
3122
3118
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C;;;;;KAKK;AACL,eAAO,MAAM,OAAO;YAAW,YAAY;;CA4D1C,CAAA;AAID,eAAe,OAAO,CAAA"}
|
|
@@ -20,7 +20,7 @@ const tooltipContent_1 = require("./tooltipContent");
|
|
|
20
20
|
const Tooltip = (props) => {
|
|
21
21
|
const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top', } = props;
|
|
22
22
|
const isDesktop = (0, core_1.useUp)('md');
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(react_1.default, { content: (0, jsx_runtime_1.jsxs)(tooltipContent_1.TooltipContent, { fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && ((0, jsx_runtime_1.jsx)(box_1.default, { bg: consts_1.bg, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })), (0, jsx_runtime_1.jsxs)(core_1.v.div, { children: [text, !!linkText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({ variant: "white" }, linkProps, { children: linkText }))] }))] })] }), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_1.default, { content: !!text && ((0, jsx_runtime_1.jsxs)(tooltipContent_1.TooltipContent, { fontSize: fontSize, maxWidth: maxWidth, children: [isDesktop && ((0, jsx_runtime_1.jsx)(box_1.default, { bg: consts_1.bg, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })), (0, jsx_runtime_1.jsxs)(core_1.v.div, { children: [text, !!linkText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u00A0", (0, jsx_runtime_1.jsx)(link_1.Link, Object.assign({ variant: "white" }, linkProps, { children: linkText }))] }))] })] })), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
|
|
24
24
|
modifiers: [
|
|
25
25
|
{
|
|
26
26
|
name: 'flip',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAkC;AAGlC,iDAAwB;AACxB,kCAAkC;AAClC,kCAA8B;AAC9B,qCAA4D;AAE5D,qDAAiD;AAEjD;;;;;KAKK;AACE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,IAAA,YAAK,EAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,wBAAC,+BAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACnD,SAAS,IAAI,CACZ,uBAAC,aAAG,IACF,EAAE,EAAE,WAAE,EACN,MAAM,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAC1C,CAAC,EAAE,GAAG,oBAAW,IAAI,EACrB,IAAI,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EACxC,GAAG,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,SAAS,EAAE,aAAa,yBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAC9E,CAAC,EAAE,GAAG,oBAAW,IAAI,GACrB,CACH,EACD,wBAAC,QAAC,CAAC,GAAG,eACH,IAAI,EACJ,CAAC,CAAC,QAAQ,IAAI,CACb,uEAEE,uBAAC,WAAI,kBAAC,OAAO,EAAC,OAAO,IAAK,SAAS,cAChC,QAAQ,IACJ,IACN,CACJ,IACK,IACO,
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAkC;AAGlC,iDAAwB;AACxB,kCAAkC;AAClC,kCAA8B;AAC9B,qCAA4D;AAE5D,qDAAiD;AAEjD;;;;;KAKK;AACE,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,KAAK,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,SAAS,GAAG,IAAA,YAAK,EAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,CAAC,CAAC,IAAI,IAAI,CACR,wBAAC,+BAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACnD,SAAS,IAAI,CACZ,uBAAC,aAAG,IACF,EAAE,EAAE,WAAE,EACN,MAAM,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAC1C,CAAC,EAAE,GAAG,oBAAW,IAAI,EACrB,IAAI,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,EACxC,GAAG,EAAE,yBAAgB,CAAC,SAAS,CAAC,CAAC,GAAG,EACpC,SAAS,EAAE,aAAa,yBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAC9E,CAAC,EAAE,GAAG,oBAAW,IAAI,GACrB,CACH,EACD,wBAAC,QAAC,CAAC,GAAG,eACH,IAAI,EACJ,CAAC,CAAC,QAAQ,IAAI,CACb,uEAEE,uBAAC,WAAI,kBAAC,OAAO,EAAC,OAAO,IAAK,SAAS,cAChC,QAAQ,IACJ,IACN,CACJ,IACK,IACO,CAClB,EAEH,WAAW,QACX,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;YACb,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,KAAK;iBACf;aACF;SACF,YAEA,QAA8E,GACzE,CACT,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,OAAO,WA4DnB;AAED,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,kBAAe,eAAO,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA2IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -41,11 +41,12 @@ export const ButtonBase = styled.buttonBox `
|
|
|
41
41
|
export const Button = vui((props, ref) => {
|
|
42
42
|
const buttonGroupProps = useButtonGroupContext();
|
|
43
43
|
const mergedProps = { ...buttonGroupProps, ...props };
|
|
44
|
-
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
44
|
+
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight: iconRightProp, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
45
45
|
isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp, ...rest } = mergedProps;
|
|
46
46
|
const hasState = Boolean(state) && state !== 'idle';
|
|
47
47
|
const states = { ...buttonStateMapping, ...stateMapping };
|
|
48
48
|
const { iconProps: stateIconProps, ...stateProps } = states[state] ?? {};
|
|
49
|
+
const iconRight = isDropDown ? 'falAngleDown' : iconRightProp;
|
|
49
50
|
const variant = filterUndefined({
|
|
50
51
|
variant: states[state]?.variant ?? variantProp,
|
|
51
52
|
});
|
|
@@ -85,7 +86,7 @@ export const Button = vui((props, ref) => {
|
|
|
85
86
|
pointerEvents: hasState ? 'none' : undefined,
|
|
86
87
|
w: isFullWidth ? '100%' : undefined,
|
|
87
88
|
});
|
|
88
|
-
return (_jsx(ButtonProvider, { value: context, children: _jsxs(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr:
|
|
89
|
+
return (_jsx(ButtonProvider, { value: context, children: _jsxs(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest, children: [hasState && (_jsx(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps, children: _jsx(ButtonIcon, { m: "auto", ...stateIconProps }) })), _jsxs(Content, { children: [isString(icon) ? _jsx(ButtonIcon, { name: icon }) : icon, !icon && (_jsxs(_Fragment, { children: [isLoading ? (_jsx(ButtonIcon, { mr: iconLeftMr, ...loadingIconProps })) : isString(iconLeft) ? (_jsx(ButtonIcon, { mr: iconLeftMr, name: iconLeft })) : (iconLeft), children ?? (isReactText(text) ? _jsx(ButtonText, { isTruncated, text }) : text), isString(iconRight) ? (_jsx(ButtonIcon, { ml: !children && !text ? 0 : iconRightMl, name: iconRight })) : (iconRight)] }))] })] }) }));
|
|
89
90
|
});
|
|
90
91
|
Button.Icon = ButtonIcon;
|
|
91
92
|
Button.Text = ButtonText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEtF,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;CAEjC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAO/B,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAa;;;;;;;;;;;;CAYtD,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,gBAAgB,GAAG,qBAAqB,EAAE,CAAA;IAChD,MAAM,WAAW,GAAG,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE,CAAA;IACrD,MAAM,EACJ,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,cAAc,EAC7B,IAAI,EACJ,QAAQ,EACR,SAAS,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,11 +35,11 @@ export const CheckboxBase = styled.labelBox `
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&[aria-disabled='true'] {
|
|
38
|
-
color: ${checkboxColors.
|
|
38
|
+
color: ${checkboxColors.disabledText};
|
|
39
39
|
cursor: not-allowed;
|
|
40
40
|
|
|
41
41
|
.vui-checkboxControl {
|
|
42
|
-
color: ${checkboxColors.
|
|
42
|
+
color: ${checkboxColors.disabledText};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
`;
|
|
@@ -55,7 +55,7 @@ export const Checkbox = vui((props, ref) => {
|
|
|
55
55
|
const styles = useStyleConfig('Checkbox', mergedProps);
|
|
56
56
|
const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
|
|
57
57
|
const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
|
|
58
|
-
const controlMr = children || label ?
|
|
58
|
+
const controlMr = children || label ? 1 : 0;
|
|
59
59
|
const color = controlColor ? controlColor : checkboxColors.main;
|
|
60
60
|
const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
|
|
61
61
|
const isLongLabel = label && label?.length >= 60;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAe,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;CAMrC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAWjC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAoB;;;;;;aAMlD,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const checkboxColors: {
|
|
2
|
-
main:
|
|
3
|
-
hover:
|
|
4
|
-
disabled:
|
|
2
|
+
readonly main: "sandstone.60";
|
|
3
|
+
readonly hover: "sandstone.60";
|
|
4
|
+
readonly disabled: "sandstone.60";
|
|
5
|
+
readonly disabledText: "sandstone.60";
|
|
5
6
|
};
|
|
6
7
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;CAKjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,YAAY,EAAE,cAAc;CACpB,CAAA"}
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
import { InputStateMapping } from './input.types';
|
|
2
2
|
export declare const inputColors: {
|
|
3
|
-
border:
|
|
4
|
-
placeholder:
|
|
5
|
-
inputText:
|
|
6
|
-
helpText:
|
|
7
|
-
icons:
|
|
8
|
-
disabled:
|
|
9
|
-
focus:
|
|
10
|
-
error:
|
|
11
|
-
loading:
|
|
12
|
-
success:
|
|
3
|
+
readonly border: "sandstone.60";
|
|
4
|
+
readonly placeholder: "sandstone.55";
|
|
5
|
+
readonly inputText: "sandstone.10";
|
|
6
|
+
readonly helpText: "sandstone.30";
|
|
7
|
+
readonly icons: "seaBlue.main";
|
|
8
|
+
readonly disabled: "sandstone.95";
|
|
9
|
+
readonly focus: "focusColor";
|
|
10
|
+
readonly error: "energyRed.45";
|
|
11
|
+
readonly loading: "seaBlue.80";
|
|
12
|
+
readonly success: "landGreen.35";
|
|
13
13
|
};
|
|
14
14
|
export declare const stateIcons: {
|
|
15
|
-
error:
|
|
16
|
-
loading:
|
|
17
|
-
success:
|
|
15
|
+
readonly error: "falExclamationTriangle";
|
|
16
|
+
readonly loading: "fadSpinnerThird";
|
|
17
|
+
readonly success: "falCheck";
|
|
18
18
|
};
|
|
19
19
|
export declare const inputStateMapping: InputStateMapping;
|
|
20
20
|
export declare const displayValueOnlyTextSize: {
|
|
21
|
-
sm:
|
|
22
|
-
md:
|
|
23
|
-
lg:
|
|
24
|
-
xl:
|
|
21
|
+
readonly sm: "xs";
|
|
22
|
+
readonly md: "sm";
|
|
23
|
+
readonly lg: "md";
|
|
24
|
+
readonly xl: "lg";
|
|
25
25
|
};
|
|
26
26
|
export declare const clearIconSize: {
|
|
27
|
-
sm:
|
|
28
|
-
md:
|
|
29
|
-
lg:
|
|
30
|
-
xl:
|
|
27
|
+
readonly sm: "sm";
|
|
28
|
+
readonly md: "sm";
|
|
29
|
+
readonly lg: "sm";
|
|
30
|
+
readonly xl: "md";
|
|
31
|
+
};
|
|
32
|
+
export declare const helpTextSize: {
|
|
33
|
+
readonly sm: "sm";
|
|
34
|
+
readonly md: "sm";
|
|
35
|
+
readonly lg: "md";
|
|
36
|
+
readonly xl: "md";
|
|
31
37
|
};
|
|
32
38
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;CAIb,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;CAKhB,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}
|
package/dist/esm/input/consts.js
CHANGED
|
@@ -5,7 +5,7 @@ export const inputColors = {
|
|
|
5
5
|
helpText: 'sandstone.30',
|
|
6
6
|
icons: 'seaBlue.main',
|
|
7
7
|
disabled: 'sandstone.95',
|
|
8
|
-
focus: '
|
|
8
|
+
focus: 'focusColor',
|
|
9
9
|
error: 'energyRed.45',
|
|
10
10
|
loading: 'seaBlue.80',
|
|
11
11
|
success: 'landGreen.35',
|
|
@@ -51,4 +51,10 @@ export const clearIconSize = {
|
|
|
51
51
|
lg: 'sm',
|
|
52
52
|
xl: 'md',
|
|
53
53
|
};
|
|
54
|
+
export const helpTextSize = {
|
|
55
|
+
sm: 'sm',
|
|
56
|
+
md: 'sm',
|
|
57
|
+
lg: 'md',
|
|
58
|
+
xl: 'md',
|
|
59
|
+
};
|
|
54
60
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,cAAc;CACf,CAAA;AAEV,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,UAAU;CACX,CAAA;AAEV,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,SAAS,EAAE;YACT,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,IAAI,EAAE,UAAU,CAAC,KAAK;SACvB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,UAAU,CAAC,OAAO;YACxB,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC;SACnD;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE;YACT,KAAK,EAAE,WAAW,CAAC,OAAO;YAC1B,IAAI,EAAE,UAAU,CAAC,OAAO;SACzB;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelpTextProps } from './input.types';
|
|
2
|
-
/** Displaying help text
|
|
2
|
+
/** Displaying help text below the input. */
|
|
3
3
|
export declare const HelpText: import("../core").VuiComponent<"div", HelpTextProps>;
|
|
4
4
|
export default HelpText;
|
|
5
5
|
//# sourceMappingURL=helpText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,
|
|
1
|
+
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,4CAA4C;AAC5C,eAAO,MAAM,QAAQ,sDAuBnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -5,14 +5,14 @@ import P from '../p';
|
|
|
5
5
|
import { cs } from '../utils';
|
|
6
6
|
import { inputColors } from './consts';
|
|
7
7
|
import { useInputContext } from './context';
|
|
8
|
-
/** Displaying help text
|
|
8
|
+
/** Displaying help text below the input. */
|
|
9
9
|
export const HelpText = vui((props, ref) => {
|
|
10
10
|
const { className, children, isError, ...rest } = props;
|
|
11
11
|
const inputProps = useInputContext();
|
|
12
12
|
const mergedProps = { ...inputProps, ...props };
|
|
13
13
|
const styles = useStyleConfig('Input', mergedProps);
|
|
14
14
|
const color = isError ? inputColors.error : inputColors.helpText;
|
|
15
|
-
return (_jsxs(P, { alignItems: "center", className: cs('vui-inputHelpText', className), color: color, display: "flex",
|
|
15
|
+
return (_jsxs(P, { alignItems: "center", className: cs('vui-inputHelpText', className), color: color, display: "flex", pt: 0.5, ref: ref, ...styles.helpText, ...rest, children: [isError && _jsx(Icon, { mr: 1, name: "falExclamationTriangle", pathFill: inputColors.error, size: "sm" }), children] }));
|
|
16
16
|
});
|
|
17
17
|
HelpText.displayName = 'HelpText';
|
|
18
18
|
export default HelpText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,
|
|
1
|
+
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,4CAA4C;AAC5C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACvD,MAAM,UAAU,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAA;IAEhE,OAAO,CACL,MAAC,CAAC,IACA,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,GAAG,EACP,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,QAAQ,KACf,IAAI,aAEP,OAAO,IAAI,KAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAC,wBAAwB,EAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EAC/F,QAAQ,IACP,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,eAAe,QAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAOnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UA6KV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
|