@namp88/compass-tokens 1.0.3

package/dist/scss/_badge-lg.scss

@@ -0,0 +1,13 @@
+// =============================================================================
+// Badge - LG
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.441Z
+// =============================================================================
+
+$height: $size-6xl;
+$padding-x: $space-sm;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-md;
+$font-size: $text-font-size-md;
+$font-family: $text-font-family-md;
+$icon-gap: $space-xs;

package/dist/scss/_badge-md.scss

@@ -0,0 +1,13 @@
+// =============================================================================
+// Badge - MD
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.441Z
+// =============================================================================
+
+$height: $size-5xl;
+$padding-x: $space-xs;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-sm;
+$font-size: $text-font-size-sm;
+$font-family: $text-font-family-sm;
+$icon-gap: $space-2xs;

package/dist/scss/_badge-sm.scss

@@ -0,0 +1,13 @@
+// =============================================================================
+// Badge - SM
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.441Z
+// =============================================================================
+
+$height: $size-3xl;
+$padding-x: $space-xs;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-sm;
+$font-size: $text-font-size-sm;
+$font-family: $text-font-family-sm;
+$icon-gap: $space-3xs;

package/dist/scss/_badge-xs.scss

@@ -0,0 +1,13 @@
+// =============================================================================
+// Badge - XS
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.441Z
+// =============================================================================
+
+$height: $size-2xl;
+$padding-x: $space-2xs;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-xs;
+$font-size: $text-font-size-xs;
+$font-family: $text-font-family-sm;
+$icon-gap: $space-4xs;

package/dist/scss/_button-lg.scss

@@ -0,0 +1,35 @@
+// =============================================================================
+// Button - LG
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.435Z
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+// button
+// -----------------------------------------------------------------------------
+
+$height: $size-7xl;
+$padding-x: $space-md;
+$padding-y: $space-sm;
+$icon-gap: $space-xs;
+$border-radius: $border-radius-lg;
+$font-size: $text-font-size-md;
+$font-weight: $font-weight-semibold;
+$font-family: $text-font-family-md;
+$font-line-height: $text-line-height-md;
+$icon-height: $size-2xl;
+$icon-width: $size-2xl;
+
+// -----------------------------------------------------------------------------
+// only-icon
+// -----------------------------------------------------------------------------
+
+$height: $size-7xl;
+$padding-x: $space-sm;
+$padding-y: $space-sm;
+$icon-gap: $space-xs;
+$border-radius: $border-radius-lg;
+$font-family: $font-family-text;
+$font-size: $font-size-md;
+$font-weight: $font-weight-semibold;

package/dist/scss/_button-md.scss

@@ -0,0 +1,35 @@
+// =============================================================================
+// Button - MD
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.436Z
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+// button
+// -----------------------------------------------------------------------------
+
+$height: $size-5xl;
+$padding-x: $space-sm;
+$padding-y: $space-2xs;
+$icon-gap: $space-2xs;
+$border-radius: $border-radius-lg;
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-semibold;
+$font-family: $text-font-family-sm;
+$font-line-height: $text-line-height-sm;
+$icon-height: $size-2xl;
+$icon-width: $size-2xl;
+
+// -----------------------------------------------------------------------------
+// only-icon
+// -----------------------------------------------------------------------------
+
+$height: $size-5xl;
+$padding-x: $space-2xs;
+$padding-y: $space-2xs;
+$icon-gap: $space-2xs;
+$border-radius: $border-radius-lg;
+$font-family: $font-family-text;
+$font-size: $font-size-sm;
+$font-weight: $font-weight-semibold;

package/dist/scss/_button-sm.scss

@@ -0,0 +1,35 @@
+// =============================================================================
+// Button - SM
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.436Z
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+// button
+// -----------------------------------------------------------------------------
+
+$height: $size-3xl;
+$padding-x: $space-xs;
+$padding-y: $space-3xs;
+$icon-gap: $space-3xs;
+$border-radius: $border-radius-md;
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-semibold;
+$font-family: $text-font-family-sm;
+$font-line-height: $text-line-height-sm;
+$icon-height: $size-xl;
+$icon-width: $size-xl;
+
+// -----------------------------------------------------------------------------
+// only-icon
+// -----------------------------------------------------------------------------
+
+$height: $size-3xl;
+$padding-x: $space-3xs;
+$padding-y: $space-3xs;
+$icon-gap: $space-3xs;
+$border-radius: $border-radius-md;
+$font-family: $font-family-text;
+$font-size: $size-sm;
+$font-weight: $font-weight-semibold;

