@hcengineering/ui 0.7.0 → 0.7.411

package/lang/cs.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/de.json

@@ -50,6 +50,7 @@
     "English": "Englisch",
     "Russian": "Russisch",
     "Portuguese": "Portugiesisch",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Spanisch",
     "Chinese": "Chinesisch",
     "French": "Französisch",

package/lang/en.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/es.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/fr.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/it.json

@@ -50,6 +50,7 @@
     "English": "Inglese",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/ja.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/pt-br.json

@@ -0,0 +1,114 @@
+{
+  "string": {
+    "EditBoxPlaceholder": "Digite o texto...",
+    "Ok": "Ok",
+    "Cancel": "Cancelar",
+    "Save": "Salvar",
+    "Publish": "Publicar",
+    "SaveDraft": "Salvar rascunho",
+    "MinutesAgo": "{minutes, plural, =0 {há menos de um minuto} =1 {há um minuto} other {há # minutos}}",
+    "HoursAgo": "{hours, plural, =0 {há menos de uma hora} =1 {há uma hora} other {há # horas}}",
+    "DaysAgo": "{days, plural, =0 {hoje} =1 {ontem} other {há # dias}}",
+    "MonthsAgo": "{months, plural, =0 {este mês} =1 {há um mês} other {há # meses}}",
+    "YearsAgo": "{years, plural, =0 {este ano} =1 {há um ano} other {há # anos}}",
+    "Minutes": "{minutes, plural, =0 {menos de um minuto} =1 {um minuto} other {# minutos}}",
+    "Hours": "{hours, plural, =0 {menos de uma hora} =1 {uma hora} other {# horas}}",
+    "Days": "{days, plural, =0 {hoje} =1 {1 dia} other {# dias}}",
+    "Weeks": "{weeks, plural, =0 {esta semana} =1 {1 semana} other {# semanas}}",
+    "Months": "{months, plural, =0 {este mês} =1 {1 mês} other {# meses}}",
+    "Years": "{years, plural, =0 {este ano} =1 {um ano} other {# anos}}",
+    "Before": "Antes",
+    "After": "Depois",
+    "MinutesShort": "{value}m",
+    "HoursShort": "{value}h",
+    "DaysShort": "{value}d",
+    "ShowMore": "Mostrar mais",
+    "ShowLess": "Mostrar menos",
+    "Search": "Pesquisar",
+    "SearchDots": "Pesquisar...",
+    "SearchResults": "Resultados da pesquisa",
+    "Suggested": "Sugestões",
+    "TimeTooltip": "{value}",
+    "SelectDate": "Selecionar data",
+    "None": "Nenhum",
+    "NotSelected": "Não selecionado",
+    "Today": "Hoje",
+    "NoDate": "Sem data",
+    "StartDate": "Data de início",
+    "TargetDate": "Data alvo",
+    "Overdue": "Atrasado",
+    "DueDate": "Data de vencimento",
+    "AddDueDate": "Adicionar data de vencimento",
+    "SetDueDate": "Definir data de vencimento",
+    "EditDueDate": "Editar data de vencimento",
+    "SaveDueDate": "Salvar data de vencimento",
+    "NeedsToBeCompletedByThisDate": "Precisa ser concluído até esta data",
+    "DueDatePopupTitle": "Vence em {value}",
+    "DueDatePopupOverdueTitle": "Venceu em {value}",
+    "DueDatePopupDescription": "{value, plural, =0 {Hoje} =1 {Amanhã} other {# dias restantes}}",
+    "DueDatePopupOverdueDescription": "{value, plural, =1 {1 dia em atraso} other {# dias em atraso}}",
+    "English": "English",
+    "Russian": "Русский",
+    "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
+    "Spanish": "Español",
+    "Chinese": "中文",
+    "French": "Français",
+    "Italian": "Italiano",
+    "Czech": "Čeština",
+    "German": "Deutsch",
+    "Japanese": "日本語",
+    "Turkish": "Türkçe",
+    "MinutesBefore": "{minutes, plural, =1 {um minuto antes} other {# minutos antes}}",
+    "HoursBefore": "{hours, plural, =1 {uma hora antes} other {# horas antes}}",
+    "DaysBefore": "{days, plural, =1 {um dia antes} other {# dias antes}}",
+    "WeeksBefore": "{weeks, plural, =1 {uma semana antes} other {# semanas antes}}",
+    "MonthsBefore": "{months, plural, =1 {um mês antes} other {# meses antes}}",
+    "MinutesAfter": "{minutes, plural, =1 {em um minuto} other {em # minutos}}",
+    "HoursAfter": "{hours, plural, =1 {em uma hora} other {em # horas}}",
+    "DaysAfter": "{days, plural, =1 {em um dia} other {em # dias}}",
+    "WeeksAfter": "{weeks, plural, =1 {daqui a um dia} other {daqui a # semanas}}",
+    "MonthsAfter": "{months, plural, =1 {daqui a um mês} other {daqui a # meses}}",
+    "NoActionsDefined": "Nenhuma ação aplicável",
+    "Incoming": "Entrada",
+    "HoursLabel": "Horas",
+    "Back": "Voltar",
+    "Next": "Próximo",
+    "DropdownDefaultLabel": "Selecionar item",
+    "DD": "DD",
+    "MM": "MM",
+    "YYYY": "AAAA",
+    "HH": "HH",
+    "Remove": "Remover",
+    "NoResults": "Sem resultados",
+    "MoreCount": "{count} mais",
+    "Spacious": "Espaçoso",
+    "Compact": "Compacto",
+    "ThemeLight": "Claro",
+    "ThemeDark": "Escuro",
+    "ThemeSystem": "Sistema",
+    "NoTimeZonesFound": "Nenhum fuso horário encontrado",
+    "Selected": "Selecionado:",
+    "Submit": "Enviar",
+    "NextStep": "Próximo passo",
+    "TypeHere": "Digite aqui...",
+    "NormalSize": "Tamanho normal",
+    "FullSize": "Tamanho completo",
+    "UseMaxWidth": "Largura máxima",
+    "Sidebar": "Barra lateral",
+    "FontSize": "Tamanho da fonte",
+    "Language": "Idioma",
+    "DaysWOValue": "{days, plural, =1 {dia} other {dias}}",
+    "WeeksWOValue": "{weeks, plural, =1 {semana} other {semanas}}",
+    "MonthsWOValue": "{months, plural, =1 {mês} other {meses}}",
+    "Filter": "Filtrar",
+    "Clear": "Limpar",
+    "Yesterday": "Ontem",
+    "ThisWeek": "Esta semana",
+    "ThisMonth": "Este mês",
+    "ThisYear": "Este ano",
+    "EmojiStyle": "Estilo de emoji",
+    "EmojiSystem": "Padrão do sistema",
+    "EmojiNoto": "Noto Color"
+  }
+}

