@deframe-sdk/components 0.1.74 → 0.1.75

package/dist/styles.css

@@ -646,6 +646,9 @@
   .h-\[8px\] {
     height: 8px;
   }
+  .h-\[11px\] {
+    height: 11px;
+  }
   .h-\[12px\] {
     height: 12px;
   }
@@ -673,6 +676,9 @@
   .h-\[24px\] {
     height: 24px;
   }
+  .h-\[28px\] {
+    height: 28px;
+  }
   .h-\[32px\] {
     height: 32px;
   }
@@ -817,6 +823,9 @@
   .min-h-\[600px\] {
     min-height: 600px;
   }
+  .min-h-\[620px\] {
+    min-height: 620px;
+  }
   .min-h-\[calc\(100svh-160px\)\] {
     min-height: calc(100svh - 160px);
   }
@@ -910,6 +919,9 @@
   .w-\[8px\] {
     width: 8px;
   }
+  .w-\[11px\] {
+    width: 11px;
+  }
   .w-\[12px\] {
     width: 12px;
   }
@@ -1584,6 +1596,12 @@
       border-color: color-mix(in srgb,var(--deframe-widget-color-brand-primary) 32%,transparent);
     }
   }
+  .border-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_40\%\,transparent\)\] {
+    border-color: var(--deframe-widget-color-brand-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--deframe-widget-color-brand-primary) 40%,transparent);
+    }
+  }
   .border-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-brand-secondary\)_32\%\,transparent\)\] {
     border-color: var(--deframe-widget-color-brand-secondary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1845,6 +1863,12 @@
       background-color: color-mix(in srgb,var(--deframe-widget-color-brand-primary) 8%,var(--deframe-widget-color-bg-secondary));
     }
   }
+  .bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_10\%\,transparent\)\] {
+    background-color: var(--deframe-widget-color-brand-primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in srgb,var(--deframe-widget-color-brand-primary) 10%,transparent);
+    }
+  }
   .bg-\[color\:color-mix\(in_srgb\,var\(--deframe-widget-color-brand-primary\)_12\%\,transparent\)\] {
     background-color: var(--deframe-widget-color-brand-primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3118,6 +3142,10 @@
   .opacity-95 {
     opacity: 95%;
   }
+  .shadow {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_-4px_32px_rgba\(0\,0\,0\,0\.4\)\] {
     --tw-shadow: 0 -4px 32px var(--tw-shadow-color, rgba(0,0,0,0.4));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3793,6 +3821,11 @@
       --tw-ring-color: var(--deframe-widget-color-brand-primary);
     }
   }
+  .focus\:ring-\[color\:var\(--deframe-widget-color-brand-secondary\)\] {
+    &:focus {
+      --tw-ring-color: var(--deframe-widget-color-brand-secondary);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
@@ -4538,6 +4571,33 @@
 .deframe-widget select {
   font-family: inherit;
 }
+[data-slot='pods-swap-confirm-button'] [data-test-id='confirm-swap-button-simple'] {
+  align-items: center;
+  appearance: none;
+  border: 0;
+  border-radius: var(--deframe-widget-size-radius-sm);
+  display: flex;
+  font-family: var(--deframe-widget-font-family);
+  font-size: 15px;
+  font-weight: var(--deframe-widget-font-weight-semibold);
+  gap: var(--deframe-widget-size-gap-sm);
+  height: 3rem;
+  justify-content: center;
+  opacity: 1;
+  transition: background-color 200ms, color 200ms;
+  width: 100%;
+}
+[data-slot='pods-swap-confirm-button'] [data-test-id='confirm-swap-button-simple']:not(:disabled) {
+  background: var(--deframe-widget-color-brand-primary);
+  color: var(--deframe-widget-color-text-primary-dark);
+  cursor: pointer;
+}
+[data-slot='pods-swap-confirm-button'] [data-test-id='confirm-swap-button-simple']:disabled {
+  background: var(--deframe-widget-color-brand-primary-disabled);
+  color: var(--deframe-widget-color-text-primary-disabled);
+  cursor: not-allowed;
+  -webkit-text-fill-color: currentColor;
+}
 @keyframes deframe-widget-slide-up {
   0% {
     transform: translateY(100%);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deframe-sdk/components",
-  "version": "0.1.74",
+  "version": "0.1.75",
   "packageManager": "pnpm@9.0.0",
   "description": "Deframe SDK React component library",
   "engines": {