@mapsindoors/map-template 1.95.0 → 1.95.2
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/{GoogleMapsMap-BIUan6Mh.mjs → GoogleMapsMap-Dkn60-_e.mjs} +2 -2
- package/dist/{MapboxMap-BwTFmd5b.mjs → MapboxMap-B1oo7IUm.mjs} +3 -3
- package/dist/_commonjsHelpers-B85MJLTf.js +5 -0
- package/dist/app-globals-DQuL1Twl.js +3 -0
- package/dist/combo-box-item.entry.js +8 -10
- package/dist/icon-DT_sDkmK.js +11 -0
- package/dist/index-BZQHyS7V.js +1701 -0
- package/dist/loader.js +7 -14
- package/dist/mapsindoors-react.es.js +1 -1
- package/dist/mapsindoors-react.umd.js +175 -175
- package/dist/mapsindoors-webcomponent.es.js +2919 -2907
- package/dist/mi-card_2.entry.js +23 -18
- package/dist/mi-chip.entry.js +25 -16
- package/dist/mi-column.entry.js +47 -23
- package/dist/mi-combo-box.entry.js +412 -379
- package/dist/mi-components.js +15 -12
- package/dist/mi-data-table.entry.js +298 -278
- package/dist/mi-distance_2.entry.js +58 -56
- package/dist/mi-dropdown-item.entry.js +8 -10
- package/dist/mi-dropdown.entry.js +525 -481
- package/dist/mi-floor-selector.entry.js +183 -180
- package/dist/mi-keyboard.entry.js +207 -186
- package/dist/mi-list-item-category.entry.js +44 -41
- package/dist/mi-list-item-location.entry.js +168 -162
- package/dist/mi-list.entry.js +56 -48
- package/dist/mi-location-booking.entry.js +320 -295
- package/dist/mi-location-info.entry.js +61 -53
- package/dist/mi-map-googlemaps.entry.js +369 -324
- package/dist/mi-map-mapbox.entry.js +502 -439
- package/dist/mi-metric-card.entry.js +50 -37
- package/dist/mi-my-position.entry.js +2341 -874
- package/dist/mi-notification.entry.js +112 -102
- package/dist/mi-route-instructions-heading.entry.js +70 -65
- package/dist/mi-route-instructions-maneuver-legacy.entry.js +80 -76
- package/dist/mi-route-instructions-maneuver.entry.js +80 -76
- package/dist/mi-route-instructions-step-legacy.entry.js +296 -282
- package/dist/mi-route-instructions-step.entry.js +313 -292
- package/dist/mi-route-instructions.entry.js +167 -150
- package/dist/mi-scroll-buttons.entry.js +104 -98
- package/dist/mi-search.entry.js +366 -325
- package/dist/mi-share-sms.entry.js +82 -70
- package/dist/mi-step-switcher.entry.js +34 -25
- package/dist/mi-tab-panel.entry.js +18 -18
- package/dist/mi-tab.entry.js +5 -7
- package/dist/mi-tabs.entry.js +42 -40
- package/dist/mi-time.entry.js +49 -49
- package/dist/mi-variables-CDNvnTkH.js +5 -0
- package/dist/{reactcomponent-D3K1zzGs.mjs → reactcomponent-2Oa1vSiK.mjs} +8996 -8660
- package/dist/route-travel-mode.enum-BvqP1fpw.js +9 -0
- package/dist/sort-order.enum-jsLAbYWg.js +566 -0
- package/dist/{unit-system.enum-eaefb53e.js → unit-system.enum-BwPgAWqL.js} +2 -2
- package/dist/utils-DNHzysQ6.js +61 -0
- package/package.json +1 -1
- package/dist/_commonjsHelpers-ba3f0406.js +0 -21
- package/dist/icon-b8d01d6f.js +0 -24
- package/dist/index-7e9696f3.js +0 -1678
- package/dist/mi-variables-9a6c8d4d.js +0 -6
- package/dist/polyfills/core-js.js +0 -11
- package/dist/polyfills/css-shim.js +0 -1
- package/dist/polyfills/dom.js +0 -79
- package/dist/polyfills/es5-html-element.js +0 -1
- package/dist/polyfills/index.js +0 -34
- package/dist/polyfills/system.js +0 -6
- package/dist/route-travel-mode.enum-7f4ce9c7.js +0 -9
- package/dist/sort-order.enum-64ce8998.js +0 -552
- package/dist/utils-ae714467.js +0 -61
package/dist/mi-card_2.entry.js
CHANGED
|
@@ -1,28 +1,33 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-BZQHyS7V.js';
|
|
2
2
|
|
|
3
|
-
const cardCss =
|
|
3
|
+
const cardCss = () => `:host{box-sizing:border-box;display:block;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:#ffffff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:8px;padding-top:32px;padding-bottom:32px;padding-left:32px;padding-right:32px;margin:24px}`;
|
|
4
4
|
|
|
5
5
|
const Card = class {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("slot", { key: 'dc6369cd7260bf6e9c45322a8a6f9935993170a9' }));
|
|
11
|
+
}
|
|
12
12
|
};
|
|
13
|
-
Card.style = cardCss;
|
|
13
|
+
Card.style = cardCss();
|
|
14
14
|
|
|
15
|
-
const spinnerCss =
|
|
15
|
+
const spinnerCss = () => `.spinner{display:flex;justify-content:center;align-items:center}.spinner>div{width:16px;height:16px;background-color:#6b7280;margin:4px;border-radius:100%;display:inline-block;animation:bouncedelay 1.4s infinite ease-in-out both}.spinner.inverse>div{background-color:#ffffff}.spinner .bounce1{animation-delay:-0.32s}.spinner .bounce2{animation-delay:-0.16s}@keyframes bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}`;
|
|
16
16
|
|
|
17
17
|
const Spinner = class {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
constructor(hostRef) {
|
|
19
|
+
registerInstance(this, hostRef);
|
|
20
|
+
/**
|
|
21
|
+
* The inverse attribute will inverse the color of the spinner.
|
|
22
|
+
*
|
|
23
|
+
* @type {boolean}
|
|
24
|
+
*/
|
|
25
|
+
this.inverse = false;
|
|
26
|
+
}
|
|
27
|
+
render() {
|
|
28
|
+
return (h(Host, { key: '0633eec3805a20320edfd85f9516bd9e254eafab' }, h("div", { key: '308c5119596050335b039334f19bea6d815a48fb', class: `spinner ${this.inverse ? 'inverse' : ''}` }, h("div", { key: 'c5d9d282a7e6e827ce72b7a32127894774b87564', class: "bounce1" }), h("div", { key: '9da13220e5da54bcffd43e350610c738fc85eebc', class: "bounce2" }), h("div", { key: '33af92df0abd175c12830777147e37c23e1d7615', class: "bounce3" }))));
|
|
29
|
+
}
|
|
25
30
|
};
|
|
26
|
-
Spinner.style = spinnerCss;
|
|
31
|
+
Spinner.style = spinnerCss();
|
|
27
32
|
|
|
28
33
|
export { Card as mi_card, Spinner as mi_spinner };
|
package/dist/mi-chip.entry.js
CHANGED
|
@@ -1,22 +1,31 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-BZQHyS7V.js';
|
|
2
2
|
|
|
3
|
-
const chipCss = ":root{--z-index-top:999999;--z-index-popup:950;--z-index-modal:900;--z-index-spinner:800;--z-index-overlay:700;--z-index-dropdown:600;--z-index-toast:500;--z-index-header:400;--z-index-sticky:300;--z-index-mask:200;--z-index-masked:100;--z-index-default:1;--z-index-deep:-999999;--transition-slowly:600ms ease;--transition-quickly:300ms ease;--tailwind-colors-rose-900:#881337;--tailwind-colors-rose-800:#9f1239;--tailwind-colors-rose-700:#be123c;--tailwind-colors-rose-600:#e11d48;--tailwind-colors-rose-500:#f43f5e;--tailwind-colors-rose-400:#fb7185;--tailwind-colors-rose-300:#fda4af;--tailwind-colors-rose-200:#fecdd3;--tailwind-colors-rose-100:#ffe4e6;--tailwind-colors-rose-50:#fff1f2;--tailwind-colors-pink-900:#831843;--tailwind-colors-pink-800:#9d174d;--tailwind-colors-pink-700:#be185d;--tailwind-colors-pink-600:#db2777;--tailwind-colors-pink-500:#ec4899;--tailwind-colors-pink-400:#f472b6;--tailwind-colors-pink-300:#f9a8d4;--tailwind-colors-pink-200:#fbcfe8;--tailwind-colors-pink-100:#fce7f3;--tailwind-colors-pink-50:#fdf2f8;--tailwind-colors-fuchsia-900:#701a75;--tailwind-colors-fuchsia-800:#86198f;--tailwind-colors-fuchsia-700:#a21caf;--tailwind-colors-fuchsia-600:#c026d3;--tailwind-colors-fuchsia-500:#d946ef;--tailwind-colors-fuchsia-400:#e879f9;--tailwind-colors-fuchsia-300:#f0abfc;--tailwind-colors-fuchsia-200:#f5d0fe;--tailwind-colors-fuchsia-100:#fae8ff;--tailwind-colors-fuchsia-50:#fdf4ff;--tailwind-colors-purple-900:#581c87;--tailwind-colors-purple-800:#6b21a8;--tailwind-colors-purple-700:#7e22ce;--tailwind-colors-purple-600:#9333ea;--tailwind-colors-purple-500:#a855f7;--tailwind-colors-purple-400:#c084fc;--tailwind-colors-purple-300:#d8b4fe;--tailwind-colors-purple-200:#e9d5ff;--tailwind-colors-purple-100:#f3e8ff;--tailwind-colors-purple-50:#faf5ff;--tailwind-colors-violet-900:#4c1d95;--tailwind-colors-violet-800:#5b21b6;--tailwind-colors-violet-700:#6d28d9;--tailwind-colors-violet-600:#7c3aed;--tailwind-colors-violet-500:#8b5cf6;--tailwind-colors-violet-400:#a78bfa;--tailwind-colors-violet-300:#c4b5fd;--tailwind-colors-violet-200:#ddd6fe;--tailwind-colors-violet-100:#ede9fe;--tailwind-colors-violet-50:#f5f3ff;--tailwind-colors-indigo-900:#312e81;--tailwind-colors-indigo-800:#3730a3;--tailwind-colors-indigo-700:#4338ca;--tailwind-colors-indigo-600:#4f46e5;--tailwind-colors-indigo-500:#6366f1;--tailwind-colors-indigo-400:#818cf8;--tailwind-colors-indigo-300:#a5b4fc;--tailwind-colors-indigo-200:#c7d2fe;--tailwind-colors-indigo-100:#e0e7ff;--tailwind-colors-indigo-50:#eef2ff;--tailwind-colors-blue-900:#1e3a8a;--tailwind-colors-blue-800:#1e40af;--tailwind-colors-blue-700:#1d4ed8;--tailwind-colors-blue-600:#2563eb;--tailwind-colors-blue-500:#3b82f6;--tailwind-colors-blue-400:#60a5fa;--tailwind-colors-blue-300:#93c5fd;--tailwind-colors-blue-200:#bfdbfe;--tailwind-colors-blue-100:#dbeafe;--tailwind-colors-blue-50:#eff6ff;--tailwind-colors-sky-900:#0c4a6e;--tailwind-colors-sky-800:#075985;--tailwind-colors-sky-700:#0369a1;--tailwind-colors-sky-600:#0284c7;--tailwind-colors-sky-500:#0ea5e9;--tailwind-colors-sky-400:#38bdf8;--tailwind-colors-sky-300:#7dd3fc;--tailwind-colors-sky-200:#bae6fd;--tailwind-colors-sky-100:#e0f2fe;--tailwind-colors-sky-50:#f0f9ff;--tailwind-colors-cyan-900:#164e63;--tailwind-colors-cyan-800:#155e75;--tailwind-colors-cyan-700:#0e7490;--tailwind-colors-cyan-600:#0891b2;--tailwind-colors-cyan-500:#06b6d4;--tailwind-colors-cyan-400:#22d3ee;--tailwind-colors-cyan-300:#67e8f9;--tailwind-colors-cyan-200:#a5f3fc;--tailwind-colors-cyan-100:#cffafe;--tailwind-colors-cyan-50:#ecfeff;--tailwind-colors-teal-900:#134e4a;--tailwind-colors-teal-800:#115e59;--tailwind-colors-teal-700:#0f766e;--tailwind-colors-teal-600:#0d9488;--tailwind-colors-teal-500:#14b8a6;--tailwind-colors-teal-400:#2dd4bf;--tailwind-colors-teal-300:#5eead4;--tailwind-colors-teal-200:#99f6e4;--tailwind-colors-teal-100:#ccfbf1;--tailwind-colors-teal-50:#f0fdfa;--tailwind-colors-emerald-900:#064e3b;--tailwind-colors-emerald-800:#065f46;--tailwind-colors-emerald-700:#047857;--tailwind-colors-emerald-600:#059669;--tailwind-colors-emerald-500:#10b981;--tailwind-colors-emerald-400:#34d399;--tailwind-colors-emerald-300:#6ee7b7;--tailwind-colors-emerald-200:#a7f3d0;--tailwind-colors-emerald-100:#d1fae5;--tailwind-colors-emerald-50:#ecfdf5;--tailwind-colors-green-900:#14532d;--tailwind-colors-green-800:#166534;--tailwind-colors-green-700:#15803d;--tailwind-colors-green-600:#16a34a;--tailwind-colors-green-500:#22c55e;--tailwind-colors-green-400:#4ade80;--tailwind-colors-green-300:#86efac;--tailwind-colors-green-200:#bbf7d0;--tailwind-colors-green-100:#dcfce7;--tailwind-colors-green-50:#f0fdf4;--tailwind-colors-lime-900:#365314;--tailwind-colors-lime-800:#3f6212;--tailwind-colors-lime-700:#4d7c0f;--tailwind-colors-lime-600:#65a30d;--tailwind-colors-lime-500:#84cc16;--tailwind-colors-lime-400:#a3e635;--tailwind-colors-lime-300:#bef264;--tailwind-colors-lime-200:#d9f99d;--tailwind-colors-lime-100:#ecfccb;--tailwind-colors-lime-50:#f7fee7;--tailwind-colors-yellow-900:#713f12;--tailwind-colors-yellow-800:#854d0e;--tailwind-colors-yellow-700:#a16207;--tailwind-colors-yellow-600:#ca8a04;--tailwind-colors-yellow-500:#eab308;--tailwind-colors-yellow-400:#facc15;--tailwind-colors-yellow-300:#fde047;--tailwind-colors-yellow-200:#fef08a;--tailwind-colors-yellow-100:#fef9c3;--tailwind-colors-yellow-50:#fefce8;--tailwind-colors-amber-900:#78350f;--tailwind-colors-amber-800:#92400e;--tailwind-colors-amber-700:#b45309;--tailwind-colors-amber-600:#d97706;--tailwind-colors-amber-500:#f59e0b;--tailwind-colors-amber-400:#fbbf24;--tailwind-colors-amber-300:#fcd34d;--tailwind-colors-amber-200:#fde68a;--tailwind-colors-amber-100:#fef3c7;--tailwind-colors-amber-50:#fffbeb;--tailwind-colors-orange-900:#7c2d12;--tailwind-colors-orange-800:#9a3412;--tailwind-colors-orange-700:#c2410c;--tailwind-colors-orange-600:#ea580c;--tailwind-colors-orange-500:#f97316;--tailwind-colors-orange-400:#fb923c;--tailwind-colors-orange-300:#fdba74;--tailwind-colors-orange-200:#fed7aa;--tailwind-colors-orange-100:#ffedd5;--tailwind-colors-orange-50:#fff7ed;--tailwind-colors-red-900:#7f1d1d;--tailwind-colors-red-800:#991b1b;--tailwind-colors-red-700:#b91c1c;--tailwind-colors-red-600:#dc2626;--tailwind-colors-red-500:#ef4444;--tailwind-colors-red-400:#f87171;--tailwind-colors-red-300:#fca5a5;--tailwind-colors-red-200:#fecaca;--tailwind-colors-red-100:#fee2e2;--tailwind-colors-red-50:#fef2f2;--tailwind-colors-stone-900:#1c1917;--tailwind-colors-stone-800:#292524;--tailwind-colors-stone-700:#44403c;--tailwind-colors-stone-600:#57534e;--tailwind-colors-stone-500:#78716c;--tailwind-colors-stone-400:#a8a29e;--tailwind-colors-stone-300:#d6d3d1;--tailwind-colors-stone-200:#e7e5e4;--tailwind-colors-stone-100:#f5f5f4;--tailwind-colors-stone-50:#fafaf9;--tailwind-colors-neutral-900:#171717;--tailwind-colors-neutral-800:#262626;--tailwind-colors-neutral-700:#404040;--tailwind-colors-neutral-600:#525252;--tailwind-colors-neutral-500:#737373;--tailwind-colors-neutral-400:#a3a3a3;--tailwind-colors-neutral-300:#d4d4d4;--tailwind-colors-neutral-200:#e5e5e5;--tailwind-colors-neutral-100:#f5f5f5;--tailwind-colors-neutral-50:#fafafa;--tailwind-colors-zinc-900:#18181b;--tailwind-colors-zinc-800:#27272a;--tailwind-colors-zinc-700:#3f3f46;--tailwind-colors-zinc-600:#52525b;--tailwind-colors-zinc-500:#71717a;--tailwind-colors-zinc-400:#a1a1aa;--tailwind-colors-zinc-300:#d4d4d8;--tailwind-colors-zinc-200:#e4e4e7;--tailwind-colors-zinc-100:#f4f4f5;--tailwind-colors-zinc-50:#fafafa;--tailwind-colors-gray-900:#111827;--tailwind-colors-gray-800:#1f2937;--tailwind-colors-gray-700:#374151;--tailwind-colors-gray-600:#4b5563;--tailwind-colors-gray-500:#6b7280;--tailwind-colors-gray-400:#9ca3af;--tailwind-colors-gray-300:#d1d5db;--tailwind-colors-gray-200:#e5e7eb;--tailwind-colors-gray-100:#f3f4f6;--tailwind-colors-gray-50:#f9fafb;--tailwind-colors-slate-900:#0f172a;--tailwind-colors-slate-800:#1e293b;--tailwind-colors-slate-700:#334155;--tailwind-colors-slate-600:#475569;--tailwind-colors-slate-500:#64748b;--tailwind-colors-slate-400:#94a3b8;--tailwind-colors-slate-300:#cbd5e1;--tailwind-colors-slate-200:#e2e8f0;--tailwind-colors-slate-100:#f1f5f9;--tailwind-colors-slate-50:#f8fafc;--tailwind-colors-black:#000000;--tailwind-colors-white:#ffffff;--spacing-xxxx-large:64px;--spacing-xxx-large:48px;--spacing-xx-large:40px;--spacing-x-large:32px;--spacing-large:24px;--spacing-medium:16px;--spacing-small:12px;--spacing-x-small:8px;--spacing-xx-small:4px;--spacing-xxx-small:2px;--rounding-circle:50%;--rounding-pill:9999px;--rounding-x-large:16px;--rounding-large:8px;--rounding-medium:4px;--rounding-small:2px;--rounding-x-small:1px;--rounding-xx-small:0px;--opacity-xxx-large:1;--opacity-xx-large:0.88;--opacity-x-large:0.72;--opacity-large:0.48;--opacity-medium:0.24;--opacity-small:0.16;--opacity-x-small:0.08;--opacity-xx-small:0;--icon-size-xx-large:64px;--icon-size-x-large:48px;--icon-size-large:32px;--icon-size-medium:24px;--icon-size-small:16px;--font-measure-large:34rem;--font-measure-medium:30rem;--font-measure-small:20rem;--font-tracking-x-large:.25rem;--font-tracking-large:.1rem;--font-tracking-medium:normal;--font-tracking-small:-.05rem;--font-weight-xx-large:700;--font-weight-x-large:600;--font-weight-large:500;--font-weight-medium:400;--font-weight-small:300;--font-size-xxxx-large:4.5rem;--font-size-xxx-large:3rem;--font-size-xx-large:2.25rem;--font-size-x-large:1.5rem;--font-size-large:1.25rem;--font-size-medium:1rem;--font-size-small:0.875rem;--font-size-x-small:0.75rem;--font-family-serif:Georgia, Times, Times New Roman, serif;--font-family-monospace:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--font-family-system:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--elevation-x-large:0px 20px 20px rgba(0, 0, 0, 0.2), 0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-large:0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-medium:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.18), 0px 8px 8px rgba(0, 0, 0, 0.16);--elevation-small:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);--elevation-x-small:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);--color-transparent-base:rgba(0, 0, 0, 0);--color-white-base:#fcfcfc;--breakpoints-xx-large:only screen and (min-width: 1220px);--breakpoints-x-large:only screen and (min-width: 1025px);--breakpoints-large:only screen and (min-width: 992px);--breakpoints-medium:only screen and (min-width: 768px);--breakpoints-small:only screen and (min-width: 576px);--breakpoints-x-small:only screen and (max-width: 575px);--breakpoints-xx-small:only screen and (max-width: 360px);--brand-colors-black-100:#000000;--brand-colors-black-80:#323232;--brand-colors-black-60:#666666;--brand-colors-black-40:#999999;--brand-colors-black-20:#cccccc;--brand-colors-white-100:#ffffff;--brand-colors-dark-pine-100:#005655;--brand-colors-dark-pine-80:#327676;--brand-colors-dark-pine-60:#669999;--brand-colors-dark-pine-40:#99bbbb;--brand-colors-dark-pine-20:#ccdddd;--brand-colors-sky-blue-100:#abddff;--brand-colors-sky-blue-80:#c3e5ff;--brand-colors-sky-blue-60:#d2ebff;--brand-colors-sky-blue-40:#e1f2ff;--brand-colors-sky-blue-20:#f0f8ff;--brand-colors-sand-100:#ffefd7;--brand-colors-sand-80:#fff2df;--brand-colors-sand-60:#fff5e7;--brand-colors-brand-lime-100:#cdff00;--brand-colors-brand-lime-80:#d7ff32;--brand-colors-brand-lime-60:#e1ff66;--brand-colors-brand-lime-40:#ebff99;--brand-colors-brand-lime-20:#f5ffcc;--brand-colors-electric-purple-100:#7d49f3;--brand-colors-electric-purple-80:#976df5;--brand-colors-electric-purple-60:#b191f7;--brand-colors-electric-purple-40:#cbb6fa;--brand-colors-electric-purple-20:#e5dafc;--font-family-sans-serif:Figtree, var(--font-family-system);--color-dusk-base:var(--tailwind-colors-violet-500);--color-dusk-100:var(--tailwind-colors-violet-900);--color-dusk-90:var(--tailwind-colors-violet-800);--color-dusk-80:var(--tailwind-colors-violet-700);--color-dusk-70:var(--tailwind-colors-violet-600);--color-dusk-60:var(--tailwind-colors-violet-500);--color-dusk-50:var(--tailwind-colors-violet-400);--color-dusk-40:var(--tailwind-colors-violet-300);--color-dusk-30:var(--tailwind-colors-violet-200);--color-dusk-20:var(--tailwind-colors-violet-100);--color-dusk-10:var(--tailwind-colors-violet-50);--color-slate-base:var(--tailwind-colors-slate-500);--color-slate-100:var(--tailwind-colors-slate-900);--color-slate-90:var(--tailwind-colors-slate-800);--color-slate-80:var(--tailwind-colors-slate-700);--color-slate-70:var(--tailwind-colors-slate-600);--color-slate-60:var(--tailwind-colors-slate-500);--color-slate-50:var(--tailwind-colors-slate-400);--color-slate-40:var(--tailwind-colors-slate-300);--color-slate-30:var(--tailwind-colors-slate-200);--color-slate-20:var(--tailwind-colors-slate-100);--color-slate-10:var(--tailwind-colors-slate-50);--color-teal-base:var(--tailwind-colors-teal-500);--color-teal-100:var(--tailwind-colors-teal-900);--color-teal-90:var(--tailwind-colors-teal-800);--color-teal-80:var(--tailwind-colors-teal-700);--color-teal-70:var(--tailwind-colors-teal-600);--color-teal-60:var(--tailwind-colors-teal-500);--color-teal-50:var(--tailwind-colors-teal-400);--color-teal-40:var(--tailwind-colors-teal-300);--color-teal-30:var(--tailwind-colors-teal-200);--color-teal-20:var(--tailwind-colors-teal-100);--color-teal-10:var(--tailwind-colors-teal-50);--color-sky-base:var(--tailwind-colors-sky-500);--color-sky-100:var(--tailwind-colors-sky-900);--color-sky-90:var(--tailwind-colors-sky-800);--color-sky-80:var(--tailwind-colors-sky-700);--color-sky-70:var(--tailwind-colors-sky-600);--color-sky-60:var(--tailwind-colors-sky-500);--color-sky-50:var(--tailwind-colors-sky-400);--color-sky-40:var(--tailwind-colors-sky-300);--color-sky-30:var(--tailwind-colors-sky-200);--color-sky-20:var(--tailwind-colors-sky-100);--color-sky-10:var(--tailwind-colors-sky-50);--color-indigo-base:var(--tailwind-colors-indigo-500);--color-indigo-100:var(--tailwind-colors-indigo-900);--color-indigo-90:var(--tailwind-colors-indigo-800);--color-indigo-80:var(--tailwind-colors-indigo-700);--color-indigo-70:var(--tailwind-colors-indigo-600);--color-indigo-60:var(--tailwind-colors-indigo-500);--color-indigo-50:var(--tailwind-colors-indigo-400);--color-indigo-40:var(--tailwind-colors-indigo-300);--color-indigo-30:var(--tailwind-colors-indigo-200);--color-indigo-20:var(--tailwind-colors-indigo-100);--color-indigo-10:var(--tailwind-colors-indigo-50);--color-magenta-base:var(--tailwind-colors-pink-500);--color-magenta-100:var(--tailwind-colors-pink-900);--color-magenta-90:var(--tailwind-colors-pink-800);--color-magenta-80:var(--tailwind-colors-pink-700);--color-magenta-70:var(--tailwind-colors-pink-600);--color-magenta-60:var(--tailwind-colors-pink-500);--color-magenta-50:var(--tailwind-colors-pink-400);--color-magenta-40:var(--tailwind-colors-pink-300);--color-magenta-30:var(--tailwind-colors-pink-200);--color-magenta-20:var(--tailwind-colors-pink-100);--color-magenta-10:var(--tailwind-colors-pink-50);--color-purple-base:var(--tailwind-colors-purple-500);--color-purple-100:var(--tailwind-colors-purple-900);--color-purple-90:var(--tailwind-colors-purple-800);--color-purple-80:var(--tailwind-colors-purple-700);--color-purple-70:var(--tailwind-colors-purple-600);--color-purple-60:var(--tailwind-colors-purple-500);--color-purple-50:var(--tailwind-colors-purple-400);--color-purple-40:var(--tailwind-colors-purple-300);--color-purple-30:var(--tailwind-colors-purple-200);--color-purple-20:var(--tailwind-colors-purple-100);--color-purple-10:var(--tailwind-colors-purple-50);--color-bronze-base:var(--tailwind-colors-amber-500);--color-bronze-100:var(--tailwind-colors-amber-900);--color-bronze-90:var(--tailwind-colors-amber-800);--color-bronze-80:var(--tailwind-colors-amber-700);--color-bronze-70:var(--tailwind-colors-amber-600);--color-bronze-60:var(--tailwind-colors-amber-500);--color-bronze-50:var(--tailwind-colors-amber-400);--color-bronze-40:var(--tailwind-colors-amber-300);--color-bronze-30:var(--tailwind-colors-amber-200);--color-bronze-20:var(--tailwind-colors-amber-100);--color-bronze-10:var(--tailwind-colors-amber-50);--color-blue-base:var(--tailwind-colors-blue-500);--color-blue-100:var(--tailwind-colors-blue-900);--color-blue-90:var(--tailwind-colors-blue-800);--color-blue-80:var(--tailwind-colors-blue-700);--color-blue-70:var(--tailwind-colors-blue-600);--color-blue-60:var(--tailwind-colors-blue-500);--color-blue-50:var(--tailwind-colors-blue-400);--color-blue-40:var(--tailwind-colors-blue-300);--color-blue-30:var(--tailwind-colors-blue-200);--color-blue-20:var(--tailwind-colors-blue-100);--color-blue-10:var(--tailwind-colors-blue-50);--color-green-base:var(--tailwind-colors-green-500);--color-green-100:var(--tailwind-colors-green-900);--color-green-90:var(--tailwind-colors-green-800);--color-green-80:var(--tailwind-colors-green-700);--color-green-70:var(--tailwind-colors-green-600);--color-green-60:var(--tailwind-colors-green-500);--color-green-50:var(--tailwind-colors-green-400);--color-green-40:var(--tailwind-colors-green-300);--color-green-30:var(--tailwind-colors-green-200);--color-green-20:var(--tailwind-colors-green-100);--color-green-10:var(--tailwind-colors-green-50);--color-red-base:var(--tailwind-colors-red-500);--color-red-100:var(--tailwind-colors-red-900);--color-red-90:var(--tailwind-colors-red-800);--color-red-80:var(--tailwind-colors-red-700);--color-red-70:var(--tailwind-colors-red-600);--color-red-60:var(--tailwind-colors-red-500);--color-red-50:var(--tailwind-colors-red-400);--color-red-40:var(--tailwind-colors-red-300);--color-red-30:var(--tailwind-colors-red-200);--color-red-20:var(--tailwind-colors-red-100);--color-red-10:var(--tailwind-colors-red-50);--color-gray-base:var(--tailwind-colors-gray-500);--color-gray-100:var(--tailwind-colors-gray-900);--color-gray-90:var(--tailwind-colors-gray-800);--color-gray-80:var(--tailwind-colors-gray-700);--color-gray-70:var(--tailwind-colors-gray-600);--color-gray-60:var(--tailwind-colors-gray-500);--color-gray-50:var(--tailwind-colors-gray-400);--color-gray-40:var(--tailwind-colors-gray-300);--color-gray-30:var(--tailwind-colors-gray-200);--color-gray-20:var(--tailwind-colors-gray-100);--color-gray-10:var(--tailwind-colors-gray-50);--color-hotorchid-base:var(--tailwind-colors-pink-500);--color-white-white:var(--tailwind-colors-white);--color-black-black:var(--tailwind-colors-black);--color-black-base:var(--tailwind-colors-stone-900)}.chip{display:flex;background-color:var(--tailwind-colors-gray-50);border:1px solid var(--tailwind-colors-gray-200);padding:0 var(--spacing-xx-small);border-radius:var(--spacing-x-small);align-items:center;color:var(--tailwind-colors-neutral-500);font-family:var(--font-family-system);font-size:var(--font-size-medium);height:var(--spacing-xxx-large);width:-moz-fit-content;width:fit-content;cursor:default}.chip:hover{background-color:var(--tailwind-colors-gray-100)}.chip--active{color:var(--brand-colors-white-100)}.chip--active:hover{filter:brightness(90%)}.chip__content{padding:0 var(--spacing-small);white-space:nowrap}.chip__icon{width:var(--spacing-x-large);height:var(--spacing-x-large)}";
|
|
3
|
+
const chipCss = () => `:root{--z-index-top:999999;--z-index-popup:950;--z-index-modal:900;--z-index-spinner:800;--z-index-overlay:700;--z-index-dropdown:600;--z-index-toast:500;--z-index-header:400;--z-index-sticky:300;--z-index-mask:200;--z-index-masked:100;--z-index-default:1;--z-index-deep:-999999;--transition-slowly:600ms ease;--transition-quickly:300ms ease;--tailwind-colors-rose-900:#881337;--tailwind-colors-rose-800:#9f1239;--tailwind-colors-rose-700:#be123c;--tailwind-colors-rose-600:#e11d48;--tailwind-colors-rose-500:#f43f5e;--tailwind-colors-rose-400:#fb7185;--tailwind-colors-rose-300:#fda4af;--tailwind-colors-rose-200:#fecdd3;--tailwind-colors-rose-100:#ffe4e6;--tailwind-colors-rose-50:#fff1f2;--tailwind-colors-pink-900:#831843;--tailwind-colors-pink-800:#9d174d;--tailwind-colors-pink-700:#be185d;--tailwind-colors-pink-600:#db2777;--tailwind-colors-pink-500:#ec4899;--tailwind-colors-pink-400:#f472b6;--tailwind-colors-pink-300:#f9a8d4;--tailwind-colors-pink-200:#fbcfe8;--tailwind-colors-pink-100:#fce7f3;--tailwind-colors-pink-50:#fdf2f8;--tailwind-colors-fuchsia-900:#701a75;--tailwind-colors-fuchsia-800:#86198f;--tailwind-colors-fuchsia-700:#a21caf;--tailwind-colors-fuchsia-600:#c026d3;--tailwind-colors-fuchsia-500:#d946ef;--tailwind-colors-fuchsia-400:#e879f9;--tailwind-colors-fuchsia-300:#f0abfc;--tailwind-colors-fuchsia-200:#f5d0fe;--tailwind-colors-fuchsia-100:#fae8ff;--tailwind-colors-fuchsia-50:#fdf4ff;--tailwind-colors-purple-900:#581c87;--tailwind-colors-purple-800:#6b21a8;--tailwind-colors-purple-700:#7e22ce;--tailwind-colors-purple-600:#9333ea;--tailwind-colors-purple-500:#a855f7;--tailwind-colors-purple-400:#c084fc;--tailwind-colors-purple-300:#d8b4fe;--tailwind-colors-purple-200:#e9d5ff;--tailwind-colors-purple-100:#f3e8ff;--tailwind-colors-purple-50:#faf5ff;--tailwind-colors-violet-900:#4c1d95;--tailwind-colors-violet-800:#5b21b6;--tailwind-colors-violet-700:#6d28d9;--tailwind-colors-violet-600:#7c3aed;--tailwind-colors-violet-500:#8b5cf6;--tailwind-colors-violet-400:#a78bfa;--tailwind-colors-violet-300:#c4b5fd;--tailwind-colors-violet-200:#ddd6fe;--tailwind-colors-violet-100:#ede9fe;--tailwind-colors-violet-50:#f5f3ff;--tailwind-colors-indigo-900:#312e81;--tailwind-colors-indigo-800:#3730a3;--tailwind-colors-indigo-700:#4338ca;--tailwind-colors-indigo-600:#4f46e5;--tailwind-colors-indigo-500:#6366f1;--tailwind-colors-indigo-400:#818cf8;--tailwind-colors-indigo-300:#a5b4fc;--tailwind-colors-indigo-200:#c7d2fe;--tailwind-colors-indigo-100:#e0e7ff;--tailwind-colors-indigo-50:#eef2ff;--tailwind-colors-blue-900:#1e3a8a;--tailwind-colors-blue-800:#1e40af;--tailwind-colors-blue-700:#1d4ed8;--tailwind-colors-blue-600:#2563eb;--tailwind-colors-blue-500:#3b82f6;--tailwind-colors-blue-400:#60a5fa;--tailwind-colors-blue-300:#93c5fd;--tailwind-colors-blue-200:#bfdbfe;--tailwind-colors-blue-100:#dbeafe;--tailwind-colors-blue-50:#eff6ff;--tailwind-colors-sky-900:#0c4a6e;--tailwind-colors-sky-800:#075985;--tailwind-colors-sky-700:#0369a1;--tailwind-colors-sky-600:#0284c7;--tailwind-colors-sky-500:#0ea5e9;--tailwind-colors-sky-400:#38bdf8;--tailwind-colors-sky-300:#7dd3fc;--tailwind-colors-sky-200:#bae6fd;--tailwind-colors-sky-100:#e0f2fe;--tailwind-colors-sky-50:#f0f9ff;--tailwind-colors-cyan-900:#164e63;--tailwind-colors-cyan-800:#155e75;--tailwind-colors-cyan-700:#0e7490;--tailwind-colors-cyan-600:#0891b2;--tailwind-colors-cyan-500:#06b6d4;--tailwind-colors-cyan-400:#22d3ee;--tailwind-colors-cyan-300:#67e8f9;--tailwind-colors-cyan-200:#a5f3fc;--tailwind-colors-cyan-100:#cffafe;--tailwind-colors-cyan-50:#ecfeff;--tailwind-colors-teal-900:#134e4a;--tailwind-colors-teal-800:#115e59;--tailwind-colors-teal-700:#0f766e;--tailwind-colors-teal-600:#0d9488;--tailwind-colors-teal-500:#14b8a6;--tailwind-colors-teal-400:#2dd4bf;--tailwind-colors-teal-300:#5eead4;--tailwind-colors-teal-200:#99f6e4;--tailwind-colors-teal-100:#ccfbf1;--tailwind-colors-teal-50:#f0fdfa;--tailwind-colors-emerald-900:#064e3b;--tailwind-colors-emerald-800:#065f46;--tailwind-colors-emerald-700:#047857;--tailwind-colors-emerald-600:#059669;--tailwind-colors-emerald-500:#10b981;--tailwind-colors-emerald-400:#34d399;--tailwind-colors-emerald-300:#6ee7b7;--tailwind-colors-emerald-200:#a7f3d0;--tailwind-colors-emerald-100:#d1fae5;--tailwind-colors-emerald-50:#ecfdf5;--tailwind-colors-green-900:#14532d;--tailwind-colors-green-800:#166534;--tailwind-colors-green-700:#15803d;--tailwind-colors-green-600:#16a34a;--tailwind-colors-green-500:#22c55e;--tailwind-colors-green-400:#4ade80;--tailwind-colors-green-300:#86efac;--tailwind-colors-green-200:#bbf7d0;--tailwind-colors-green-100:#dcfce7;--tailwind-colors-green-50:#f0fdf4;--tailwind-colors-lime-900:#365314;--tailwind-colors-lime-800:#3f6212;--tailwind-colors-lime-700:#4d7c0f;--tailwind-colors-lime-600:#65a30d;--tailwind-colors-lime-500:#84cc16;--tailwind-colors-lime-400:#a3e635;--tailwind-colors-lime-300:#bef264;--tailwind-colors-lime-200:#d9f99d;--tailwind-colors-lime-100:#ecfccb;--tailwind-colors-lime-50:#f7fee7;--tailwind-colors-yellow-900:#713f12;--tailwind-colors-yellow-800:#854d0e;--tailwind-colors-yellow-700:#a16207;--tailwind-colors-yellow-600:#ca8a04;--tailwind-colors-yellow-500:#eab308;--tailwind-colors-yellow-400:#facc15;--tailwind-colors-yellow-300:#fde047;--tailwind-colors-yellow-200:#fef08a;--tailwind-colors-yellow-100:#fef9c3;--tailwind-colors-yellow-50:#fefce8;--tailwind-colors-amber-900:#78350f;--tailwind-colors-amber-800:#92400e;--tailwind-colors-amber-700:#b45309;--tailwind-colors-amber-600:#d97706;--tailwind-colors-amber-500:#f59e0b;--tailwind-colors-amber-400:#fbbf24;--tailwind-colors-amber-300:#fcd34d;--tailwind-colors-amber-200:#fde68a;--tailwind-colors-amber-100:#fef3c7;--tailwind-colors-amber-50:#fffbeb;--tailwind-colors-orange-900:#7c2d12;--tailwind-colors-orange-800:#9a3412;--tailwind-colors-orange-700:#c2410c;--tailwind-colors-orange-600:#ea580c;--tailwind-colors-orange-500:#f97316;--tailwind-colors-orange-400:#fb923c;--tailwind-colors-orange-300:#fdba74;--tailwind-colors-orange-200:#fed7aa;--tailwind-colors-orange-100:#ffedd5;--tailwind-colors-orange-50:#fff7ed;--tailwind-colors-red-900:#7f1d1d;--tailwind-colors-red-800:#991b1b;--tailwind-colors-red-700:#b91c1c;--tailwind-colors-red-600:#dc2626;--tailwind-colors-red-500:#ef4444;--tailwind-colors-red-400:#f87171;--tailwind-colors-red-300:#fca5a5;--tailwind-colors-red-200:#fecaca;--tailwind-colors-red-100:#fee2e2;--tailwind-colors-red-50:#fef2f2;--tailwind-colors-stone-900:#1c1917;--tailwind-colors-stone-800:#292524;--tailwind-colors-stone-700:#44403c;--tailwind-colors-stone-600:#57534e;--tailwind-colors-stone-500:#78716c;--tailwind-colors-stone-400:#a8a29e;--tailwind-colors-stone-300:#d6d3d1;--tailwind-colors-stone-200:#e7e5e4;--tailwind-colors-stone-100:#f5f5f4;--tailwind-colors-stone-50:#fafaf9;--tailwind-colors-neutral-900:#171717;--tailwind-colors-neutral-800:#262626;--tailwind-colors-neutral-700:#404040;--tailwind-colors-neutral-600:#525252;--tailwind-colors-neutral-500:#737373;--tailwind-colors-neutral-400:#a3a3a3;--tailwind-colors-neutral-300:#d4d4d4;--tailwind-colors-neutral-200:#e5e5e5;--tailwind-colors-neutral-100:#f5f5f5;--tailwind-colors-neutral-50:#fafafa;--tailwind-colors-zinc-900:#18181b;--tailwind-colors-zinc-800:#27272a;--tailwind-colors-zinc-700:#3f3f46;--tailwind-colors-zinc-600:#52525b;--tailwind-colors-zinc-500:#71717a;--tailwind-colors-zinc-400:#a1a1aa;--tailwind-colors-zinc-300:#d4d4d8;--tailwind-colors-zinc-200:#e4e4e7;--tailwind-colors-zinc-100:#f4f4f5;--tailwind-colors-zinc-50:#fafafa;--tailwind-colors-gray-900:#111827;--tailwind-colors-gray-800:#1f2937;--tailwind-colors-gray-700:#374151;--tailwind-colors-gray-600:#4b5563;--tailwind-colors-gray-500:#6b7280;--tailwind-colors-gray-400:#9ca3af;--tailwind-colors-gray-300:#d1d5db;--tailwind-colors-gray-200:#e5e7eb;--tailwind-colors-gray-100:#f3f4f6;--tailwind-colors-gray-50:#f9fafb;--tailwind-colors-slate-900:#0f172a;--tailwind-colors-slate-800:#1e293b;--tailwind-colors-slate-700:#334155;--tailwind-colors-slate-600:#475569;--tailwind-colors-slate-500:#64748b;--tailwind-colors-slate-400:#94a3b8;--tailwind-colors-slate-300:#cbd5e1;--tailwind-colors-slate-200:#e2e8f0;--tailwind-colors-slate-100:#f1f5f9;--tailwind-colors-slate-50:#f8fafc;--tailwind-colors-black:#000000;--tailwind-colors-white:#ffffff;--spacing-xxxx-large:64px;--spacing-xxx-large:48px;--spacing-xx-large:40px;--spacing-x-large:32px;--spacing-large:24px;--spacing-medium:16px;--spacing-small:12px;--spacing-x-small:8px;--spacing-xx-small:4px;--spacing-xxx-small:2px;--rounding-circle:50%;--rounding-pill:9999px;--rounding-x-large:16px;--rounding-large:8px;--rounding-medium:4px;--rounding-small:2px;--rounding-x-small:1px;--rounding-xx-small:0px;--opacity-xxx-large:1;--opacity-xx-large:0.88;--opacity-x-large:0.72;--opacity-large:0.48;--opacity-medium:0.24;--opacity-small:0.16;--opacity-x-small:0.08;--opacity-xx-small:0;--icon-size-xx-large:64px;--icon-size-x-large:48px;--icon-size-large:32px;--icon-size-medium:24px;--icon-size-small:16px;--font-measure-large:34rem;--font-measure-medium:30rem;--font-measure-small:20rem;--font-tracking-x-large:.25rem;--font-tracking-large:.1rem;--font-tracking-medium:normal;--font-tracking-small:-.05rem;--font-weight-xx-large:700;--font-weight-x-large:600;--font-weight-large:500;--font-weight-medium:400;--font-weight-small:300;--font-size-xxxx-large:4.5rem;--font-size-xxx-large:3rem;--font-size-xx-large:2.25rem;--font-size-x-large:1.5rem;--font-size-large:1.25rem;--font-size-medium:1rem;--font-size-small:0.875rem;--font-size-x-small:0.75rem;--font-family-serif:Georgia, Times, Times New Roman, serif;--font-family-monospace:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--font-family-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--elevation-x-large:0px 20px 20px rgba(0, 0, 0, 0.2), 0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-large:0px 16px 16px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.16), 0px 8px 8px rgba(0, 0, 0, 0.12);--elevation-medium:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.18), 0px 8px 8px rgba(0, 0, 0, 0.16);--elevation-small:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);--elevation-x-small:0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.2);--color-transparent-base:rgba(0, 0, 0, 0);--color-white-base:#fcfcfc;--breakpoints-xx-large:only screen and (min-width: 1220px);--breakpoints-x-large:only screen and (min-width: 1025px);--breakpoints-large:only screen and (min-width: 992px);--breakpoints-medium:only screen and (min-width: 768px);--breakpoints-small:only screen and (min-width: 576px);--breakpoints-x-small:only screen and (max-width: 575px);--breakpoints-xx-small:only screen and (max-width: 360px);--brand-colors-black-100:#000000;--brand-colors-black-80:#323232;--brand-colors-black-60:#666666;--brand-colors-black-40:#999999;--brand-colors-black-20:#cccccc;--brand-colors-white-100:#ffffff;--brand-colors-dark-pine-100:#005655;--brand-colors-dark-pine-80:#327676;--brand-colors-dark-pine-60:#669999;--brand-colors-dark-pine-40:#99bbbb;--brand-colors-dark-pine-20:#ccdddd;--brand-colors-sky-blue-100:#abddff;--brand-colors-sky-blue-80:#c3e5ff;--brand-colors-sky-blue-60:#d2ebff;--brand-colors-sky-blue-40:#e1f2ff;--brand-colors-sky-blue-20:#f0f8ff;--brand-colors-sand-100:#ffefd7;--brand-colors-sand-80:#fff2df;--brand-colors-sand-60:#fff5e7;--brand-colors-brand-lime-100:#cdff00;--brand-colors-brand-lime-80:#d7ff32;--brand-colors-brand-lime-60:#e1ff66;--brand-colors-brand-lime-40:#ebff99;--brand-colors-brand-lime-20:#f5ffcc;--brand-colors-electric-purple-100:#7d49f3;--brand-colors-electric-purple-80:#976df5;--brand-colors-electric-purple-60:#b191f7;--brand-colors-electric-purple-40:#cbb6fa;--brand-colors-electric-purple-20:#e5dafc;--font-family-sans-serif:Figtree, var(--font-family-system);--color-dusk-base:var(--tailwind-colors-violet-500);--color-dusk-100:var(--tailwind-colors-violet-900);--color-dusk-90:var(--tailwind-colors-violet-800);--color-dusk-80:var(--tailwind-colors-violet-700);--color-dusk-70:var(--tailwind-colors-violet-600);--color-dusk-60:var(--tailwind-colors-violet-500);--color-dusk-50:var(--tailwind-colors-violet-400);--color-dusk-40:var(--tailwind-colors-violet-300);--color-dusk-30:var(--tailwind-colors-violet-200);--color-dusk-20:var(--tailwind-colors-violet-100);--color-dusk-10:var(--tailwind-colors-violet-50);--color-slate-base:var(--tailwind-colors-slate-500);--color-slate-100:var(--tailwind-colors-slate-900);--color-slate-90:var(--tailwind-colors-slate-800);--color-slate-80:var(--tailwind-colors-slate-700);--color-slate-70:var(--tailwind-colors-slate-600);--color-slate-60:var(--tailwind-colors-slate-500);--color-slate-50:var(--tailwind-colors-slate-400);--color-slate-40:var(--tailwind-colors-slate-300);--color-slate-30:var(--tailwind-colors-slate-200);--color-slate-20:var(--tailwind-colors-slate-100);--color-slate-10:var(--tailwind-colors-slate-50);--color-teal-base:var(--tailwind-colors-teal-500);--color-teal-100:var(--tailwind-colors-teal-900);--color-teal-90:var(--tailwind-colors-teal-800);--color-teal-80:var(--tailwind-colors-teal-700);--color-teal-70:var(--tailwind-colors-teal-600);--color-teal-60:var(--tailwind-colors-teal-500);--color-teal-50:var(--tailwind-colors-teal-400);--color-teal-40:var(--tailwind-colors-teal-300);--color-teal-30:var(--tailwind-colors-teal-200);--color-teal-20:var(--tailwind-colors-teal-100);--color-teal-10:var(--tailwind-colors-teal-50);--color-sky-base:var(--tailwind-colors-sky-500);--color-sky-100:var(--tailwind-colors-sky-900);--color-sky-90:var(--tailwind-colors-sky-800);--color-sky-80:var(--tailwind-colors-sky-700);--color-sky-70:var(--tailwind-colors-sky-600);--color-sky-60:var(--tailwind-colors-sky-500);--color-sky-50:var(--tailwind-colors-sky-400);--color-sky-40:var(--tailwind-colors-sky-300);--color-sky-30:var(--tailwind-colors-sky-200);--color-sky-20:var(--tailwind-colors-sky-100);--color-sky-10:var(--tailwind-colors-sky-50);--color-indigo-base:var(--tailwind-colors-indigo-500);--color-indigo-100:var(--tailwind-colors-indigo-900);--color-indigo-90:var(--tailwind-colors-indigo-800);--color-indigo-80:var(--tailwind-colors-indigo-700);--color-indigo-70:var(--tailwind-colors-indigo-600);--color-indigo-60:var(--tailwind-colors-indigo-500);--color-indigo-50:var(--tailwind-colors-indigo-400);--color-indigo-40:var(--tailwind-colors-indigo-300);--color-indigo-30:var(--tailwind-colors-indigo-200);--color-indigo-20:var(--tailwind-colors-indigo-100);--color-indigo-10:var(--tailwind-colors-indigo-50);--color-magenta-base:var(--tailwind-colors-pink-500);--color-magenta-100:var(--tailwind-colors-pink-900);--color-magenta-90:var(--tailwind-colors-pink-800);--color-magenta-80:var(--tailwind-colors-pink-700);--color-magenta-70:var(--tailwind-colors-pink-600);--color-magenta-60:var(--tailwind-colors-pink-500);--color-magenta-50:var(--tailwind-colors-pink-400);--color-magenta-40:var(--tailwind-colors-pink-300);--color-magenta-30:var(--tailwind-colors-pink-200);--color-magenta-20:var(--tailwind-colors-pink-100);--color-magenta-10:var(--tailwind-colors-pink-50);--color-purple-base:var(--tailwind-colors-purple-500);--color-purple-100:var(--tailwind-colors-purple-900);--color-purple-90:var(--tailwind-colors-purple-800);--color-purple-80:var(--tailwind-colors-purple-700);--color-purple-70:var(--tailwind-colors-purple-600);--color-purple-60:var(--tailwind-colors-purple-500);--color-purple-50:var(--tailwind-colors-purple-400);--color-purple-40:var(--tailwind-colors-purple-300);--color-purple-30:var(--tailwind-colors-purple-200);--color-purple-20:var(--tailwind-colors-purple-100);--color-purple-10:var(--tailwind-colors-purple-50);--color-bronze-base:var(--tailwind-colors-amber-500);--color-bronze-100:var(--tailwind-colors-amber-900);--color-bronze-90:var(--tailwind-colors-amber-800);--color-bronze-80:var(--tailwind-colors-amber-700);--color-bronze-70:var(--tailwind-colors-amber-600);--color-bronze-60:var(--tailwind-colors-amber-500);--color-bronze-50:var(--tailwind-colors-amber-400);--color-bronze-40:var(--tailwind-colors-amber-300);--color-bronze-30:var(--tailwind-colors-amber-200);--color-bronze-20:var(--tailwind-colors-amber-100);--color-bronze-10:var(--tailwind-colors-amber-50);--color-blue-base:var(--tailwind-colors-blue-500);--color-blue-100:var(--tailwind-colors-blue-900);--color-blue-90:var(--tailwind-colors-blue-800);--color-blue-80:var(--tailwind-colors-blue-700);--color-blue-70:var(--tailwind-colors-blue-600);--color-blue-60:var(--tailwind-colors-blue-500);--color-blue-50:var(--tailwind-colors-blue-400);--color-blue-40:var(--tailwind-colors-blue-300);--color-blue-30:var(--tailwind-colors-blue-200);--color-blue-20:var(--tailwind-colors-blue-100);--color-blue-10:var(--tailwind-colors-blue-50);--color-green-base:var(--tailwind-colors-green-500);--color-green-100:var(--tailwind-colors-green-900);--color-green-90:var(--tailwind-colors-green-800);--color-green-80:var(--tailwind-colors-green-700);--color-green-70:var(--tailwind-colors-green-600);--color-green-60:var(--tailwind-colors-green-500);--color-green-50:var(--tailwind-colors-green-400);--color-green-40:var(--tailwind-colors-green-300);--color-green-30:var(--tailwind-colors-green-200);--color-green-20:var(--tailwind-colors-green-100);--color-green-10:var(--tailwind-colors-green-50);--color-red-base:var(--tailwind-colors-red-500);--color-red-100:var(--tailwind-colors-red-900);--color-red-90:var(--tailwind-colors-red-800);--color-red-80:var(--tailwind-colors-red-700);--color-red-70:var(--tailwind-colors-red-600);--color-red-60:var(--tailwind-colors-red-500);--color-red-50:var(--tailwind-colors-red-400);--color-red-40:var(--tailwind-colors-red-300);--color-red-30:var(--tailwind-colors-red-200);--color-red-20:var(--tailwind-colors-red-100);--color-red-10:var(--tailwind-colors-red-50);--color-gray-base:var(--tailwind-colors-gray-500);--color-gray-100:var(--tailwind-colors-gray-900);--color-gray-90:var(--tailwind-colors-gray-800);--color-gray-80:var(--tailwind-colors-gray-700);--color-gray-70:var(--tailwind-colors-gray-600);--color-gray-60:var(--tailwind-colors-gray-500);--color-gray-50:var(--tailwind-colors-gray-400);--color-gray-40:var(--tailwind-colors-gray-300);--color-gray-30:var(--tailwind-colors-gray-200);--color-gray-20:var(--tailwind-colors-gray-100);--color-gray-10:var(--tailwind-colors-gray-50);--color-hotorchid-base:var(--tailwind-colors-pink-500);--color-white-white:var(--tailwind-colors-white);--color-black-black:var(--tailwind-colors-black);--color-black-base:var(--tailwind-colors-stone-900)}.chip{display:flex;background-color:var(--tailwind-colors-gray-50);border:1px solid var(--tailwind-colors-gray-200);padding:0 var(--spacing-xx-small);border-radius:var(--spacing-x-small);align-items:center;color:var(--tailwind-colors-neutral-500);font-family:var(--font-family-system);font-size:var(--font-size-medium);height:var(--spacing-xxx-large);width:-moz-fit-content;width:fit-content;cursor:default}.chip:hover{background-color:var(--tailwind-colors-gray-100)}.chip--active{color:var(--brand-colors-white-100)}.chip--active:hover{filter:brightness(90%)}.chip__content{padding:0 var(--spacing-small);white-space:nowrap}.chip__icon{width:var(--spacing-x-large);height:var(--spacing-x-large)}`;
|
|
4
4
|
|
|
5
5
|
const Chip = class {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* The background color of the chip.
|
|
10
|
+
* The default #005655 HEX value refers to the --brand-colors-dark-pine-100 from MIDT
|
|
11
|
+
*
|
|
12
|
+
* @type {string}
|
|
13
|
+
*/
|
|
14
|
+
this.backgroundColor = '#005655';
|
|
15
|
+
/**
|
|
16
|
+
* Checks if the chip is active and applies different styling to the component.
|
|
17
|
+
*
|
|
18
|
+
* @type {boolean}
|
|
19
|
+
*/
|
|
20
|
+
this.active = false;
|
|
21
|
+
}
|
|
22
|
+
render() {
|
|
23
|
+
const style = {
|
|
24
|
+
background: this.active ? this.backgroundColor : '',
|
|
25
|
+
};
|
|
26
|
+
return (h("div", { key: 'dff31207c43b4172968fc9424c616fd5cd5b41bf', style: style, class: `chip ${this.active ? 'chip--active' : ''}` }, this.icon && h("img", { key: '81dde2446382aee5611115d269af41a5a45104d1', class: "chip__icon", src: this.icon }), h("div", { key: 'bdc56af2163c7e979f01ae05d6b269cba2a7ce01', class: "chip__content" }, this.content)));
|
|
27
|
+
}
|
|
19
28
|
};
|
|
20
|
-
Chip.style = chipCss;
|
|
29
|
+
Chip.style = chipCss();
|
|
21
30
|
|
|
22
31
|
export { Chip as mi_chip };
|
package/dist/mi-column.entry.js
CHANGED
|
@@ -1,28 +1,52 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent } from './index-BZQHyS7V.js';
|
|
2
2
|
|
|
3
3
|
const Column = class {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
4
|
+
constructor(hostRef) {
|
|
5
|
+
registerInstance(this, hostRef);
|
|
6
|
+
this.clicked = createEvent(this, "clicked", 7);
|
|
7
|
+
/**
|
|
8
|
+
* The monospace property sets the font-family to monospace.
|
|
9
|
+
*
|
|
10
|
+
* @type {boolean}
|
|
11
|
+
* @memberof Column
|
|
12
|
+
*/
|
|
13
|
+
this.monospace = false;
|
|
14
|
+
/**
|
|
15
|
+
* The alignContent property sets the alignment of the column's content.
|
|
16
|
+
*
|
|
17
|
+
* @type {('left'|'center'|'right')}
|
|
18
|
+
* @default 'left'
|
|
19
|
+
* @example <mi-column align-content="center"></mi-column>
|
|
20
|
+
* @memberof Column
|
|
21
|
+
*/
|
|
22
|
+
this.alignContent = 'left';
|
|
23
|
+
/**
|
|
24
|
+
* If present, the column width is fitted the content.
|
|
25
|
+
*
|
|
26
|
+
* @type {boolean}
|
|
27
|
+
* @memberof Column
|
|
28
|
+
*/
|
|
29
|
+
this.fitContent = false;
|
|
30
|
+
/**
|
|
31
|
+
* The width property sets the column's width. All CSS length units are accepted.
|
|
32
|
+
*
|
|
33
|
+
* @example <mi-column width="100px"></mi-column>
|
|
34
|
+
* @type {string}
|
|
35
|
+
* @default 'auto'
|
|
36
|
+
* @memberof Column
|
|
37
|
+
*/
|
|
38
|
+
this.width = 'auto';
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Relays the cellContentClicked event from the table component as a clicked event out of the component.
|
|
42
|
+
* @fires clicked
|
|
43
|
+
*/
|
|
44
|
+
cellContentClickedHandler(event) {
|
|
45
|
+
this.clicked.emit(event.detail);
|
|
46
|
+
}
|
|
47
|
+
render() {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
26
50
|
};
|
|
27
51
|
|
|
28
52
|
export { Column as mi_column };
|