@ecohouse/ui 0.1.14 → 0.1.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/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +4 -2
- package/src/theme/colors.test.ts +3 -0
- package/src/theme/typography.ts +3 -3
package/dist/index.cjs
CHANGED
|
@@ -103,9 +103,9 @@ var statCardTypography = {
|
|
|
103
103
|
};
|
|
104
104
|
var segmentedToggleTypography = {
|
|
105
105
|
fontFamily: fonts.sans,
|
|
106
|
-
fontSize:
|
|
106
|
+
fontSize: 12,
|
|
107
107
|
fontWeight: "500",
|
|
108
|
-
lineHeight:
|
|
108
|
+
lineHeight: 12,
|
|
109
109
|
letterSpacing: 0
|
|
110
110
|
};
|
|
111
111
|
var languageSwitcherTypography = {
|
|
@@ -1557,6 +1557,7 @@ var styles4 = reactNative.StyleSheet.create({
|
|
|
1557
1557
|
});
|
|
1558
1558
|
var ICON_SIZE3 = 20;
|
|
1559
1559
|
var ANIMATION_DURATION = 200;
|
|
1560
|
+
var OPTION_HORIZONTAL_PADDING = 16;
|
|
1560
1561
|
var SegmentedToggle = react.forwardRef(
|
|
1561
1562
|
function SegmentedToggle2({
|
|
1562
1563
|
options,
|
|
@@ -1586,7 +1587,7 @@ var SegmentedToggle = react.forwardRef(
|
|
|
1586
1587
|
const [containerWidth, setContainerWidth] = react.useState(0);
|
|
1587
1588
|
const availableOptionWidth = Math.max(0, (containerWidth - 12) / 2);
|
|
1588
1589
|
const widestContentWidth = Math.max(...contentWidths);
|
|
1589
|
-
const contentBasedOptionWidth = widestContentWidth > 0 ? widestContentWidth +
|
|
1590
|
+
const contentBasedOptionWidth = widestContentWidth > 0 ? widestContentWidth + OPTION_HORIZONTAL_PADDING * 2 : 0;
|
|
1590
1591
|
const optionWidth = fullWidth ? availableOptionWidth : contentBasedOptionWidth;
|
|
1591
1592
|
const indicatorTranslateX = progress.interpolate({
|
|
1592
1593
|
inputRange: [0, 1],
|
|
@@ -1708,7 +1709,7 @@ var styles5 = reactNative.StyleSheet.create({
|
|
|
1708
1709
|
flexDirection: "row",
|
|
1709
1710
|
alignItems: "center",
|
|
1710
1711
|
justifyContent: "center",
|
|
1711
|
-
paddingHorizontal:
|
|
1712
|
+
paddingHorizontal: OPTION_HORIZONTAL_PADDING,
|
|
1712
1713
|
borderRadius: 60
|
|
1713
1714
|
},
|
|
1714
1715
|
optionContent: {
|