colibri-ui 0.8.76 → 0.8.78

package/Theme/breakpoints.js

@@ -1,39 +1,28 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
-
-var Breakpoints = {
-  values: {
-    hd: 2560,
-    xl: 1920,
-    lg: 1450,
-    md: 1075,
-    sm: 680,
-    xs: 320
-  },
-  up: function up(breakpoint) {
-    var isMedia = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(this.values[breakpoint], "px)");
+/**
+ * Breakpoints shared with the apps that use the kit.
+ * The values match the Tailwind CSS defaults on purpose; Tailwind is not a dependency.
+ */
+var BREAKPOINTS = {
+  sm: "40rem",
+  md: "48rem",
+  lg: "64rem",
+  xl: "80rem",
+  "2xl": "96rem"
+};
+/** Bare media queries, usable in `window.matchMedia`. Prefix with `@media ` in CSS-in-JS. */
+var media = {
+  up: function up(name) {
+    return "(width >= ".concat(BREAKPOINTS[name], ")");
   },
-  under: function under(breakpoint) {
-    var isMedia = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    return "".concat(isMedia ? "@media " : "", "(max-width: ").concat(this.values[breakpoint] - 1, "px)");
+  down: function down(name) {
+    return "(width < ".concat(BREAKPOINTS[name], ")");
   },
-  between: function between(_ref) {
-    var _ref2 = _slicedToArray__default.default(_ref, 2),
-      min = _ref2[0],
-      max = _ref2[1];
-    var isMedia = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var from = this.values[min];
-    var to = this.values[max] - 1;
-    return "".concat(isMedia ? "@media " : "", "(min-width: ").concat(from, "px) and (max-width: ").concat(to, "px)");
+  between: function between(from, to) {
+    return "(".concat(BREAKPOINTS[from], " <= width < ").concat(BREAKPOINTS[to], ")");
   }
 };
 
-exports.default = Breakpoints;
+exports.BREAKPOINTS = BREAKPOINTS;
+exports.media = media;

package/Theme/colors/index.d.ts

@@ -24,10 +24,12 @@ declare const _default: {
     PROMO_NEON: string;
     STATUS_JP_SUCCESS: string;
     STATUS_JP_SUCCESS_BG: string;
+    STATUS_JP_SUCCESS_BG_HOVER: string;
     STATUS_JP_WARNING: string;
     STATUS_JP_WARNING_BG: string;
     STATUS_JP_ERROR_ACCENT: string;
     STATUS_JP_ERROR: string;
+    STATUS_JP_ERROR_HOVER: string;
     STATUS_JP_ERROR_BG: string;
     STATUS_JP_INFO: string;
     STATUS_JP_INFO_BG: string;
@@ -127,10 +129,12 @@ declare const _default: {
     PRIMARY_BA_5: string;
     STATUS_BA_SUCCESS: string;
     STATUS_BA_SUCCESS_BG: string;
+    STATUS_BA_SUCCESS_BG_HOVER: string;
     STATUS_BA_WARNING: string;
     STATUS_BA_WARNING_BG: string;
     STATUS_BA_ERROR_ACCENT: string;
     STATUS_BA_ERROR: string;
+    STATUS_BA_ERROR_HOVER: string;
     STATUS_BA_ERROR_BG: string;
     STATUS_BA_INFO: string;
     STATUS_BA_INFO_BG: string;

package/Theme/colors/theme_buenos_aires.d.ts

@@ -95,10 +95,12 @@ export declare const PurpleBA: {
 export declare const StatusBA: {
     STATUS_BA_SUCCESS: string;
     STATUS_BA_SUCCESS_BG: string;
+    STATUS_BA_SUCCESS_BG_HOVER: string;
     STATUS_BA_WARNING: string;
     STATUS_BA_WARNING_BG: string;
     STATUS_BA_ERROR_ACCENT: string;
     STATUS_BA_ERROR: string;
+    STATUS_BA_ERROR_HOVER: string;
     STATUS_BA_ERROR_BG: string;
     STATUS_BA_INFO: string;
     STATUS_BA_INFO_BG: string;
@@ -160,10 +162,12 @@ declare const Color: {
     PROMO_NEON: string;
     STATUS_BA_SUCCESS: string;
     STATUS_BA_SUCCESS_BG: string;
+    STATUS_BA_SUCCESS_BG_HOVER: string;
     STATUS_BA_WARNING: string;
     STATUS_BA_WARNING_BG: string;
     STATUS_BA_ERROR_ACCENT: string;
     STATUS_BA_ERROR: string;
+    STATUS_BA_ERROR_HOVER: string;
     STATUS_BA_ERROR_BG: string;
     STATUS_BA_INFO: string;
     STATUS_BA_INFO_BG: string;

package/Theme/colors/theme_buenos_aires.js

@@ -99,10 +99,12 @@ var PurpleBA = {
 var StatusBA = {
   STATUS_BA_SUCCESS: "#244F18",
   STATUS_BA_SUCCESS_BG: "#E4FFD2",
+  STATUS_BA_SUCCESS_BG_HOVER: LimeBA.LIME_BA_200,
   STATUS_BA_WARNING: "#59470C",
   STATUS_BA_WARNING_BG: "#FFF4BD",
   STATUS_BA_ERROR_ACCENT: "#E5484D",
   STATUS_BA_ERROR: "#7A1D21",
+  STATUS_BA_ERROR_HOVER: "#5F1519",
   STATUS_BA_ERROR_BG: "#FFE8E5",
   STATUS_BA_INFO: "#123B40",
   STATUS_BA_INFO_BG: "#DDF7F7"

package/Theme/colors/theme_jaipur.d.ts

@@ -96,10 +96,12 @@ export declare const YellowJP: {
 export declare const StatusJP: {
     STATUS_JP_SUCCESS: string;
     STATUS_JP_SUCCESS_BG: string;
+    STATUS_JP_SUCCESS_BG_HOVER: string;
     STATUS_JP_WARNING: string;
     STATUS_JP_WARNING_BG: string;
     STATUS_JP_ERROR_ACCENT: string;
     STATUS_JP_ERROR: string;
+    STATUS_JP_ERROR_HOVER: string;
     STATUS_JP_ERROR_BG: string;
     STATUS_JP_INFO: string;
     STATUS_JP_INFO_BG: string;
@@ -161,10 +163,12 @@ declare const Color: {
     PROMO_NEON: string;
     STATUS_JP_SUCCESS: string;
     STATUS_JP_SUCCESS_BG: string;
+    STATUS_JP_SUCCESS_BG_HOVER: string;
     STATUS_JP_WARNING: string;
     STATUS_JP_WARNING_BG: string;
     STATUS_JP_ERROR_ACCENT: string;
     STATUS_JP_ERROR: string;
+    STATUS_JP_ERROR_HOVER: string;
     STATUS_JP_ERROR_BG: string;
     STATUS_JP_INFO: string;
     STATUS_JP_INFO_BG: string;

package/Theme/colors/theme_jaipur.js

@@ -100,10 +100,12 @@ var YellowJP = {
 var StatusJP = {
   STATUS_JP_SUCCESS: "#46591B",
   STATUS_JP_SUCCESS_BG: "#E6FFA9",
+  STATUS_JP_SUCCESS_BG_HOVER: LimeJP.LIME_JP_200,
   STATUS_JP_WARNING: "#624D15",
   STATUS_JP_WARNING_BG: "#FFF0AD",
   STATUS_JP_ERROR_ACCENT: "#D94B69",
   STATUS_JP_ERROR: "#7A263C",
+  STATUS_JP_ERROR_HOVER: PinkJP.PINK_JP_600,
   STATUS_JP_ERROR_BG: "#FFE5EB",
   STATUS_JP_INFO: "#303F6C",
   STATUS_JP_INFO_BG: "#E4EDFF"