package/lang/pt.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/ru.json

@@ -51,6 +51,7 @@
     "Russian": "Русский",
     "Spanish": "Español",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Chinese": "中文",
     "French": "Français",
     "Italian": "Italiano",

package/lang/tr.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/lang/zh.json

@@ -50,6 +50,7 @@
     "English": "English",
     "Russian": "Русский",
     "Portuguese": "Português",
+    "PortugueseBrazil": "Português (Brasil)",
     "Spanish": "Español",
     "Chinese": "中文",
     "French": "Français",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcengineering/ui",
-  "version": "0.7.0",
+  "version": "0.7.411",
   "main": "src/index.ts",
   "author": "Anticrm Platform Contributors",
   "license": "EPL-2.0",
@@ -18,11 +18,11 @@
     "_phase:test": "jest --passWithNoTests --silent"
   },
   "devDependencies": {
-    "@hcengineering/platform-rig": "^0.7.10",
+    "@hcengineering/platform-rig": "^0.7.411",
     "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.5",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.54.0",
     "eslint-config-standard-with-typescript": "^40.0.0",
     "eslint-plugin-import": "^2.26.0",
@@ -30,33 +30,34 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-svelte": "^2.35.1",
     "jest": "^29.7.0",
-    "prettier": "^3.1.0",
-    "prettier-plugin-svelte": "^3.2.2",
-    "sass": "^1.53.0",
+    "prettier": "^3.6.2",
+    "prettier-plugin-svelte": "^3.4.0",
+    "sass": "^1.80.0",
     "svelte-check": "^3.6.9",
     "svelte-eslint-parser": "^0.33.1",
     "svelte-loader": "^3.2.0",
-    "svelte-preprocess": "^5.1.3",
+    "svelte-preprocess": "^5.1.4",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@hcengineering/analytics": "^0.7.3",
-    "@hcengineering/core": "^0.7.3",
-    "@hcengineering/platform": "^0.7.3",
-    "@hcengineering/theme": "^0.7.0",
+    "@hcengineering/analytics": "^0.7.411",
+    "@hcengineering/core": "^0.7.411",
+    "@hcengineering/platform": "^0.7.411",
+    "@hcengineering/theme": "^0.7.411",
     "autolinker": "4.0.0",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
     "dompurify": "^3.1.6",
-    "emojibase": "^16.0.0",
-    "emojibase-regex": "^16.0.0",
     "fast-equals": "^5.2.2",
     "svelte": "^4.2.20",
-    "plyr": "^3.7.8",
+    "plyr": "3.7.8",
     "blurhash": "^2.0.5"
   },
