@trendyol/baklava/dist/themes/default.css.map

Trendyol Baklava Design System

{
  "version": 3,
  "sources": ["../../node_modules/@fontsource-variable/rubik/index.css", "../../src/themes/default.css"],
  "sourcesContent": ["/* rubik-cyrillic-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* rubik-cyrillic-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* rubik-hebrew-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-hebrew-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;\n}\n\n/* rubik-latin-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* rubik-latin-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}", "@import url(\"@fontsource-variable/rubik\");\n\n:root {\n  /* Primary Color */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-highlight: #ef6114;\n  --bl-color-primary-contrast: #fef2e8;\n\n  /* Success Color */\n  --bl-color-success: #0bc15c;\n  --bl-color-success-highlight: #09a44e;\n  --bl-color-success-contrast: #e7f9ef;\n\n  /* Danger Color */\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-highlight: #ff3028;\n  --bl-color-danger-contrast: #ffeeec;\n\n  /* Warning Color */\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-highlight: #ff9800;\n  --bl-color-warning-contrast: #fff8e6;\n\n  /* Neutral Color */\n  --bl-color-neutral-none: #000;\n  --bl-color-neutral-darkest: #0f131a;\n  --bl-color-neutral-darker: #273142;\n  --bl-color-neutral-dark: #6e7787;\n  --bl-color-neutral-light: #95a1b5;\n  --bl-color-neutral-lighter: #afbbca;\n  --bl-color-neutral-lightest: #f1f2f7;\n  --bl-color-neutral-full: #fff;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Z-indexes */\n  --bl-index-deep: -1;\n  --bl-index-base: 1;\n  --bl-index-popover: 100;\n  --bl-index-tooltip: 200;\n  --bl-index-sticky: 300;\n  --bl-index-overlay: 400;\n  --bl-index-dialog: 500;\n  --bl-index-notification: 600;\n\n  /* Typography */\n  --bl-font-family: \"Rubik Variable\", sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display-font-size: var(--bl-font-size-5xl);\n  --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n  --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n  --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n  --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n    var(--bl-font-heading-1-line-height);\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 2 */\n  --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n  --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n    var(--bl-font-heading-2-line-height);\n  --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 3 */\n  --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n  --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n    var(--bl-font-heading-3-line-height);\n  --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1-font-size: var(--bl-font-size-xl);\n  --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n  --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n  --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2-font-size: var(--bl-font-size-l);\n  --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n  --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n  --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3-font-size: var(--bl-font-size-m);\n  --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n  --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n  --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4-font-size: var(--bl-font-size-s);\n  --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n  --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n  --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n  --bl-font-body-text-1-line-height: calc(\n    var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n    var(--bl-font-body-text-1-line-height);\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n  --bl-font-body-text-2-line-height: calc(\n    var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n    var(--bl-font-body-text-2-line-height);\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n  --bl-font-body-text-3-line-height: calc(\n    var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n    var(--bl-font-body-text-3-line-height);\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-font-size: var(--bl-font-size-xs);\n  --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n  --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n\n  /*\n  @DEPRECATED\n\n  Color names below is kept for backward compatibility,\n\n  Will be removed in V3\n  */\n  --bl-color-primary-hover: var(--bl-color-primary-highlight);\n  --bl-color-success-hover: var(--bl-color-success-highlight);\n  --bl-color-danger-hover: var(--bl-color-danger-highlight);\n  --bl-color-warning-hover: var(--bl-color-warning-highlight);\n  --bl-color-accent-primary-background: var(--bl-color-primary-contrast);\n  --bl-color-success-background: var(--bl-color-success-contrast);\n  --bl-color-danger-background: var(--bl-color-danger-contrast);\n  --bl-color-warning-background: var(--bl-color-warning-contrast);\n  --bl-color-primary-background: var(--bl-color-neutral-full);\n\n  /* Content Colors */\n  --bl-color-content-primary: var(--bl-color-neutral-darker);\n  --bl-color-content-secondary: var(--bl-color-neutral-dark);\n  --bl-color-content-tertiary: var(--bl-color-neutral-light);\n  --bl-color-content-passive: var(--bl-color-neutral-lighter);\n  --bl-color-content-primary-contrast: var(--bl-color-neutral-full);\n  --bl-color-content-hover: var(--bl-color-primary-highlight);\n  --bl-color-border: var(--bl-color-neutral-lighter);\n\n  /* Removed Colors */\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-secondary-background: var(--bl-color-neutral-lightest);\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n}\n"],
  "mappings": "AACA,WACE,2BACA,kBACA,6CACA,oBACA,mFACA,iFAIF,WACE,2BACA,kBACA,6CACA,oBACA,+EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,6EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,gFACA,sJAIF,WACE,2BACA,kBACA,6CACA,oBACA,4EACA,2MC7CF,MAEE,4BACA,sCACA,qCAGA,4BACA,sCACA,qCAGA,2BACA,qCACA,oCAGA,4BACA,sCACA,qCAGA,8BACA,oCACA,mCACA,iCACA,kCACA,oCACA,qCACA,8BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,+CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,qGAIA,uDACA,+FACA,oGAEA,uGAIA,uDACA,+FACA,oGAEA,uGAIA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,oDACA,2FACA,8FACA,kGASA,4DACA,4DACA,0DACA,4DACA,uEACA,gEACA,8DACA,gEACA,4DAGA,2DACA,2DACA,2DACA,4DACA,kEACA,4DACA,mDAGA,8BACA,oCACA,kEACA,6BACA,mCACA,gCACA,sCACA,6BACA,mCACA,wCACA,2CACA",
  "names": []
}