package/dist/scss/_button-xs.scss

@@ -0,0 +1,35 @@
+// =============================================================================
+// Button - XS
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.437Z
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+// button
+// -----------------------------------------------------------------------------
+
+$height: $size-2xl;
+$padding-x: $space-2xs;
+$padding-y: $space-5xs;
+$icon-gap: $space-4xs;
+$border-radius: $border-radius-sm;
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-semibold;
+$font-family: $text-font-family-sm;
+$font-line-height: $text-line-height-sm;
+$icon-height: $size-md;
+$icon-width: $size-md;
+
+// -----------------------------------------------------------------------------
+// only-icon
+// -----------------------------------------------------------------------------
+
+$height: $size-2xl;
+$padding-x: $space-4xs;
+$padding-y: $space-4xs;
+$icon-gap: $space-4xs;
+$border-radius: $border-radius-sm;
+$font-family: $font-family-text;
+$font-size: $size-sm;
+$font-weight: $font-weight-semibold;

package/dist/scss/_card.scss

@@ -0,0 +1,5 @@
+// =============================================================================
+// Card - Mode 1
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.437Z
+// =============================================================================

package/dist/scss/_colors.scss

@@ -0,0 +1,190 @@
+// =============================================================================
+// Colors - Mode 1
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.434Z
+// =============================================================================
+
+
+// -----------------------------------------------------------------------------
+// A11y
+// -----------------------------------------------------------------------------
+
+$pink: #ff5cc3;
+$purple: #b880ff;
+$brand: #6beaff;
+$green: #42e051;
+$a11y-red: #ff6363;
+$yellow: #fbfb0f;
+$teal: #6bffc3;
+$orange: #ffd26b;
+
+// -----------------------------------------------------------------------------
+// Red
+// -----------------------------------------------------------------------------
+
+$red-50: #fff6f5;
+$red-100: #ffe9e6;
+$red-200: #ffd6d1;
+$red-300: #ffb5a9;
+$red-400: #ff9688;
+$red-450: #f14a3d;
+$red-500: #cf292c;
+$red-600: #a51818;
+$red-700: #860919;
+$red-800: #6a010f;
+$red-900: #52010a;
+
+// -----------------------------------------------------------------------------
+// Yellow
+// -----------------------------------------------------------------------------
+
+$yellow-50: #fff9e5;
+$yellow-100: #fdecbe;
+$yellow-200: #fadf91;
+$yellow-300: #f4c141;
+$yellow-400: #efab00;
+$yellow-450: #c07800;
+$yellow-500: #975f00;
+$yellow-600: #804600;
+$yellow-700: #643500;
+$yellow-800: #4a270e;
+$yellow-900: #391d08;
+
+// -----------------------------------------------------------------------------
+// Base
+// -----------------------------------------------------------------------------
+
+$white: #ffffff;
+$black: #000000;
+$transparent: #ffffff00;
+
+// -----------------------------------------------------------------------------
+// Neutral
+// -----------------------------------------------------------------------------
+
+$neutral-50: #f6f7fa;
+$neutral-100: #f0f4f6;
+$neutral-200: #e0e5eb;
+$neutral-250: #d3d7de;
+$neutral-300: #c1c6d1;
+$neutral-350: #a1a6b3;
+$neutral-400: #8a8f9b;
+$neutral-450: #747b8b;
+$neutral-500: #636a78;
+$neutral-550: #575c6a;
+$neutral-600: #434957;
+$neutral-700: #363c48;
+$neutral-800: #292f3b;
+$neutral-900: #1d212b;
+
+// -----------------------------------------------------------------------------
+// Pink
+// -----------------------------------------------------------------------------
+
+$pink-50: #fff5fa;
+$pink-100: #ffe7f3;
+$pink-200: #ffcee7;
+$pink-300: #ffb7dc;
+$pink-400: #ff90ce;
+$pink-450: #e543a7;
+$pink-500: #c61e8e;
+$pink-600: #9f0b70;
+$pink-700: #7e0758;
+$pink-800: #6c044a;
+$pink-900: #4d0234;
+
+// -----------------------------------------------------------------------------
+// Orange
+// -----------------------------------------------------------------------------
+
+$orange-50: #fef6ee;
+$orange-100: #ffe9d9;
+$orange-200: #fddbc3;
+$orange-300: #ffba96;
+$orange-400: #ff966e;
+$orange-450: #ed4b24;
+$orange-500: #ca3000;
+$orange-600: #a31f00;
+$orange-700: #811600;
+$orange-800: #640e04;
+$orange-900: #4e0903;
+
+// -----------------------------------------------------------------------------
+// Green
+// -----------------------------------------------------------------------------
+
+$green-50: #f0fdf0;
+$green-100: #d8fad5;
+$green-200: #b0f2ab;
+$green-300: #8ae182;
+$green-400: #6ecb66;
+$green-450: #31992e;
+$green-500: #217e1f;
+$green-600: #186614;
+$green-700: #0b5006;
+$green-800: #064305;
+$green-900: #112a0f;
+
+// -----------------------------------------------------------------------------
+// Turquoise
+// -----------------------------------------------------------------------------
+
+$turquoise-50: #f2faff;
+$turquoise-100: #def2ff;
+$turquoise-200: #bbe5ff;
+$turquoise-300: #8cd5ff;
+$turquoise-400: #5dc0f6;
+$turquoise-450: #0096d1;
+$turquoise-500: #0074a2;
+$turquoise-600: #005a7e;
+$turquoise-700: #014663;
+$turquoise-800: #00354c;
+$turquoise-900: #00283b;
+
+// -----------------------------------------------------------------------------
+// Teal
+// -----------------------------------------------------------------------------
+
+$teal-50: #edfcfc;
+$teal-100: #d1f8f9;
+$teal-200: #a8f1f5;
+$teal-300: #62dee4;
+$teal-400: #32c9d0;
+$teal-450: #008e94;
+$teal-500: #00797e;
+$teal-600: #005d60;
+$teal-700: #00494c;
+$teal-800: #033739;
+$teal-900: #09292b;
+
+// -----------------------------------------------------------------------------
+// Purple
+// -----------------------------------------------------------------------------
+
+$purple-50: #f9f7ff;
+$purple-100: #f1ebff;
+$purple-200: #e3d6ff;
+$purple-300: #d6c2ff;
+$purple-400: #c6a8ff;
+$purple-450: #a266fa;
+$purple-500: #8a41e2;
+$purple-600: #7324c4;
+$purple-700: #5b13a1;
+$purple-800: #470082;
+$purple-900: #340f5d;
+
+// -----------------------------------------------------------------------------
+// Blue
+// -----------------------------------------------------------------------------
+
+$blue-50: #f5f9ff;
+$blue-100: #e5efff;
+$blue-200: #c8e1ff;
+$blue-300: #aacfff;
+$blue-400: #8db8ff;
+$blue-450: #3882fa;
+$blue-500: #0e66df;
+$blue-600: #054ac1;
+$blue-700: #02389e;
+$blue-800: #022a7a;
+$blue-900: #011c50;

