@likable-hair/svelte 4.0.23 → 4.0.25

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.
@@ -244,8 +244,8 @@ $effect(() => {
244
244
  justify-content: center;
245
245
  left: 0px;
246
246
  right: 0px;
247
- padding-top: 16px;
248
- padding-bottom: 16px;
247
+ padding-top: 24px;
248
+ padding-bottom: 24px;
249
249
  backdrop-filter: blur(2px);
250
250
  background-color: rgb(var(--global-color-background-100),.6);
251
251
  mask: linear-gradient(to top, transparent 0%, black 30%, black 100%);
@@ -268,8 +268,8 @@ $effect(() => {
268
268
  var(--quick-actions-default-background-color)
269
269
  );
270
270
  border-radius: 8px;
271
- padding: 5px;
272
- margin-bottom: 10px;
271
+ padding: 8px;
272
+ margin-bottom: 16px;
273
273
  }
274
274
 
275
275
  @media (max-width: 1024px) {
@@ -319,7 +319,7 @@ $effect(() => {
319
319
 
320
320
  .select-actions {
321
321
  display: flex;
322
- margin: 0 8px;
322
+ margin-left: 8px;
323
323
  justify-content: flex-end;
324
324
  width: 100%;
325
325
  gap: 8px;
@@ -771,6 +771,9 @@ function onclick(event, stopPropagation = false) {
771
771
  --button-focus-background-color="rgb(var(--global-color-background-200, .5))"
772
772
  --button-active-background-color="rgb(var(--global-color-background-200, .5))"
773
773
  --button-hover-background-color="rgb(var(--global-color-background-200, .5))"
774
+ --button-focus-color="rgb(var(--global-color-contrast-900))"
775
+ --button-active-color="rgb(var(--global-color-contrast-900))"
776
+ --button-hover-color="rgb(var(--global-color-contrast-900))"
774
777
  --button-hover-box-shadow="none"
775
778
  --button-box-shadow="none"
776
779
  --button-padding="12px 16px"
@@ -784,6 +787,9 @@ function onclick(event, stopPropagation = false) {
784
787
  --button-focus-background-color="rgb(var(--global-color-background-200, .5))"
785
788
  --button-active-background-color="rgb(var(--global-color-background-200, .5))"
786
789
  --button-hover-background-color="rgb(var(--global-color-background-200, .5))"
790
+ --button-focus-color="rgb(var(--global-color-contrast-900))"
791
+ --button-active-color="rgb(var(--global-color-contrast-900))"
792
+ --button-hover-color="rgb(var(--global-color-contrast-900))"
787
793
  --button-hover-box-shadow="none"
788
794
  --button-box-shadow="none"
789
795
  --button-padding="12px 16px"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@likable-hair/svelte",
3
3
  "description": "A Svelte component for likablehair and others",
4
- "version": "4.0.23",
4
+ "version": "4.0.25",
5
5
  "scripts": {
6
6
  "host": "vite --host",
7
7
  "dev": "vite dev",