-  "repository": "https://github.com/hcengineering/platform",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hcengineering/platform.git"
+  },
   "publishConfig": {
     "access": "public"
   }

package/rush-logs/ui._phase_build.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: hcengineering+ui-_phase_build-99e9347634d998f8ebd9e032fb1e81621f7e525f
+Cache key: hcengineering+ui-_phase_build-6300a36fd46cdc9c0e9ef7840e66edf8f8b7eac0
 Clearing cached folders: lib, .build, .rush/temp/operation/_phase_build
 Successfully restored output from the build cache.

package/src/colors.ts

@@ -212,7 +212,7 @@ export const avatarDarkColors = Object.freeze<ColorDefinition[]>([
 ])
 
 export function defaultBackground (dark: boolean): string {
-  return dark ? 'linear-gradient(90deg, #262634, #1A1A28)' : '#FFFFFF'
+  return dark ? 'linear-gradient(90deg, #22242A, #161719)' : '#FFFFFF'
 }
 
 export const FeijoaColor = '#A5D179'
@@ -418,7 +418,7 @@ export function defineAlpha (dark: boolean, color: string, percent = 100): strin
 
   const p1 = percent / 100
 
-  const bg = dark ? hexToRgb('#1A1A28') : hexToRgb('#F1F1F4')
+  const bg = dark ? hexToRgb('#161719') : hexToRgb('#F1F1F4')
 
   return rgbToHex({
     r: r * p1 + bg.r * (1 - p1),

package/src/components/AppLoading.svelte

@@ -0,0 +1,56 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { createEventDispatcher, onMount } from 'svelte'
+  import SquareSpinner from './icons/SquareSpinner.svelte'
+
+  export let shrink: boolean = false
+  export let label: string = ''
+  export let size: 'small' | 'medium' | 'large' = 'small'
+
+  const dispatch = createEventDispatcher()
+  let timer: any
+  onMount(() => {
+    timer = setTimeout(() => {
+      dispatch('progress')
+    }, 50)
+    return () => {
+      clearTimeout(timer)
+    }
+  })
+</script>
+
+<div class="spinner-container" class:fullSize={!shrink}>
+  <div data-label={label} class="flex-row-center flex-gap-2" class:labeled={label !== ''}>
+    <SquareSpinner {size} />
+    <slot />
+  </div>
+  <slot name="actions" />
+</div>
+
+<style lang="scss">
+  .spinner-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 0.5rem;
+    flex-direction: column;
+
+    &.fullSize {
+      width: 100%;
+      height: 100%;
+    }
+  }
+</style>

package/src/components/Button.svelte

@@ -79,7 +79,7 @@
     label === undefined &&
     $$slots.content === undefined &&
     (icon !== undefined || iconRight !== undefined || $$slots.icon || $$slots.iconRight)
-  $: primary = ['primary', 'secondary', 'positive', 'negative'].some((p) => p === kind)
+  $: primary = ['primary', 'secondary', 'positive', 'negative', 'attention'].some((p) => p === kind)
 
   $: devSize = $deviceInfo.size
   $: adaptive = adaptiveShrink !== null ? checkAdaptiveMatching(devSize, adaptiveShrink) : false

package/src/components/Component.svelte

@@ -19,6 +19,7 @@
   import type { AnyComponent, AnySvelteComponent } from '../types'
   import ErrorPresenter from './ErrorPresenter.svelte'
   import Loading from './Loading.svelte'
+  import AppLoading from './AppLoading.svelte'
   import ErrorBoundary from './internal/ErrorBoundary'
   import { clone } from '@hcengineering/core'
 
@@ -30,6 +31,7 @@
   export let showLoading = true
   export let inline: boolean = false
   export let disabled: boolean = false
+  export let appLoading: boolean = false
 
   let _is: AnyComponent | AnySvelteComponent = is
 
@@ -105,7 +107,11 @@
 {#if _is != null}
   {#if loading}
     {#if showLoading}
-      <Loading {shrink} />
+      {#if appLoading}
+        <AppLoading {shrink} />
+      {:else}
+        <Loading {shrink} />
+      {/if}
     {/if}
   {:else if Ctor != null}
     <ErrorBoundary bind:error>

package/src/components/Dropdown.svelte

@@ -54,9 +54,9 @@
 >
   <Button
     {focusIndex}
-    icon={icon !== undefined ? selected?.icon ?? icon : undefined}
+    icon={icon !== undefined ? (selected?.icon ?? icon) : undefined}
     iconProps={selected?.iconProps}
-    width={stretchWidth ? 'unset' : width ?? 'min-content'}
+    width={stretchWidth ? 'unset' : (width ?? 'min-content')}
     flex={stretchWidth ? '1' : undefined}
     {size}
     {kind}

package/src/components/DropdownLabels.svelte

@@ -44,6 +44,7 @@
   export let useFlexGrow = false
   export let minW0 = true
   export let disabled: boolean = false
+  export let loading: boolean = false
 
   export let enableSearch: boolean = true
 
@@ -72,6 +73,7 @@
     {disabled}
     pressed={opened}
     {dataId}
+    {loading}
     showTooltip={{ label, direction: labelDirection }}
     on:click={() => {
       if (!opened) {

package/src/components/DropdownLabelsIntl.svelte

@@ -100,7 +100,7 @@
     <span slot="content" class="overflow-label disabled flex-grow text-left mr-2">
       <Label
         label={selectedItem ? selectedItem.label : label}
-        params={selectedItem ? selectedItem.params ?? params : params}
+        params={selectedItem ? (selectedItem.params ?? params) : params}
       />
     </span>
     <svelte:fragment slot="iconRight">

package/src/components/EditBox.svelte

@@ -16,12 +16,13 @@
   import type { IntlString } from '@hcengineering/platform'
   import { translateCB } from '@hcengineering/platform'
   import { themeStore } from '@hcengineering/theme'
-  import { createEventDispatcher, onMount } from 'svelte'
+  import { afterUpdate, createEventDispatcher, onMount } from 'svelte'
   import { registerFocus } from '../focus'
   import plugin from '../plugin'
   import type { EditStyle } from '../types'
   import { floorFractionDigits } from '../utils'
   import Label from './Label.svelte'
+  import { resizeObserver } from '../resize'
 
   export let id: string | undefined = undefined
   export let label: IntlString | undefined = undefined
@@ -43,6 +44,7 @@
   export let required: boolean = false
   export let uppercase: boolean = false
   export let propagateClick: boolean = false
+  export let shrink: boolean = false
 
   const dispatch = createEventDispatcher()
 
@@ -69,11 +71,38 @@
     dispatch('value', value)
   }
 
+  let text: HTMLElement
+  let parentWidth: number | undefined
+
   $: translateCB(placeholder, placeholderParam ?? {}, $themeStore.language, (res) => {
     phTranslate = res
   })
 
-  function handleInput (): void {
+  function computeSize (t: HTMLInputElement | EventTarget | null): void {
+    if (t == null) {
+      return
+    }
+    if (!shrink) return
+    const target = t as HTMLInputElement
+    const value = target.value
+    text.innerHTML = (value === '' ? phTranslate : value)
+      .replaceAll(' ', ' ')
+      .replaceAll('<', '&lt;')
+      .replaceAll('>', '&gt;')
+    if (format === 'number') {
+      target.style.width = maxWidth ?? '5rem'
+    } else if (kind === 'underline') {
+      target.style.width = `calc(${text.clientWidth}px + 1.125rem)`
+    } else {
+      target.style.width = Math.max(text.clientWidth, 50) + 'px'
+    }
+  }
+
+  function handleInput (ev: Event): void {
+    const t: HTMLInputElement | EventTarget | null = ev.target
+    if (t !== null && t !== undefined) {
+      computeSize(t)
+    }
     dispatch('input')
     dispatch('value', value)
   }
@@ -87,6 +116,11 @@
       input.select()
       select = false
     }
+    computeSize(input)
+  })
+
+  afterUpdate(() => {
+    computeSize(input)
   })
 
   export function focusInput (): void {
@@ -134,7 +168,11 @@
 
     input.focus()
   }}
+  use:resizeObserver={(element) => {
+    parentWidth = element.parentElement?.getBoundingClientRect().width
+  }}
 >
+  <div class="hidden-text {kind}" bind:this={text} />
   <!-- {focusIndex} -->
   {#if label}
     <div class="mb-1 text-sm font-medium caption-color select-text" class:required>

package/src/components/EmbeddedHTML.svelte

@@ -0,0 +1,52 @@
+<!--
+// Copyright © 2026 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { onDestroy } from 'svelte'
+  import EmbeddedPDF from './EmbeddedPDF.svelte'
+  import Loading from './Loading.svelte'
+
+  export let src: string
+  export let name: string
+  export let fit: boolean = false
+  export let css: string | undefined = undefined
+
+  let iframeSrc: string | undefined
+
+  async function loadFile (src: string): Promise<void> {
+    if (iframeSrc !== undefined) {
+      URL.revokeObjectURL(iframeSrc)
+      iframeSrc = undefined
+    }
+
+    const response = await fetch(src)
+    const blob = await response.blob()
+    iframeSrc = URL.createObjectURL(blob)
+  }
+
+  $: void loadFile(src)
+
+  onDestroy(() => {
+    if (iframeSrc !== undefined) {
+      URL.revokeObjectURL(iframeSrc)
+    }
+  })
+</script>
+
+{#if iframeSrc}
+  <EmbeddedPDF src={iframeSrc} {name} {fit} {css} />
+{:else}
+  <Loading />
+{/if}

package/src/components/EmbeddedPDF.svelte

@@ -14,29 +14,11 @@
 -->
 
 <script lang="ts">
-  import { onDestroy } from 'svelte'
-  import Loading from './Loading.svelte'
-
   export let src: string
   export let name: string
   export let fit: boolean = false
   export let css: string | undefined = undefined
 
-  let iframeSrc: string | undefined = undefined
-
-  async function loadFile (src: string): Promise<void> {
-    if (iframeSrc !== undefined) {
-      URL.revokeObjectURL(iframeSrc)
-      iframeSrc = undefined
-    }
-
-    const response = await fetch(src)
-    const blob = await response.blob()
-    iframeSrc = URL.createObjectURL(blob)
-  }
-
-  $: void loadFile(src)
-
   let iframe: HTMLIFrameElement | undefined = undefined
 
   // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
@@ -58,19 +40,9 @@
       }
     }
   }
-
-  onDestroy(() => {
-    if (iframeSrc !== undefined) {
-      URL.revokeObjectURL(iframeSrc)
-    }
-  })
 </script>
 
-{#if iframeSrc}
-  <iframe bind:this={iframe} class:fit src={iframeSrc + '#view=FitH&navpanes=0'} title={name} on:load />
-{:else}
-  <Loading />
-{/if}
+<iframe bind:this={iframe} class:fit src={src + '#view=FitH&navpanes=0'} title={name} on:load />
 
 <style lang="scss">
   iframe {

package/src/components/Icon.svelte

@@ -31,7 +31,7 @@
   }
 
   let url: string
-  $: url = isAsset(icon) ? getMetadata(toAsset(icon)) ?? 'https://anticrm.org/logo.svg' : ''
+  $: url = isAsset(icon) ? (getMetadata(toAsset(icon)) ?? 'https://anticrm.org/logo.svg') : ''
 
   $: _fill = iconProps?.fill ?? fill
 </script>

package/src/components/Modal.svelte

@@ -98,7 +98,7 @@
     {#if scrollableContent}
       <Scroller
         padding={padding ?? typePadding}
-        bottomPadding={bottomPadding ?? type === 'type-popup'
+        bottomPadding={(bottomPadding ?? type === 'type-popup')
           ? undefined
           : type === 'type-aside'
             ? 'var(--spacing-2)'