poe-svelte-ui-lib 1.24.0 → 1.24.2

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 (7) hide show
  1. package/dist/ProgressBar/ProgressBarProps.svelte +1 -1
  2. package/dist/Select/SelectProps.svelte +1 -1
  3. package/dist/Switch/SwitchProps.svelte +1 -1
  4. package/dist/Table/TableProps.svelte +3 -3
  5. package/dist/Tabs/TabsProps.svelte +1 -1
  6. package/dist/WidgetHeader.svelte +1 -1
  7. package/package.json +1 -1
package/dist/ProgressBar/ProgressBarProps.svelte CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  <div bind:this={itemsContainer} class="flex flex-col gap-2">
76
76
  {#each component.properties.items || [] as progress, index}
77
- <div id="item-{index}" class="flex items-end gap-1 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-2">
77
+ <div id="item-{index}" class="flex items-end gap-1 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-1.5">
78
78
  <UI.Dragging
79
79
  wrapperClass="w-9"
80
80
  container={itemsContainer}
package/dist/Select/SelectProps.svelte CHANGED
@@ -191,7 +191,7 @@
191
191
 
192
192
  <div bind:this={itemsContainer} class="flex flex-col gap-2">
193
193
  {#each component.properties.options || [] as option, index (option.id)}
194
- <div id="item-{index}" class="flex items-end justify-around gap-2 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-2">
194
+ <div id="item-{index}" class="flex items-end justify-around gap-1.5 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-1.5">
195
195
  <UI.Dragging
196
196
  wrapperClass="w-9"
197
197
  container={itemsContainer}
package/dist/Switch/SwitchProps.svelte CHANGED
@@ -109,7 +109,7 @@
109
109
  {/snippet}
110
110
 
111
111
  {#each component.properties.options || [] as option, index (option.id)}
112
- <div class="flex items-end justify-around gap-2 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-2">
112
+ <div class="flex items-end justify-around gap-1.5 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-1.5">
113
113
  <UI.Input
114
114
  label={{ name: $T("constructor.props.optionname") }}
115
115
  wrapperClass="!w-3/10"
package/dist/Table/TableProps.svelte CHANGED
@@ -157,7 +157,7 @@
157
157
  {#each component.properties.header as column, columnIndex (columnIndex)}
158
158
  <div
159
159
  id="column-{columnIndex}"
160
- class="relative flex flex-col rounded-[10px] border border-(--hairline-color) border-l-2 bg-(--container-color)/40 p-2 {columnAccentColors[
160
+ class="relative flex flex-col rounded-[10px] border border-(--hairline-color) border-l-2 bg-(--container-color)/40 p-1.5 {columnAccentColors[
161
161
  columnIndex % columnAccentColors.length
162
162
  ]}"
163
163
  >
@@ -173,7 +173,7 @@
173
173
  }
174
174
  }}
175
175
  />
176
- <div class="py-2 pl-9 grid grid-cols-[1fr_minmax(5rem,10rem)_minmax(10rem,21rem)_2rem_2rem] items-end gap-2">
176
+ <div class="py-1.5 pl-9 grid grid-cols-[1fr_minmax(5rem,10rem)_minmax(10rem,21rem)_2rem_2rem] items-end gap-1.5">
177
177
  <UI.Input
178
178
  label={{ name: $T("constructor.props.table.columns.label") }}
179
179
  value={column.label?.name}
@@ -236,7 +236,7 @@
236
236
  <div class="flex flex-col gap-2" bind:this={settingsContainer[columnIndex]}>
237
237
  {#if typeof column.content !== "function"}
238
238
  {#each column.content as content, index}
239
- <div id={`item-${index}-${columnIndex}`} class="relative rounded-lg border border-(--hairline-color) bg-(--back-color)/60 p-2">
239
+ <div id={`item-${index}-${columnIndex}`} class="relative rounded-lg border border-(--hairline-color) bg-(--back-color)/60 p-1.5">
240
240
  {#if content.type == "text"}
241
241
  {@const text = content.data}
242
242
  <div class="flex gap-2 mx-auto items-end" style="width: {forConstructor ? '65%' : '90%'}; ">
package/dist/Tabs/TabsProps.svelte CHANGED
@@ -112,7 +112,7 @@
112
112
 
113
113
  <div bind:this={itemsContainer} class="flex flex-col gap-2">
114
114
  {#each component.properties.items || [] as tab, index}
115
- <div id="item-{index}" class="flex items-end justify-around gap-2 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-2">
115
+ <div id="item-{index}" class="flex items-end justify-around gap-1.5 rounded-lg border border-(--hairline-color) bg-(--container-color)/60 p-1.5">
116
116
  <UI.Dragging
117
117
  wrapperClass="w-10"
118
118
  container={itemsContainer}
package/dist/WidgetHeader.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  <span class="flex size-8 shrink-0 items-center justify-center rounded-xl bg-(--accent-soft) text-(--accent-color)">
32
32
  <Icon />
33
33
  </span>
34
- <h3 class="min-w-0 truncate">{label}</h3>
34
+ <span class="min-w-0 truncate text-[14px] font-semibold">{label}</span>
35
35
  <span
36
36
  class="flex size-4 shrink-0 items-center justify-center text-(--faint-color) transition-transform duration-150 [&_svg]:h-full [&_svg]:w-full"
37
37
  style="transform: rotate({collapsed ? 0 : 90}deg)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.24.0",
3
+ "version": "1.24.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {