@wallet-ui/tailwind 1.1.0-canary-20250508014635 → 1.1.0-canary-20250508042342

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/index.css +6 -6
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -82,16 +82,16 @@ html.dark:root,
82
82
 
83
83
  /* src/wallet-ui-base-dropdown.css */
84
84
  [data-ui=base-dropdown-list] {
85
- background: var(--background);
86
- @apply border;
85
+ background: var(--color-background);
86
+ @apply border outline-hidden;
87
87
  border-color: var(--color-border);
88
- @apply rounded-md;
88
+ @apply overflow-clip rounded-md p-1;
89
89
  }
90
90
  [data-ui=base-dropdown-item] {
91
- background: var(--background);
92
- color: var(--foreground);
91
+ background: var(--color-background);
92
+ color: var(--color-foreground);
93
93
  @apply flex items-center gap-2;
94
- @apply cursor-pointer w-full;
94
+ @apply cursor-pointer w-full rounded-md;
95
95
  }
96
96
  [data-ui=base-dropdown-item]:hover {
97
97
  background: var(--background-hover);
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/wallet-ui-variables.css","../src/wallet-ui-base-button.css","../src/wallet-ui-base-dropdown.css","../src/wallet-ui-base-modal.css","../src/wallet-ui-icon.css","../src/wallet-ui-label.css","../src/wallet-ui-list-button.css","../src/wallet-ui-list.css"],"sourcesContent":["/**\n * These are the variables that are used in the @wallet-ui/tailwind styles.\n *\n * The goal is to make them compatible with the defaults used by Shadcn so it integrates automagically.\n *\n * These styles are compiled by the Tailwind compiler and used in the @wallet-ui/react package.\n */\n@import 'tailwindcss';\n\n@theme inline {\n --color-background: var(--background);\n --color-background-hover: var(--background-hover);\n --color-border: var(--border);\n --color-foreground: var(--foreground);\n --color-foreground-hover: var(--foreground-hover);\n --color-primary-foreground: var(--primary-foreground);\n --color-primary: var(--primary);\n --color-ring: var(--ring);\n}\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --background: var(--color-neutral-50);\n --background-hover: var(--color-neutral-100);\n --border: var(--color-neutral-200);\n --foreground: var(--color-neutral-950);\n --foreground-hover: var(--color-neutral-900);\n --primary-foreground: var(--color-neutral-100);\n --primary: var(--color-neutral-950);\n --ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --background: var(--color-neutral-950);\n --background-hover: var(--color-neutral-900);\n --border: var(--color-neutral-800);\n --foreground: var(--color-neutral-100);\n --foreground-hover: var(--color-white);\n --primary-foreground: var(--color-neutral-950);\n --primary: var(--color-neutral-100);\n --ring: var(--color-neutral-500);\n}\n","/**\n * These are the variables that style the BaseButton component.\n *\n * It targets the [data-ui='base-button'] and related [data-ui='base-button-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Button */\n[data-ui='base-button'] {\n /* Background */\n background: var(--background);\n /* Text color */\n color: var(--foreground);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Shape */\n @apply rounded-md shadow-sm cursor-pointer;\n /* Composition */\n @apply flex items-center justify-center gap-2 whitespace-nowrap;\n /* Disabled */\n @apply disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n/* Base Button Hover */\n[data-ui='base-button']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text color */\n color: var(--foreground-hover);\n}\n\n/* Base Button Sizes */\n[data-ui='base-button'].sm {\n /* Shape */\n @apply px-3 py-1.5;\n /* Text size */\n @apply text-sm;\n /* Text weight */\n @apply font-normal;\n}\n\n[data-ui='base-button'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n /* Text weight */\n @apply font-semibold;\n}\n\n[data-ui='base-button'].lg {\n /* Shape */\n @apply px-6 py-4;\n /* Text size */\n @apply text-lg;\n /* Text weight */\n @apply font-bold;\n}\n\n/* Left Section Sizes */\n.sm [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-4;\n /* Text size */\n @apply text-xl;\n}\n\n/* Right Section Sizes */\n.sm [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-4;\n /* Text size */\n @apply text-xl;\n}\n","/**\n * These are the variables that style the BaseDropdown component.\n *\n * It targets the [data-ui='base-dropdown'] and related [data-ui='base-dropdown-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Dropdown List */\n[data-ui='base-dropdown-list'] {\n /* Background */\n background: var(--background);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /*!* Shape *!*/\n @apply rounded-md;\n}\n\n/* Base Dropdown Item */\n[data-ui='base-dropdown-item'] {\n /* Background */\n background: var(--background);\n /* Text color */\n color: var(--foreground);\n /* Content */\n @apply flex items-center gap-2;\n /* Shape */\n @apply cursor-pointer w-full;\n}\n\n/* Base Dropdown Item Hover */\n[data-ui='base-dropdown-item']:hover {\n background: var(--background-hover);\n color: var(--foreground-hover);\n}\n\n/* Base Dropdown Item Sizes */\n[data-ui='base-dropdown-item'].sm {\n /* Shape */\n @apply px-3 py-2;\n /* Text size */\n @apply text-sm;\n}\n\n[data-ui='base-dropdown-item'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n}\n\n[data-ui='base-dropdown-item'].lg {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-lg;\n}\n\n/* Left Section */\n[data-ui='base-dropdown-item-left-section'] {\n /* Composition */\n @apply mr-1;\n}\n\n/* Right Section */\n[data-ui='base-dropdown-item-right-section'] {\n /* Composition */\n @apply ml-1;\n}\n","/**\n * TBD: Figure out how to match the behavior (data-scope='dialog') with our styles.\n *\n * For now, we don't have the Modal feature so this can stay here for now.\n */\n[data-scope='dialog'][data-part='backdrop'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Background */\n @apply bg-black/40 dark:bg-black/70;\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Content */\n @apply flex items-center justify-center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n /* Background */\n background: var(--background);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Position */\n @apply w-full overflow-hidden shadow-lg;\n /* Shape */\n @apply rounded-xl outline-0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n /* Content */\n @apply flex items-center justify-end;\n /* Shape */\n @apply pb-4;\n}\n\n[data-scope='dialog'][data-part='description'] {\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Behavior */\n @apply cursor-pointer;\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text */\n color: var(--foreground-hover);\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n/* Responsive Styles */\n\n/* CONTENT */\n[data-scope='dialog'][data-part='content'].sm {\n /* Position */\n @apply max-w-3xs;\n /* Shape */\n @apply p-2 rounded-md;\n}\n\n[data-scope='dialog'][data-part='content'].md {\n /* Position */\n @apply max-w-sm mx-4;\n /* Shape */\n @apply p-2 rounded-lg;\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n /* Position */\n @apply max-w-lg mx-auto;\n /* Shape */\n @apply p-4 rounded-xl;\n}\n\n/* HEADER */\n[data-scope='dialog'][data-part='content'].sm header {\n /* Shape */\n @apply pb-2;\n /* Text */\n @apply text-sm;\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-3xl;\n}\n\n/* CLOSE TRIGGER */\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-6 w-6 rounded-full;\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-8 w-8 rounded-full;\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-10 w-10 rounded-full;\n}\n\n/* DESCRIPTION */\n.sm [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-2 px-4;\n /* Text */\n @apply text-sm;\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-2xl;\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-3xl;\n}\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","[data-ui='wallet-ui-icon'] {\n /* Border */\n @apply border-0;\n}\n\n[data-ui='wallet-ui-icon'].sm {\n /* Radius */\n @apply rounded-xs;\n /* Shape */\n @apply h-[16px] w-[16px];\n}\n\n[data-ui='wallet-ui-icon'].md {\n /* Radius */\n @apply rounded-md;\n /* Shape */\n @apply h-[24px] w-[24px];\n}\n\n[data-ui='wallet-ui-icon'].lg {\n /* Radius */\n @apply rounded-lg;\n /* Shape */\n @apply h-[32px] w-[32px];\n}\n","[data-ui='wallet-ui-label'] {\n /* Text color */\n color: var(--foreground);\n}\n\n[data-ui='wallet-ui-label'].sm {\n /* Size */\n @apply text-xs;\n /* Weight */\n @apply font-light;\n}\n\n[data-ui='wallet-ui-label'].md {\n /* Size */\n @apply text-base;\n /* Weight */\n @apply font-normal;\n}\n\n[data-ui='wallet-ui-label'].lg {\n /* Size */\n @apply text-xl;\n /* Weight */\n @apply font-semibold;\n}\n","[data-ui='wallet-ui-list-button'] {\n /* Composition */\n @apply flex items-center gap-2;\n /* No wrap */\n @apply whitespace-nowrap;\n /* Behavior */\n @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n[data-ui='wallet-ui-list-button'].hover {\n /* Background */\n background: var(--background-hover);\n}\n\n[data-ui='wallet-ui-list-button'].sm {\n @apply px-1 py-1 rounded-md;\n}\n\n[data-ui='wallet-ui-list-button'].md {\n @apply px-2 py-2 rounded-lg;\n}\n\n[data-ui='wallet-ui-list-button'].lg {\n @apply px-3 py-3 rounded-xl;\n}\n","[data-ui='wallet-ui-list'] {\n @apply flex flex-col;\n}\n\n[data-ui='wallet-ui-list'].sm {\n @apply gap-1;\n}\n\n[data-ui='wallet-ui-list'].md {\n @apply gap-2;\n}\n\n[data-ui='wallet-ui-list'].lg {\n @apply gap-3;\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/wallet-ui-variables.css","../src/wallet-ui-base-button.css","../src/wallet-ui-base-dropdown.css","../src/wallet-ui-base-modal.css","../src/wallet-ui-icon.css","../src/wallet-ui-label.css","../src/wallet-ui-list-button.css","../src/wallet-ui-list.css"],"sourcesContent":["/**\n * These are the variables that are used in the @wallet-ui/tailwind styles.\n *\n * The goal is to make them compatible with the defaults used by Shadcn so it integrates automagically.\n *\n * These styles are compiled by the Tailwind compiler and used in the @wallet-ui/react package.\n */\n@import 'tailwindcss';\n\n@theme inline {\n --color-background: var(--background);\n --color-background-hover: var(--background-hover);\n --color-border: var(--border);\n --color-foreground: var(--foreground);\n --color-foreground-hover: var(--foreground-hover);\n --color-primary-foreground: var(--primary-foreground);\n --color-primary: var(--primary);\n --color-ring: var(--ring);\n}\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --background: var(--color-neutral-50);\n --background-hover: var(--color-neutral-100);\n --border: var(--color-neutral-200);\n --foreground: var(--color-neutral-950);\n --foreground-hover: var(--color-neutral-900);\n --primary-foreground: var(--color-neutral-100);\n --primary: var(--color-neutral-950);\n --ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --background: var(--color-neutral-950);\n --background-hover: var(--color-neutral-900);\n --border: var(--color-neutral-800);\n --foreground: var(--color-neutral-100);\n --foreground-hover: var(--color-white);\n --primary-foreground: var(--color-neutral-950);\n --primary: var(--color-neutral-100);\n --ring: var(--color-neutral-500);\n}\n","/**\n * These are the variables that style the BaseButton component.\n *\n * It targets the [data-ui='base-button'] and related [data-ui='base-button-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Button */\n[data-ui='base-button'] {\n /* Background */\n background: var(--background);\n /* Text color */\n color: var(--foreground);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Shape */\n @apply rounded-md shadow-sm cursor-pointer;\n /* Composition */\n @apply flex items-center justify-center gap-2 whitespace-nowrap;\n /* Disabled */\n @apply disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n/* Base Button Hover */\n[data-ui='base-button']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text color */\n color: var(--foreground-hover);\n}\n\n/* Base Button Sizes */\n[data-ui='base-button'].sm {\n /* Shape */\n @apply px-3 py-1.5;\n /* Text size */\n @apply text-sm;\n /* Text weight */\n @apply font-normal;\n}\n\n[data-ui='base-button'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n /* Text weight */\n @apply font-semibold;\n}\n\n[data-ui='base-button'].lg {\n /* Shape */\n @apply px-6 py-4;\n /* Text size */\n @apply text-lg;\n /* Text weight */\n @apply font-bold;\n}\n\n/* Left Section Sizes */\n.sm [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-left-section'] {\n /* Composition */\n @apply mr-4;\n /* Text size */\n @apply text-xl;\n}\n\n/* Right Section Sizes */\n.sm [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-1;\n /* Text size */\n @apply text-xs;\n}\n\n.md [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-2;\n /* Text size */\n @apply text-sm;\n}\n\n.lg [data-ui='base-button-right-section'] {\n /* Composition */\n @apply ml-4;\n /* Text size */\n @apply text-xl;\n}\n","/**\n * These are the variables that style the BaseDropdown component.\n *\n * It targets the [data-ui='base-dropdown'] and related [data-ui='base-dropdown-*'] selectors.\n *\n * The colors are coming from the wallet-ui-variables.css file. Other styles are Tailwind CSS.\n */\n\n/* Base Dropdown List */\n[data-ui='base-dropdown-list'] {\n /* Background */\n background: var(--color-background);\n /* Border */\n @apply border outline-hidden;\n border-color: var(--color-border);\n /*!* Shape *!*/\n @apply overflow-clip rounded-md p-1;\n}\n\n/* Base Dropdown Item */\n[data-ui='base-dropdown-item'] {\n /* Background */\n background: var(--color-background);\n /* Text color */\n color: var(--color-foreground);\n /* Content */\n @apply flex items-center gap-2;\n /* Shape */\n @apply cursor-pointer w-full rounded-md;\n}\n\n/* Base Dropdown Item Hover */\n[data-ui='base-dropdown-item']:hover {\n background: var(--background-hover);\n color: var(--foreground-hover);\n}\n\n/* Base Dropdown Item Sizes */\n[data-ui='base-dropdown-item'].sm {\n /* Shape */\n @apply px-3 py-2;\n /* Text size */\n @apply text-sm;\n}\n\n[data-ui='base-dropdown-item'].md {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-base;\n}\n\n[data-ui='base-dropdown-item'].lg {\n /* Shape */\n @apply px-4 py-3;\n /* Text size */\n @apply text-lg;\n}\n\n/* Left Section */\n[data-ui='base-dropdown-item-left-section'] {\n /* Composition */\n @apply mr-1;\n}\n\n/* Right Section */\n[data-ui='base-dropdown-item-right-section'] {\n /* Composition */\n @apply ml-1;\n}\n","/**\n * TBD: Figure out how to match the behavior (data-scope='dialog') with our styles.\n *\n * For now, we don't have the Modal feature so this can stay here for now.\n */\n[data-scope='dialog'][data-part='backdrop'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Background */\n @apply bg-black/40 dark:bg-black/70;\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n /* Position */\n @apply fixed top-0 left-0 bottom-0 w-full z-20;\n /* Content */\n @apply flex items-center justify-center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n /* Background */\n background: var(--background);\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Position */\n @apply w-full overflow-hidden shadow-lg;\n /* Shape */\n @apply rounded-xl outline-0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n /* Content */\n @apply flex items-center justify-end;\n /* Shape */\n @apply pb-4;\n}\n\n[data-scope='dialog'][data-part='description'] {\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n /* Border */\n @apply border;\n border-color: var(--color-border);\n /* Behavior */\n @apply cursor-pointer;\n /* Content */\n @apply flex items-center justify-center;\n /* Text */\n color: var(--foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger']:hover {\n /* Background */\n background: var(--background-hover);\n /* Text */\n color: var(--foreground-hover);\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n/* Responsive Styles */\n\n/* CONTENT */\n[data-scope='dialog'][data-part='content'].sm {\n /* Position */\n @apply max-w-3xs;\n /* Shape */\n @apply p-2 rounded-md;\n}\n\n[data-scope='dialog'][data-part='content'].md {\n /* Position */\n @apply max-w-sm mx-4;\n /* Shape */\n @apply p-2 rounded-lg;\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n /* Position */\n @apply max-w-lg mx-auto;\n /* Shape */\n @apply p-4 rounded-xl;\n}\n\n/* HEADER */\n[data-scope='dialog'][data-part='content'].sm header {\n /* Shape */\n @apply pb-2;\n /* Text */\n @apply text-sm;\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n /* Shape */\n @apply pb-4;\n /* Text */\n @apply text-3xl;\n}\n\n/* CLOSE TRIGGER */\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-6 w-6 rounded-full;\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-8 w-8 rounded-full;\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n /* Shape */\n @apply h-10 w-10 rounded-full;\n}\n\n/* DESCRIPTION */\n.sm [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-2 px-4;\n /* Text */\n @apply text-sm;\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-2xl;\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n /* Shape */\n @apply pb-8 px-16;\n /* Text */\n @apply text-3xl;\n}\n\n/* Define the animations */\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n","[data-ui='wallet-ui-icon'] {\n /* Border */\n @apply border-0;\n}\n\n[data-ui='wallet-ui-icon'].sm {\n /* Radius */\n @apply rounded-xs;\n /* Shape */\n @apply h-[16px] w-[16px];\n}\n\n[data-ui='wallet-ui-icon'].md {\n /* Radius */\n @apply rounded-md;\n /* Shape */\n @apply h-[24px] w-[24px];\n}\n\n[data-ui='wallet-ui-icon'].lg {\n /* Radius */\n @apply rounded-lg;\n /* Shape */\n @apply h-[32px] w-[32px];\n}\n","[data-ui='wallet-ui-label'] {\n /* Text color */\n color: var(--foreground);\n}\n\n[data-ui='wallet-ui-label'].sm {\n /* Size */\n @apply text-xs;\n /* Weight */\n @apply font-light;\n}\n\n[data-ui='wallet-ui-label'].md {\n /* Size */\n @apply text-base;\n /* Weight */\n @apply font-normal;\n}\n\n[data-ui='wallet-ui-label'].lg {\n /* Size */\n @apply text-xl;\n /* Weight */\n @apply font-semibold;\n}\n","[data-ui='wallet-ui-list-button'] {\n /* Composition */\n @apply flex items-center gap-2;\n /* No wrap */\n @apply whitespace-nowrap;\n /* Behavior */\n @apply cursor-pointer select-none appearance-none disabled:cursor-not-allowed disabled:opacity-50;\n}\n\n[data-ui='wallet-ui-list-button'].hover {\n /* Background */\n background: var(--background-hover);\n}\n\n[data-ui='wallet-ui-list-button'].sm {\n @apply px-1 py-1 rounded-md;\n}\n\n[data-ui='wallet-ui-list-button'].md {\n @apply px-2 py-2 rounded-lg;\n}\n\n[data-ui='wallet-ui-list-button'].lg {\n @apply px-3 py-3 rounded-xl;\n}\n","[data-ui='wallet-ui-list'] {\n @apply flex flex-col;\n}\n\n[data-ui='wallet-ui-list'].sm {\n @apply gap-1;\n}\n\n[data-ui='wallet-ui-list'].md {\n @apply gap-2;\n}\n\n[data-ui='wallet-ui-list'].lg {\n @apply gap-3;\n}\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wallet-ui/tailwind",
3
- "version": "1.1.0-canary-20250508014635",
3
+ "version": "1.1.0-canary-20250508042342",
4
4
  "description": "Tailwind CSS for Wallet UI",
5
5
  "exports": {
6
6
  ".": {