@likable-hair/svelte 3.1.32 → 3.1.33

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 (3) hide show
  1. package/dist/components/composed/search/Filters.css +2 -0
  2. package/dist/components/composed/search/Filters.svelte +8 -7
  3. package/package.json +1 -1
package/dist/components/composed/search/Filters.css CHANGED
@@ -1,3 +1,5 @@
1
1
  :root {
2
+ --filters-button-cancel-default-background-color: transparent;
3
+ --filters-button-cancel-default-color: rgb(var(--global-color-primary-400));
2
4
  --filters-default-wrapper-width: auto;
3
5
  }
package/dist/components/composed/search/Filters.svelte CHANGED
@@ -468,8 +468,8 @@ let moreItemsActivator;
468
468
  --button-width="100%"
469
469
  --button-box-shadow="none"
470
470
  --button-padding="10px 0px 10px 0px"
471
- --button-background-color="rgb(var(--global-color-grey-50))"
472
- --button-color="rgb(var(--global-color-primary-500))"
471
+ --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
472
+ --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
473
473
  --button-border-radius="0px 0px 0px 0px"
474
474
  on:click={() => {mobileOpen = false; closeFilterMenu(200)}}
475
475
  >{cancelFilterLabel}</Button>
@@ -543,8 +543,8 @@ let moreItemsActivator;
543
543
  <div class="footer">
544
544
  <div class="actions" style:padding-bottom={mAndDown ? '20px' : undefined}>
545
545
  <Button
546
- --button-color="rgb(var(--global-color-primary-400))"
547
- --button-background-color="transparent"
546
+ --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
547
+ --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
548
548
  --button-hover-background-color="rgb(var(--global-color-primary-500))"
549
549
  --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
550
550
  --button-box-shadow="none"
@@ -648,7 +648,8 @@ let moreItemsActivator;
648
648
  <svelte:fragment slot="filter-actions" let:applyFilterDisabled let:filter>
649
649
  <div class="sub-filter-button">
650
650
  <Button
651
- --button-background-color="transparent"
651
+ --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
652
+ --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
652
653
  --button-hover-background-color="rgb(var(--global-color-primary-500))"
653
654
  --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
654
655
  --button-box-shadow="none"
@@ -710,8 +711,8 @@ let moreItemsActivator;
710
711
  <div class="footer">
711
712
  <div class="actions" style:padding-bottom={mAndDown ? '20px' : undefined}>
712
713
  <Button
713
- --button-color="rgb(var(--global-color-primary-400))"
714
- --button-background-color="transparent"
714
+ --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
715
+ --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
715
716
  --button-hover-background-color="rgb(var(--global-color-primary-500))"
716
717
  --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
717
718
  --button-box-shadow="none"
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": "3.1.32",
4
+ "version": "3.1.33",
5
5
  "scripts": {
6
6
  "host": "vite --host",
7
7
  "dev": "vite dev",