@trendyol/baklava 2.0.0-beta.16 → 2.0.0-beta.17

package/dist/baklava.js

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk-L4EJFUQV.js";import{a}from"./chunk-NOBSUBY4.js";import{a as r}from"./chunk-WP2DP4K4.js";import"./chunk-2OZ27HBE.js";import{a as t,b as o,c as e}from"./chunk-OLHTJRSI.js";import{a as l}from"./chunk-NMJFO734.js";import"./chunk-4HPQWL76.js";import"./chunk-6TYTDGI6.js";import"./chunk-NZ3RGSR6.js";export{f as BlBadge,a as BlButton,e as BlIcon,r as BlInput,l as BlTooltip,o as getIconPath,t as setIconPath};
+import{a as f}from"./chunk-IXION7LO.js";import{a}from"./chunk-NOBSUBY4.js";import{a as r}from"./chunk-WP2DP4K4.js";import"./chunk-2OZ27HBE.js";import{a as t,b as o,c as e}from"./chunk-OLHTJRSI.js";import{a as l}from"./chunk-NMJFO734.js";import"./chunk-4HPQWL76.js";import"./chunk-6TYTDGI6.js";import"./chunk-NZ3RGSR6.js";export{f as BlBadge,a as BlButton,e as BlIcon,r as BlInput,l as BlTooltip,o as getIconPath,t as setIconPath};
 //# sourceMappingURL=baklava.js.map

package/dist/chunk-IXION7LO.js

@@ -0,0 +1,57 @@
+import{a as r,b as i,e as a,f as l,g as o}from"./chunk-6TYTDGI6.js";import{a as t}from"./chunk-NZ3RGSR6.js";var c=r`:host {
+  display: inline-block;
+  max-width: 100%;
+}
+
+.badge {
+  --bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));
+  --color: var(--bl-badge-color, var(--bl-color-primary));
+  --font: var(--bl-font-title-4-medium);
+  --padding-vertical: var(--bl-size-3xs);
+  --padding-horizontal: var(--bl-size-3xs);
+  --margin-icon: var(--bl-size-3xs);
+  --icon-size: var(--bl-size-s);
+  --height: var(--bl-size-xl);
+
+  display: flex;
+  gap: var(--margin-icon);
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  border: none;
+  border-radius: var(--bl-size-4xs);
+  margin: 0;
+  padding: var(--padding-vertical) var(--padding-horizontal);
+  background-color: var(--bg-color);
+  color: var(--color, white);
+  font: var(--font);
+  font-kerning: none;
+  height: var(--height);
+}
+
+:host([size='small']) .badge {
+  --font: var(--bl-font-caption-small-text);
+  --height: var(--bl-size-m);
+}
+
+:host([size='large']) .badge {
+  --font: var(--bl-font-title-3-medium);
+  --padding-vertical: var(--bl-size-2xs);
+  --padding-horizontal: var(--bl-size-2xs);
+  --height: var(--bl-size-2xl);
+  --icon-size: var(--bl-size-m);
+}
+
+:host ::slotted(bl-icon) {
+  font-size: var(--icon-size);
+}
+
+:host([size='small']) bl-icon {
+  display: none;
+}
+`,n=c;var e=class extends a{constructor(){super(...arguments);this.size="medium"}static get styles(){return[n]}render(){let s=this.icon?i`<bl-icon name=${this.icon}></bl-icon>`:"";return i`<span class="badge">
+      <slot name="icon">${s}</slot>
+      <slot></slot>
+    </span>`}};t([o({type:String,reflect:!0})],e.prototype,"size",2),t([o({type:String})],e.prototype,"icon",2),e=t([l("bl-badge")],e);export{e as a};
+//# sourceMappingURL=chunk-IXION7LO.js.map

