@wallet-ui/tailwind/dist/index.css.map

Tailwind CSS for Wallet UI

{"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:root,\nhtml.light:root,\n[data-theme='light']:root {\n    --wu-color-background: var(--color-neutral-50);\n    --wu-color-background-hover: var(--color-neutral-100);\n    --wu-color-border: var(--color-neutral-200);\n    --wu-color-foreground: var(--color-neutral-950);\n    --wu-color-foreground-hover: var(--color-neutral-900);\n    --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n    --wu-color-background: var(--color-neutral-950);\n    --wu-color-background-hover: var(--color-neutral-900);\n    --wu-color-border: var(--color-neutral-800);\n    --wu-color-foreground: var(--color-neutral-100);\n    --wu-color-foreground-hover: var(--color-white);\n    --wu-color-ring: var(--color-neutral-500);\n}\n","/**\n * These are the variables that style the BaseButton component.\n *\n * It targets the [data-wu='base-button'] and related [data-wu='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-wu='base-button'] {\n    /* Background  */\n    background: var(--wu-color-background);\n    /* Text color */\n    color: var(--wu-color-foreground);\n    /* Border  */\n    @apply border;\n    border-color: var(--wu-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    /* Padding */\n    @apply px-4 py-3;\n    /* Text size */\n    @apply text-base;\n    /* Text weight  */\n    @apply font-semibold;\n\n    &:hover {\n        /* Background  */\n        background: var(--wu-color-background-hover);\n        /* Text color */\n        color: var(--wu-color-foreground-hover);\n    }\n\n    &:focus {\n        /* Outline */\n        @apply outline-none;\n        /* Box shadow */\n        box-shadow: 0 0 0 2px var(--wu-color-ring);\n    }\n}\n\n[data-wu='base-button-left-section'] {\n    /* Composition */\n    @apply mr-2;\n    /* Text size */\n    @apply text-sm;\n}\n\n[data-wu='base-button-right-section'] {\n    /* Composition */\n    @apply ml-2;\n    /* Text size */\n    @apply text-sm;\n}\n","/**\n * These are the variables that style the BaseDropdown component.\n *\n * It targets the [data-wu='base-dropdown'] and related [data-wu='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-wu='base-dropdown-list'] {\n    /* Background  */\n    background: var(--wu-color-background);\n    /* Border  */\n    @apply border outline-hidden;\n    border-color: var(--wu-color-border);\n    /*!* Shape *!*/\n    @apply overflow-clip rounded-md p-1;\n}\n\n/* Base Dropdown Item */\n[data-wu='base-dropdown-item'] {\n    /* Background  */\n    background: var(--wu-color-background);\n    /* Text color */\n    color: var(--wu-color-foreground);\n    /* Content */\n    @apply flex items-center gap-2;\n    /* Shape */\n    @apply cursor-pointer w-full rounded-md;\n    /* Padding */\n    @apply px-4 py-3;\n    /* Text size */\n    @apply text-base;\n\n    &:hover {\n        /* Background  */\n        background: var(--wu-color-background-hover);\n        /* Text color */\n        color: var(--wu-color-foreground-hover);\n    }\n}\n\n/* Left Section */\n[data-wu='base-dropdown-item-left-section'] {\n    @apply mr-2;\n}\n\n/* Right Section */\n[data-wu='base-dropdown-item-right-section'] {\n    @apply ml-2;\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(--wu-color-background);\n    /* Border  */\n    @apply border;\n    border-color: var(--wu-color-border);\n    /* Position */\n    @apply w-full overflow-hidden shadow-lg;\n    /* Position */\n    @apply max-w-sm mx-4;\n    /* Shape */\n    @apply rounded-lg outline-0;\n    /* Padding */\n    @apply p-2;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n    /* Content */\n    @apply flex items-center justify-end;\n    /* Padding */\n    @apply pb-4;\n    /* Text */\n    @apply text-2xl;\n}\n\n[data-scope='dialog'][data-part='description'] {\n    /* Content */\n    @apply flex items-center justify-center;\n    /* Padding */\n    @apply pb-4 px-4;\n    /* Text */\n    @apply text-base;\n    /* Text */\n    color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n    /* Border  */\n    @apply border;\n    border-color: var(--wu-color-border);\n    /* Behavior */\n    @apply cursor-pointer;\n    /* Content */\n    @apply flex items-center justify-center;\n    /* Shape */\n    @apply h-8 w-8 rounded-full;\n    /* Text */\n    color: var(--wu-color-foreground);\n\n    &:hover {\n        /* Background  */\n        background: var(--wu-color-background-hover);\n        /* Text */\n        color: var(--wu-color-foreground-hover);\n    }\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/* 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-wu='wallet-ui-icon'] {\n    /* Border */\n    @apply border-0;\n    /* Position */\n    @apply m-0;\n    /* Radius */\n    @apply rounded-md;\n    /* Shape */\n    @apply h-[24px] w-[24px];\n}\n","[data-wu='wallet-ui-label'] {\n    /* Text color */\n    color: var(--wu-color-foreground);\n    /* Size */\n    @apply text-base;\n    /* Weight */\n    @apply font-normal;\n}\n","[data-wu='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    /* Radius */\n    @apply rounded-lg;\n    /* Padding */\n    @apply px-2 py-2 rounded-lg;\n\n    &:hover {\n        /* Background */\n        background: var(--wu-color-background-hover);\n    }\n}\n","[data-wu='wallet-ui-list'] {\n    @apply flex flex-col;\n    @apply gap-2;\n}\n"],"mappings":"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","names":[]}