@warp-ds/css 2.0.0-v2.1 → 2.0.0

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.
Files changed (12) hide show
  1. package/component-classes/classes.js +7 -10
  2. package/component-classes/index.d.ts +431 -382
  3. package/component-classes/index.js +315 -278
  4. package/component-classes/shortcuts.js +20 -13
  5. package/dist/components.css +1 -0
  6. package/dist/index.html +547 -0
  7. package/dist/resets.css +1 -0
  8. package/dist/tokens/blocket-se.css +1 -0
  9. package/dist/tokens/dba-dk.css +1 -0
  10. package/dist/tokens/finn-no.css +1 -0
  11. package/dist/tokens/tori-fi.css +1 -0
  12. package/package.json +29 -26
package/dist/tokens/dba-dk.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--w-transparent:transparent;--w-black:#000;--w-white:#fff;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#230103;--w-red-800:#5d0306;--w-red-700:#96050a;--w-red-600:#cf070e;--w-red-500:#de383d;--w-red-400:#ed686b;--w-red-300:#e77c80;--w-red-200:#efa3a6;--w-red-100:#f7cacc;--w-red-50:#fff0f1;--w-yellow-900:#221102;--w-yellow-800:#673a12;--w-yellow-700:#ad6421;--w-yellow-600:#f38e30;--w-yellow-500:#f5a051;--w-yellow-400:#f7b272;--w-yellow-300:#f9c493;--w-yellow-200:#fbd6b4;--w-yellow-100:#fde8d5;--w-yellow-50:#fef7f1;--w-green-900:#072719;--w-green-800:#0c3e2a;--w-green-700:#136647;--w-green-600:#1a8f64;--w-green-500:#3ea07c;--w-green-400:#62b294;--w-green-300:#86c4ac;--w-green-200:#aad6c4;--w-green-100:#cee8dc;--w-green-50:#f3fcf9;--w-phthaloblue-900:#000324;--w-phthaloblue-800:#000546;--w-phthaloblue-700:#000768;--w-phthaloblue-600:#00098a;--w-phthaloblue-500:#28309e;--w-phthaloblue-400:#5057b2;--w-phthaloblue-300:#787ec6;--w-phthaloblue-200:#a0a5da;--w-phthaloblue-100:#c8ccee;--w-phthaloblue-50:#f0f1ff;--w-jeanblue-900:#070f1d;--w-jeanblue-800:#162d56;--w-jeanblue-700:#244b8f;--w-jeanblue-600:#3269c8;--w-jeanblue-500:#5281d1;--w-jeanblue-400:#7299da;--w-jeanblue-300:#92b1e3;--w-jeanblue-200:#b2c9ec;--w-jeanblue-100:#d2e1f5;--w-jeanblue-50:#f3f6fc;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-jeanblue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-phthaloblue-800);--w-s-color-icon-secondary-hover:var(--w-phthaloblue-700);--w-s-color-icon-secondary:var(--w-phthaloblue-600);--w-s-color-icon-primary:var(--w-jeanblue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-jeanblue-800);--w-s-color-icon-selected-hover:var(--w-jeanblue-700);--w-s-color-icon-selected:var(--w-jeanblue-600);--w-s-color-icon-static:var(--w-gray-800);--w-s-color-icon-active:var(--w-jeanblue-800);--w-s-color-icon-hover:var(--w-jeanblue-700);--w-s-color-icon:var(--w-gray-900);--w-s-color-border-focus:var(--w-jeanblue-400);--w-s-color-border-info-subtle-active:var(--w-jeanblue-500);--w-s-color-border-info-subtle-hover:var(--w-jeanblue-400);--w-s-color-border-info-subtle:var(--w-jeanblue-300);--w-s-color-border-info-active:var(--w-jeanblue-800);--w-s-color-border-info-hover:var(--w-jeanblue-700);--w-s-color-border-info:var(--w-jeanblue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-phthaloblue-800);--w-s-color-border-secondary-hover:var(--w-phthaloblue-700);--w-s-color-border-secondary:var(--w-phthaloblue-600);--w-s-color-border-primary-subtle-active:var(--w-jeanblue-500);--w-s-color-border-primary-subtle-hover:var(--w-jeanblue-400);--w-s-color-border-primary-subtle:var(--w-jeanblue-300);--w-s-color-border-primary-active:var(--w-jeanblue-800);--w-s-color-border-primary-hover:var(--w-jeanblue-700);--w-s-color-border-primary:var(--w-jeanblue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-jeanblue-800);--w-s-color-border-selected-hover:var(--w-jeanblue-700);--w-s-color-border-selected:var(--w-jeanblue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-jeanblue-200);--w-s-color-background-info-subtle-hover:var(--w-jeanblue-100);--w-s-color-background-info-subtle:var(--w-jeanblue-50);--w-s-color-background-info-active:var(--w-jeanblue-800);--w-s-color-background-info-hover:var(--w-jeanblue-700);--w-s-color-background-info:var(--w-jeanblue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-phthaloblue-800);--w-s-color-background-secondary-hover:var(--w-phthaloblue-700);--w-s-color-background-secondary:var(--w-phthaloblue-600);--w-s-color-background-primary-subtle-active:var(--w-jeanblue-200);--w-s-color-background-primary-subtle-hover:var(--w-jeanblue-100);--w-s-color-background-primary-subtle:var(--w-jeanblue-50);--w-s-color-background-primary-active:var(--w-jeanblue-800);--w-s-color-background-primary-hover:var(--w-jeanblue-700);--w-s-color-background-primary:var(--w-jeanblue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-jeanblue-200);--w-s-color-background-selected-hover:var(--w-jeanblue-100);--w-s-color-background-selected:var(--w-jeanblue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-jeanblue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-800);--w-s-color-text-subtle:var(--w-gray-600);--w-s-color-text:var(--w-gray-900);--w-color-switch-background-track-disabled:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:rgba(var(--w-rgb-jeanblue-300),.3);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-jeanblue-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-jeanblue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-rgb-transparent:#fff0;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:35,1,3;--w-rgb-red-800:93,3,6;--w-rgb-red-700:150,5,10;--w-rgb-red-600:207,7,14;--w-rgb-red-500:222,56,61;--w-rgb-red-400:237,104,107;--w-rgb-red-300:231,124,128;--w-rgb-red-200:239,163,166;--w-rgb-red-100:247,202,204;--w-rgb-red-50:255,240,241;--w-rgb-yellow-900:34,17,2;--w-rgb-yellow-800:103,58,18;--w-rgb-yellow-700:173,100,33;--w-rgb-yellow-600:243,142,48;--w-rgb-yellow-500:245,160,81;--w-rgb-yellow-400:247,178,114;--w-rgb-yellow-300:249,196,147;--w-rgb-yellow-200:251,214,180;--w-rgb-yellow-100:253,232,213;--w-rgb-yellow-50:254,247,241;--w-rgb-green-900:7,39,25;--w-rgb-green-800:12,62,42;--w-rgb-green-700:19,102,71;--w-rgb-green-600:26,143,100;--w-rgb-green-500:62,160,124;--w-rgb-green-400:98,178,148;--w-rgb-green-300:134,196,172;--w-rgb-green-200:170,214,196;--w-rgb-green-100:206,232,220;--w-rgb-green-50:243,252,249;--w-rgb-phthaloblue-900:0,3,36;--w-rgb-phthaloblue-800:0,5,70;--w-rgb-phthaloblue-700:0,7,104;--w-rgb-phthaloblue-600:0,9,138;--w-rgb-phthaloblue-500:40,48,158;--w-rgb-phthaloblue-400:80,87,178;--w-rgb-phthaloblue-300:120,126,198;--w-rgb-phthaloblue-200:160,165,218;--w-rgb-phthaloblue-100:200,204,238;--w-rgb-phthaloblue-50:240,241,255;--w-rgb-jeanblue-900:7,15,29;--w-rgb-jeanblue-800:22,45,86;--w-rgb-jeanblue-700:36,75,143;--w-rgb-jeanblue-600:50,105,200;--w-rgb-jeanblue-500:82,129,209;--w-rgb-jeanblue-400:114,153,218;--w-rgb-jeanblue-300:146,177,227;--w-rgb-jeanblue-200:178,201,236;--w-rgb-jeanblue-100:210,225,245;--w-rgb-jeanblue-50:243,246,252;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-icon-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-icon-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-icon-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-jeanblue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-icon-selected:var(--w-rgb-jeanblue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-800);--w-s-rgb-icon-active:var(--w-rgb-jeanblue-800);--w-s-rgb-icon-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-rgb-border-focus:var(--w-rgb-jeanblue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-jeanblue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-jeanblue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-jeanblue-300);--w-s-rgb-border-info-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-info-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-info:var(--w-rgb-jeanblue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-border-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-border-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-jeanblue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-jeanblue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-jeanblue-300);--w-s-rgb-border-primary-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-jeanblue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-border-selected:var(--w-rgb-jeanblue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-jeanblue-50);--w-s-rgb-background-info-active:var(--w-rgb-jeanblue-800);--w-s-rgb-background-info-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-background-info:var(--w-rgb-jeanblue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-phthaloblue-800);--w-s-rgb-background-secondary-hover:var(--w-rgb-phthaloblue-700);--w-s-rgb-background-secondary:var(--w-rgb-phthaloblue-600);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-jeanblue-50);--w-s-rgb-background-primary-active:var(--w-rgb-jeanblue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-jeanblue-700);--w-s-rgb-background-primary:var(--w-rgb-jeanblue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-jeanblue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-jeanblue-100);--w-s-rgb-background-selected:var(--w-rgb-jeanblue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-jeanblue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-800);--w-s-rgb-text-subtle:var(--w-rgb-gray-600);--w-s-rgb-text:var(--w-rgb-gray-900);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%233269c8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--w-icon-toggle-checked:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-button-pill-background-active:rgba(var(--w-rgb-jeanblue-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:DBA;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
package/dist/tokens/finn-no.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--w-transparent:transparent;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#38140b;--w-red-800:#681d11;--w-red-700:#9e2216;--w-red-600:#d91f0a;--w-red-500:#fa270f;--w-red-400:#ff5844;--w-red-300:#f99;--w-red-200:#ffd1d1;--w-red-100:#ffefef;--w-red-50:#fff5f5;--w-yellow-900:#352310;--w-yellow-800:#654118;--w-yellow-700:#9b621e;--w-yellow-600:#d5840b;--w-yellow-500:#eeb61b;--w-yellow-400:#ffe11f;--w-yellow-300:#fae76b;--w-yellow-200:#feef90;--w-yellow-100:#fff5c8;--w-yellow-50:#fff8e6;--w-green-900:#14291f;--w-green-800:#1b4d39;--w-green-700:#1d7454;--w-green-600:#059e6f;--w-green-500:#18c884;--w-green-400:#2ee69f;--w-green-300:#67eeb8;--w-green-200:#9efcd1;--w-green-100:#cdfee5;--w-green-50:#ebfff6;--w-aqua-900:#15242f;--w-aqua-800:#1d435a;--w-aqua-700:#1e648a;--w-aqua-600:#0386bf;--w-aqua-500:#03a3dd;--w-aqua-400:#06befb;--w-aqua-300:#66e0ff;--w-aqua-200:#b6f0ff;--w-aqua-100:#e0f6ff;--w-aqua-50:#f1f9ff;--w-blue-900:#191d34;--w-blue-800:#223474;--w-blue-700:#244eb3;--w-blue-600:#0063fb;--w-blue-500:#2b7eff;--w-blue-400:#5c9cff;--w-blue-300:#9ac1fe;--w-blue-200:#c2dafe;--w-blue-100:#e1edfe;--w-blue-50:#eff5ff;--w-black:#000;--w-white:#fff;--w-50:#ffffff80;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-aqua-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-aqua-600);--w-s-color-icon-secondary-hover:var(--w-aqua-500);--w-s-color-icon-secondary:var(--w-aqua-400);--w-s-color-icon-primary:var(--w-blue-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blue-800);--w-s-color-icon-selected-hover:var(--w-blue-700);--w-s-color-icon-selected:var(--w-blue-600);--w-s-color-icon-static:var(--w-gray-700);--w-s-color-icon-active:var(--w-blue-700);--w-s-color-icon-hover:var(--w-blue-600);--w-s-color-icon:var(--w-gray-700);--w-s-color-border-focus:var(--w-aqua-400);--w-s-color-border-info-subtle-active:var(--w-aqua-500);--w-s-color-border-info-subtle-hover:var(--w-aqua-400);--w-s-color-border-info-subtle:var(--w-aqua-300);--w-s-color-border-info-active:var(--w-aqua-800);--w-s-color-border-info-hover:var(--w-aqua-700);--w-s-color-border-info:var(--w-aqua-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-aqua-600);--w-s-color-border-secondary-hover:var(--w-aqua-500);--w-s-color-border-secondary:var(--w-aqua-400);--w-s-color-border-primary-subtle-active:var(--w-blue-500);--w-s-color-border-primary-subtle-hover:var(--w-blue-400);--w-s-color-border-primary-subtle:var(--w-blue-300);--w-s-color-border-primary-active:var(--w-blue-800);--w-s-color-border-primary-hover:var(--w-blue-700);--w-s-color-border-primary:var(--w-blue-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blue-800);--w-s-color-border-selected-hover:var(--w-blue-700);--w-s-color-border-selected:var(--w-blue-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-red-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-aqua-200);--w-s-color-background-info-subtle-hover:var(--w-aqua-100);--w-s-color-background-info-subtle:var(--w-aqua-50);--w-s-color-background-info-active:var(--w-aqua-800);--w-s-color-background-info-hover:var(--w-aqua-700);--w-s-color-background-info:var(--w-aqua-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-aqua-600);--w-s-color-background-secondary-hover:var(--w-aqua-500);--w-s-color-background-secondary:var(--w-aqua-400);--w-s-color-background-primary-subtle-active:var(--w-blue-200);--w-s-color-background-primary-subtle-hover:var(--w-blue-100);--w-s-color-background-primary-subtle:var(--w-blue-50);--w-s-color-background-primary-active:var(--w-blue-800);--w-s-color-background-primary-hover:var(--w-blue-700);--w-s-color-background-primary:var(--w-blue-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blue-200);--w-s-color-background-selected-hover:var(--w-blue-100);--w-s-color-background-selected:var(--w-blue-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blue-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-700);--w-s-color-text-subtle:var(--w-gray-600);--w-s-color-text:var(--w-gray-700);--w-color-switch-background-track-disabled:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-green-400);--w-color-callout-background:var(--w-green-100);--w-color-button-pill-background-hover:rgba(var(--w-rgb-blue-300),.3);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-aqua-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-aqua-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-selected);--w-color-navbar-icon-selected:var(--w-s-color-icon-selected);--w-color-button-primary-background-active:var(--w-s-color-background-primary-active);--w-color-button-primary-background-hover:var(--w-s-color-background-primary-hover);--w-color-button-primary-background:var(--w-s-color-background-primary);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:56,20,11;--w-rgb-red-800:104,29,17;--w-rgb-red-700:158,34,22;--w-rgb-red-600:217,31,10;--w-rgb-red-500:250,39,15;--w-rgb-red-400:255,88,68;--w-rgb-red-300:255,153,153;--w-rgb-red-200:255,209,209;--w-rgb-red-100:255,239,239;--w-rgb-red-50:255,245,245;--w-rgb-yellow-900:53,35,16;--w-rgb-yellow-800:101,65,24;--w-rgb-yellow-700:155,98,30;--w-rgb-yellow-600:213,132,11;--w-rgb-yellow-500:238,182,27;--w-rgb-yellow-400:255,225,31;--w-rgb-yellow-300:250,231,107;--w-rgb-yellow-200:254,239,144;--w-rgb-yellow-100:255,245,200;--w-rgb-yellow-50:255,248,230;--w-rgb-green-900:20,41,31;--w-rgb-green-800:27,77,57;--w-rgb-green-700:29,116,84;--w-rgb-green-600:5,158,111;--w-rgb-green-500:24,200,132;--w-rgb-green-400:46,230,159;--w-rgb-green-300:103,238,184;--w-rgb-green-200:158,252,209;--w-rgb-green-100:205,254,229;--w-rgb-green-50:235,255,246;--w-rgb-aqua-900:21,36,47;--w-rgb-aqua-800:29,67,90;--w-rgb-aqua-700:30,100,138;--w-rgb-aqua-600:3,134,191;--w-rgb-aqua-500:3,163,221;--w-rgb-aqua-400:6,190,251;--w-rgb-aqua-300:102,224,255;--w-rgb-aqua-200:182,240,255;--w-rgb-aqua-100:224,246,255;--w-rgb-aqua-50:241,249,255;--w-rgb-blue-900:25,29,52;--w-rgb-blue-800:34,52,116;--w-rgb-blue-700:36,78,179;--w-rgb-blue-600:0,99,251;--w-rgb-blue-500:43,126,255;--w-rgb-blue-400:92,156,255;--w-rgb-blue-300:154,193,254;--w-rgb-blue-200:194,218,254;--w-rgb-blue-100:225,237,254;--w-rgb-blue-50:239,245,255;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-rgb-50:#ffffff80;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-aqua-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-icon-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-icon-secondary:var(--w-rgb-aqua-400);--w-s-rgb-icon-primary:var(--w-rgb-blue-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blue-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-icon-selected:var(--w-rgb-blue-600);--w-s-rgb-icon-static:var(--w-rgb-gray-700);--w-s-rgb-icon-active:var(--w-rgb-blue-700);--w-s-rgb-icon-hover:var(--w-rgb-blue-600);--w-s-rgb-icon:var(--w-rgb-gray-700);--w-s-rgb-border-focus:var(--w-rgb-aqua-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-aqua-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-aqua-400);--w-s-rgb-border-info-subtle:var(--w-rgb-aqua-300);--w-s-rgb-border-info-active:var(--w-rgb-aqua-800);--w-s-rgb-border-info-hover:var(--w-rgb-aqua-700);--w-s-rgb-border-info:var(--w-rgb-aqua-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-border-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-border-secondary:var(--w-rgb-aqua-400);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-primary-active:var(--w-rgb-blue-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-border-primary:var(--w-rgb-blue-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blue-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blue-700);--w-s-rgb-border-selected:var(--w-rgb-blue-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-red-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-aqua-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-aqua-100);--w-s-rgb-background-info-subtle:var(--w-rgb-aqua-50);--w-s-rgb-background-info-active:var(--w-rgb-aqua-800);--w-s-rgb-background-info-hover:var(--w-rgb-aqua-700);--w-s-rgb-background-info:var(--w-rgb-aqua-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-aqua-600);--w-s-rgb-background-secondary-hover:var(--w-rgb-aqua-500);--w-s-rgb-background-secondary:var(--w-rgb-aqua-400);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-primary-active:var(--w-rgb-blue-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blue-700);--w-s-rgb-background-primary:var(--w-rgb-blue-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blue-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blue-100);--w-s-rgb-background-selected:var(--w-rgb-blue-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blue-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-700);--w-s-rgb-text-subtle:var(--w-rgb-gray-600);--w-s-rgb-text:var(--w-rgb-gray-700);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%230063fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--w-icon-toggle-checked:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-button-pill-background-active:rgba(var(--w-rgb-blue-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:Finntype;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
package/dist/tokens/tori-fi.css ADDED
@@ -0,0 +1 @@
1
+ :root,:host{--w-transparent:transparent;--w-gray-950:#121212;--w-gray-900:#1b1b1f;--w-gray-850:#26262b;--w-gray-800:#2b2b30;--w-gray-750:#333338;--w-gray-700:#47474f;--w-gray-600:#5c5c66;--w-gray-500:#84848f;--w-gray-400:#afafb8;--w-gray-300:#cacad1;--w-gray-200:#dedee3;--w-gray-100:#f0f0f2;--w-gray-50:#f6f6f6;--w-red-900:#27070d;--w-red-800:#520b18;--w-red-700:#7d1024;--w-red-600:#930b1d;--w-red-500:#a53241;--w-red-400:#b75965;--w-red-300:#c98089;--w-red-200:#dba7ad;--w-red-100:#edced1;--w-red-50:#fef6f7;--w-yellow-900:#221102;--w-yellow-800:#673a12;--w-yellow-700:#ad6421;--w-yellow-600:#f38e30;--w-yellow-500:#f5a051;--w-yellow-400:#f7b272;--w-yellow-300:#f9c493;--w-yellow-200:#fbd6b4;--w-yellow-100:#fde8d5;--w-yellow-50:#fef7f1;--w-green-900:#072719;--w-green-800:#0c3e2a;--w-green-700:#136647;--w-green-600:#1a8f64;--w-green-500:#3ea07c;--w-green-400:#62b294;--w-green-300:#86c4ac;--w-green-200:#aad6c4;--w-green-100:#cee8dc;--w-green-50:#f3fcf9;--w-blue-900:#021622;--w-blue-800:#063d61;--w-blue-700:#0a659f;--w-blue-600:#0e8ddd;--w-blue-500:#339fe3;--w-blue-400:#58b1e9;--w-blue-300:#7dc3ef;--w-blue-200:#a2d5f5;--w-blue-100:#c7e7fb;--w-blue-50:#ecf7fe;--w-watermelon-900:#29080c;--w-watermelon-800:#5b1920;--w-watermelon-700:#982c38;--w-watermelon-600:#d43d4f;--w-watermelon-500:#f95157;--w-watermelon-400:#fd948f;--w-watermelon-300:#feb0ac;--w-watermelon-200:#fecbc7;--w-watermelon-100:#ffe6e4;--w-watermelon-50:#fff3f2;--w-black:#000;--w-white:#fff;--w-blueberry-900:#06101e;--w-blueberry-800:#122f58;--w-blueberry-700:#1d4e92;--w-blueberry-600:#296dcc;--w-blueberry-500:#4d88db;--w-blueberry-400:#6e9bdc;--w-blueberry-300:#91b2e4;--w-blueberry-200:#b4c9ec;--w-blueberry-100:#d7e0f4;--w-blueberry-50:#f7f9fd;--w-s-color-icon-notification:var(--w-white);--w-s-color-icon-info:var(--w-blue-600);--w-s-color-icon-warning:var(--w-yellow-600);--w-s-color-icon-negative:var(--w-red-600);--w-s-color-icon-positive:var(--w-green-600);--w-s-color-icon-secondary-active:var(--w-watermelon-700);--w-s-color-icon-secondary-hover:var(--w-watermelon-600);--w-s-color-icon-secondary:var(--w-watermelon-500);--w-s-color-icon-primary:var(--w-blueberry-600);--w-s-color-icon-inverted-static:var(--w-white);--w-s-color-icon-inverted-active:var(--w-gray-200);--w-s-color-icon-inverted-hover:var(--w-gray-100);--w-s-color-icon-inverted:var(--w-white);--w-s-color-icon-subtle-active:var(--w-gray-600);--w-s-color-icon-subtle-hover:var(--w-gray-500);--w-s-color-icon-subtle:var(--w-gray-400);--w-s-color-icon-disabled:var(--w-gray-300);--w-s-color-icon-selected-active:var(--w-blueberry-800);--w-s-color-icon-selected-hover:var(--w-blueberry-700);--w-s-color-icon-selected:var(--w-blueberry-600);--w-s-color-icon-static:var(--w-gray-900);--w-s-color-icon-active:var(--w-blueberry-900);--w-s-color-icon-hover:var(--w-blueberry-800);--w-s-color-icon:var(--w-gray-900);--w-s-color-border-focus:var(--w-blue-400);--w-s-color-border-info-subtle-active:var(--w-blue-500);--w-s-color-border-info-subtle-hover:var(--w-blue-400);--w-s-color-border-info-subtle:var(--w-blue-300);--w-s-color-border-info-active:var(--w-blue-800);--w-s-color-border-info-hover:var(--w-blue-700);--w-s-color-border-info:var(--w-blue-600);--w-s-color-border-warning-subtle-active:var(--w-yellow-500);--w-s-color-border-warning-subtle-hover:var(--w-yellow-400);--w-s-color-border-warning-subtle:var(--w-yellow-300);--w-s-color-border-warning-active:var(--w-yellow-800);--w-s-color-border-warning-hover:var(--w-yellow-700);--w-s-color-border-warning:var(--w-yellow-600);--w-s-color-border-negative-subtle-active:var(--w-red-500);--w-s-color-border-negative-subtle-hover:var(--w-red-400);--w-s-color-border-negative-subtle:var(--w-red-300);--w-s-color-border-negative-active:var(--w-red-800);--w-s-color-border-negative-hover:var(--w-red-700);--w-s-color-border-negative:var(--w-red-600);--w-s-color-border-positive-subtle-active:var(--w-green-500);--w-s-color-border-positive-subtle-hover:var(--w-green-400);--w-s-color-border-positive-subtle:var(--w-green-300);--w-s-color-border-positive-active:var(--w-green-800);--w-s-color-border-positive-hover:var(--w-green-700);--w-s-color-border-positive:var(--w-green-600);--w-s-color-border-secondary-active:var(--w-watermelon-700);--w-s-color-border-secondary-hover:var(--w-watermelon-600);--w-s-color-border-secondary:var(--w-watermelon-500);--w-s-color-border-primary-subtle-active:var(--w-blueberry-500);--w-s-color-border-primary-subtle-hover:var(--w-blueberry-400);--w-s-color-border-primary-subtle:var(--w-blueberry-300);--w-s-color-border-primary-active:var(--w-blueberry-800);--w-s-color-border-primary-hover:var(--w-blueberry-700);--w-s-color-border-primary:var(--w-blueberry-600);--w-s-color-border-inverted:var(--w-gray-300);--w-s-color-border-selected-active:var(--w-blueberry-800);--w-s-color-border-selected-hover:var(--w-blueberry-700);--w-s-color-border-selected:var(--w-blueberry-600);--w-s-color-border-disabled:var(--w-gray-300);--w-s-color-border-active:var(--w-gray-500);--w-s-color-border-hover:var(--w-gray-400);--w-s-color-border:var(--w-gray-300);--w-s-color-background-notification:var(--w-watermelon-600);--w-s-color-background-transparent-0:var(--w-transparent);--w-s-color-background-info-subtle-active:var(--w-blue-200);--w-s-color-background-info-subtle-hover:var(--w-blue-100);--w-s-color-background-info-subtle:var(--w-blue-50);--w-s-color-background-info-active:var(--w-blue-800);--w-s-color-background-info-hover:var(--w-blue-700);--w-s-color-background-info:var(--w-blue-600);--w-s-color-background-warning-subtle-active:var(--w-yellow-200);--w-s-color-background-warning-subtle-hover:var(--w-yellow-100);--w-s-color-background-warning-subtle:var(--w-yellow-50);--w-s-color-background-warning-active:var(--w-yellow-800);--w-s-color-background-warning-hover:var(--w-yellow-700);--w-s-color-background-warning:var(--w-yellow-600);--w-s-color-background-negative-subtle-active:var(--w-red-200);--w-s-color-background-negative-subtle-hover:var(--w-red-100);--w-s-color-background-negative-subtle:var(--w-red-50);--w-s-color-background-negative-active:var(--w-red-800);--w-s-color-background-negative-hover:var(--w-red-700);--w-s-color-background-negative:var(--w-red-600);--w-s-color-background-positive-subtle-active:var(--w-green-200);--w-s-color-background-positive-subtle-hover:var(--w-green-100);--w-s-color-background-positive-subtle:var(--w-green-50);--w-s-color-background-positive-active:var(--w-green-800);--w-s-color-background-positive-hover:var(--w-green-700);--w-s-color-background-positive:var(--w-green-600);--w-s-color-background-secondary-active:var(--w-watermelon-700);--w-s-color-background-secondary-hover:var(--w-watermelon-600);--w-s-color-background-secondary:var(--w-watermelon-500);--w-s-color-background-primary-subtle-active:var(--w-blueberry-200);--w-s-color-background-primary-subtle-hover:var(--w-blueberry-100);--w-s-color-background-primary-subtle:var(--w-blueberry-50);--w-s-color-background-primary-active:var(--w-blueberry-800);--w-s-color-background-primary-hover:var(--w-blueberry-700);--w-s-color-background-primary:var(--w-blueberry-600);--w-s-color-background-inverted:var(--w-gray-900);--w-s-color-background-selected-active:var(--w-blueberry-200);--w-s-color-background-selected-hover:var(--w-blueberry-100);--w-s-color-background-selected:var(--w-blueberry-50);--w-s-color-background-disabled-subtle:var(--w-gray-200);--w-s-color-background-disabled:var(--w-gray-300);--w-s-color-background-subtle-active:var(--w-gray-300);--w-s-color-background-subtle-hover:var(--w-gray-200);--w-s-color-background-subtle:var(--w-gray-100);--w-s-color-background-active:var(--w-gray-200);--w-s-color-background-hover:var(--w-gray-100);--w-s-color-background:var(--w-white);--w-s-color-surface-elevated-300-active:var(--w-gray-200);--w-s-color-surface-elevated-300-hover:var(--w-gray-100);--w-s-color-surface-elevated-300:var(--w-white);--w-s-color-surface-elevated-200-active:var(--w-gray-200);--w-s-color-surface-elevated-200-hover:var(--w-gray-100);--w-s-color-surface-elevated-200:var(--w-white);--w-s-color-surface-elevated-100-active:var(--w-gray-200);--w-s-color-surface-elevated-100-hover:var(--w-gray-100);--w-s-color-surface-elevated-100:var(--w-white);--w-s-color-surface-sunken:var(--w-gray-50);--w-s-color-surface-active:var(--w-gray-200);--w-s-color-surface-hover:var(--w-gray-100);--w-s-color-surface:var(--w-white);--w-s-color-text-positive:var(--w-green-600);--w-s-color-text-negative:var(--w-red-600);--w-s-color-text-disabled:var(--w-gray-300);--w-s-color-text-link:var(--w-blueberry-600);--w-s-color-text-inverted-static:var(--w-white);--w-s-color-text-inverted-subtle:var(--w-gray-50);--w-s-color-text-inverted:var(--w-white);--w-s-color-text-placeholder:var(--w-gray-300);--w-s-color-text-static:var(--w-gray-900);--w-s-color-text-subtle:var(--w-gray-600);--w-s-color-text:var(--w-gray-900);--w-color-switch-background-track-disabled:var(--w-gray-200);--w-color-switch-track-background-hover:var(--w-gray-300);--w-color-switch-track-background:var(--w-gray-200);--w-color-pill-suggestion-background-active:var(--w-gray-400);--w-color-pill-suggestion-background-hover:var(--w-gray-300);--w-color-pill-suggestion-background:var(--w-gray-200);--w-color-page-indicator-background-hover:var(--w-gray-400);--w-color-page-indicator-background:var(--w-gray-300);--w-color-callout-border:var(--w-blue-400);--w-color-callout-background:var(--w-blue-100);--w-color-button-pill-background-hover:rgba(var(--w-rgb-blueberry-300),.3);--w-color-button-primary-background-active:var(--w-watermelon-800);--w-color-button-primary-background-hover:var(--w-watermelon-700);--w-color-button-primary-background:var(--w-watermelon-600);--w-color-badge-price-background:var(--w-black);--w-color-badge-sponsored-background:var(--w-blue-200);--w-color-badge-negative-background:var(--w-red-100);--w-color-badge-warning-background:var(--w-yellow-100);--w-color-badge-info-background:var(--w-blue-100);--w-color-badge-positive-background:var(--w-green-100);--w-color-badge-neutral-background:var(--w-gray-100);--w-color-tooltip-background-static:var(--w-s-color-background-inverted);--w-color-navbar-border-selected:var(--w-s-color-border-secondary);--w-color-navbar-icon-selected:var(--w-s-color-icon-secondary);--w-rgb-transparent:#fff0;--w-rgb-gray-950:18,18,18;--w-rgb-gray-900:27,27,31;--w-rgb-gray-850:38,38,43;--w-rgb-gray-800:43,43,48;--w-rgb-gray-750:51,51,56;--w-rgb-gray-700:71,71,79;--w-rgb-gray-600:92,92,102;--w-rgb-gray-500:132,132,143;--w-rgb-gray-400:175,175,184;--w-rgb-gray-300:202,202,209;--w-rgb-gray-200:222,222,227;--w-rgb-gray-100:240,240,242;--w-rgb-gray-50:246,246,246;--w-rgb-red-900:39,7,13;--w-rgb-red-800:82,11,24;--w-rgb-red-700:125,16,36;--w-rgb-red-600:147,11,29;--w-rgb-red-500:165,50,65;--w-rgb-red-400:183,89,101;--w-rgb-red-300:201,128,137;--w-rgb-red-200:219,167,173;--w-rgb-red-100:237,206,209;--w-rgb-red-50:254,246,247;--w-rgb-yellow-900:34,17,2;--w-rgb-yellow-800:103,58,18;--w-rgb-yellow-700:173,100,33;--w-rgb-yellow-600:243,142,48;--w-rgb-yellow-500:245,160,81;--w-rgb-yellow-400:247,178,114;--w-rgb-yellow-300:249,196,147;--w-rgb-yellow-200:251,214,180;--w-rgb-yellow-100:253,232,213;--w-rgb-yellow-50:254,247,241;--w-rgb-green-900:7,39,25;--w-rgb-green-800:12,62,42;--w-rgb-green-700:19,102,71;--w-rgb-green-600:26,143,100;--w-rgb-green-500:62,160,124;--w-rgb-green-400:98,178,148;--w-rgb-green-300:134,196,172;--w-rgb-green-200:170,214,196;--w-rgb-green-100:206,232,220;--w-rgb-green-50:243,252,249;--w-rgb-blue-900:2,22,34;--w-rgb-blue-800:6,61,97;--w-rgb-blue-700:10,101,159;--w-rgb-blue-600:14,141,221;--w-rgb-blue-500:51,159,227;--w-rgb-blue-400:88,177,233;--w-rgb-blue-300:125,195,239;--w-rgb-blue-200:162,213,245;--w-rgb-blue-100:199,231,251;--w-rgb-blue-50:236,247,254;--w-rgb-watermelon-900:41,8,12;--w-rgb-watermelon-800:91,25,32;--w-rgb-watermelon-700:152,44,56;--w-rgb-watermelon-600:212,61,79;--w-rgb-watermelon-500:249,81,87;--w-rgb-watermelon-400:253,148,143;--w-rgb-watermelon-300:254,176,172;--w-rgb-watermelon-200:254,203,199;--w-rgb-watermelon-100:255,230,228;--w-rgb-watermelon-50:255,243,242;--w-rgb-black:0,0,0;--w-rgb-white:255,255,255;--w-rgb-blueberry-900:6,16,30;--w-rgb-blueberry-800:18,47,88;--w-rgb-blueberry-700:29,78,146;--w-rgb-blueberry-600:41,109,204;--w-rgb-blueberry-500:77,136,219;--w-rgb-blueberry-400:110,155,220;--w-rgb-blueberry-300:145,178,228;--w-rgb-blueberry-200:180,201,236;--w-rgb-blueberry-100:215,224,244;--w-rgb-blueberry-50:247,249,253;--w-s-rgb-icon-notification:var(--w-rgb-white);--w-s-rgb-icon-info:var(--w-rgb-blue-600);--w-s-rgb-icon-warning:var(--w-rgb-yellow-600);--w-s-rgb-icon-negative:var(--w-rgb-red-600);--w-s-rgb-icon-positive:var(--w-rgb-green-600);--w-s-rgb-icon-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-icon-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-icon-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-icon-primary:var(--w-rgb-blueberry-600);--w-s-rgb-icon-inverted-static:var(--w-rgb-white);--w-s-rgb-icon-inverted-active:var(--w-rgb-gray-200);--w-s-rgb-icon-inverted-hover:var(--w-rgb-gray-100);--w-s-rgb-icon-inverted:var(--w-rgb-white);--w-s-rgb-icon-subtle-active:var(--w-rgb-gray-600);--w-s-rgb-icon-subtle-hover:var(--w-rgb-gray-500);--w-s-rgb-icon-subtle:var(--w-rgb-gray-400);--w-s-rgb-icon-disabled:var(--w-rgb-gray-300);--w-s-rgb-icon-selected-active:var(--w-rgb-blueberry-800);--w-s-rgb-icon-selected-hover:var(--w-rgb-blueberry-700);--w-s-rgb-icon-selected:var(--w-rgb-blueberry-600);--w-s-rgb-icon-static:var(--w-rgb-gray-900);--w-s-rgb-icon-active:var(--w-rgb-blueberry-900);--w-s-rgb-icon-hover:var(--w-rgb-blueberry-800);--w-s-rgb-icon:var(--w-rgb-gray-900);--w-s-rgb-border-focus:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle-active:var(--w-rgb-blue-500);--w-s-rgb-border-info-subtle-hover:var(--w-rgb-blue-400);--w-s-rgb-border-info-subtle:var(--w-rgb-blue-300);--w-s-rgb-border-info-active:var(--w-rgb-blue-800);--w-s-rgb-border-info-hover:var(--w-rgb-blue-700);--w-s-rgb-border-info:var(--w-rgb-blue-600);--w-s-rgb-border-warning-subtle-active:var(--w-rgb-yellow-500);--w-s-rgb-border-warning-subtle-hover:var(--w-rgb-yellow-400);--w-s-rgb-border-warning-subtle:var(--w-rgb-yellow-300);--w-s-rgb-border-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-border-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-border-warning:var(--w-rgb-yellow-600);--w-s-rgb-border-negative-subtle-active:var(--w-rgb-red-500);--w-s-rgb-border-negative-subtle-hover:var(--w-rgb-red-400);--w-s-rgb-border-negative-subtle:var(--w-rgb-red-300);--w-s-rgb-border-negative-active:var(--w-rgb-red-800);--w-s-rgb-border-negative-hover:var(--w-rgb-red-700);--w-s-rgb-border-negative:var(--w-rgb-red-600);--w-s-rgb-border-positive-subtle-active:var(--w-rgb-green-500);--w-s-rgb-border-positive-subtle-hover:var(--w-rgb-green-400);--w-s-rgb-border-positive-subtle:var(--w-rgb-green-300);--w-s-rgb-border-positive-active:var(--w-rgb-green-800);--w-s-rgb-border-positive-hover:var(--w-rgb-green-700);--w-s-rgb-border-positive:var(--w-rgb-green-600);--w-s-rgb-border-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-border-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-border-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-border-primary-subtle-active:var(--w-rgb-blueberry-500);--w-s-rgb-border-primary-subtle-hover:var(--w-rgb-blueberry-400);--w-s-rgb-border-primary-subtle:var(--w-rgb-blueberry-300);--w-s-rgb-border-primary-active:var(--w-rgb-blueberry-800);--w-s-rgb-border-primary-hover:var(--w-rgb-blueberry-700);--w-s-rgb-border-primary:var(--w-rgb-blueberry-600);--w-s-rgb-border-inverted:var(--w-rgb-gray-300);--w-s-rgb-border-selected-active:var(--w-rgb-blueberry-800);--w-s-rgb-border-selected-hover:var(--w-rgb-blueberry-700);--w-s-rgb-border-selected:var(--w-rgb-blueberry-600);--w-s-rgb-border-disabled:var(--w-rgb-gray-300);--w-s-rgb-border-active:var(--w-rgb-gray-500);--w-s-rgb-border-hover:var(--w-rgb-gray-400);--w-s-rgb-border:var(--w-rgb-gray-300);--w-s-rgb-background-notification:var(--w-rgb-watermelon-600);--w-s-rgb-background-transparent-0:var(--w-rgb-transparent);--w-s-rgb-background-info-subtle-active:var(--w-rgb-blue-200);--w-s-rgb-background-info-subtle-hover:var(--w-rgb-blue-100);--w-s-rgb-background-info-subtle:var(--w-rgb-blue-50);--w-s-rgb-background-info-active:var(--w-rgb-blue-800);--w-s-rgb-background-info-hover:var(--w-rgb-blue-700);--w-s-rgb-background-info:var(--w-rgb-blue-600);--w-s-rgb-background-warning-subtle-active:var(--w-rgb-yellow-200);--w-s-rgb-background-warning-subtle-hover:var(--w-rgb-yellow-100);--w-s-rgb-background-warning-subtle:var(--w-rgb-yellow-50);--w-s-rgb-background-warning-active:var(--w-rgb-yellow-800);--w-s-rgb-background-warning-hover:var(--w-rgb-yellow-700);--w-s-rgb-background-warning:var(--w-rgb-yellow-600);--w-s-rgb-background-negative-subtle-active:var(--w-rgb-red-200);--w-s-rgb-background-negative-subtle-hover:var(--w-rgb-red-100);--w-s-rgb-background-negative-subtle:var(--w-rgb-red-50);--w-s-rgb-background-negative-active:var(--w-rgb-red-800);--w-s-rgb-background-negative-hover:var(--w-rgb-red-700);--w-s-rgb-background-negative:var(--w-rgb-red-600);--w-s-rgb-background-positive-subtle-active:var(--w-rgb-green-200);--w-s-rgb-background-positive-subtle-hover:var(--w-rgb-green-100);--w-s-rgb-background-positive-subtle:var(--w-rgb-green-50);--w-s-rgb-background-positive-active:var(--w-rgb-green-800);--w-s-rgb-background-positive-hover:var(--w-rgb-green-700);--w-s-rgb-background-positive:var(--w-rgb-green-600);--w-s-rgb-background-secondary-active:var(--w-rgb-watermelon-700);--w-s-rgb-background-secondary-hover:var(--w-rgb-watermelon-600);--w-s-rgb-background-secondary:var(--w-rgb-watermelon-500);--w-s-rgb-background-primary-subtle-active:var(--w-rgb-blueberry-200);--w-s-rgb-background-primary-subtle-hover:var(--w-rgb-blueberry-100);--w-s-rgb-background-primary-subtle:var(--w-rgb-blueberry-50);--w-s-rgb-background-primary-active:var(--w-rgb-blueberry-800);--w-s-rgb-background-primary-hover:var(--w-rgb-blueberry-700);--w-s-rgb-background-primary:var(--w-rgb-blueberry-600);--w-s-rgb-background-inverted:var(--w-rgb-gray-900);--w-s-rgb-background-selected-active:var(--w-rgb-blueberry-200);--w-s-rgb-background-selected-hover:var(--w-rgb-blueberry-100);--w-s-rgb-background-selected:var(--w-rgb-blueberry-50);--w-s-rgb-background-disabled-subtle:var(--w-rgb-gray-200);--w-s-rgb-background-disabled:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-active:var(--w-rgb-gray-300);--w-s-rgb-background-subtle-hover:var(--w-rgb-gray-200);--w-s-rgb-background-subtle:var(--w-rgb-gray-100);--w-s-rgb-background-active:var(--w-rgb-gray-200);--w-s-rgb-background-hover:var(--w-rgb-gray-100);--w-s-rgb-background:var(--w-rgb-white);--w-s-rgb-surface-elevated-300-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-300-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-300:var(--w-rgb-white);--w-s-rgb-surface-elevated-200-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-200-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-200:var(--w-rgb-white);--w-s-rgb-surface-elevated-100-active:var(--w-rgb-gray-200);--w-s-rgb-surface-elevated-100-hover:var(--w-rgb-gray-100);--w-s-rgb-surface-elevated-100:var(--w-rgb-white);--w-s-rgb-surface-sunken:var(--w-rgb-gray-50);--w-s-rgb-surface-active:var(--w-rgb-gray-200);--w-s-rgb-surface-hover:var(--w-rgb-gray-100);--w-s-rgb-surface:var(--w-rgb-white);--w-s-rgb-text-positive:var(--w-rgb-green-600);--w-s-rgb-text-negative:var(--w-rgb-red-600);--w-s-rgb-text-disabled:var(--w-rgb-gray-300);--w-s-rgb-text-link:var(--w-rgb-blueberry-600);--w-s-rgb-text-inverted-static:var(--w-rgb-white);--w-s-rgb-text-inverted-subtle:var(--w-rgb-gray-50);--w-s-rgb-text-inverted:var(--w-rgb-white);--w-s-rgb-text-placeholder:var(--w-rgb-gray-300);--w-s-rgb-text-static:var(--w-rgb-gray-900);--w-s-rgb-text-subtle:var(--w-rgb-gray-600);--w-s-rgb-text:var(--w-rgb-gray-900);--w-shadow-s:0 1px 6px #0000001f,0 1px 1px #00000029;--w-shadow-m:0 3px 6px #0000001a,0 3px 8px #00000029;--w-shadow-l:0 6px 12px #0003,0 10px 20px #0000001a;--w-shadow-xl:0 9px 18px #0000001a,0 14px 28px #0003;--w-shadow-slider:none;--w-shadow-slider-handle-active:0 0 0 8px #00000014;--w-shadow-slider-handle-hover:0 0 0 6px #00000014;--w-s-shadow-surface-elevated-100:var(--w-shadow-m);--w-s-shadow-surface-elevated-100-hover:var(--w-shadow-l);--w-s-shadow-surface-elevated-100-active:var(--w-shadow-m);--w-s-shadow-surface-elevated-200:var(--w-shadow-s);--w-s-shadow-surface-elevated-200-hover:var(--w-shadow-m);--w-s-shadow-surface-elevated-200-active:var(--w-shadow-s);--w-s-shadow-surface-elevated-300:var(--w-shadow-l);--w-s-shadow-surface-elevated-300-hover:var(--w-shadow-xl);--w-s-shadow-surface-elevated-300-active:var(--w-shadow-l);--w-icon-list-checked:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cpath stroke='%23296dcc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.83 7.667 7.163 11l5.334-6'%3E%3C/path%3E%3C/svg%3E");--w-icon-toggle-checked:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");--w-color-button-pill-background-active:rgba(var(--w-rgb-blueberry-400),.3);--w-color-buttongroup-utility-background-hover:var(--w-gray-100);--w-color-buttongroup-utility-background-selected:var(--w-gray-200);--w-color-buttongroup-utility-border:var(--w-gray-300);--w-color-buttongroup-utility-border-selected:var(--w-gray-700);--w-inherit:inherit;--w-none:none;--w-font-size-xs:1.2rem;--w-font-size-s:1.4rem;--w-font-size-m:1.6rem;--w-font-size-ml:2rem;--w-font-size-l:2.2rem;--w-font-size-xl:2.8rem;--w-font-size-xxl:3.4rem;--w-font-size-xxxl:4.8rem;--w-font-family:ToriSans,sans-serif;--w-line-height-xs:1.6rem;--w-line-height-s:1.8rem;--w-line-height-m:2.2rem;--w-line-height-ml:2.6rem;--w-line-height-l:2.8rem;--w-line-height-xl:3.4rem;--w-line-height-xxl:4.1rem;--w-line-height-xxxl:5.6rem;--w-color-avatar-background:var(--w-s-color-background-subtle);--w-color-avatar-icon:var(--w-s-color-icon-disabled)}
package/package.json CHANGED
@@ -1,21 +1,24 @@
1
1
  {
2
2
  "name": "@warp-ds/css",
3
3
  "repository": "git@github.com:warp-ds/css.git",
4
- "version": "2.0.0-v2.1",
4
+ "version": "2.0.0",
5
+ "peerDependencies": {
6
+ "@warp-ds/uno": "2.x"
7
+ },
5
8
  "scripts": {
6
9
  "build": "pnpm build:tokens && pnpm build:resets && pnpm build:cc",
7
10
  "commit": "cz",
8
11
  "semantic-release": "semantic-release",
9
- "build:cc": "cd component-classes && rm -rf *.d.ts && tsc && vite build && node ./scripts/updateClassesToPurge.js",
10
- "build:tokens": "cd tokens && node index.js",
12
+ "build:cc": "cd component-classes && rm -rf *.d.ts && tsc && vite build",
13
+ "build:tokens": "node index.js",
11
14
  "build:resets": "cd resets && node index.js",
12
- "lint:fix": "eslint . --fix",
13
- "lint:check": "eslint ."
15
+ "lint": "eslint . --fix --ignore-path .gitignore",
16
+ "lint:check": "eslint . --ignore-path .gitignore"
14
17
  },
15
18
  "type": "module",
16
19
  "exports": {
17
20
  "./component-classes": "./component-classes/index.js",
18
- "./warp": "./dist/warp.css",
21
+ "./components": "./dist/components.css",
19
22
  "./component-classes/classes": "./component-classes/classes.js",
20
23
  "./component-classes/shortcuts": "./component-classes/shortcuts.js"
21
24
  },
@@ -33,32 +36,32 @@
33
36
  }
34
37
  },