package/dist/scss/_dropdown-lg.scss

@@ -0,0 +1,12 @@
+// =============================================================================
+// Dropdown - LG
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.438Z
+// =============================================================================
+
+$item-height: $size-6xl;
+$item-padding-x: $space-sm;
+$item-gap: $space-xs;
+$item-font-size: $text-font-size-md;
+$item-font-line-height: $text-line-height-md;
+$border-radius: $border-radius-lg;

package/dist/scss/_dropdown-md.scss

@@ -0,0 +1,12 @@
+// =============================================================================
+// Dropdown - MD
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.439Z
+// =============================================================================
+
+$item-height: $size-5xl;
+$item-padding-x: $space-xs;
+$item-gap: $space-2xs;
+$item-font-size: $text-font-size-sm;
+$item-font-line-height: $text-line-height-sm;
+$border-radius: $border-radius-lg;

package/dist/scss/_dropdown-sm.scss

@@ -0,0 +1,12 @@
+// =============================================================================
+// Dropdown - SM
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.440Z
+// =============================================================================
+
+$item-height: $size-4xl;
+$item-padding-x: $space-2xs;
+$item-gap: $space-2xs;
+$item-font-size: $text-font-size-sm;
+$item-font-line-height: $text-line-height-sm;
+$border-radius: $border-radius-md;

package/dist/scss/_icon-size-lg.scss

@@ -0,0 +1,8 @@
+// =============================================================================
+// Icon size - LG
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.435Z
+// =============================================================================
+
+$icon-width: $size-3xl;
+$icon-height: $size-3xl;

package/dist/scss/_icon-size-md.scss

