@cleartrip/talos-floating-pill 1.2.0-beta-260731-5.0 → 1.2.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.
|
@@ -634,6 +634,7 @@
|
|
|
634
634
|
margarita100: '#F2FAF0',
|
|
635
635
|
margarita250: '#C0E6B6',
|
|
636
636
|
margarita750: '#3A742C',
|
|
637
|
+
margarita900: '#3F672E',
|
|
637
638
|
neutral100: '#FFFFFF',
|
|
638
639
|
neutral200: '#FAFAFD',
|
|
639
640
|
neutral300: '#F3F3F3',
|
|
@@ -666,6 +667,7 @@
|
|
|
666
667
|
aqua100: '#082395',
|
|
667
668
|
aqua250: '#081C82',
|
|
668
669
|
black: '#1A1A1A',
|
|
670
|
+
grapetini750: '#39106D',
|
|
669
671
|
grapetini900: '#5f1ab6',
|
|
670
672
|
transparent: '#00000000',
|
|
671
673
|
superGreen500: '#B5EF85',
|
|
@@ -5212,6 +5214,7 @@
|
|
|
5212
5214
|
default: colors.neutral300,
|
|
5213
5215
|
green: colors.successBg,
|
|
5214
5216
|
margarita100: colors.margarita100,
|
|
5217
|
+
margarita900: colors.margarita900,
|
|
5215
5218
|
yellow: colors.alertBg,
|
|
5216
5219
|
orange100: colors.orange100,
|
|
5217
5220
|
orange250: colors.orange250,
|
|
@@ -5238,6 +5241,7 @@
|
|
|
5238
5241
|
green700: colors.green700,
|
|
5239
5242
|
gray800: colors.neutral700,
|
|
5240
5243
|
pinaColada300: colors.pinaColada300,
|
|
5244
|
+
grapetini750: colors.grapetini750,
|
|
5241
5245
|
successGreen500: colors.successGreen500,
|
|
5242
5246
|
alertYellow500: colors.alert500,
|
|
5243
5247
|
errorRed500: colors.red500
|
|
@@ -7677,6 +7681,7 @@
|
|
|
7677
7681
|
BadgeColors["GREEN"] = "green";
|
|
7678
7682
|
BadgeColors["MARGARITA_250"] = "margarita250";
|
|
7679
7683
|
BadgeColors["MARGARITA_100"] = "margarita100";
|
|
7684
|
+
BadgeColors["MARGARITA_900"] = "margarita900";
|
|
7680
7685
|
BadgeColors["ORANGE_100"] = "orange100";
|
|
7681
7686
|
BadgeColors["ORANGE_250"] = "orange250";
|
|
7682
7687
|
BadgeColors["ORANGE_500"] = "orange500";
|
|
@@ -7692,6 +7697,7 @@
|
|
|
7692
7697
|
BadgeColors["PINA_COLADA750"] = "pinaColada750";
|
|
7693
7698
|
BadgeColors["PINA_COLADA100"] = "pinaColada100";
|
|
7694
7699
|
BadgeColors["BROWN"] = "brown";
|
|
7700
|
+
BadgeColors["GRAPETINI_750"] = "grapetini750";
|
|
7695
7701
|
BadgeColors["GREEN700"] = "green700";
|
|
7696
7702
|
BadgeColors["GRAY800"] = "gray800";
|
|
7697
7703
|
BadgeColors["SUCCESS_GREEN500"] = "successGreen500";
|
|
@@ -7725,7 +7731,7 @@
|
|
|
7725
7731
|
})(BadgeSizes || (BadgeSizes = {}));
|
|
7726
7732
|
var getbgColorFromMap = function (theme) {
|
|
7727
7733
|
var _a;
|
|
7728
|
-
return _a = {}, _a[BadgeColors.CURACAO] = theme.color.badge.curacao, _a[BadgeColors.CURACAO_900] = theme.color.badge.curacao900, _a[BadgeColors.DEFAULT] = theme.color.badge.default, _a[BadgeColors.GREEN] = theme.color.badge.green, _a[BadgeColors.MARGARITA_250] = theme.color.badge.margarita250, _a[BadgeColors.PINA_COLADA750] = theme.color.badge.pinaColada750, _a[BadgeColors.PINA_COLADA100] = theme.color.badge.pinaColada100, _a[BadgeColors.MARGARITA_100] = theme.color.badge.margarita100, _a[BadgeColors.ORANGE_100] = theme.color.badge.orange100, _a[BadgeColors.ORANGE_250] = theme.color.badge.orange250, _a[BadgeColors.ORANGE_500] = theme.color.badge.orange500, _a[BadgeColors.PINA_COLADA] = theme.color.badge.pinaColada, _a[BadgeColors.RED] = theme.color.badge.red, _a[BadgeColors.WHITE] = theme.color.badge.neutral100, _a[BadgeColors.YELLOW] = theme.color.badge.yellow, _a[BadgeColors.LINK] = theme.color.badge.link, _a[BadgeColors.LINK_TEXT] = theme.color.badge.link, _a[BadgeColors.BLUE100] = theme.color.badge.blue100, _a[BadgeColors.BLUE_500] = theme.color.badge.blue500, _a[BadgeColors.BLUE_900] = theme.color.badge.blue900, _a[BadgeColors.BROWN] = theme.color.badge.brown, _a[BadgeColors.GRAY800] = theme.color.badge.gray800, _a[BadgeColors.SUCCESS_GREEN500] = theme.color.badge.successGreen500, _a[BadgeColors.ALERT_YELLOW500] = theme.color.badge.alertYellow500, _a[BadgeColors.ERROR_RED500] = theme.color.badge.errorRed500, _a[BadgeGradientColors.GREEN_500] = theme.color.badge.green500, _a[BadgeGradientColors.GREEN_600] = theme.color.badge.green600, _a[BadgeGradientColors.PURPLE_100] = theme.color.badge.purple100, _a[BadgeGradientColors.PURPLE_250] = theme.color.badge.purple250, _a[BadgeGradientColors.GRAY_100] = theme.color.badge.gray100, _a[BadgeGradientColors.GRAY_250] = theme.color.badge.gray250, _a[BadgeGradientColors.AQUA_100] = theme.color.badge.aqua100, _a[BadgeGradientColors.AQUA_250] = theme.color.badge.aqua250, _a[BadgeGradientColors.BLACK] = theme.color.badge.black, _a;
|
|
7734
|
+
return _a = {}, _a[BadgeColors.CURACAO] = theme.color.badge.curacao, _a[BadgeColors.CURACAO_900] = theme.color.badge.curacao900, _a[BadgeColors.DEFAULT] = theme.color.badge.default, _a[BadgeColors.GREEN] = theme.color.badge.green, _a[BadgeColors.MARGARITA_250] = theme.color.badge.margarita250, _a[BadgeColors.PINA_COLADA750] = theme.color.badge.pinaColada750, _a[BadgeColors.PINA_COLADA100] = theme.color.badge.pinaColada100, _a[BadgeColors.MARGARITA_100] = theme.color.badge.margarita100, _a[BadgeColors.MARGARITA_900] = theme.color.badge.margarita900, _a[BadgeColors.ORANGE_100] = theme.color.badge.orange100, _a[BadgeColors.ORANGE_250] = theme.color.badge.orange250, _a[BadgeColors.ORANGE_500] = theme.color.badge.orange500, _a[BadgeColors.PINA_COLADA] = theme.color.badge.pinaColada, _a[BadgeColors.RED] = theme.color.badge.red, _a[BadgeColors.WHITE] = theme.color.badge.neutral100, _a[BadgeColors.YELLOW] = theme.color.badge.yellow, _a[BadgeColors.LINK] = theme.color.badge.link, _a[BadgeColors.LINK_TEXT] = theme.color.badge.link, _a[BadgeColors.BLUE100] = theme.color.badge.blue100, _a[BadgeColors.BLUE_500] = theme.color.badge.blue500, _a[BadgeColors.BLUE_900] = theme.color.badge.blue900, _a[BadgeColors.BROWN] = theme.color.badge.brown, _a[BadgeColors.GRAY800] = theme.color.badge.gray800, _a[BadgeColors.GRAPETINI_750] = theme.color.badge.grapetini750, _a[BadgeColors.SUCCESS_GREEN500] = theme.color.badge.successGreen500, _a[BadgeColors.ALERT_YELLOW500] = theme.color.badge.alertYellow500, _a[BadgeColors.ERROR_RED500] = theme.color.badge.errorRed500, _a[BadgeGradientColors.GREEN_500] = theme.color.badge.green500, _a[BadgeGradientColors.GREEN_600] = theme.color.badge.green600, _a[BadgeGradientColors.PURPLE_100] = theme.color.badge.purple100, _a[BadgeGradientColors.PURPLE_250] = theme.color.badge.purple250, _a[BadgeGradientColors.GRAY_100] = theme.color.badge.gray100, _a[BadgeGradientColors.GRAY_250] = theme.color.badge.gray250, _a[BadgeGradientColors.AQUA_100] = theme.color.badge.aqua100, _a[BadgeGradientColors.AQUA_250] = theme.color.badge.aqua250, _a[BadgeGradientColors.BLACK] = theme.color.badge.black, _a;
|
|
7729
7735
|
};
|
|
7730
7736
|
var getTextColorFromMap = function (theme) {
|
|
7731
7737
|
var _a;
|
|
@@ -30636,21 +30642,19 @@
|
|
|
30636
30642
|
snapToEdge = _d === void 0 ? true : _d,
|
|
30637
30643
|
_e = props.disabled,
|
|
30638
30644
|
disabled = _e === void 0 ? false : _e,
|
|
30639
|
-
_f = props.show,
|
|
30640
|
-
show = _f === void 0 ? true : _f,
|
|
30641
30645
|
onTap = props.onTap;
|
|
30642
|
-
var
|
|
30646
|
+
var _f = React__default$1.useState({
|
|
30643
30647
|
x: 0,
|
|
30644
30648
|
y: 0
|
|
30645
30649
|
}),
|
|
30646
|
-
position =
|
|
30647
|
-
setPosition =
|
|
30650
|
+
position = _f[0],
|
|
30651
|
+
setPosition = _f[1];
|
|
30652
|
+
var _g = React__default$1.useState(false),
|
|
30653
|
+
isReady = _g[0],
|
|
30654
|
+
setIsReady = _g[1];
|
|
30648
30655
|
var _h = React__default$1.useState(false),
|
|
30649
|
-
|
|
30650
|
-
|
|
30651
|
-
var _j = React__default$1.useState(false),
|
|
30652
|
-
canAnimate = _j[0],
|
|
30653
|
-
setCanAnimate = _j[1];
|
|
30656
|
+
canAnimate = _h[0],
|
|
30657
|
+
setCanAnimate = _h[1];
|
|
30654
30658
|
var elementRef = React__default$1.useRef(null);
|
|
30655
30659
|
var sizeRef = React__default$1.useRef({
|
|
30656
30660
|
width: 0,
|
|
@@ -30668,8 +30672,7 @@
|
|
|
30668
30672
|
bounds: bounds,
|
|
30669
30673
|
edgeOffset: edgeOffset,
|
|
30670
30674
|
initialPosition: initialPosition,
|
|
30671
|
-
snapToEdge: snapToEdge
|
|
30672
|
-
show: show
|
|
30675
|
+
snapToEdge: snapToEdge
|
|
30673
30676
|
});
|
|
30674
30677
|
var getLimits = function () {
|
|
30675
30678
|
var _a;
|
|
@@ -30767,15 +30770,13 @@
|
|
|
30767
30770
|
if (!element) return undefined;
|
|
30768
30771
|
var measure = function () {
|
|
30769
30772
|
var rect = element.getBoundingClientRect();
|
|
30770
|
-
if (rect.width === 0 && rect.height === 0) return;
|
|
30771
30773
|
sizeRef.current = {
|
|
30772
30774
|
width: rect.width,
|
|
30773
30775
|
height: rect.height
|
|
30774
30776
|
};
|
|
30775
30777
|
};
|
|
30776
30778
|
var reclamp = function () {
|
|
30777
|
-
|
|
30778
|
-
setPosition(function (prev) {
|
|
30779
|
+
return setPosition(function (prev) {
|
|
30779
30780
|
return clampRef.current(prev);
|
|
30780
30781
|
});
|
|
30781
30782
|
};
|