35
38
  "files": [
39
+ "dist",
36
40
  "./component-classes/index.js",
37
41
  "./component-classes/classes.js",
38
42
  "./component-classes/shortcuts.js",
39
43
  "./component-classes/index.d.ts"
40
44
  ],
41
- "dependencies": {
42
- "@warp-ds/tokenizer": "^0.0.2",
43
- "@warp-ds/uno": "^1.1.0"
44
- },
45
45
  "devDependencies": {
46
- "@eik/cli": "^2.0.22",
47
- "@semantic-release/changelog": "^6.0.2",
48
- "@semantic-release/exec": "^6.0.3",
49
- "@semantic-release/git": "^10.0.1",
50
- "@sindresorhus/slugify": "^2.2.0",
51
- "@warp-ds/eslint-config": "^0.0.1",
52
- "cz-conventional-changelog": "^3.3.0",
53
- "drnm": "^0.9.0",
54
- "eslint": "^8.43.0",
55
- "husky": "^8.0.3",
56
- "lightningcss": "^1.19.0",
57
- "semantic-release": "^20.1.3",
58
- "typescript": "^5.0.0",
59
- "unocss": "^0.56.0",
60
- "vite": "^4.3.9",
61
- "vite-plugin-dts": "^3.0.0"
46
+ "@eik/cli": "2.0.38",
47
+ "@semantic-release/changelog": "6.0.3",
48
+ "@semantic-release/exec": "6.0.3",
49
+ "@semantic-release/git": "10.0.1",
50
+ "@sindresorhus/slugify": "2.2.1",
51
+ "@warp-ds/eslint-config": "1.0.5",
52
+ "@warp-ds/tokenizer": "0.0.4",
53
+ "@warp-ds/uno": "2.x",
54
+ "cz-conventional-changelog": "3.3.0",
55
+ "drnm": "0.9.0",
56
+ "fs-extra": "11.2.0",
57
+ "lightningcss": "1.25.1",
58
+ "prettier": "3.3.2",
59
+ "semantic-release": "24.0.0",
60
+ "typescript": "5.5.3",
61
+ "unocss": "0.x",
62
+ "unzipper": "0.12.1",
63
+ "vite": "5.3.3",
64
+ "vite-plugin-dts": "3.9.1"
62
65
  },
63
66
  "eslintConfig": {
64
67
  "extends": "@warp-ds"