package/dist/chunk-IXION7LO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/badge/bl-badge.css", "../src/components/badge/bl-badge.ts"],
+  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n  display: inline-block;\n  max-width: 100%;\n}\n\n.badge {\n  --bg-color: var(--bl-badge-bg-color, var(--bl-color-accent-primary-background));\n  --color: var(--bl-badge-color, var(--bl-color-primary));\n  --font: var(--bl-font-title-4-medium);\n  --padding-vertical: var(--bl-size-3xs);\n  --padding-horizontal: var(--bl-size-3xs);\n  --margin-icon: var(--bl-size-3xs);\n  --icon-size: var(--bl-size-s);\n  --height: var(--bl-size-xl);\n\n  display: flex;\n  gap: var(--margin-icon);\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  border-radius: var(--bl-size-4xs);\n  margin: 0;\n  padding: var(--padding-vertical) var(--padding-horizontal);\n  background-color: var(--bg-color);\n  color: var(--color, white);\n  font: var(--font);\n  font-kerning: none;\n  height: var(--height);\n}\n\n:host([size='small']) .badge {\n  --font: var(--bl-font-caption-small-text);\n  --height: var(--bl-size-m);\n}\n\n:host([size='large']) .badge {\n  --font: var(--bl-font-title-3-medium);\n  --padding-vertical: var(--bl-size-2xs);\n  --padding-horizontal: var(--bl-size-2xs);\n  --height: var(--bl-size-2xl);\n  --icon-size: var(--bl-size-m);\n}\n\n:host ::slotted(bl-icon) {\n  font-size: var(--icon-size);\n}\n\n:host([size='small']) bl-icon {\n  display: none;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport style from './bl-badge.css';\nimport '../icon/bl-icon';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty --bl-badge-bg-color - Sets the background color of badge. Default value is `--bl-color-accent-primary-background`\n * @cssproperty --bl-badge-color - Sets the color of badge. Default value is `--bl-color-primary`\n */\n\n@customElement('bl-badge')\nexport default class BlBadge extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the badge size\n   */\n  @property({ type: String, reflect: true })\n  size: BadgeSize = 'medium';\n\n  /**\n   * Sets the name of the icon\n   */\n  @property({ type: String })\n  icon?: string;\n\n  render(): TemplateResult {\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n\n    return html`<span class=\"badge\">\n      <slot name=\"icon\">${icon}</slot>\n      <slot></slot>\n    </span>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-badge': BlBadge;\n  }\n}\n"],
+  "mappings": "4GACO,IAAMA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDfC,EAAQD,ECtCf,IAAqBE,EAArB,cAAqCC,CAAW,CAAhD,kCASE,UAAkB,SARlB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAcA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GAEvE,OAAOA;AAAA,0BACeD;AAAA;AAAA,YAGxB,CACF,EAhBEE,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBN,EASnB,oBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPN,EAenB,oBAfmBA,EAArBK,EAAA,CADCE,EAAc,UAAU,GACJP",
+  "names": ["styles", "bl_badge_default", "BlBadge", "s", "bl_badge_default", "icon", "$", "__decorateClass", "e", "n"]
+}

package/dist/components/badge/bl-badge.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-L4EJFUQV.js";import"../../chunk-OLHTJRSI.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
+import{a}from"../../chunk-IXION7LO.js";import"../../chunk-OLHTJRSI.js";import"../../chunk-6TYTDGI6.js";import"../../chunk-NZ3RGSR6.js";export{a as default};
 //# sourceMappingURL=bl-badge.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendyol/baklava",
-  "version": "2.0.0-beta.16",
+  "version": "2.0.0-beta.17",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",

package/dist/chunk-L4EJFUQV.js

@@ -1,57 +0,0 @@
-import{a as i,b as a,e as o,f as r,g as t}from"./chunk-6TYTDGI6.js";import{a as l}from"./chunk-NZ3RGSR6.js";var s=i`:host {
-  display: inline-block;
-  max-width: 100%;
-
-  --bl-badge-bg-color: var(--bl-color-accent-primary-background);
-  --bl-badge-color: var(--bl-color-primary);
-  --bl-badge-font: var(--bl-font-title-4-medium);
-  --bl-badge-padding-vertical: var(--bl-size-3xs);
-  --bl-badge-padding-horizontal: var(--bl-size-3xs);
-  --bl-badge-margin-icon: var(--bl-size-3xs);
-  --bl-badge-icon-size: var(--bl-size-s);
-  --bl-badge-height: var(--bl-size-xl);
-}
-
-.badge {
-  display: flex;
-  gap: var(--bl-badge-margin-icon);
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  border: none;
-  border-radius: var(--bl-size-4xs);
-  margin: 0;
-  padding: var(--bl-badge-padding-vertical) var(--bl-badge-padding-horizontal);
-  background-color: var(--bl-badge-bg-color);
-  color: var(--bl-badge-color, white);
-  font: var(--bl-badge-font);
-  font-kerning: none;
-  height: var(--bl-badge-height);
-}
-
-:host([size='small']) {
-  --bl-badge-font: var(--bl-font-caption-small-text);
-  --bl-badge-height: var(--bl-size-m);
-}
-
-:host([size='large']) {
-  --bl-badge-font: var(--bl-font-title-3-medium);
-  --bl-badge-padding-vertical: var(--bl-size-2xs);
-  --bl-badge-padding-horizontal: var(--bl-size-2xs);
-  --bl-badge-height: var(--bl-size-2xl);
-  --bl-badge-icon-size: var(--bl-size-m);
-}
-
-:host ::slotted(bl-icon) {
-  font-size: var(--bl-badge-icon-size);
-}
-
-:host([size='small']) bl-icon {
-  display: none;
-}
-`,b=s;var e=class extends o{constructor(){super(...arguments);this.size="medium"}static get styles(){return[b]}render(){let n=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"";return a`<span class="badge">
-      <slot name="icon">${n}</slot>
-      <slot></slot>
-    </span>`}};l([t({type:String,reflect:!0})],e.prototype,"size",2),l([t({type:String})],e.prototype,"icon",2),e=l([r("bl-badge")],e);export{e as a};
-//# sourceMappingURL=chunk-L4EJFUQV.js.map

package/dist/chunk-L4EJFUQV.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/badge/bl-badge.css", "../src/components/badge/bl-badge.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host {\n  display: inline-block;\n  max-width: 100%;\n\n  --bl-badge-bg-color: var(--bl-color-accent-primary-background);\n  --bl-badge-color: var(--bl-color-primary);\n  --bl-badge-font: var(--bl-font-title-4-medium);\n  --bl-badge-padding-vertical: var(--bl-size-3xs);\n  --bl-badge-padding-horizontal: var(--bl-size-3xs);\n  --bl-badge-margin-icon: var(--bl-size-3xs);\n  --bl-badge-icon-size: var(--bl-size-s);\n  --bl-badge-height: var(--bl-size-xl);\n}\n\n.badge {\n  display: flex;\n  gap: var(--bl-badge-margin-icon);\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  border: none;\n  border-radius: var(--bl-size-4xs);\n  margin: 0;\n  padding: var(--bl-badge-padding-vertical) var(--bl-badge-padding-horizontal);\n  background-color: var(--bl-badge-bg-color);\n  color: var(--bl-badge-color, white);\n  font: var(--bl-badge-font);\n  font-kerning: none;\n  height: var(--bl-badge-height);\n}\n\n:host([size='small']) {\n  --bl-badge-font: var(--bl-font-caption-small-text);\n  --bl-badge-height: var(--bl-size-m);\n}\n\n:host([size='large']) {\n  --bl-badge-font: var(--bl-font-title-3-medium);\n  --bl-badge-padding-vertical: var(--bl-size-2xs);\n  --bl-badge-padding-horizontal: var(--bl-size-2xs);\n  --bl-badge-height: var(--bl-size-2xl);\n  --bl-badge-icon-size: var(--bl-size-m);\n}\n\n:host ::slotted(bl-icon) {\n  font-size: var(--bl-badge-icon-size);\n}\n\n:host([size='small']) bl-icon {\n  display: none;\n}\n`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport style from './bl-badge.css';\nimport '../icon/bl-icon';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\n\n/**\n * @tag bl-badge\n * @summary Baklava Badge component\n *\n * @cssproperty --bl-badge-bg-color - Sets the background color of badge. Default value is `--bl-color-accent-primary-background`\n * @cssproperty --bl-badge-color - Sets the color of badge. Default value is `--bl-color-primary`\n */\n\n@customElement('bl-badge')\nexport default class BlBadge extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the badge size\n   */\n  @property({ type: String, reflect: true })\n  size: BadgeSize = 'medium';\n\n  /**\n   * Sets the name of the icon\n   */\n  @property({ type: String })\n  icon?: string;\n\n  render(): TemplateResult {\n    const icon = this.icon ? html`<bl-icon name=${this.icon}></bl-icon>` : '';\n\n    return html`<span class=\"badge\">\n      <slot name=\"icon\">${icon}</slot>\n      <slot></slot>\n    </span>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bl-badge': BlBadge;\n  }\n}\n"],
-  "mappings": "4GACO,IAAMA,EAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqDfC,EAAQF,ECtCf,IAAqBG,EAArB,cAAqCC,CAAW,CAAhD,kCASE,UAAkB,SARlB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAcA,QAAyB,CACvB,IAAMC,EAAO,KAAK,KAAOC,kBAAqB,KAAK,kBAAoB,GAEvE,OAAOA;AAAA,0BACeD;AAAA;AAAA,YAGxB,CACF,EAhBEE,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GARtBN,EASnB,oBAMAK,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GAdPN,EAenB,oBAfmBA,EAArBK,EAAA,CADCE,EAAc,UAAU,GACJP",
-  "names": ["styles", "r", "bl_badge_default", "BlBadge", "s", "bl_badge_default", "icon", "$", "__decorateClass", "e", "n"]
-}