@idds/styles 1.5.44 → 1.5.45

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 CHANGED
@@ -6,7 +6,7 @@
6
6
  /* Neutral Colors */
7
7
  --ina-neutral-25: #ffffff;
8
8
  --ina-neutral-50: #f8f8f7;
9
- --ina-neutral-100: #f5f5f5;
9
+ --ina-neutral-100: #f2f2f2;
10
10
  --ina-neutral-200: #e5e5e5;
11
11
  --ina-neutral-300: #d4d4d4;
12
12
  --ina-neutral-400: #a3a3a3;
@@ -211,16 +211,16 @@
211
211
  --ina-lilac-900: #11021d;
212
212
 
213
213
  /* Indigo Colors */
214
- --ina-indigo-50: #fafaff;
215
- --ina-indigo-100: #ebeaff;
216
- --ina-indigo-200: #d2d3fe;
217
- --ina-indigo-300: #8387fc;
218
- --ina-indigo-400: #5157fb;
219
- --ina-indigo-500: #0911f6;
220
- --ina-indigo-600: #0006b9;
221
- --ina-indigo-700: #00046b;
222
- --ina-indigo-800: #0a0c42;
223
- --ina-indigo-900: #030630;
214
+ --ina-indigo-50: #fafdff;
215
+ --ina-indigo-100: #ebf7ff;
216
+ --ina-indigo-200: #d3effe;
217
+ --ina-indigo-300: #80d0fd;
218
+ --ina-indigo-400: #0aa7ff;
219
+ --ina-indigo-500: #0099f0;
220
+ --ina-indigo-600: #0364ab;
221
+ --ina-indigo-700: #003c66;
222
+ --ina-indigo-800: #01243d;
223
+ --ina-indigo-900: #02121d;
224
224
 
225
225
  /* overlay */
226
226
  --ina-overlay: #1f1f1f7a;
@@ -810,11 +810,20 @@ html:focus-within {
810
810
  }
811
811
  /* Set core body defaults */
