@idds/styles 1.5.62 → 1.5.64
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/base.css +9 -8
- package/dist/base.min.css +1 -1
- package/dist/index.css +69 -59
- package/dist/index.min.css +6 -6
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -257,6 +257,7 @@
|
|
|
257
257
|
--ina-font-black: 900;
|
|
258
258
|
|
|
259
259
|
/* Spacing */
|
|
260
|
+
--ina-spacing-0: 0rem; /* 0px */
|
|
260
261
|
--ina-spacing-0-5: 0.125rem; /* 2px */
|
|
261
262
|
--ina-spacing-1: 0.25rem; /* 4px */
|
|
262
263
|
--ina-spacing-1-5: 0.375rem; /* 6px */
|
|
@@ -316,14 +317,14 @@
|
|
|
316
317
|
|
|
317
318
|
/* Shadows */
|
|
318
319
|
--ina-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
319
|
-
--ina-shadow-base:
|
|
320
|
-
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
321
|
-
--ina-shadow-md:
|
|
322
|
-
0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
323
|
-
--ina-shadow-lg:
|
|
324
|
-
0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
325
|
-
--ina-shadow-xl:
|
|
326
|
-
0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
320
|
+
--ina-shadow-base:
|
|
321
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
322
|
+
--ina-shadow-md:
|
|
323
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
324
|
+
--ina-shadow-lg:
|
|
325
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
326
|
+
--ina-shadow-xl:
|
|
327
|
+
0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
327
328
|
|
|
328
329
|
/* Transition */
|
|
329
330
|
--ina-transition-fast: 150ms ease-in-out;
|
package/dist/base.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--ina-neutral-25:#fff;--ina-neutral-50:#f8f8f7;--ina-neutral-100:#f2f2f2;--ina-neutral-200:#e5e5e5;--ina-neutral-300:#d4d4d4;--ina-neutral-400:#a3a3a3;--ina-neutral-500:#737373;--ina-neutral-600:#525252;--ina-neutral-700:#404040;--ina-neutral-800:#1f1f1f;--ina-neutral-900:#141414;--ina-neutral-1000:#050505;--ina-primary-25:#fff;--ina-primary-50:#f8f8f7;--ina-primary-100:#f5f5f5;--ina-primary-200:#e5e5e5;--ina-primary-300:#d4d4d4;--ina-primary-400:#a3a3a3;--ina-primary-500:#737373;--ina-primary-600:#525252;--ina-primary-700:#404040;--ina-primary-800:#1f1f1f;--ina-primary-900:#141414;--ina-primary-primary:#141414;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-blue-50:#fafcff;--ina-blue-100:#ecf3fe;--ina-blue-200:#dceafe;--ina-blue-300:#84b4fb;--ina-blue-400:#4d93fc;--ina-blue-500:#0968f6;--ina-blue-600:#0049b8;--ina-blue-700:#002a69;--ina-blue-800:#0e192a;--ina-blue-900:#070e17;--ina-cyan-50:#fafeff;--ina-cyan-100:#ebfaff;--ina-cyan-200:#d2f3fe;--ina-cyan-300:#83defc;--ina-cyan-400:#51d0fb;--ina-cyan-500:#09bbf6;--ina-cyan-600:#008bb9;--ina-cyan-700:#00506b;--ina-cyan-800:#0a3442;--ina-cyan-900:#032530;--ina-teal-50:#faffff;--ina-teal-100:#effbfb;--ina-teal-200:#d7f4f6;--ina-teal-300:#8edfe5;--ina-teal-400:#44ccd5;--ina-teal-500:#1bbfca;--ina-teal-600:#006f93;--ina-teal-700:#07465a;--ina-teal-800:#04252f;--ina-teal-900:#02161d;--ina-green-50:#fafffa;--ina-green-100:#edfded;--ina-green-200:#e0fae0;--ina-green-300:#a6f0a5;--ina-green-400:#4ce160;--ina-green-500:#3cc14e;--ina-green-600:#288034;--ina-green-700:#1b561a;--ina-green-800:#0c310d;--ina-green-900:#021d06;--ina-lime-50:#fdfffa;--ina-lime-100:#f8fded;--ina-lime-200:#f2fcdf;--ina-lime-300:#ddf6aa;--ina-lime-400:#bbed56;--ina-lime-500:#90c821;--ina-lime-600:#5b7d17;--ina-lime-700:#3b5110;--ina-lime-800:#202d06;--ina-lime-900:#141d02;--ina-yellow-50:#fffefa;--ina-yellow-100:#fff9eb;--ina-yellow-200:#fff8d5;--ina-yellow-300:#ffe58a;--ina-yellow-400:#ffcc14;--ina-yellow-500:#eebb04;--ina-yellow-600:#855f00;--ina-yellow-700:#553b06;--ina-yellow-800:#312102;--ina-yellow-900:#1c1402;--ina-orange-50:#fffcfa;--ina-orange-100:#fff5eb;--ina-orange-200:#ffead3;--ina-orange-300:#ffc382;--ina-orange-400:#ff8806;--ina-orange-500:#ec7303;--ina-orange-600:#c15100;--ina-orange-700:#562501;--ina-orange-800:#2f1604;--ina-orange-900:#170b02;--ina-coral-50:#fffbfa;--ina-coral-100:#ffefeb;--ina-coral-200:#ffe1d7;--ina-coral-300:#ffa78a;--ina-coral-400:#ff6a38;--ina-coral-500:#f3511b;--ina-coral-600:#d03706;--ina-coral-700:#5e1d08;--ina-coral-800:#2f0e04;--ina-coral-900:#1d0802;--ina-red-50:snow;--ina-red-100:#fdeded;--ina-red-200:#ffe0e0;--ina-red-300:#ffa0a0;--ina-red-400:#ff5c5c;--ina-red-500:#f02d2d;--ina-red-600:#d50b0b;--ina-red-700:#570303;--ina-red-800:#2a0303;--ina-red-900:#1d0202;--ina-pink-50:#fff5fa;--ina-pink-100:#fdedf5;--ina-pink-200:#fcdcec;--ina-pink-300:#f79cc8;--ina-pink-400:#f155a0;--ina-pink-500:#e9358b;--ina-pink-600:#a51359;--ina-pink-700:#4b112d;--ina-pink-800:#36061d;--ina-pink-900:#1d020f;--ina-magenta-50:#fefaff;--ina-magenta-100:#fbebff;--ina-magenta-200:#f5d2fe;--ina-magenta-300:#e483fc;--ina-magenta-400:#d951fb;--ina-magenta-500:#c709f6;--ina-magenta-600:#9400b9;--ina-magenta-700:#56006b;--ina-magenta-800:#370a42;--ina-magenta-900:#270330;--ina-violet-50:#fbfaff;--ina-violet-100:#f7f6fe;--ina-violet-200:#e2ddfd;--ina-violet-300:#ad9efa;--ina-violet-400:#8770ff;--ina-violet-500:#583aee;--ina-violet-600:#3b1fc6;--ina-violet-700:#271a68;--ina-violet-800:#140f2e;--ina-violet-900:#06021d;--ina-purple-50:#fdfaff;--ina-purple-100:#f7ebff;--ina-purple-200:#ecd2fe;--ina-purple-300:#cc83fc;--ina-purple-400:#b751fb;--ina-purple-500:#9709f6;--ina-purple-600:#6f00b9;--ina-purple-700:#40006b;--ina-purple-800:#2c0a42;--ina-purple-900:#1e0330;--ina-lilac-50:#fdfaff;--ina-lilac-100:#faf5fe;--ina-lilac-200:#efddfd;--ina-lilac-300:#cc9ef0;--ina-lilac-400:#b56bf0;--ina-lilac-500:#8935cb;--ina-lilac-600:#631f99;--ina-lilac-700:#3e135f;--ina-lilac-800:#1c042f;--ina-lilac-900:#11021d;--ina-indigo-50:#fafdff;--ina-indigo-100:#ebf7ff;--ina-indigo-200:#d3effe;--ina-indigo-300:#80d0fd;--ina-indigo-400:#0aa7ff;--ina-indigo-500:#0099f0;--ina-indigo-600:#0364ab;--ina-indigo-700:#003c66;--ina-indigo-800:#01243d;--ina-indigo-900:#02121d;--ina-overlay:#1f1f1f7a;--ina-font-3xs:0.5rem;--ina-font-2xs:0.625rem;--ina-font-xs:0.75rem;--ina-font-sm:0.875rem;--ina-font-base:1rem;--ina-font-lg:1.125rem;--ina-font-xl:1.25rem;--ina-font-2xl:1.5rem;--ina-font-3xl:1.875rem;--ina-font-4xl:2.25rem;--ina-line-height-xs:1rem;--ina-line-height-sm:1.25rem;--ina-line-height-base:1.5rem;--ina-line-height-lg:1.75rem;--ina-line-height-xl:2rem;--ina-font-thin:100;--ina-font-extralight:200;--ina-font-light:300;--ina-font-normal:400;--ina-font-medium:500;--ina-font-semibold:600;--ina-font-bold:700;--ina-font-extrabold:800;--ina-font-black:900;--ina-spacing-0-5:0.125rem;--ina-spacing-1:0.25rem;--ina-spacing-1-5:0.375rem;--ina-spacing-2:0.5rem;--ina-spacing-2-5:0.625rem;--ina-spacing-3:0.75rem;--ina-spacing-3-5:0.875rem;--ina-spacing-4:1rem;--ina-spacing-4-5:1.125rem;--ina-spacing-5:1.25rem;--ina-spacing-5-5:1.375rem;--ina-spacing-6:1.5rem;--ina-spacing-6-5:1.625rem;--ina-spacing-7:1.75rem;--ina-spacing-7-5:1.875rem;--ina-spacing-8:2rem;--ina-spacing-8-5:2.125rem;--ina-spacing-9:2.25rem;--ina-spacing-9-5:2.375rem;--ina-spacing-10:2.5rem;--ina-spacing-10-5:2.625rem;--ina-spacing-11:2.75rem;--ina-spacing-11-5:2.875rem;--ina-spacing-12:3rem;--ina-spacing-12-5:3.125rem;--ina-spacing-13:3.25rem;--ina-spacing-13-5:3.375rem;--ina-spacing-14:3.5rem;--ina-spacing-14-5:3.625rem;--ina-spacing-15:3.75rem;--ina-spacing-15-5:3.875rem;--ina-spacing-16:4rem;--ina-spacing-16-5:4.125rem;--ina-spacing-17:4.25rem;--ina-spacing-17-5:4.375rem;--ina-spacing-18:4.5rem;--ina-spacing-18-5:4.625rem;--ina-spacing-19:4.75rem;--ina-spacing-19-5:4.875rem;--ina-spacing-20:5rem;--ina-spacing-20-5:5.125rem;--ina-spacing-21:5.25rem;--ina-spacing-21-5:5.375rem;--ina-spacing-22:5.5rem;--ina-spacing-22-5:5.625rem;--ina-spacing-23:5.75rem;--ina-spacing-23-5:5.875rem;--ina-spacing-24:6rem;--ina-radius-sm:0.125rem;--ina-radius-base:0.25rem;--ina-radius-md:0.375rem;--ina-radius-lg:0.5rem;--ina-radius-xl:0.75rem;--ina-radius-2xl:1rem;--ina-radius-full:9999px;--ina-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ina-shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ina-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ina-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ina-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--ina-transition-fast:150ms ease-in-out;--ina-transition-base:200ms ease-in-out;--ina-transition-slow:300ms ease-in-out;--ina-breakpoint-sm:640px;--ina-breakpoint-md:768px;--ina-breakpoint-lg:1024px;--ina-breakpoint-xl:1280px}[data-brand=inapas]{--ina-primary-25:#fef2f2;--ina-primary-50:#f9dcdc;--ina-primary-100:#f9cdc7;--ina-primary-200:#ffa194;--ina-primary-300:#ff5f42;--ina-primary-400:#e8422d;--ina-primary-500:#cc1515;--ina-primary-600:#a00000;--ina-primary-700:#680000;--ina-primary-800:#290404;--ina-primary-900:#140202;--ina-primary-primary:#cc1515;--ina-accent-100:#f6fef9!important;--ina-accent-200:#ecfef3!important;--ina-accent-300:#d1fadf!important;--ina-accent-400:#a6f4c5!important;--ina-accent-500:#12b76a!important;--ina-accent-600:#039855!important;--ina-accent-700:#027a48!important;--ina-inapas-brand-hover:#155eef!important;--ina-inapas-neutral-hover:#f9fafb!important}[data-brand=inagov]{--ina-primary-25:#f6f9ff;--ina-primary-50:#eff5fd;--ina-primary-100:#c0d7f9;--ina-primary-200:#a1c4f5;--ina-primary-300:#629cef;--ina-primary-400:#196bcd;--ina-primary-500:#0956c3;--ina-primary-600:#0a489f;--ina-primary-700:#083575;--ina-primary-800:#022a5b;--ina-primary-900:#041225;--ina-primary-primary:#629cef;--ina-secondary-25:#fff;--ina-secondary-50:#fff;--ina-secondary-100:#fff;--ina-secondary-200:#fff5ee;--ina-secondary-300:#ffe8cc;--ina-secondary-400:#ffd2a6;--ina-secondary-500:#edb98a;--ina-secondary-600:#d39663;--ina-secondary-700:#cc1515;--ina-accent-100:#fff!important;--ina-accent-200:#fff5ee!important;--ina-accent-300:#ffe8cc!important;--ina-accent-400:#ffd2a6!important;--ina-accent-500:#edb98a!important;--ina-accent-600:#d39663!important;--ina-accent-700:#cc1515!important;--ina-brand-hover:#588cd7!important;--ina-neutral-hover:#edeff5!important}[data-brand=inaku]{--ina-primary-25:#e8f1fc;--ina-primary-50:#d9e9f9;--ina-primary-100:#abd1ff;--ina-primary-200:#629cef;--ina-primary-300:#3a78c1;--ina-primary-400:#194472;--ina-primary-500:#06264d;--ina-primary-600:#041d35;--ina-primary-700:#020f1f;--ina-primary-800:#020b17;--ina-primary-900:#01080f;--ina-primary-primary:#06264d;--ina-accent-100:#fff!important;--ina-accent-200:#6a7d94!important;--ina-accent-300:#06264d!important;--ina-accent-400:#051c3a!important;--ina-accent-500:#031327!important;--ina-accent-600:#000!important;--ina-accent-700:#6a7d94!important;--ina-inaku-brand-hover:#b81313!important;--ina-inaku-neutral-hover:#fafafa!important}[data-brand=bgn]{--ina-primary-25:#ebf8ff;--ina-primary-50:#d3eeff;--ina-primary-100:#b1e2ff;--ina-primary-200:#7bd4ff;--ina-primary-300:#3eb8ff;--ina-primary-400:#1194ff;--ina-primary-500:#0070ff;--ina-primary-600:#0058ff;--ina-primary-700:#0048cf;--ina-primary-800:#0641a2;--ina-primary-900:#071e49;--ina-primary-primary:#0058ff;--ina-secondary-25:#fbf9f1;--ina-secondary-50:#f5f1df;--ina-secondary-100:#ebe0bd;--ina-secondary-200:#deca93;--ina-secondary-300:#d1b06c;--ina-secondary-400:#c5974a;--ina-secondary-500:#b8833e;--ina-secondary-600:#996835;--ina-secondary-700:#7b5431;--ina-secondary-800:#64462a;--ina-secondary-900:#352315;--ina-bgn-brand-primary:#005494!important;--ina-bgn-stroke-primary:#ededed!important;--ina-background-tertiary:#f5f5f5!important;--ina-sentiment-info-400:#528aff!important;--ina-sentiment-info-500:#2871ff!important;--ina-sentiment-positive-500:#12b76a!important;--ina-sentiment-warning-500:#f79009!important;--ina-accent-coral-orange:#ff7b5a!important;--ina-accent-yellow:#ffcb00!important}[data-brand=bkn]{--ina-primary-25:#fdf2f7;--ina-primary-50:#fde6f1;--ina-primary-100:#fdcde3;--ina-primary-200:#fca5cb;--ina-primary-300:#f96da7;--ina-primary-400:#f24286;--ina-primary-500:#de1d5e;--ina-primary-600:#c41249;--ina-primary-700:#a2123c;--ina-primary-800:#871436;--ina-primary-900:#53041a;--ina-primary-primary:#de1d5e;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-bkn-brand-hover:#c41249!important;--ina-bkn-neutral-hover:#fafafa!important}[data-brand=lan]{--ina-primary-25:#f3f6fc;--ina-primary-50:#e5edf9;--ina-primary-100:#c6daf1;--ina-primary-200:#94bde5;--ina-primary-300:#5b9bd5;--ina-primary-400:#3781c7;--ina-primary-500:#2663a3;--ina-primary-600:#1f4f85;--ina-primary-700:#1e446e;--ina-primary-800:#1e3a5c;--ina-primary-900:#14263d;--ina-primary-primary:#2663a3;--ina-secondary-25:#fffdeb;--ina-secondary-50:#fdf9c8;--ina-secondary-100:#fbf38c;--ina-secondary-200:#f9e650;--ina-secondary-300:#f7d628;--ina-secondary-400:#f2bd1d;--ina-secondary-500:#d69009;--ina-secondary-600:#b1670c;--ina-secondary-700:#905110;--ina-secondary-800:#764111;--ina-secondary-900:#442204;--ina-accent-red:#a40f0a;--ina-accent-green:#1cbd19;--ina-accent-blue:#0a35c0;--ina-accent-orange:#f08519;--ina-lan-brand-hover:#1f4f85!important;--ina-lan-neutral-hover:#fafafa!important}[data-brand=panrb]{--ina-primary-25:#fdf3f3;--ina-primary-50:#fce4e4;--ina-primary-100:#facecf;--ina-primary-200:#f5acad;--ina-primary-300:#ed7c7e;--ina-primary-400:#e15254;--ina-primary-500:#cd3537;--ina-primary-600:#b42b2d;--ina-primary-700:#8f2527;--ina-primary-800:#772526;--ina-primary-900:#400f10;--ina-primary-primary:#b42b2d;--ina-secondary-25:#f8f7f8;--ina-secondary-50:#f0eeee;--ina-secondary-100:#ded9da;--ina-secondary-200:#c1b8bb;--ina-secondary-300:#9f9196;--ina-secondary-400:#847379;--ina-secondary-500:#6c5d62;--ina-secondary-600:#584c50;--ina-secondary-700:#4b4144;--ina-secondary-800:#41393b;--ina-secondary-900:#231f20;--ina-accent-yellow:#f2c548}:root,[data-theme=light]{--ina-white:var(--ina-neutral-25);--ina-black:var(--ina-neutral-900);--ina-background-primary:var(--ina-neutral-25);--ina-background-secondary:var(--ina-neutral-50);--ina-background-tertiary:var(--ina-neutral-100);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-800);--ina-content-secondary:var(--ina-neutral-600);--ina-content-tertiary:var(--ina-neutral-400);--ina-content-guide:var(--ina-blue-500);--ina-content-negative:var(--ina-red-500);--ina-content-positive:var(--ina-green-600);--ina-stroke-primary:var(--ina-neutral-200);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-900);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-yellow-50);--ina-warning-100:var(--ina-yellow-100);--ina-warning-200:var(--ina-yellow-200);--ina-warning-300:var(--ina-yellow-300);--ina-warning-400:var(--ina-yellow-400);--ina-warning-500:var(--ina-yellow-500);--ina-warning-600:var(--ina-yellow-600);--ina-warning-700:var(--ina-yellow-700);--ina-warning-800:var(--ina-yellow-800);--ina-warning-900:var(--ina-yellow-900);--ina-sentiment-warning-50:var(--ina-yellow-50);--ina-sentiment-warning-100:var(--ina-yellow-100);--ina-sentiment-warning-200:var(--ina-yellow-200);--ina-sentiment-warning-300:var(--ina-yellow-300);--ina-sentiment-warning-400:var(--ina-yellow-400);--ina-sentiment-warning-500:var(--ina-yellow-500);--ina-sentiment-warning-600:var(--ina-yellow-600);--ina-sentiment-warning-700:var(--ina-yellow-700);--ina-sentiment-warning-800:var(--ina-yellow-800)}[data-theme=dark]{--ina-white:var(--ina-neutral-900);--ina-black:var(--ina-neutral-25);--ina-background-primary:var(--ina-neutral-900);--ina-background-secondary:var(--ina-neutral-800);--ina-background-tertiary:var(--ina-neutral-700);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-25);--ina-content-secondary:var(--ina-neutral-400);--ina-content-tertiary:var(--ina-neutral-500);--ina-content-guide:var(--ina-blue-400);--ina-content-negative:var(--ina-red-400);--ina-content-positive:var(--ina-green-500);--ina-stroke-primary:var(--ina-neutral-700);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-200);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-yellow-50);--ina-warning-100:var(--ina-yellow-100);--ina-warning-200:var(--ina-yellow-200);--ina-warning-300:var(--ina-yellow-300);--ina-warning-400:var(--ina-yellow-400);--ina-warning-500:var(--ina-yellow-500);--ina-warning-600:var(--ina-yellow-600);--ina-warning-700:var(--ina-yellow-700);--ina-warning-800:var(--ina-yellow-800);--ina-warning-900:var(--ina-yellow-900);--ina-sentiment-warning-50:var(--ina-yellow-50);--ina-sentiment-warning-100:var(--ina-yellow-100);--ina-sentiment-warning-200:var(--ina-yellow-200);--ina-sentiment-warning-300:var(--ina-yellow-300);--ina-sentiment-warning-400:var(--ina-yellow-400);--ina-sentiment-warning-500:var(--ina-yellow-500);--ina-sentiment-warning-600:var(--ina-yellow-600);--ina-sentiment-warning-700:var(--ina-yellow-700);--ina-sentiment-warning-800:var(--ina-yellow-800);--ina-sentiment-warning-900:var(--ina-yellow-900)}*,:after,:before{box-sizing:border-box}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}button:focus,input,input:focus,select,select:focus,textarea,textarea:focus{box-shadow:none;outline:none}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}textarea{resize:vertical}select{background:transparent;background-image:none;outline:none}button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer}input[type=color],input[type=file],input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0;width:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}del{text-decoration:line-through}ins{text-decoration:underline}dfn{font-style:italic}
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--ina-neutral-25:#fff;--ina-neutral-50:#f8f8f7;--ina-neutral-100:#f2f2f2;--ina-neutral-200:#e5e5e5;--ina-neutral-300:#d4d4d4;--ina-neutral-400:#a3a3a3;--ina-neutral-500:#737373;--ina-neutral-600:#525252;--ina-neutral-700:#404040;--ina-neutral-800:#1f1f1f;--ina-neutral-900:#141414;--ina-neutral-1000:#050505;--ina-primary-25:#fff;--ina-primary-50:#f8f8f7;--ina-primary-100:#f5f5f5;--ina-primary-200:#e5e5e5;--ina-primary-300:#d4d4d4;--ina-primary-400:#a3a3a3;--ina-primary-500:#737373;--ina-primary-600:#525252;--ina-primary-700:#404040;--ina-primary-800:#1f1f1f;--ina-primary-900:#141414;--ina-primary-primary:#141414;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-blue-50:#fafcff;--ina-blue-100:#ecf3fe;--ina-blue-200:#dceafe;--ina-blue-300:#84b4fb;--ina-blue-400:#4d93fc;--ina-blue-500:#0968f6;--ina-blue-600:#0049b8;--ina-blue-700:#002a69;--ina-blue-800:#0e192a;--ina-blue-900:#070e17;--ina-cyan-50:#fafeff;--ina-cyan-100:#ebfaff;--ina-cyan-200:#d2f3fe;--ina-cyan-300:#83defc;--ina-cyan-400:#51d0fb;--ina-cyan-500:#09bbf6;--ina-cyan-600:#008bb9;--ina-cyan-700:#00506b;--ina-cyan-800:#0a3442;--ina-cyan-900:#032530;--ina-teal-50:#faffff;--ina-teal-100:#effbfb;--ina-teal-200:#d7f4f6;--ina-teal-300:#8edfe5;--ina-teal-400:#44ccd5;--ina-teal-500:#1bbfca;--ina-teal-600:#006f93;--ina-teal-700:#07465a;--ina-teal-800:#04252f;--ina-teal-900:#02161d;--ina-green-50:#fafffa;--ina-green-100:#edfded;--ina-green-200:#e0fae0;--ina-green-300:#a6f0a5;--ina-green-400:#4ce160;--ina-green-500:#3cc14e;--ina-green-600:#288034;--ina-green-700:#1b561a;--ina-green-800:#0c310d;--ina-green-900:#021d06;--ina-lime-50:#fdfffa;--ina-lime-100:#f8fded;--ina-lime-200:#f2fcdf;--ina-lime-300:#ddf6aa;--ina-lime-400:#bbed56;--ina-lime-500:#90c821;--ina-lime-600:#5b7d17;--ina-lime-700:#3b5110;--ina-lime-800:#202d06;--ina-lime-900:#141d02;--ina-yellow-50:#fffefa;--ina-yellow-100:#fff9eb;--ina-yellow-200:#fff8d5;--ina-yellow-300:#ffe58a;--ina-yellow-400:#ffcc14;--ina-yellow-500:#eebb04;--ina-yellow-600:#855f00;--ina-yellow-700:#553b06;--ina-yellow-800:#312102;--ina-yellow-900:#1c1402;--ina-orange-50:#fffcfa;--ina-orange-100:#fff5eb;--ina-orange-200:#ffead3;--ina-orange-300:#ffc382;--ina-orange-400:#ff8806;--ina-orange-500:#ec7303;--ina-orange-600:#c15100;--ina-orange-700:#562501;--ina-orange-800:#2f1604;--ina-orange-900:#170b02;--ina-coral-50:#fffbfa;--ina-coral-100:#ffefeb;--ina-coral-200:#ffe1d7;--ina-coral-300:#ffa78a;--ina-coral-400:#ff6a38;--ina-coral-500:#f3511b;--ina-coral-600:#d03706;--ina-coral-700:#5e1d08;--ina-coral-800:#2f0e04;--ina-coral-900:#1d0802;--ina-red-50:snow;--ina-red-100:#fdeded;--ina-red-200:#ffe0e0;--ina-red-300:#ffa0a0;--ina-red-400:#ff5c5c;--ina-red-500:#f02d2d;--ina-red-600:#d50b0b;--ina-red-700:#570303;--ina-red-800:#2a0303;--ina-red-900:#1d0202;--ina-pink-50:#fff5fa;--ina-pink-100:#fdedf5;--ina-pink-200:#fcdcec;--ina-pink-300:#f79cc8;--ina-pink-400:#f155a0;--ina-pink-500:#e9358b;--ina-pink-600:#a51359;--ina-pink-700:#4b112d;--ina-pink-800:#36061d;--ina-pink-900:#1d020f;--ina-magenta-50:#fefaff;--ina-magenta-100:#fbebff;--ina-magenta-200:#f5d2fe;--ina-magenta-300:#e483fc;--ina-magenta-400:#d951fb;--ina-magenta-500:#c709f6;--ina-magenta-600:#9400b9;--ina-magenta-700:#56006b;--ina-magenta-800:#370a42;--ina-magenta-900:#270330;--ina-violet-50:#fbfaff;--ina-violet-100:#f7f6fe;--ina-violet-200:#e2ddfd;--ina-violet-300:#ad9efa;--ina-violet-400:#8770ff;--ina-violet-500:#583aee;--ina-violet-600:#3b1fc6;--ina-violet-700:#271a68;--ina-violet-800:#140f2e;--ina-violet-900:#06021d;--ina-purple-50:#fdfaff;--ina-purple-100:#f7ebff;--ina-purple-200:#ecd2fe;--ina-purple-300:#cc83fc;--ina-purple-400:#b751fb;--ina-purple-500:#9709f6;--ina-purple-600:#6f00b9;--ina-purple-700:#40006b;--ina-purple-800:#2c0a42;--ina-purple-900:#1e0330;--ina-lilac-50:#fdfaff;--ina-lilac-100:#faf5fe;--ina-lilac-200:#efddfd;--ina-lilac-300:#cc9ef0;--ina-lilac-400:#b56bf0;--ina-lilac-500:#8935cb;--ina-lilac-600:#631f99;--ina-lilac-700:#3e135f;--ina-lilac-800:#1c042f;--ina-lilac-900:#11021d;--ina-indigo-50:#fafdff;--ina-indigo-100:#ebf7ff;--ina-indigo-200:#d3effe;--ina-indigo-300:#80d0fd;--ina-indigo-400:#0aa7ff;--ina-indigo-500:#0099f0;--ina-indigo-600:#0364ab;--ina-indigo-700:#003c66;--ina-indigo-800:#01243d;--ina-indigo-900:#02121d;--ina-overlay:#1f1f1f7a;--ina-font-3xs:0.5rem;--ina-font-2xs:0.625rem;--ina-font-xs:0.75rem;--ina-font-sm:0.875rem;--ina-font-base:1rem;--ina-font-lg:1.125rem;--ina-font-xl:1.25rem;--ina-font-2xl:1.5rem;--ina-font-3xl:1.875rem;--ina-font-4xl:2.25rem;--ina-line-height-xs:1rem;--ina-line-height-sm:1.25rem;--ina-line-height-base:1.5rem;--ina-line-height-lg:1.75rem;--ina-line-height-xl:2rem;--ina-font-thin:100;--ina-font-extralight:200;--ina-font-light:300;--ina-font-normal:400;--ina-font-medium:500;--ina-font-semibold:600;--ina-font-bold:700;--ina-font-extrabold:800;--ina-font-black:900;--ina-spacing-0:0rem;--ina-spacing-0-5:0.125rem;--ina-spacing-1:0.25rem;--ina-spacing-1-5:0.375rem;--ina-spacing-2:0.5rem;--ina-spacing-2-5:0.625rem;--ina-spacing-3:0.75rem;--ina-spacing-3-5:0.875rem;--ina-spacing-4:1rem;--ina-spacing-4-5:1.125rem;--ina-spacing-5:1.25rem;--ina-spacing-5-5:1.375rem;--ina-spacing-6:1.5rem;--ina-spacing-6-5:1.625rem;--ina-spacing-7:1.75rem;--ina-spacing-7-5:1.875rem;--ina-spacing-8:2rem;--ina-spacing-8-5:2.125rem;--ina-spacing-9:2.25rem;--ina-spacing-9-5:2.375rem;--ina-spacing-10:2.5rem;--ina-spacing-10-5:2.625rem;--ina-spacing-11:2.75rem;--ina-spacing-11-5:2.875rem;--ina-spacing-12:3rem;--ina-spacing-12-5:3.125rem;--ina-spacing-13:3.25rem;--ina-spacing-13-5:3.375rem;--ina-spacing-14:3.5rem;--ina-spacing-14-5:3.625rem;--ina-spacing-15:3.75rem;--ina-spacing-15-5:3.875rem;--ina-spacing-16:4rem;--ina-spacing-16-5:4.125rem;--ina-spacing-17:4.25rem;--ina-spacing-17-5:4.375rem;--ina-spacing-18:4.5rem;--ina-spacing-18-5:4.625rem;--ina-spacing-19:4.75rem;--ina-spacing-19-5:4.875rem;--ina-spacing-20:5rem;--ina-spacing-20-5:5.125rem;--ina-spacing-21:5.25rem;--ina-spacing-21-5:5.375rem;--ina-spacing-22:5.5rem;--ina-spacing-22-5:5.625rem;--ina-spacing-23:5.75rem;--ina-spacing-23-5:5.875rem;--ina-spacing-24:6rem;--ina-radius-sm:0.125rem;--ina-radius-base:0.25rem;--ina-radius-md:0.375rem;--ina-radius-lg:0.5rem;--ina-radius-xl:0.75rem;--ina-radius-2xl:1rem;--ina-radius-full:9999px;--ina-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--ina-shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--ina-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--ina-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--ina-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--ina-transition-fast:150ms ease-in-out;--ina-transition-base:200ms ease-in-out;--ina-transition-slow:300ms ease-in-out;--ina-breakpoint-sm:640px;--ina-breakpoint-md:768px;--ina-breakpoint-lg:1024px;--ina-breakpoint-xl:1280px}[data-brand=inapas]{--ina-primary-25:#fef2f2;--ina-primary-50:#f9dcdc;--ina-primary-100:#f9cdc7;--ina-primary-200:#ffa194;--ina-primary-300:#ff5f42;--ina-primary-400:#e8422d;--ina-primary-500:#cc1515;--ina-primary-600:#a00000;--ina-primary-700:#680000;--ina-primary-800:#290404;--ina-primary-900:#140202;--ina-primary-primary:#cc1515;--ina-accent-100:#f6fef9!important;--ina-accent-200:#ecfef3!important;--ina-accent-300:#d1fadf!important;--ina-accent-400:#a6f4c5!important;--ina-accent-500:#12b76a!important;--ina-accent-600:#039855!important;--ina-accent-700:#027a48!important;--ina-inapas-brand-hover:#155eef!important;--ina-inapas-neutral-hover:#f9fafb!important}[data-brand=inagov]{--ina-primary-25:#f6f9ff;--ina-primary-50:#eff5fd;--ina-primary-100:#c0d7f9;--ina-primary-200:#a1c4f5;--ina-primary-300:#629cef;--ina-primary-400:#196bcd;--ina-primary-500:#0956c3;--ina-primary-600:#0a489f;--ina-primary-700:#083575;--ina-primary-800:#022a5b;--ina-primary-900:#041225;--ina-primary-primary:#629cef;--ina-secondary-25:#fff;--ina-secondary-50:#fff;--ina-secondary-100:#fff;--ina-secondary-200:#fff5ee;--ina-secondary-300:#ffe8cc;--ina-secondary-400:#ffd2a6;--ina-secondary-500:#edb98a;--ina-secondary-600:#d39663;--ina-secondary-700:#cc1515;--ina-accent-100:#fff!important;--ina-accent-200:#fff5ee!important;--ina-accent-300:#ffe8cc!important;--ina-accent-400:#ffd2a6!important;--ina-accent-500:#edb98a!important;--ina-accent-600:#d39663!important;--ina-accent-700:#cc1515!important;--ina-brand-hover:#588cd7!important;--ina-neutral-hover:#edeff5!important}[data-brand=inaku]{--ina-primary-25:#e8f1fc;--ina-primary-50:#d9e9f9;--ina-primary-100:#abd1ff;--ina-primary-200:#629cef;--ina-primary-300:#3a78c1;--ina-primary-400:#194472;--ina-primary-500:#06264d;--ina-primary-600:#041d35;--ina-primary-700:#020f1f;--ina-primary-800:#020b17;--ina-primary-900:#01080f;--ina-primary-primary:#06264d;--ina-accent-100:#fff!important;--ina-accent-200:#6a7d94!important;--ina-accent-300:#06264d!important;--ina-accent-400:#051c3a!important;--ina-accent-500:#031327!important;--ina-accent-600:#000!important;--ina-accent-700:#6a7d94!important;--ina-inaku-brand-hover:#b81313!important;--ina-inaku-neutral-hover:#fafafa!important}[data-brand=bgn]{--ina-primary-25:#ebf8ff;--ina-primary-50:#d3eeff;--ina-primary-100:#b1e2ff;--ina-primary-200:#7bd4ff;--ina-primary-300:#3eb8ff;--ina-primary-400:#1194ff;--ina-primary-500:#0070ff;--ina-primary-600:#0058ff;--ina-primary-700:#0048cf;--ina-primary-800:#0641a2;--ina-primary-900:#071e49;--ina-primary-primary:#0058ff;--ina-secondary-25:#fbf9f1;--ina-secondary-50:#f5f1df;--ina-secondary-100:#ebe0bd;--ina-secondary-200:#deca93;--ina-secondary-300:#d1b06c;--ina-secondary-400:#c5974a;--ina-secondary-500:#b8833e;--ina-secondary-600:#996835;--ina-secondary-700:#7b5431;--ina-secondary-800:#64462a;--ina-secondary-900:#352315;--ina-bgn-brand-primary:#005494!important;--ina-bgn-stroke-primary:#ededed!important;--ina-background-tertiary:#f5f5f5!important;--ina-sentiment-info-400:#528aff!important;--ina-sentiment-info-500:#2871ff!important;--ina-sentiment-positive-500:#12b76a!important;--ina-sentiment-warning-500:#f79009!important;--ina-accent-coral-orange:#ff7b5a!important;--ina-accent-yellow:#ffcb00!important}[data-brand=bkn]{--ina-primary-25:#fdf2f7;--ina-primary-50:#fde6f1;--ina-primary-100:#fdcde3;--ina-primary-200:#fca5cb;--ina-primary-300:#f96da7;--ina-primary-400:#f24286;--ina-primary-500:#de1d5e;--ina-primary-600:#c41249;--ina-primary-700:#a2123c;--ina-primary-800:#871436;--ina-primary-900:#53041a;--ina-primary-primary:#de1d5e;--ina-secondary-25:#f2f9fd;--ina-secondary-50:#e3f0fb;--ina-secondary-100:#c1e3f6;--ina-secondary-200:#8accef;--ina-secondary-300:#4cb2e4;--ina-secondary-400:#269dd8;--ina-secondary-500:#177ab2;--ina-secondary-600:#146190;--ina-secondary-700:#145378;--ina-secondary-800:#164564;--ina-secondary-900:#0f2d42;--ina-bkn-brand-hover:#c41249!important;--ina-bkn-neutral-hover:#fafafa!important}[data-brand=lan]{--ina-primary-25:#f3f6fc;--ina-primary-50:#e5edf9;--ina-primary-100:#c6daf1;--ina-primary-200:#94bde5;--ina-primary-300:#5b9bd5;--ina-primary-400:#3781c7;--ina-primary-500:#2663a3;--ina-primary-600:#1f4f85;--ina-primary-700:#1e446e;--ina-primary-800:#1e3a5c;--ina-primary-900:#14263d;--ina-primary-primary:#2663a3;--ina-secondary-25:#fffdeb;--ina-secondary-50:#fdf9c8;--ina-secondary-100:#fbf38c;--ina-secondary-200:#f9e650;--ina-secondary-300:#f7d628;--ina-secondary-400:#f2bd1d;--ina-secondary-500:#d69009;--ina-secondary-600:#b1670c;--ina-secondary-700:#905110;--ina-secondary-800:#764111;--ina-secondary-900:#442204;--ina-accent-red:#a40f0a;--ina-accent-green:#1cbd19;--ina-accent-blue:#0a35c0;--ina-accent-orange:#f08519;--ina-lan-brand-hover:#1f4f85!important;--ina-lan-neutral-hover:#fafafa!important}[data-brand=panrb]{--ina-primary-25:#fdf3f3;--ina-primary-50:#fce4e4;--ina-primary-100:#facecf;--ina-primary-200:#f5acad;--ina-primary-300:#ed7c7e;--ina-primary-400:#e15254;--ina-primary-500:#cd3537;--ina-primary-600:#b42b2d;--ina-primary-700:#8f2527;--ina-primary-800:#772526;--ina-primary-900:#400f10;--ina-primary-primary:#b42b2d;--ina-secondary-25:#f8f7f8;--ina-secondary-50:#f0eeee;--ina-secondary-100:#ded9da;--ina-secondary-200:#c1b8bb;--ina-secondary-300:#9f9196;--ina-secondary-400:#847379;--ina-secondary-500:#6c5d62;--ina-secondary-600:#584c50;--ina-secondary-700:#4b4144;--ina-secondary-800:#41393b;--ina-secondary-900:#231f20;--ina-accent-yellow:#f2c548}:root,[data-theme=light]{--ina-white:var(--ina-neutral-25);--ina-black:var(--ina-neutral-900);--ina-background-primary:var(--ina-neutral-25);--ina-background-secondary:var(--ina-neutral-50);--ina-background-tertiary:var(--ina-neutral-100);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-800);--ina-content-secondary:var(--ina-neutral-600);--ina-content-tertiary:var(--ina-neutral-400);--ina-content-guide:var(--ina-blue-500);--ina-content-negative:var(--ina-red-500);--ina-content-positive:var(--ina-green-600);--ina-stroke-primary:var(--ina-neutral-200);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-900);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-yellow-50);--ina-warning-100:var(--ina-yellow-100);--ina-warning-200:var(--ina-yellow-200);--ina-warning-300:var(--ina-yellow-300);--ina-warning-400:var(--ina-yellow-400);--ina-warning-500:var(--ina-yellow-500);--ina-warning-600:var(--ina-yellow-600);--ina-warning-700:var(--ina-yellow-700);--ina-warning-800:var(--ina-yellow-800);--ina-warning-900:var(--ina-yellow-900);--ina-sentiment-warning-50:var(--ina-yellow-50);--ina-sentiment-warning-100:var(--ina-yellow-100);--ina-sentiment-warning-200:var(--ina-yellow-200);--ina-sentiment-warning-300:var(--ina-yellow-300);--ina-sentiment-warning-400:var(--ina-yellow-400);--ina-sentiment-warning-500:var(--ina-yellow-500);--ina-sentiment-warning-600:var(--ina-yellow-600);--ina-sentiment-warning-700:var(--ina-yellow-700);--ina-sentiment-warning-800:var(--ina-yellow-800)}[data-theme=dark]{--ina-white:var(--ina-neutral-900);--ina-black:var(--ina-neutral-25);--ina-background-primary:var(--ina-neutral-900);--ina-background-secondary:var(--ina-neutral-800);--ina-background-tertiary:var(--ina-neutral-700);--ina-background-overlay:var(--ina-overlay);--ina-content-primary:var(--ina-neutral-25);--ina-content-secondary:var(--ina-neutral-400);--ina-content-tertiary:var(--ina-neutral-500);--ina-content-guide:var(--ina-blue-400);--ina-content-negative:var(--ina-red-400);--ina-content-positive:var(--ina-green-500);--ina-stroke-primary:var(--ina-neutral-700);--ina-stroke-secondary:var(--ina-neutral-400);--ina-stroke-tertiary:var(--ina-neutral-200);--ina-guide-50:var(--ina-blue-50);--ina-guide-100:var(--ina-blue-100);--ina-guide-200:var(--ina-blue-200);--ina-guide-300:var(--ina-blue-300);--ina-guide-400:var(--ina-blue-400);--ina-guide-500:var(--ina-blue-500);--ina-guide-600:var(--ina-blue-600);--ina-guide-700:var(--ina-blue-700);--ina-guide-800:var(--ina-blue-800);--ina-guide-900:var(--ina-blue-900);--ina-negative-50:var(--ina-red-50);--ina-negative-100:var(--ina-red-100);--ina-negative-200:var(--ina-red-200);--ina-negative-300:var(--ina-red-300);--ina-negative-400:var(--ina-red-400);--ina-negative-500:var(--ina-red-500);--ina-negative-600:var(--ina-red-600);--ina-negative-700:var(--ina-red-700);--ina-negative-800:var(--ina-red-800);--ina-negative-900:var(--ina-red-900);--ina-sentiment-negative-50:var(--ina-red-50);--ina-sentiment-negative-100:var(--ina-red-100);--ina-sentiment-negative-200:var(--ina-red-200);--ina-sentiment-negative-300:var(--ina-red-300);--ina-sentiment-negative-400:var(--ina-red-400);--ina-sentiment-negative-500:var(--ina-red-500);--ina-sentiment-negative-600:var(--ina-red-600);--ina-sentiment-negative-700:var(--ina-red-700);--ina-sentiment-negative-800:var(--ina-red-800);--ina-sentiment-negative-900:var(--ina-red-900);--ina-positive-50:var(--ina-green-50);--ina-positive-100:var(--ina-green-100);--ina-positive-200:var(--ina-green-200);--ina-positive-300:var(--ina-green-300);--ina-positive-400:var(--ina-green-400);--ina-positive-500:var(--ina-green-500);--ina-positive-600:var(--ina-green-600);--ina-positive-700:var(--ina-green-700);--ina-positive-800:var(--ina-green-800);--ina-positive-900:var(--ina-green-900);--ina-sentiment-positive-50:var(--ina-green-50);--ina-sentiment-positive-100:var(--ina-green-100);--ina-sentiment-positive-200:var(--ina-green-200);--ina-sentiment-positive-300:var(--ina-green-300);--ina-sentiment-positive-400:var(--ina-green-400);--ina-sentiment-positive-500:var(--ina-green-500);--ina-sentiment-positive-600:var(--ina-green-600);--ina-sentiment-positive-700:var(--ina-green-700);--ina-sentiment-positive-800:var(--ina-green-800);--ina-warning-50:var(--ina-yellow-50);--ina-warning-100:var(--ina-yellow-100);--ina-warning-200:var(--ina-yellow-200);--ina-warning-300:var(--ina-yellow-300);--ina-warning-400:var(--ina-yellow-400);--ina-warning-500:var(--ina-yellow-500);--ina-warning-600:var(--ina-yellow-600);--ina-warning-700:var(--ina-yellow-700);--ina-warning-800:var(--ina-yellow-800);--ina-warning-900:var(--ina-yellow-900);--ina-sentiment-warning-50:var(--ina-yellow-50);--ina-sentiment-warning-100:var(--ina-yellow-100);--ina-sentiment-warning-200:var(--ina-yellow-200);--ina-sentiment-warning-300:var(--ina-yellow-300);--ina-sentiment-warning-400:var(--ina-yellow-400);--ina-sentiment-warning-500:var(--ina-yellow-500);--ina-sentiment-warning-600:var(--ina-yellow-600);--ina-sentiment-warning-700:var(--ina-yellow-700);--ina-sentiment-warning-800:var(--ina-yellow-800);--ina-sentiment-warning-900:var(--ina-yellow-900)}*,:after,:before{box-sizing:border-box}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}button:focus,input,input:focus,select,select:focus,textarea,textarea:focus{box-shadow:none;outline:none}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}textarea{resize:vertical}select{background:transparent;background-image:none;outline:none}button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{cursor:pointer}input[type=color],input[type=file],input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}table{border-collapse:collapse;border-color:inherit;border-spacing:0;text-indent:0;width:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}del{text-decoration:line-through}ins{text-decoration:underline}dfn{font-style:italic}
|
package/dist/index.css
CHANGED
|
@@ -270,6 +270,7 @@
|
|
|
270
270
|
--ina-font-black: 900;
|
|
271
271
|
|
|
272
272
|
/* Spacing */
|
|
273
|
+
--ina-spacing-0: 0rem; /* 0px */
|
|
273
274
|
--ina-spacing-0-5: 0.125rem; /* 2px */
|
|
274
275
|
--ina-spacing-1: 0.25rem; /* 4px */
|
|
275
276
|
--ina-spacing-1-5: 0.375rem; /* 6px */
|
|
@@ -329,14 +330,14 @@
|
|
|
329
330
|
|
|
330
331
|
/* Shadows */
|
|
331
332
|
--ina-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
332
|
-
--ina-shadow-base:
|
|
333
|
-
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
334
|
-
--ina-shadow-md:
|
|
335
|
-
0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
336
|
-
--ina-shadow-lg:
|
|
337
|
-
0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
338
|
-
--ina-shadow-xl:
|
|
339
|
-
0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
333
|
+
--ina-shadow-base:
|
|
334
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
335
|
+
--ina-shadow-md:
|
|
336
|
+
0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
337
|
+
--ina-shadow-lg:
|
|
338
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
339
|
+
--ina-shadow-xl:
|
|
340
|
+
0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
340
341
|
|
|
341
342
|
/* Transition */
|
|
342
343
|
--ina-transition-fast: 150ms ease-in-out;
|
|
@@ -4356,7 +4357,7 @@ dialog.bottom-sheet-dropdown {
|
|
|
4356
4357
|
.ina-date-picker__day.ina-date-picker__day--other-month.ina-date-picker__day--range-in.ina-date-picker__day--in-range {
|
|
4357
4358
|
color: var(--ina-content-tertiary, #a3a3a3) !important;
|
|
4358
4359
|
}
|
|
4359
|
-
@media (min-width:
|
|
4360
|
+
@media (min-width: 1280px) {
|
|
4360
4361
|
.ina-date-picker__panel-content--responsive {
|
|
4361
4362
|
flex-direction: row;
|
|
4362
4363
|
}
|
|
@@ -4390,8 +4391,8 @@ dialog.bottom-sheet-dropdown {
|
|
|
4390
4391
|
height: fit-content;
|
|
4391
4392
|
}
|
|
4392
4393
|
}
|
|
4393
|
-
@media (max-width:
|
|
4394
|
-
/* Hide second panel on mobile and tablet (below
|
|
4394
|
+
@media (max-width: 1279px) {
|
|
4395
|
+
/* Hide second panel on mobile and tablet (below 1280px) */
|
|
4395
4396
|
.ina-date-picker__calendar:last-child {
|
|
4396
4397
|
display: none;
|
|
4397
4398
|
}
|
|
@@ -4540,7 +4541,6 @@ dialog.bottom-sheet-dropdown {
|
|
|
4540
4541
|
.ina-date-picker__day.ina-date-picker__day--disabled {
|
|
4541
4542
|
color: var(--ina-content-tertiary, #a3a3a3);
|
|
4542
4543
|
cursor: not-allowed;
|
|
4543
|
-
background-color: var(--ina-background-secondary, #f8f8f7);
|
|
4544
4544
|
border-radius: 0;
|
|
4545
4545
|
}
|
|
4546
4546
|
.ina-date-picker__day.ina-date-picker__day--disabled:hover {
|
|
@@ -4791,7 +4791,7 @@ dialog.bottom-sheet-dropdown {
|
|
|
4791
4791
|
}
|
|
4792
4792
|
}
|
|
4793
4793
|
/* Tablet adjustments */
|
|
4794
|
-
@media (min-width: 641px) and (max-width:
|
|
4794
|
+
@media (min-width: 641px) and (max-width: 1279px) {
|
|
4795
4795
|
.ina-date-picker__panel {
|
|
4796
4796
|
max-width: -moz-max-content !important;
|
|
4797
4797
|
max-width: max-content !important;
|
|
@@ -4812,20 +4812,12 @@ dialog.bottom-sheet-dropdown {
|
|
|
4812
4812
|
display: none;
|
|
4813
4813
|
}
|
|
4814
4814
|
}
|
|
4815
|
-
/* Desktop XL: Show both calendar panels for range/multiple modes (>=
|
|
4816
|
-
@media (min-width:
|
|
4815
|
+
/* Desktop XL: Show both calendar panels for range/multiple modes (>= 1280px) */
|
|
4816
|
+
@media (min-width: 1280px) {
|
|
4817
4817
|
.ina-date-picker__calendar:last-child {
|
|
4818
4818
|
display: block;
|
|
4819
4819
|
}
|
|
4820
4820
|
|
|
4821
|
-
/* Hide mobile-only chevrons when in dual panel mode */
|
|
4822
|
-
.ina-date-picker__panel-content--dual
|
|
4823
|
-
.ina-date-picker__calendar-container
|
|
4824
|
-
.ina-date-picker__calendar-header
|
|
4825
|
-
.ina-date-picker__nav-button--mobile-only {
|
|
4826
|
-
display: none !important;
|
|
4827
|
-
}
|
|
4828
|
-
|
|
4829
4821
|
/* Ensure all chevrons are visible in dual panel mode */
|
|
4830
4822
|
.ina-date-picker__panel-content--dual
|
|
4831
4823
|
.ina-date-picker__calendar-container
|
|
@@ -7213,6 +7205,12 @@ dialog.bottom-sheet-dropdown {
|
|
|
7213
7205
|
}
|
|
7214
7206
|
.ina-month-picker__trigger--size-sm {
|
|
7215
7207
|
height: 32px;
|
|
7208
|
+
padding: var(--ina-spacing-1) var(--ina-spacing-2);
|
|
7209
|
+
min-width: 50px;
|
|
7210
|
+
}
|
|
7211
|
+
.ina-month-picker__trigger--size-sm .ina-month-picker__trigger-text {
|
|
7212
|
+
font-size: var(--ina-font-sm);
|
|
7213
|
+
font-weight: var(--ina-font-medium);
|
|
7216
7214
|
}
|
|
7217
7215
|
.ina-month-picker__trigger--size-md {
|
|
7218
7216
|
height: 36px;
|
|
@@ -7227,10 +7225,12 @@ dialog.bottom-sheet-dropdown {
|
|
|
7227
7225
|
background-color: var(--ina-neutral-50);
|
|
7228
7226
|
}
|
|
7229
7227
|
.ina-month-picker__trigger:focus {
|
|
7230
|
-
box-shadow:
|
|
7228
|
+
box-shadow:
|
|
7229
|
+
0 0 0 2px #fff,
|
|
7230
|
+
0 0 0 3px var(--ina-content-primary, #1f1f1f);
|
|
7231
7231
|
outline: none;
|
|
7232
|
-
background-color: var(--ina-background-primary);
|
|
7233
|
-
border-color: var(--ina-
|
|
7232
|
+
background-color: var(--ina-background-primary, #ffffff);
|
|
7233
|
+
border-color: var(--ina-stroke-tertiary, #141414);
|
|
7234
7234
|
}
|
|
7235
7235
|
.ina-month-picker__trigger--disabled {
|
|
7236
7236
|
background-color: var(--ina-background-secondary);
|
|
@@ -7263,6 +7263,15 @@ dialog.bottom-sheet-dropdown {
|
|
|
7263
7263
|
flex-shrink: 0;
|
|
7264
7264
|
color: var(--ina-content-dark-secondary);
|
|
7265
7265
|
}
|
|
7266
|
+
/* Chevron */
|
|
7267
|
+
.ina-month-picker__chevron {
|
|
7268
|
+
flex-shrink: 0;
|
|
7269
|
+
color: var(--ina-content-dark-secondary);
|
|
7270
|
+
transition: transform var(--ina-transition-fast);
|
|
7271
|
+
}
|
|
7272
|
+
.ina-month-picker__chevron--open {
|
|
7273
|
+
transform: rotate(180deg);
|
|
7274
|
+
}
|
|
7266
7275
|
/* Clear Button */
|
|
7267
7276
|
.ina-month-picker__clear-button {
|
|
7268
7277
|
flex-shrink: 0;
|
|
@@ -7368,8 +7377,8 @@ dialog.bottom-sheet-dropdown {
|
|
|
7368
7377
|
font-weight: var(--ina-font-semibold);
|
|
7369
7378
|
}
|
|
7370
7379
|
.ina-month-picker__month-option--hovered:not(
|
|
7371
|
-
|
|
7372
|
-
|
|
7380
|
+
.ina-month-picker__month-option--selected
|
|
7381
|
+
) {
|
|
7373
7382
|
background-color: var(--ina-background-secondary);
|
|
7374
7383
|
color: var(--ina-content-primary);
|
|
7375
7384
|
}
|
|
@@ -7400,10 +7409,6 @@ dialog.bottom-sheet-dropdown {
|
|
|
7400
7409
|
background-color: var(--ina-neutral-50);
|
|
7401
7410
|
border-color: var(--ina-stroke-secondary);
|
|
7402
7411
|
}
|
|
7403
|
-
[data-theme='dark'] .ina-month-picker__trigger:focus {
|
|
7404
|
-
border-color: var(--ina-primary-500);
|
|
7405
|
-
box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1), 0 0 0 3px #f3f3f3;
|
|
7406
|
-
}
|
|
7407
7412
|
[data-theme='dark'] .ina-month-picker__panel {
|
|
7408
7413
|
background-color: var(--ina-background-primary);
|
|
7409
7414
|
border-color: var(--ina-stroke-primary);
|
|
@@ -7446,12 +7451,13 @@ dialog.bottom-sheet-dropdown {
|
|
|
7446
7451
|
.ina-month-picker__panel {
|
|
7447
7452
|
/* Center panel horizontally in viewport */
|
|
7448
7453
|
width: calc(100vw - 2rem) !important;
|
|
7449
|
-
max-width:
|
|
7454
|
+
max-width: 152px !important;
|
|
7450
7455
|
/* Ensure panel doesn't exceed viewport */
|
|
7451
7456
|
padding: var(--ina-spacing-2);
|
|
7452
7457
|
}
|
|
7453
7458
|
|
|
7454
7459
|
.ina-month-picker__grid {
|
|
7460
|
+
grid-template-columns: repeat(3, 1fr);
|
|
7455
7461
|
gap: var(--ina-spacing-1);
|
|
7456
7462
|
}
|
|
7457
7463
|
|
|
@@ -14702,6 +14708,12 @@ dialog.bottom-sheet-dropdown {
|
|
|
14702
14708
|
}
|
|
14703
14709
|
.ina-year-picker__trigger--size-sm {
|
|
14704
14710
|
height: 32px;
|
|
14711
|
+
padding: var(--ina-spacing-1) var(--ina-spacing-2);
|
|
14712
|
+
min-width: 50px;
|
|
14713
|
+
}
|
|
14714
|
+
.ina-year-picker__trigger--size-sm .ina-year-picker__trigger-text {
|
|
14715
|
+
font-size: var(--ina-font-sm);
|
|
14716
|
+
font-weight: var(--ina-font-medium);
|
|
14705
14717
|
}
|
|
14706
14718
|
.ina-year-picker__trigger--size-md {
|
|
14707
14719
|
height: 36px;
|
|
@@ -14716,12 +14728,12 @@ dialog.bottom-sheet-dropdown {
|
|
|
14716
14728
|
background-color: var(--ina-neutral-50);
|
|
14717
14729
|
}
|
|
14718
14730
|
.ina-year-picker__trigger:focus {
|
|
14719
|
-
outline: none;
|
|
14720
|
-
background-color: var(--ina-background-primary);
|
|
14721
|
-
border-color: var(--ina-content-primary);
|
|
14722
14731
|
box-shadow:
|
|
14723
|
-
0
|
|
14724
|
-
0 0 0 3px #
|
|
14732
|
+
0 0 0 2px #fff,
|
|
14733
|
+
0 0 0 3px var(--ina-content-primary, #1f1f1f);
|
|
14734
|
+
outline: none;
|
|
14735
|
+
background-color: var(--ina-background-primary, #ffffff);
|
|
14736
|
+
border-color: var(--ina-stroke-tertiary, #141414);
|
|
14725
14737
|
}
|
|
14726
14738
|
.ina-year-picker__trigger--disabled {
|
|
14727
14739
|
background-color: var(--ina-background-secondary);
|
|
@@ -14754,6 +14766,15 @@ dialog.bottom-sheet-dropdown {
|
|
|
14754
14766
|
flex-shrink: 0;
|
|
14755
14767
|
color: var(--ina-content-dark-secondary);
|
|
14756
14768
|
}
|
|
14769
|
+
/* Chevron */
|
|
14770
|
+
.ina-year-picker__chevron {
|
|
14771
|
+
flex-shrink: 0;
|
|
14772
|
+
color: var(--ina-content-dark-secondary);
|
|
14773
|
+
transition: transform var(--ina-transition-fast);
|
|
14774
|
+
}
|
|
14775
|
+
.ina-year-picker__chevron--open {
|
|
14776
|
+
transform: rotate(180deg);
|
|
14777
|
+
}
|
|
14757
14778
|
/* Clear Button */
|
|
14758
14779
|
.ina-year-picker__clear-button {
|
|
14759
14780
|
flex-shrink: 0;
|
|
@@ -14841,7 +14862,7 @@ dialog.bottom-sheet-dropdown {
|
|
|
14841
14862
|
border-radius: var(--ina-radius-base);
|
|
14842
14863
|
cursor: pointer;
|
|
14843
14864
|
transition: all var(--ina-transition-fast);
|
|
14844
|
-
font-size: var(--ina-font-
|
|
14865
|
+
font-size: var(--ina-font-sm, 14px);
|
|
14845
14866
|
}
|
|
14846
14867
|
@media (min-width: 768px) {
|
|
14847
14868
|
.ina-year-picker__nav-button {
|
|
@@ -14938,12 +14959,6 @@ dialog.bottom-sheet-dropdown {
|
|
|
14938
14959
|
background-color: var(--ina-background-tertiary, #f2f2f2);
|
|
14939
14960
|
border-color: var(--ina-stroke-secondary);
|
|
14940
14961
|
}
|
|
14941
|
-
[data-theme='dark'] .ina-year-picker__trigger:focus {
|
|
14942
|
-
border-color: var(--ina-content-primary);
|
|
14943
|
-
box-shadow:
|
|
14944
|
-
0 1px 2px 0 rgba(31, 31, 31, 0.1),
|
|
14945
|
-
0 0 0 3px #f3f3f3;
|
|
14946
|
-
}
|
|
14947
14962
|
[data-theme='dark'] .ina-year-picker__panel {
|
|
14948
14963
|
background-color: var(--ina-background-primary);
|
|
14949
14964
|
border-color: var(--ina-stroke-primary);
|
|
@@ -14998,40 +15013,35 @@ dialog.bottom-sheet-dropdown {
|
|
|
14998
15013
|
.ina-year-picker__panel {
|
|
14999
15014
|
/* Center panel horizontally in viewport */
|
|
15000
15015
|
width: calc(100vw - 2rem) !important;
|
|
15001
|
-
max-width:
|
|
15016
|
+
max-width: 164px !important;
|
|
15002
15017
|
/* Ensure panel doesn't exceed viewport */
|
|
15003
|
-
padding: var(--ina-spacing-
|
|
15018
|
+
padding: var(--ina-spacing-1);
|
|
15004
15019
|
}
|
|
15005
15020
|
|
|
15006
15021
|
.ina-year-picker__header {
|
|
15007
|
-
padding: var(--ina-spacing-2);
|
|
15022
|
+
padding: var(--ina-spacing-2) var(--ina-spacing-0);
|
|
15008
15023
|
margin-bottom: var(--ina-spacing-1);
|
|
15009
15024
|
}
|
|
15010
15025
|
|
|
15011
15026
|
.ina-year-picker__nav-button {
|
|
15012
|
-
width:
|
|
15013
|
-
height:
|
|
15014
|
-
padding:
|
|
15015
|
-
}
|
|
15016
|
-
|
|
15017
|
-
.ina-year-picker__nav-icon {
|
|
15018
|
-
width: 12px;
|
|
15019
|
-
height: 12px;
|
|
15027
|
+
width: 28px;
|
|
15028
|
+
height: 28px;
|
|
15029
|
+
padding: 0px;
|
|
15020
15030
|
}
|
|
15021
15031
|
|
|
15022
15032
|
.ina-year-picker__decade-range {
|
|
15023
|
-
font-size: var(--ina-font-
|
|
15033
|
+
font-size: var(--ina-font-xs);
|
|
15024
15034
|
}
|
|
15025
15035
|
|
|
15026
15036
|
.ina-year-picker__grid {
|
|
15027
|
-
grid-template-columns: repeat(
|
|
15037
|
+
grid-template-columns: repeat(3, 1fr);
|
|
15028
15038
|
gap: var(--ina-spacing-0-5);
|
|
15029
15039
|
padding: var(--ina-spacing-1);
|
|
15030
15040
|
}
|
|
15031
15041
|
|
|
15032
15042
|
.ina-year-picker__year-option {
|
|
15033
15043
|
min-height: 30px;
|
|
15034
|
-
font-size: var(--ina-font-
|
|
15044
|
+
font-size: var(--ina-font-xs);
|
|
15035
15045
|
padding: var(--ina-spacing-0-5);
|
|
15036
15046
|
border-radius: var(--ina-radius-base);
|
|
15037
15047
|
}
|