@juspay/svelte-ui-components 2.35.0 → 2.36.0

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.
@@ -105,6 +105,7 @@
105
105
  font-weight: var(--disabled-font-weight);
106
106
  border: var(--disabled-border);
107
107
  background: var(--disabled-background-color, var(--button-color, #3a4550));
108
+ box-shadow: var(--button-disabled-box-shadow, var(--button-box-shadow, none));
108
109
  }
109
110
 
110
111
  .button-loader {
@@ -126,10 +127,17 @@
126
127
  color: var(--button-hover-text-color, var(--button-text-color, white));
127
128
  border: var(--button-hover-border, var(--button-border, none));
128
129
  transform: var(--button-hover-transform);
130
+ box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow, none));
129
131
  }
130
132
 
131
133
  button:active {
132
134
  transform: var(--button-active-transform);
135
+ background: var(--button-active-background, var(--button-color, #3a4550));
136
+ box-shadow: var(--button-active-box-shadow, var(--button-box-shadow, none));
137
+ }
138
+
139
+ button:focus-visible {
140
+ box-shadow: var(--button-focus-visible-box-shadow, var(--button-box-shadow, none));
133
141
  }
134
142
 
135
143
  .button-progress-bar {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay/svelte-ui-components",
3
- "version": "2.35.0",
3
+ "version": "2.36.0",
4
4
  "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
5
5
  "keywords": [
6
6
  "svelte",