@trops/dash-react 1.0.52 → 1.0.53
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.js +351 -22
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -30,28 +30,28 @@ var ThemeContext = /*#__PURE__*/createContext({
|
|
|
30
30
|
rawThemes: null
|
|
31
31
|
});
|
|
32
32
|
|
|
33
|
-
function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$
|
|
33
|
+
function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
34
34
|
function _typeof$K(o) { "@babel/helpers - typeof"; return _typeof$K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$K(o); }
|
|
35
35
|
function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
36
36
|
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty$F(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
37
37
|
function _defineProperty$F(e, r, t) { return (r = _toPropertyKey$J(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
38
38
|
function _toPropertyKey$J(t) { var i = _toPrimitive$J(t, "string"); return "symbol" == _typeof$K(i) ? i : i + ""; }
|
|
39
39
|
function _toPrimitive$J(t, r) { if ("object" != _typeof$K(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$K(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
40
|
-
function _slicedToArray$
|
|
41
|
-
function _nonIterableRest$
|
|
42
|
-
function _unsupportedIterableToArray$
|
|
43
|
-
function _arrayLikeToArray$
|
|
44
|
-
function _iterableToArrayLimit$
|
|
45
|
-
function _arrayWithHoles$
|
|
40
|
+
function _slicedToArray$g(r, e) { return _arrayWithHoles$g(r) || _iterableToArrayLimit$g(r, e) || _unsupportedIterableToArray$k(r, e) || _nonIterableRest$g(); }
|
|
41
|
+
function _nonIterableRest$g() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
42
|
+
function _unsupportedIterableToArray$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$k(r, a) : void 0; } }
|
|
43
|
+
function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
44
|
+
function _iterableToArrayLimit$g(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
45
|
+
function _arrayWithHoles$g(r) { if (Array.isArray(r)) return r; }
|
|
46
46
|
var ThemePreviewProvider = function ThemePreviewProvider(_ref) {
|
|
47
47
|
var children = _ref.children;
|
|
48
48
|
var parentCtx = useContext(ThemeContext);
|
|
49
49
|
var _useState = useState(null),
|
|
50
|
-
_useState2 = _slicedToArray$
|
|
50
|
+
_useState2 = _slicedToArray$g(_useState, 2),
|
|
51
51
|
previewTheme = _useState2[0],
|
|
52
52
|
setPreviewThemeState = _useState2[1];
|
|
53
53
|
var _useState3 = useState(true),
|
|
54
|
-
_useState4 = _slicedToArray$
|
|
54
|
+
_useState4 = _slicedToArray$g(_useState3, 2),
|
|
55
55
|
showPreview = _useState4[0],
|
|
56
56
|
setShowPreview = _useState4[1];
|
|
57
57
|
var isPreview = previewTheme !== null && showPreview;
|
|
@@ -93,7 +93,7 @@ var ThemePreviewProvider = function ThemePreviewProvider(_ref) {
|
|
|
93
93
|
var newSet = new Set();
|
|
94
94
|
if (cssVars && _typeof$K(cssVars) === "object") {
|
|
95
95
|
for (var _i = 0, _Object$entries = Object.entries(cssVars); _i < _Object$entries.length; _i++) {
|
|
96
|
-
var _Object$entries$_i = _slicedToArray$
|
|
96
|
+
var _Object$entries$_i = _slicedToArray$g(_Object$entries[_i], 2),
|
|
97
97
|
varName = _Object$entries$_i[0],
|
|
98
98
|
value = _Object$entries$_i[1];
|
|
99
99
|
root.style.setProperty(varName, value);
|
|
@@ -573,12 +573,12 @@ var styleClassNames = {
|
|
|
573
573
|
|
|
574
574
|
var _themeObjects$BUTTON, _themeObjects$BUTTON_, _themeObjects$BUTTON_2, _themeObjects$BUTTON_3, _themeObjects$BUTTON_4, _themeObjects$BUTTON_5, _themeObjects$MENU_IT, _themeObjects$TABS_TR, _colorMap;
|
|
575
575
|
function _typeof$J(o) { "@babel/helpers - typeof"; return _typeof$J = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$J(o); }
|
|
576
|
-
function _toConsumableArray$5(r) { return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$
|
|
576
|
+
function _toConsumableArray$5(r) { return _arrayWithoutHoles$5(r) || _iterableToArray$5(r) || _unsupportedIterableToArray$j(r) || _nonIterableSpread$5(); }
|
|
577
577
|
function _nonIterableSpread$5() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
578
|
-
function _unsupportedIterableToArray$
|
|
578
|
+
function _unsupportedIterableToArray$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$j(r, a) : void 0; } }
|
|
579
579
|
function _iterableToArray$5(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
580
|
-
function _arrayWithoutHoles$5(r) { if (Array.isArray(r)) return _arrayLikeToArray$
|
|
581
|
-
function _arrayLikeToArray$
|
|
580
|
+
function _arrayWithoutHoles$5(r) { if (Array.isArray(r)) return _arrayLikeToArray$j(r); }
|
|
581
|
+
function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
582
582
|
function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
583
583
|
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty$E(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
584
584
|
function _defineProperty$E(e, r, t) { return (r = _toPropertyKey$I(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -984,12 +984,12 @@ var getDefaultStylesForItem = function getDefaultStylesForItem(itemName) {
|
|
|
984
984
|
return itemName in colorMap ? _objectSpread$D({}, colorMap[itemName]) : {};
|
|
985
985
|
};
|
|
986
986
|
|
|
987
|
-
function _slicedToArray$
|
|
988
|
-
function _nonIterableRest$
|
|
989
|
-
function _unsupportedIterableToArray$
|
|
990
|
-
function _arrayLikeToArray$
|
|
991
|
-
function _iterableToArrayLimit$
|
|
992
|
-
function _arrayWithHoles$
|
|
987
|
+
function _slicedToArray$f(r, e) { return _arrayWithHoles$f(r) || _iterableToArrayLimit$f(r, e) || _unsupportedIterableToArray$i(r, e) || _nonIterableRest$f(); }
|
|
988
|
+
function _nonIterableRest$f() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
989
|
+
function _unsupportedIterableToArray$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0; } }
|
|
990
|
+
function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
991
|
+
function _iterableToArrayLimit$f(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
992
|
+
function _arrayWithHoles$f(r) { if (Array.isArray(r)) return r; }
|
|
993
993
|
/**
|
|
994
994
|
* colorMath — pure-function helpers for working with hex colors.
|
|
995
995
|
*
|
|
@@ -1188,7 +1188,7 @@ function deriveShades(hex) {
|
|
|
1188
1188
|
};
|
|
1189
1189
|
var out = {};
|
|
1190
1190
|
for (var _i = 0, _Object$entries = Object.entries(targets); _i < _Object$entries.length; _i++) {
|
|
1191
|
-
var _Object$entries$_i = _slicedToArray$
|
|
1191
|
+
var _Object$entries$_i = _slicedToArray$f(_Object$entries[_i], 2),
|
|
1192
1192
|
shade = _Object$entries$_i[0],
|
|
1193
1193
|
targetL = _Object$entries$_i[1];
|
|
1194
1194
|
var rgbOut = hslToRgb({
|
|
@@ -1230,6 +1230,335 @@ function contrastRatio(hexA, hexB) {
|
|
|
1230
1230
|
return (lighter + 0.05) / (darker + 0.05);
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
+
function _slicedToArray$e(r, e) { return _arrayWithHoles$e(r) || _iterableToArrayLimit$e(r, e) || _unsupportedIterableToArray$h(r, e) || _nonIterableRest$e(); }
|
|
1234
|
+
function _nonIterableRest$e() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
1235
|
+
function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
|
|
1236
|
+
function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
1237
|
+
function _iterableToArrayLimit$e(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
1238
|
+
function _arrayWithHoles$e(r) { if (Array.isArray(r)) return r; }
|
|
1239
|
+
/**
|
|
1240
|
+
* tailwindPalette — frozen snapshot of Tailwind v3's color palette.
|
|
1241
|
+
*
|
|
1242
|
+
* Extracted from `tailwindcss/lib/public/colors.js` at the time this
|
|
1243
|
+
* file was written. Used by the theme system to resolve named-color
|
|
1244
|
+
* tokens (`bg-blue-700`) back to their hex CSS values so inline-style
|
|
1245
|
+
* consumers can pull the same color as className consumers — see the
|
|
1246
|
+
* `cssValue` accessor on themes (PRD: arbitrary-color-themes.md US-007).
|
|
1247
|
+
*
|
|
1248
|
+
* Includes the 22 color families the theme picker exposes × 11 shades
|
|
1249
|
+
* (50..950). If Tailwind ever ships a different family or shade we'll
|
|
1250
|
+
* either inline it here or accept that custom-color themes are the
|
|
1251
|
+
* only path to those values.
|
|
1252
|
+
*/
|
|
1253
|
+
var TAILWIND_PALETTE = {
|
|
1254
|
+
gray: {
|
|
1255
|
+
50: "#f9fafb",
|
|
1256
|
+
100: "#f3f4f6",
|
|
1257
|
+
200: "#e5e7eb",
|
|
1258
|
+
300: "#d1d5db",
|
|
1259
|
+
400: "#9ca3af",
|
|
1260
|
+
500: "#6b7280",
|
|
1261
|
+
600: "#4b5563",
|
|
1262
|
+
700: "#374151",
|
|
1263
|
+
800: "#1f2937",
|
|
1264
|
+
900: "#111827",
|
|
1265
|
+
950: "#030712"
|
|
1266
|
+
},
|
|
1267
|
+
slate: {
|
|
1268
|
+
50: "#f8fafc",
|
|
1269
|
+
100: "#f1f5f9",
|
|
1270
|
+
200: "#e2e8f0",
|
|
1271
|
+
300: "#cbd5e1",
|
|
1272
|
+
400: "#94a3b8",
|
|
1273
|
+
500: "#64748b",
|
|
1274
|
+
600: "#475569",
|
|
1275
|
+
700: "#334155",
|
|
1276
|
+
800: "#1e293b",
|
|
1277
|
+
900: "#0f172a",
|
|
1278
|
+
950: "#020617"
|
|
1279
|
+
},
|
|
1280
|
+
zinc: {
|
|
1281
|
+
50: "#fafafa",
|
|
1282
|
+
100: "#f4f4f5",
|
|
1283
|
+
200: "#e4e4e7",
|
|
1284
|
+
300: "#d4d4d8",
|
|
1285
|
+
400: "#a1a1aa",
|
|
1286
|
+
500: "#71717a",
|
|
1287
|
+
600: "#52525b",
|
|
1288
|
+
700: "#3f3f46",
|
|
1289
|
+
800: "#27272a",
|
|
1290
|
+
900: "#18181b",
|
|
1291
|
+
950: "#09090b"
|
|
1292
|
+
},
|
|
1293
|
+
neutral: {
|
|
1294
|
+
50: "#fafafa",
|
|
1295
|
+
100: "#f5f5f5",
|
|
1296
|
+
200: "#e5e5e5",
|
|
1297
|
+
300: "#d4d4d4",
|
|
1298
|
+
400: "#a3a3a3",
|
|
1299
|
+
500: "#737373",
|
|
1300
|
+
600: "#525252",
|
|
1301
|
+
700: "#404040",
|
|
1302
|
+
800: "#262626",
|
|
1303
|
+
900: "#171717",
|
|
1304
|
+
950: "#0a0a0a"
|
|
1305
|
+
},
|
|
1306
|
+
stone: {
|
|
1307
|
+
50: "#fafaf9",
|
|
1308
|
+
100: "#f5f5f4",
|
|
1309
|
+
200: "#e7e5e4",
|
|
1310
|
+
300: "#d6d3d1",
|
|
1311
|
+
400: "#a8a29e",
|
|
1312
|
+
500: "#78716c",
|
|
1313
|
+
600: "#57534e",
|
|
1314
|
+
700: "#44403c",
|
|
1315
|
+
800: "#292524",
|
|
1316
|
+
900: "#1c1917",
|
|
1317
|
+
950: "#0c0a09"
|
|
1318
|
+
},
|
|
1319
|
+
red: {
|
|
1320
|
+
50: "#fef2f2",
|
|
1321
|
+
100: "#fee2e2",
|
|
1322
|
+
200: "#fecaca",
|
|
1323
|
+
300: "#fca5a5",
|
|
1324
|
+
400: "#f87171",
|
|
1325
|
+
500: "#ef4444",
|
|
1326
|
+
600: "#dc2626",
|
|
1327
|
+
700: "#b91c1c",
|
|
1328
|
+
800: "#991b1b",
|
|
1329
|
+
900: "#7f1d1d",
|
|
1330
|
+
950: "#450a0a"
|
|
1331
|
+
},
|
|
1332
|
+
orange: {
|
|
1333
|
+
50: "#fff7ed",
|
|
1334
|
+
100: "#ffedd5",
|
|
1335
|
+
200: "#fed7aa",
|
|
1336
|
+
300: "#fdba74",
|
|
1337
|
+
400: "#fb923c",
|
|
1338
|
+
500: "#f97316",
|
|
1339
|
+
600: "#ea580c",
|
|
1340
|
+
700: "#c2410c",
|
|
1341
|
+
800: "#9a3412",
|
|
1342
|
+
900: "#7c2d12",
|
|
1343
|
+
950: "#431407"
|
|
1344
|
+
},
|
|
1345
|
+
amber: {
|
|
1346
|
+
50: "#fffbeb",
|
|
1347
|
+
100: "#fef3c7",
|
|
1348
|
+
200: "#fde68a",
|
|
1349
|
+
300: "#fcd34d",
|
|
1350
|
+
400: "#fbbf24",
|
|
1351
|
+
500: "#f59e0b",
|
|
1352
|
+
600: "#d97706",
|
|
1353
|
+
700: "#b45309",
|
|
1354
|
+
800: "#92400e",
|
|
1355
|
+
900: "#78350f",
|
|
1356
|
+
950: "#451a03"
|
|
1357
|
+
},
|
|
1358
|
+
yellow: {
|
|
1359
|
+
50: "#fefce8",
|
|
1360
|
+
100: "#fef9c3",
|
|
1361
|
+
200: "#fef08a",
|
|
1362
|
+
300: "#fde047",
|
|
1363
|
+
400: "#facc15",
|
|
1364
|
+
500: "#eab308",
|
|
1365
|
+
600: "#ca8a04",
|
|
1366
|
+
700: "#a16207",
|
|
1367
|
+
800: "#854d0e",
|
|
1368
|
+
900: "#713f12",
|
|
1369
|
+
950: "#422006"
|
|
1370
|
+
},
|
|
1371
|
+
lime: {
|
|
1372
|
+
50: "#f7fee7",
|
|
1373
|
+
100: "#ecfccb",
|
|
1374
|
+
200: "#d9f99d",
|
|
1375
|
+
300: "#bef264",
|
|
1376
|
+
400: "#a3e635",
|
|
1377
|
+
500: "#84cc16",
|
|
1378
|
+
600: "#65a30d",
|
|
1379
|
+
700: "#4d7c0f",
|
|
1380
|
+
800: "#3f6212",
|
|
1381
|
+
900: "#365314",
|
|
1382
|
+
950: "#1a2e05"
|
|
1383
|
+
},
|
|
1384
|
+
green: {
|
|
1385
|
+
50: "#f0fdf4",
|
|
1386
|
+
100: "#dcfce7",
|
|
1387
|
+
200: "#bbf7d0",
|
|
1388
|
+
300: "#86efac",
|
|
1389
|
+
400: "#4ade80",
|
|
1390
|
+
500: "#22c55e",
|
|
1391
|
+
600: "#16a34a",
|
|
1392
|
+
700: "#15803d",
|
|
1393
|
+
800: "#166534",
|
|
1394
|
+
900: "#14532d",
|
|
1395
|
+
950: "#052e16"
|
|
1396
|
+
},
|
|
1397
|
+
emerald: {
|
|
1398
|
+
50: "#ecfdf5",
|
|
1399
|
+
100: "#d1fae5",
|
|
1400
|
+
200: "#a7f3d0",
|
|
1401
|
+
300: "#6ee7b7",
|
|
1402
|
+
400: "#34d399",
|
|
1403
|
+
500: "#10b981",
|
|
1404
|
+
600: "#059669",
|
|
1405
|
+
700: "#047857",
|
|
1406
|
+
800: "#065f46",
|
|
1407
|
+
900: "#064e3b",
|
|
1408
|
+
950: "#022c22"
|
|
1409
|
+
},
|
|
1410
|
+
teal: {
|
|
1411
|
+
50: "#f0fdfa",
|
|
1412
|
+
100: "#ccfbf1",
|
|
1413
|
+
200: "#99f6e4",
|
|
1414
|
+
300: "#5eead4",
|
|
1415
|
+
400: "#2dd4bf",
|
|
1416
|
+
500: "#14b8a6",
|
|
1417
|
+
600: "#0d9488",
|
|
1418
|
+
700: "#0f766e",
|
|
1419
|
+
800: "#115e59",
|
|
1420
|
+
900: "#134e4a",
|
|
1421
|
+
950: "#042f2e"
|
|
1422
|
+
},
|
|
1423
|
+
cyan: {
|
|
1424
|
+
50: "#ecfeff",
|
|
1425
|
+
100: "#cffafe",
|
|
1426
|
+
200: "#a5f3fc",
|
|
1427
|
+
300: "#67e8f9",
|
|
1428
|
+
400: "#22d3ee",
|
|
1429
|
+
500: "#06b6d4",
|
|
1430
|
+
600: "#0891b2",
|
|
1431
|
+
700: "#0e7490",
|
|
1432
|
+
800: "#155e75",
|
|
1433
|
+
900: "#164e63",
|
|
1434
|
+
950: "#083344"
|
|
1435
|
+
},
|
|
1436
|
+
sky: {
|
|
1437
|
+
50: "#f0f9ff",
|
|
1438
|
+
100: "#e0f2fe",
|
|
1439
|
+
200: "#bae6fd",
|
|
1440
|
+
300: "#7dd3fc",
|
|
1441
|
+
400: "#38bdf8",
|
|
1442
|
+
500: "#0ea5e9",
|
|
1443
|
+
600: "#0284c7",
|
|
1444
|
+
700: "#0369a1",
|
|
1445
|
+
800: "#075985",
|
|
1446
|
+
900: "#0c4a6e",
|
|
1447
|
+
950: "#082f49"
|
|
1448
|
+
},
|
|
1449
|
+
blue: {
|
|
1450
|
+
50: "#eff6ff",
|
|
1451
|
+
100: "#dbeafe",
|
|
1452
|
+
200: "#bfdbfe",
|
|
1453
|
+
300: "#93c5fd",
|
|
1454
|
+
400: "#60a5fa",
|
|
1455
|
+
500: "#3b82f6",
|
|
1456
|
+
600: "#2563eb",
|
|
1457
|
+
700: "#1d4ed8",
|
|
1458
|
+
800: "#1e40af",
|
|
1459
|
+
900: "#1e3a8a",
|
|
1460
|
+
950: "#172554"
|
|
1461
|
+
},
|
|
1462
|
+
indigo: {
|
|
1463
|
+
50: "#eef2ff",
|
|
1464
|
+
100: "#e0e7ff",
|
|
1465
|
+
200: "#c7d2fe",
|
|
1466
|
+
300: "#a5b4fc",
|
|
1467
|
+
400: "#818cf8",
|
|
1468
|
+
500: "#6366f1",
|
|
1469
|
+
600: "#4f46e5",
|
|
1470
|
+
700: "#4338ca",
|
|
1471
|
+
800: "#3730a3",
|
|
1472
|
+
900: "#312e81",
|
|
1473
|
+
950: "#1e1b4b"
|
|
1474
|
+
},
|
|
1475
|
+
violet: {
|
|
1476
|
+
50: "#f5f3ff",
|
|
1477
|
+
100: "#ede9fe",
|
|
1478
|
+
200: "#ddd6fe",
|
|
1479
|
+
300: "#c4b5fd",
|
|
1480
|
+
400: "#a78bfa",
|
|
1481
|
+
500: "#8b5cf6",
|
|
1482
|
+
600: "#7c3aed",
|
|
1483
|
+
700: "#6d28d9",
|
|
1484
|
+
800: "#5b21b6",
|
|
1485
|
+
900: "#4c1d95",
|
|
1486
|
+
950: "#2e1065"
|
|
1487
|
+
},
|
|
1488
|
+
purple: {
|
|
1489
|
+
50: "#faf5ff",
|
|
1490
|
+
100: "#f3e8ff",
|
|
1491
|
+
200: "#e9d5ff",
|
|
1492
|
+
300: "#d8b4fe",
|
|
1493
|
+
400: "#c084fc",
|
|
1494
|
+
500: "#a855f7",
|
|
1495
|
+
600: "#9333ea",
|
|
1496
|
+
700: "#7e22ce",
|
|
1497
|
+
800: "#6b21a8",
|
|
1498
|
+
900: "#581c87",
|
|
1499
|
+
950: "#3b0764"
|
|
1500
|
+
},
|
|
1501
|
+
fuchsia: {
|
|
1502
|
+
50: "#fdf4ff",
|
|
1503
|
+
100: "#fae8ff",
|
|
1504
|
+
200: "#f5d0fe",
|
|
1505
|
+
300: "#f0abfc",
|
|
1506
|
+
400: "#e879f9",
|
|
1507
|
+
500: "#d946ef",
|
|
1508
|
+
600: "#c026d3",
|
|
1509
|
+
700: "#a21caf",
|
|
1510
|
+
800: "#86198f",
|
|
1511
|
+
900: "#701a75",
|
|
1512
|
+
950: "#4a044e"
|
|
1513
|
+
},
|
|
1514
|
+
pink: {
|
|
1515
|
+
50: "#fdf2f8",
|
|
1516
|
+
100: "#fce7f3",
|
|
1517
|
+
200: "#fbcfe8",
|
|
1518
|
+
300: "#f9a8d4",
|
|
1519
|
+
400: "#f472b6",
|
|
1520
|
+
500: "#ec4899",
|
|
1521
|
+
600: "#db2777",
|
|
1522
|
+
700: "#be185d",
|
|
1523
|
+
800: "#9d174d",
|
|
1524
|
+
900: "#831843",
|
|
1525
|
+
950: "#500724"
|
|
1526
|
+
},
|
|
1527
|
+
rose: {
|
|
1528
|
+
50: "#fff1f2",
|
|
1529
|
+
100: "#ffe4e6",
|
|
1530
|
+
200: "#fecdd3",
|
|
1531
|
+
300: "#fda4af",
|
|
1532
|
+
400: "#fb7185",
|
|
1533
|
+
500: "#f43f5e",
|
|
1534
|
+
600: "#e11d48",
|
|
1535
|
+
700: "#be123c",
|
|
1536
|
+
800: "#9f1239",
|
|
1537
|
+
900: "#881337",
|
|
1538
|
+
950: "#4c0519"
|
|
1539
|
+
}
|
|
1540
|
+
};
|
|
1541
|
+
var TOKEN_REGEX = /^(?:hover:)?(?:bg|text|border|from|via|to)-([a-z]+)-(\d+)$/;
|
|
1542
|
+
|
|
1543
|
+
/**
|
|
1544
|
+
* Given a Tailwind class string like `bg-blue-700` or
|
|
1545
|
+
* `hover:text-rose-200` extract `{ name, shade }` (`name=blue`,
|
|
1546
|
+
* `shade=700`) and return the matching hex from TAILWIND_PALETTE.
|
|
1547
|
+
*
|
|
1548
|
+
* Returns null if the class is not a Tailwind named-color utility
|
|
1549
|
+
* (e.g. arbitrary-value classes like `bg-[var(--primary-700)]` are
|
|
1550
|
+
* NOT handled here — they're resolved via the CSS variable instead).
|
|
1551
|
+
*/
|
|
1552
|
+
function hexForTailwindClass(className) {
|
|
1553
|
+
if (typeof className !== "string") return null;
|
|
1554
|
+
var m = className.match(TOKEN_REGEX);
|
|
1555
|
+
if (!m) return null;
|
|
1556
|
+
var _m = _slicedToArray$e(m, 3),
|
|
1557
|
+
name = _m[1],
|
|
1558
|
+
shade = _m[2];
|
|
1559
|
+
return TAILWIND_PALETTE[name] && TAILWIND_PALETTE[name][shade] || null;
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1233
1562
|
function _typeof$I(o) { "@babel/helpers - typeof"; return _typeof$I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$I(o); }
|
|
1234
1563
|
/**
|
|
1235
1564
|
* deepCopy
|
|
@@ -10691,5 +11020,5 @@ if (process.env.NODE_ENV !== "development") {
|
|
|
10691
11020
|
console.log = function () {};
|
|
10692
11021
|
}
|
|
10693
11022
|
|
|
10694
|
-
export { Accordion, Accordion2, Accordion3, Alert, Alert2, Alert3, AlertBanner, AlgoliaRefinementList, AlgoliaSearchBox, Breadcrumbs, Breadcrumbs2, Breadcrumbs3, Button, Button2, Button3, ButtonIcon, ButtonIcon2, ButtonIcon3, Caption, Caption2, Caption3, Card, Card2, Card3, Checkbox, Code, Code2, Code3, CodeEditorInline, CodeEditorVS, CodeRenderer, CommandPalette, ConfirmationModal, Container, DashPanel, DashPanel2, DashPanel3, DataList, Divider, Divider2, Divider3, DragComponent, Drawer, DropComponent, DropdownPanel, DropdownPanel2, DropdownPanel3, EmptyState, ErrorMessage, FormField, FormLabel, Heading, Heading2, Heading3, Icon, Icon2, Icon3, InputText, LayoutContainer, MainSection, Menu, Menu2, Menu3, MenuItem, MenuItem2, MenuItem3, MockAlgolia, MockLayout, MockWrapper, Modal, Navbar, PalettePreviewPane, Panel, Panel2, Panel3, Paragraph, Paragraph2, Paragraph3, ProgressBar, ProgressBar2, ProgressBar3, RadioGroup, RichText, SLACK_QUICK_REACTION_SHORTCODES, SearchInput, SelectInput, SelectMenu, SelectableCard, SettingsModal, Sidebar, Skeleton, Slider, StatCard, StatusBadge, Stepper, SubHeading, SubHeading2, SubHeading3, Switch, TabbedNavbar, Table, Table2, Table3, Tabs, Tabs2, Tabs3, Tag, Tag2, Tag3, TextArea, ThemeContext, ThemeFromUrlPane, ThemePreviewBanner, ThemePreviewContext, ThemePreviewProvider, Toast, Toast2, Toast3, Toggle, Toggle2, Toggle3, Tooltip, WS_STATES, WebSocketStatus, WidgetChrome, WidgetContext, capitalizeFirstLetter, colorNames, colorTypes, contrastRatio, deepCopy, deriveShades, getCSSStyleForClassname, getClassForObjectType, getDefaultStylesForItem, getRandomInt, getStyleName, getStylesForItem, getUUID$1 as getUUID, hexToRgb, hslToRgb, isHexColor, isObject, mock, mockText, normalizeHex, objectTypes, rgbToHex, rgbToHsl, shades, slackEmojiForName, styleClassNames, tailwindHeightFractions, themeObjects, themeVariants, useLazyEnrichment, useSidebar, useThemePreview, withRouter };
|
|
11023
|
+
export { Accordion, Accordion2, Accordion3, Alert, Alert2, Alert3, AlertBanner, AlgoliaRefinementList, AlgoliaSearchBox, Breadcrumbs, Breadcrumbs2, Breadcrumbs3, Button, Button2, Button3, ButtonIcon, ButtonIcon2, ButtonIcon3, Caption, Caption2, Caption3, Card, Card2, Card3, Checkbox, Code, Code2, Code3, CodeEditorInline, CodeEditorVS, CodeRenderer, CommandPalette, ConfirmationModal, Container, DashPanel, DashPanel2, DashPanel3, DataList, Divider, Divider2, Divider3, DragComponent, Drawer, DropComponent, DropdownPanel, DropdownPanel2, DropdownPanel3, EmptyState, ErrorMessage, FormField, FormLabel, Heading, Heading2, Heading3, Icon, Icon2, Icon3, InputText, LayoutContainer, MainSection, Menu, Menu2, Menu3, MenuItem, MenuItem2, MenuItem3, MockAlgolia, MockLayout, MockWrapper, Modal, Navbar, PalettePreviewPane, Panel, Panel2, Panel3, Paragraph, Paragraph2, Paragraph3, ProgressBar, ProgressBar2, ProgressBar3, RadioGroup, RichText, SLACK_QUICK_REACTION_SHORTCODES, SearchInput, SelectInput, SelectMenu, SelectableCard, SettingsModal, Sidebar, Skeleton, Slider, StatCard, StatusBadge, Stepper, SubHeading, SubHeading2, SubHeading3, Switch, TAILWIND_PALETTE, TabbedNavbar, Table, Table2, Table3, Tabs, Tabs2, Tabs3, Tag, Tag2, Tag3, TextArea, ThemeContext, ThemeFromUrlPane, ThemePreviewBanner, ThemePreviewContext, ThemePreviewProvider, Toast, Toast2, Toast3, Toggle, Toggle2, Toggle3, Tooltip, WS_STATES, WebSocketStatus, WidgetChrome, WidgetContext, capitalizeFirstLetter, colorNames, colorTypes, contrastRatio, deepCopy, deriveShades, getCSSStyleForClassname, getClassForObjectType, getDefaultStylesForItem, getRandomInt, getStyleName, getStylesForItem, getUUID$1 as getUUID, hexForTailwindClass, hexToRgb, hslToRgb, isHexColor, isObject, mock, mockText, normalizeHex, objectTypes, rgbToHex, rgbToHsl, shades, slackEmojiForName, styleClassNames, tailwindHeightFractions, themeObjects, themeVariants, useLazyEnrichment, useSidebar, useThemePreview, withRouter };
|
|
10695
11024
|
//# sourceMappingURL=index.js.map
|