@@ -0,0 +1,8 @@
+// =============================================================================
+// Icon size - MD
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.435Z
+// =============================================================================
+
+$icon-width: $size-2xl;
+$icon-height: $size-2xl;

package/dist/scss/_icon-size-sm.scss

@@ -0,0 +1,8 @@
+// =============================================================================
+// Icon size - SM
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.435Z
+// =============================================================================
+
+$icon-width: $size-xl;
+$icon-height: $size-xl;

package/dist/scss/_icon-size-xs.scss

@@ -0,0 +1,8 @@
+// =============================================================================
+// Icon size - XS
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.435Z
+// =============================================================================
+
+$icon-width: $size-md;
+$icon-height: $size-md;

package/dist/scss/_index.scss

@@ -0,0 +1,30 @@
+// =============================================================================
+// Design Tokens - Main Index
+// Generated from Figma
+// =============================================================================
+
+@import "primitives";
+@import "typography";
+@import "semantic-light";
+@import "semantic-dark";
+@import "semantic-high-contrast";
+@import "colors";
+@import "icon-size-lg";
+@import "icon-size-md";
+@import "icon-size-sm";
+@import "icon-size-xs";
+@import "button-lg";
+@import "button-md";
+@import "button-sm";
+@import "button-xs";
+@import "card";
+@import "input-lg";
+@import "input-md";
+@import "input-sm";
+@import "dropdown-lg";
+@import "dropdown-md";
+@import "dropdown-sm";
+@import "badge-lg";
+@import "badge-md";
+@import "badge-sm";
+@import "badge-xs";

package/dist/scss/_input-lg.scss

@@ -0,0 +1,37 @@
+// =============================================================================
+// Input - LG
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.438Z
+// =============================================================================
+
+$height: $size-7xl;
+$icon-gap: $space-2xs;
+$padding-y: $space-sm;
+$font-family: $font-family-text;
+$border-radius: $border-radius-lg;
+
+// -----------------------------------------------------------------------------
+// placeholder
+// -----------------------------------------------------------------------------
+
+$font-weight: $font-weight-regular;
+$font-size: $text-font-size-md;
+$font-line-height: $text-line-height-md;
+$padding-x: $space-xs;
+$border-width: $border-width-md;
+
+// -----------------------------------------------------------------------------
+// label
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-md;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-md;
+
+// -----------------------------------------------------------------------------
+// helper
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-regular;
+$font-line-height: $text-line-height-sm;

package/dist/scss/_input-md.scss

@@ -0,0 +1,37 @@
+// =============================================================================
+// Input - MD
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.438Z
+// =============================================================================
+
+$height: $size-5xl;
+$icon-gap: $space-2xs;
+$padding-y: $space-2xs;
+$font-family: $font-family-text;
+$border-radius: $border-radius-lg;
+
+// -----------------------------------------------------------------------------
+// placeholder
+// -----------------------------------------------------------------------------
+
+$font-weight: $font-weight-regular;
+$font-size: $text-font-size-sm;
+$font-line-height: $text-line-height-sm;
+$padding-x: $space-xs;
+$border-width: $border-width-md;
+
+// -----------------------------------------------------------------------------
+// label
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-sm;
+
+// -----------------------------------------------------------------------------
+// helper
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-regular;
+$font-line-height: $text-line-height-sm;

package/dist/scss/_input-sm.scss

@@ -0,0 +1,37 @@
+// =============================================================================
+// Input - SM
+// Generated from Figma design tokens
+// Generated at: 2026-02-04T14:40:26.438Z
+// =============================================================================
+
+$height: $size-3xl;
+$icon-gap: $space-2xs;
+$padding-y: $space-3xs;
+$font-family: $font-family-text;
+$border-radius: $border-radius-md;
+
+// -----------------------------------------------------------------------------
+// placeholder
+// -----------------------------------------------------------------------------
+
+$font-weight: $font-weight-regular;
+$font-size: $text-font-size-sm;
+$font-line-height: $text-line-height-sm;
+$padding-x: $space-2xs;
+$border-width: $border-width-md;
+
+// -----------------------------------------------------------------------------
+// label
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-semibold;
+$font-line-height: $text-line-height-sm;
+
+// -----------------------------------------------------------------------------
+// helper
+// -----------------------------------------------------------------------------
+
+$font-size: $text-font-size-sm;
+$font-weight: $font-weight-regular;
+$font-line-height: $text-line-height-sm;