812
812
  body {
813
- min-height: 100vh;
814
813
  text-rendering: optimizeSpeed;
815
814
  line-height: 1.5;
816
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
817
- 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
815
+ font-family:
816
+ 'Inter',
817
+ -apple-system,
818
+ BlinkMacSystemFont,
819
+ 'Segoe UI',
820
+ 'Roboto',
821
+ 'Oxygen',
822
+ 'Ubuntu',
823
+ 'Cantarell',
824
+ 'Fira Sans',
825
+ 'Droid Sans',
826
+ 'Helvetica Neue',
818
827
  sans-serif;
819
828
  -webkit-font-smoothing: antialiased;
820
829
  -moz-osx-font-smoothing: grayscale;
@@ -1061,8 +1070,9 @@ sup {
1061
1070
  code,
1062
1071
  kbd,
1063
1072
  samp {
1064
- font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas,
1065
- 'Courier New', monospace;
1073
+ font-family:
1074
+ 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New',
1075
+ monospace;
1066
1076
  font-size: 1em;
1067
1077
  }
1068
1078
  /* Reset abbreviation */
@@ -1072,11 +1082,6 @@ abbr[title] {
1072
1082
  -webkit-text-decoration: underline dotted;
1073
1083
  text-decoration: underline dotted;
1074
1084
  }
1075
- /* Reset mark */
1076
- mark {
1077
- background-color: var(--ina-background-tertiary);
1078
- color: var(--ina-black);
1079
- }
1080
1085
  /* Reset del and ins */
1081
1086
  del {
1082
1087
  text-decoration: line-through;
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:#f5f5f5;--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:#fafaff;--ina-indigo-100:#ebeaff;--ina-indigo-200:#d2d3fe;--ina-indigo-300:#8387fc;--ina-indigo-400:#5157fb;--ina-indigo-500:#0911f6;--ina-indigo-600:#0006b9;--ina-indigo-700:#00046b;--ina-indigo-800:#0a0c42;--ina-indigo-900:#030630;--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;min-height:100vh;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}mark{background-color:var(--ina-background-tertiary);color:var(--ina-black)}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-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
@@ -19,7 +19,7 @@
19
19
  /* Neutral Colors */
20
20
  --ina-neutral-25: #ffffff;
21
21
  --ina-neutral-50: #f8f8f7;
22
- --ina-neutral-100: #f5f5f5;
22
+ --ina-neutral-100: #f2f2f2;
23
23
  --ina-neutral-200: #e5e5e5;
24
24
  --ina-neutral-300: #d4d4d4;
25
25
  --ina-neutral-400: #a3a3a3;
@@ -224,16 +224,16 @@
224
224
  --ina-lilac-900: #11021d;
225
225
 
226
226
  /* Indigo Colors */
227
- --ina-indigo-50: #fafaff;
228
- --ina-indigo-100: #ebeaff;
229
- --ina-indigo-200: #d2d3fe;
230
- --ina-indigo-300: #8387fc;
231
- --ina-indigo-400: #5157fb;
232
- --ina-indigo-500: #0911f6;
233
- --ina-indigo-600: #0006b9;
234
- --ina-indigo-700: #00046b;
235
- --ina-indigo-800: #0a0c42;
236
- --ina-indigo-900: #030630;
227
+ --ina-indigo-50: #fafdff;
228
+ --ina-indigo-100: #ebf7ff;
229
+ --ina-indigo-200: #d3effe;
230
+ --ina-indigo-300: #80d0fd;
231
+ --ina-indigo-400: #0aa7ff;
232
+ --ina-indigo-500: #0099f0;
233
+ --ina-indigo-600: #0364ab;
234
+ --ina-indigo-700: #003c66;
235
+ --ina-indigo-800: #01243d;
236
+ --ina-indigo-900: #02121d;
237
237
 
238
238
  /* overlay */
239
239
  --ina-overlay: #1f1f1f7a;
@@ -823,11 +823,20 @@ html:focus-within {
823
823
  }
824
824
  /* Set core body defaults */
825
825
  body {
826
- min-height: 100vh;
827
826
  text-rendering: optimizeSpeed;
828
827
  line-height: 1.5;
829
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
830
- 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
828
+ font-family:
829
+ 'Inter',
830
+ -apple-system,
831
+ BlinkMacSystemFont,
832
+ 'Segoe UI',
833
+ 'Roboto',
834
+ 'Oxygen',
835
+ 'Ubuntu',
836
+ 'Cantarell',
837
+ 'Fira Sans',
838
+ 'Droid Sans',
839
+ 'Helvetica Neue',
831
840
  sans-serif;
832
841
  -webkit-font-smoothing: antialiased;
833
842
  -moz-osx-font-smoothing: grayscale;
@@ -1074,8 +1083,9 @@ sup {
1074
1083
  code,
1075
1084
  kbd,
1076
1085
  samp {
1077
- font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas,
1078
- 'Courier New', monospace;
1086
+ font-family:
1087
+ 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New',
1088
+ monospace;
1079
1089
  font-size: 1em;
1080
1090
  }
1081
1091
  /* Reset abbreviation */
@@ -1085,11 +1095,6 @@ abbr[title] {
1085
1095
  -webkit-text-decoration: underline dotted;
1086
1096
  text-decoration: underline dotted;
1087
1097
  }
1088
- /* Reset mark */
1089
- mark {
1090
- background-color: var(--ina-background-tertiary);
1091
- color: var(--ina-black);
1092
- }
1093
1098
  /* Reset del and ins */
1094
1099
  del {
1095
1100
  text-decoration: line-through;
@@ -1473,7 +1478,7 @@ dfn {
1473
1478
  color: var(--ina-primary-600);
1474
1479
  }
1475
1480
  .ina-action-dropdown__item:active {
1476
- background-color: var(--ina-background-tertiary);
1481
+ background-color: var(--ina-background-tertiary, #f2f2f2);
1477
1482
  }
1478
1483
  /* Item variants */
1479
1484
  .ina-action-dropdown__item--danger {
@@ -1621,13 +1626,14 @@ dfn {
1621
1626
  max-height: 300px;
1622
1627
  overflow-y: auto;
1623
1628
  scrollbar-width: thin;
1624
- scrollbar-color: var(--ina-content-tertiary) var(--ina-background-tertiary);
1629
+ scrollbar-color: var(--ina-content-tertiary)
1630
+ var(--ina-background-tertiary, #f2f2f2);
1625
1631
  }
1626
1632
  .ina-action-dropdown__menu--scrollable::-webkit-scrollbar {
1627
1633
  width: 6px;
1628
1634
  }
1629
1635
  .ina-action-dropdown__menu--scrollable::-webkit-scrollbar-track {
1630
- background: var(--ina-background-tertiary);
1636
+ background: var(--ina-background-tertiary, #f2f2f2);
1631
1637
  border-radius: 3px;
1632
1638
  }
1633
1639
  .ina-action-dropdown__menu--scrollable::-webkit-scrollbar-thumb {
@@ -2546,8 +2552,9 @@ dialog.bottom-sheet-dropdown {
2546
2552
  }
2547
2553
  .ina-button--primary:focus:not(:disabled) {
2548
2554
  background-color: var(--ina-primary-primary, var(--ina-content-primary));
2549
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2550
- 0 0 0 4px var(--ina-background-tertiary);
2555
+ box-shadow:
2556
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2557
+ 0 0 0 4px var(--ina-background-tertiary, #f2f2f2);
2551
2558
  outline-offset: 2px;
2552
2559
  }
2553
2560
  .ina-button--primary:disabled {
@@ -2567,8 +2574,9 @@ dialog.bottom-sheet-dropdown {
2567
2574
  }
2568
2575
  .ina-button--secondary:focus:not(:disabled) {
2569
2576
  background-color: var(--ina-background-secondary, var(--ina-neutral-50));
2570
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2571
- 0 0 0 4px var(--ina-background-tertiary);
2577
+ box-shadow:
2578
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2579
+ 0 0 0 4px var(--ina-background-tertiary, #f2f2f2);
2572
2580
  outline-offset: 2px;
2573
2581
  }
2574
2582
  .ina-button--secondary:disabled {
@@ -2589,8 +2597,9 @@ dialog.bottom-sheet-dropdown {
2589
2597
  }
2590
2598
  .ina-button--tertiary:focus:not(:disabled) {
2591
2599
  background-color: var(--ina-background-tertiary, var(--ina-neutral-100));
2592
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2593
- 0 0 0 4px var(--ina-background-tertiary);
2600
+ box-shadow:
2601
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2602
+ 0 0 0 4px var(--ina-background-tertiary, #f2f2f2);
2594
2603
  outline-offset: 2px;
2595
2604
  }
2596
2605
  .ina-button--tertiary:disabled {
@@ -2614,8 +2623,9 @@ dialog.bottom-sheet-dropdown {
2614
2623
  }
2615
2624
  .ina-button--link:focus:not(:disabled) {
2616
2625
  color: var(--ina-guide-400, var(--ina-blue-400));
2617
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2618
- 0 0 0 4px var(--ina-background-tertiary);
2626
+ box-shadow:
2627
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
2628
+ 0 0 0 4px var(--ina-background-tertiary, #f2f2f2);
2619
2629
  outline-offset: 2px;
2620
2630
  }
2621
2631
  .ina-button--link:disabled {
@@ -3667,7 +3677,9 @@ dialog.bottom-sheet-dropdown {
3667
3677
  border-radius: var(--ina-radius-full);
3668
3678
  font-weight: 500;
3669
3679
  border: 1px solid;
3670
- transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out,
3680
+ transition:
3681
+ background-color 150ms ease-in-out,
3682
+ border-color 150ms ease-in-out,
3671
3683
  color 150ms ease-in-out;
3672
3684
  cursor: pointer;
3673
3685
  outline: none;
@@ -3712,9 +3724,9 @@ dialog.bottom-sheet-dropdown {
3712
3724
  }
3713
3725
  /* Filled - Disabled State */
3714
3726
  .ina-chip__item--variant-filled.ina-chip__item--disabled {
3715
- background-color: var(--ina-background-tertiary);
3727
+ background-color: var(--ina-background-tertiary, #f2f2f2);
3716
3728
  color: var(--ina-content-tertiary);
3717
- border-color: var(--ina-background-tertiary);
3729
+ border-color: var(--ina-background-tertiary, #f2f2f2);
3718
3730
  cursor: not-allowed;
3719
3731
  pointer-events: none;
3720
3732
  }
@@ -3745,7 +3757,7 @@ dialog.bottom-sheet-dropdown {
3745
3757
  }
3746
3758
  /* Outline - Disabled State */
3747
3759
  .ina-chip__item--variant-outline.ina-chip__item--disabled {
3748
- background-color: var(--ina-background-tertiary);
3760
+ background-color: var(--ina-background-tertiary, #f2f2f2);
3749
3761
  color: var(--ina-content-tertiary);
3750
3762
  border-color: var(--ina-stroke-primary);
3751
3763
  cursor: not-allowed;
@@ -4811,7 +4823,7 @@ dialog.bottom-sheet-dropdown {
4811
4823
  }
4812
4824
 
4813
4825
  [data-theme='dark'] .ina-date-picker__day:hover {
4814
- background-color: var(--ina-background-tertiary);
4826
+ background-color: var(--ina-background-tertiary, #f2f2f2);
4815
4827
  }
4816
4828
 
4817
4829
  [data-theme='dark'] .ina-date-picker__day--selected {
@@ -4870,7 +4882,7 @@ dialog.bottom-sheet-dropdown {
4870
4882
  }
4871
4883
 
4872
4884
  [data-theme='dark'] .ina-date-picker__cancel-button:hover {
4873
- background-color: var(--ina-background-tertiary);
4885
+ background-color: var(--ina-background-tertiary, #f2f2f2);
4874
4886
  color: var(--ina-content-primary);
4875
4887
  border-color: var(--ina-stroke-secondary);
4876
4888
  }
@@ -5066,7 +5078,7 @@ dialog.bottom-sheet-dropdown {
5066
5078
  transition: all var(--ina-transition-fast);
5067
5079
  }
5068
5080
  .ina-date-picker__cancel-button:hover {
5069
- background-color: var(--ina-background-tertiary);
5081
+ background-color: var(--ina-background-tertiary, #f2f2f2);
5070
5082
  color: var(--ina-content-primary);
5071
5083
  border-color: var(--ina-stroke-secondary);
5072
5084
  }
@@ -7471,10 +7483,10 @@ dialog.bottom-sheet-dropdown {
7471
7483
  border-bottom: none;
7472
7484
  }
7473
7485
  .ina-multiple-choice-grid__row:hover {
7474
- background-color: var(--ina-background-tertiary);
7486
+ background-color: var(--ina-background-tertiary, #f2f2f2);
7475
7487
  }
7476
7488
  .ina-multiple-choice-grid__row:last-child:hover {
7477
- background-color: var(--ina-background-tertiary);
7489
+ background-color: var(--ina-background-tertiary, #f2f2f2);
7478
7490
  }
7479
7491
  /* Row Label */
7480
7492
  .ina-multiple-choice-grid__row-label {
@@ -7725,7 +7737,7 @@ dialog.bottom-sheet-dropdown {
7725
7737
  border-bottom-color: var(--ina-stroke-primary);
7726
7738
  }
7727
7739
  [data-theme='dark'] .ina-multiple-choice-grid__row:hover {
7728
- background-color: var(--ina-background-tertiary);
7740
+ background-color: var(--ina-background-tertiary, #f2f2f2);
7729
7741
  }
7730
7742
  [data-theme='dark'] .ina-multiple-choice-grid__row-label {
7731
7743
  color: var(--ina-content-primary);
@@ -7970,7 +7982,8 @@ dialog.bottom-sheet-dropdown {
7970
7982
  -moz-user-select: none;
7971
7983
  user-select: none;
7972
7984
  background-color: var(--ina-background-primary);
7973
- transition: border-color var(--ina-transition-base),
7985
+ transition:
7986
+ border-color var(--ina-transition-base),
7974
7987
  background-color var(--ina-transition-base),
7975
7988
  color var(--ina-transition-base);
7976
7989
  }
@@ -8021,7 +8034,8 @@ dialog.bottom-sheet-dropdown {
8021
8034
  font-size: inherit;
8022
8035
  font-weight: inherit;
8023
8036
  background-color: var(--ina-background-primary);
8024
- transition: border-color var(--ina-transition-base),
8037
+ transition:
8038
+ border-color var(--ina-transition-base),
8025
8039
  background-color var(--ina-transition-base),
8026
8040
  color var(--ina-transition-base);
8027
8041
  }
@@ -8043,7 +8057,7 @@ dialog.bottom-sheet-dropdown {
8043
8057
  }
8044
8058
  .ina-pagination__page-button--enabled:hover {
8045
8059
  border-color: var(--ina-stroke-primary);
8046
- background-color: var(--ina-background-tertiary);
8060
+ background-color: var(--ina-background-tertiary, #f2f2f2);
8047
8061
  }
8048
8062
  .ina-pagination__page-button--enabled:focus {
8049
8063
  outline: 2px solid var(--ina-content-primary);
@@ -8117,8 +8131,10 @@ dialog.bottom-sheet-dropdown {
8117
8131
  font-weight: inherit;
8118
8132
  cursor: pointer;
8119
8133
  outline: none;
8120
- transition: border-color var(--ina-transition-base),
8121
- box-shadow var(--ina-transition-base), opacity var(--ina-transition-base);
8134
+ transition:
8135
+ border-color var(--ina-transition-base),
8136
+ box-shadow var(--ina-transition-base),
8137
+ opacity var(--ina-transition-base);
8122
8138
  }
8123
8139
  .ina-pagination__page-size-select:hover {
8124
8140
  border-color: var(--ina-primary-400);
@@ -8525,7 +8541,7 @@ dialog.bottom-sheet-dropdown {
8525
8541
  }
8526
8542
  /* Disabled state */
8527
8543
  .ina-password-input__wrapper--disabled {
8528
- background-color: var(--ina-background-tertiary);
8544
+ background-color: var(--ina-background-tertiary, #f2f2f2);
8529
8545
  border-color: var(--ina-stroke-primary) !important;
8530
8546
  cursor: not-allowed;
8531
8547
  }
@@ -8943,7 +8959,7 @@ dialog.bottom-sheet-dropdown {
8943
8959
  }
8944
8960
  /* Disabled state */
8945
8961
  .ina-phone-input__wrapper--disabled {
8946
- background-color: var(--ina-background-tertiary);
8962
+ background-color: var(--ina-background-tertiary, #f2f2f2);
8947
8963
  border-color: var(--ina-stroke-primary) !important;
8948
8964
  cursor: not-allowed;
8949
8965
  opacity: 1;
@@ -10093,7 +10109,8 @@ dialog.bottom-sheet-dropdown {
10093
10109
  .ina-select-dropdown__option:hover {
10094
10110
  background-color: var(--ina-background-tertiary, #f5f5f5);
10095
10111
  }
10096
- .ina-select-dropdown__option:focus-visible {
10112
+ .ina-select-dropdown__option:focus-visible,
10113
+ .ina-select-dropdown__option--focused {
10097
10114
  background-color: var(--ina-background-tertiary, #f5f5f5);
10098
10115
  outline: 2px solid var(--ina-content-tertiary, #a3a3a3);
10099
10116
  outline-offset: -2px;
@@ -12874,7 +12891,7 @@ dialog.bottom-sheet-dropdown {
12874
12891
  }
12875
12892
  /* hover styles - Sesuai design Figma */
12876
12893
  .ina-text-area__wrapper:hover {
12877
- background-color: var(--ina-neutral-50, #f8f8f7);
12894
+ background-color: var(--ina-background-secondary, #f8f8f7);
12878
12895
  }
12879
12896
  /* Status variants */
12880
12897
  .ina-text-area__wrapper--status-neutral {
@@ -12912,7 +12929,7 @@ dialog.bottom-sheet-dropdown {
12912
12929
  }
12913
12930
  /* Disabled state */
12914
12931
  .ina-text-area__wrapper--disabled {
12915
- background-color: var(--ina-background-tertiary);
12932
+ background-color: var(--ina-background-tertiary, #f2f2f2);
12916
12933
  border-color: var(--ina-stroke-primary) !important;
12917
12934
  cursor: not-allowed;
12918
12935
  }
@@ -13176,7 +13193,7 @@ dialog.bottom-sheet-dropdown {
13176
13193
  }
13177
13194
  /* hover styles - Sesuai design Figma */
13178
13195
  .ina-text-field__wrapper:hover {
13179
- background-color: var(--ina-neutral-50, #f8f8f7);
13196
+ background-color: var(--ina-background-secondary, #f8f8f7);
13180
13197
  }
13181
13198
  /* Responsive adjustments */
13182
13199
  @media (max-width: 639px) {
@@ -14113,11 +14130,11 @@ dialog.bottom-sheet-dropdown {
14113
14130
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
14114
14131
  }
14115
14132
  .ina-toggle__track--disabled {
14116
- background-color: var(--ina-background-tertiary);
14133
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14117
14134
  cursor: not-allowed;
14118
14135
  }
14119
14136
  .ina-toggle__track--disabled.ina-toggle__track--checked {
14120
- background-color: var(--ina-background-tertiary);
14137
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14121
14138
  }
14122
14139
  /* Thumb (the sliding circle) */
14123
14140
  .ina-toggle__thumb {
@@ -14208,10 +14225,10 @@ dialog.bottom-sheet-dropdown {
14208
14225
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
14209
14226
  }
14210
14227
  [data-theme='dark'] .ina-toggle__track--disabled {
14211
- background-color: var(--ina-background-tertiary);
14228
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14212
14229
  }
14213
14230
  [data-theme='dark'] .ina-toggle__track--disabled.ina-toggle__track--checked {
14214
- background-color: var(--ina-background-tertiary);
14231
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14215
14232
  }
14216
14233
  [data-theme='dark'] .ina-toggle__thumb {
14217
14234
  background-color: var(--ina-background-primary);
@@ -14426,7 +14443,7 @@ dialog.bottom-sheet-dropdown {
14426
14443
  width: 100%;
14427
14444
  height: 200px;
14428
14445
  overflow: hidden;
14429
- background-color: var(--ina-background-tertiary);
14446
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14430
14447
  display: flex;
14431
14448
  align-items: center;
14432
14449
  justify-content: center;
@@ -14486,7 +14503,7 @@ dialog.bottom-sheet-dropdown {
14486
14503
  border: 1px solid #e0e0e0;
14487
14504
  }
14488
14505
  .ina-tooltip__action--close:hover {
14489
- background-color: var(--ina-background-tertiary);
14506
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14490
14507
  }
14491
14508
  .ina-tooltip__action--next {
14492
14509
  background-color: var(--ina-primary-primary);
@@ -14589,7 +14606,9 @@ dialog.bottom-sheet-dropdown {
14589
14606
  outline: none;
14590
14607
  background-color: var(--ina-background-primary);
14591
14608
  border-color: var(--ina-content-primary);
14592
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1), 0 0 0 3px #f3f3f3;
14609
+ box-shadow:
14610
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
14611
+ 0 0 0 3px #f3f3f3;
14593
14612
  }
14594
14613
  .ina-year-picker__trigger--disabled {
14595
14614
  background-color: var(--ina-background-secondary);
@@ -14775,9 +14794,9 @@ dialog.bottom-sheet-dropdown {
14775
14794
  background-color: var(--ina-content-primary);
14776
14795
  }
14777
14796
  .ina-year-picker__year-option--hovered:not(
14778
- .ina-year-picker__year-option--selected
14779
- ) {
14780
- background-color: var(--ina-background-tertiary);
14797
+ .ina-year-picker__year-option--selected
14798
+ ) {
14799
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14781
14800
  }
14782
14801
  .ina-year-picker__year-option:disabled {
14783
14802
  color: var(--ina-content-tertiary);
@@ -14803,12 +14822,14 @@ dialog.bottom-sheet-dropdown {
14803
14822
  color: var(--ina-content-primary);
14804
14823
  }
14805
14824
  [data-theme='dark'] .ina-year-picker__trigger:hover {
14806
- background-color: var(--ina-background-tertiary);
14825
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14807
14826
  border-color: var(--ina-stroke-secondary);
14808
14827
  }
14809
14828
  [data-theme='dark'] .ina-year-picker__trigger:focus {
14810
14829
  border-color: var(--ina-content-primary);
14811
- box-shadow: 0 1px 2px 0 rgba(31, 31, 31, 0.1), 0 0 0 3px #f3f3f3;
14830
+ box-shadow:
14831
+ 0 1px 2px 0 rgba(31, 31, 31, 0.1),
14832
+ 0 0 0 3px #f3f3f3;
14812
14833
  }
14813
14834
  [data-theme='dark'] .ina-year-picker__panel {
14814
14835
  background-color: var(--ina-background-primary);
@@ -14822,7 +14843,7 @@ dialog.bottom-sheet-dropdown {
14822
14843
  color: var(--ina-content-primary);
14823
14844
  }
14824
14845
  [data-theme='dark'] .ina-year-picker__nav-button:hover:not(:disabled) {
14825
- background-color: var(--ina-background-tertiary);
14846
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14826
14847
  }
14827
14848
  [data-theme='dark'] .ina-year-picker__decade-range {
14828
14849
  color: var(--ina-content-primary);
@@ -14831,7 +14852,7 @@ dialog.bottom-sheet-dropdown {
14831
14852
  color: var(--ina-content-primary);
14832
14853
  }
14833
14854
  [data-theme='dark'] .ina-year-picker__year-option:hover:not(:disabled) {
14834
- background-color: var(--ina-background-tertiary);
14855
+ background-color: var(--ina-background-tertiary, #f2f2f2);
14835
14856
  }
14836
14857
  [data-theme='dark'] .ina-year-picker__year-option--selected {
14837
14858
  background-color: var(--ina-content-primary);