@ledgerhq/lumen-design-core 0.0.34
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.
- package/README.md +89 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/presets/allBrands.d.ts +15 -0
- package/dist/presets/allBrands.d.ts.map +1 -0
- package/dist/presets/allBrands.js +22 -0
- package/dist/presets/enterprise.d.ts +15 -0
- package/dist/presets/enterprise.d.ts.map +1 -0
- package/dist/presets/enterprise.js +22 -0
- package/dist/presets/index.d.ts +5 -0
- package/dist/presets/index.d.ts.map +1 -0
- package/dist/presets/index.js +4 -0
- package/dist/presets/ledger-live.d.ts +15 -0
- package/dist/presets/ledger-live.d.ts.map +1 -0
- package/dist/presets/ledger-live.js +22 -0
- package/dist/presets/websites.d.ts +15 -0
- package/dist/presets/websites.d.ts.map +1 -0
- package/dist/presets/websites.js +22 -0
- package/dist/themes/css/enterprise/theme.dark-css.d.ts +5 -0
- package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -0
- package/dist/themes/css/enterprise/theme.dark-css.js +406 -0
- package/dist/themes/css/enterprise/theme.light-css.d.ts +5 -0
- package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -0
- package/dist/themes/css/enterprise/theme.light-css.js +406 -0
- package/dist/themes/css/index.d.ts +23 -0
- package/dist/themes/css/index.d.ts.map +1 -0
- package/dist/themes/css/index.js +40 -0
- package/dist/themes/css/ledger-live/theme.dark-css.d.ts +5 -0
- package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -0
- package/dist/themes/css/ledger-live/theme.dark-css.js +406 -0
- package/dist/themes/css/ledger-live/theme.light-css.d.ts +5 -0
- package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -0
- package/dist/themes/css/ledger-live/theme.light-css.js +406 -0
- package/dist/themes/css/primitives-css.d.ts +5 -0
- package/dist/themes/css/primitives-css.d.ts.map +1 -0
- package/dist/themes/css/primitives-css.js +735 -0
- package/dist/themes/css/typographies/typography.lg-css.d.ts +5 -0
- package/dist/themes/css/typographies/typography.lg-css.d.ts.map +1 -0
- package/dist/themes/css/typographies/typography.lg-css.js +71 -0
- package/dist/themes/css/typographies/typography.md-css.d.ts +5 -0
- package/dist/themes/css/typographies/typography.md-css.d.ts.map +1 -0
- package/dist/themes/css/typographies/typography.md-css.js +71 -0
- package/dist/themes/css/typographies/typography.sm-css.d.ts +5 -0
- package/dist/themes/css/typographies/typography.sm-css.d.ts.map +1 -0
- package/dist/themes/css/typographies/typography.sm-css.js +71 -0
- package/dist/themes/css/typographies/typography.xl-css.d.ts +5 -0
- package/dist/themes/css/typographies/typography.xl-css.d.ts.map +1 -0
- package/dist/themes/css/typographies/typography.xl-css.js +71 -0
- package/dist/themes/css/websites/theme.dark-css.d.ts +5 -0
- package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -0
- package/dist/themes/css/websites/theme.dark-css.js +406 -0
- package/dist/themes/css/websites/theme.light-css.d.ts +5 -0
- package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -0
- package/dist/themes/css/websites/theme.light-css.js +406 -0
- package/dist/themes/js/enterprise/theme.d.ts +2806 -0
- package/dist/themes/js/enterprise/theme.d.ts.map +1 -0
- package/dist/themes/js/enterprise/theme.dark.d.ts +273 -0
- package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -0
- package/dist/themes/js/enterprise/theme.dark.js +273 -0
- package/dist/themes/js/enterprise/theme.js +22 -0
- package/dist/themes/js/enterprise/theme.light.d.ts +273 -0
- package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -0
- package/dist/themes/js/enterprise/theme.light.js +273 -0
- package/dist/themes/js/index.d.ts +5 -0
- package/dist/themes/js/index.d.ts.map +1 -0
- package/dist/themes/js/index.js +3 -0
- package/dist/themes/js/ledger-live/theme.d.ts +2806 -0
- package/dist/themes/js/ledger-live/theme.d.ts.map +1 -0
- package/dist/themes/js/ledger-live/theme.dark.d.ts +273 -0
- package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -0
- package/dist/themes/js/ledger-live/theme.dark.js +273 -0
- package/dist/themes/js/ledger-live/theme.js +22 -0
- package/dist/themes/js/ledger-live/theme.light.d.ts +273 -0
- package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -0
- package/dist/themes/js/ledger-live/theme.light.js +273 -0
- package/dist/themes/js/primitives/primitive.colors.d.ts +602 -0
- package/dist/themes/js/primitives/primitive.colors.d.ts.map +1 -0
- package/dist/themes/js/primitives/primitive.colors.js +601 -0
- package/dist/themes/js/primitives/primitive.typographies.d.ts +70 -0
- package/dist/themes/js/primitives/primitive.typographies.d.ts.map +1 -0
- package/dist/themes/js/primitives/primitive.typographies.js +69 -0
- package/dist/themes/js/primitives/primitives.others.d.ts +155 -0
- package/dist/themes/js/primitives/primitives.others.d.ts.map +1 -0
- package/dist/themes/js/primitives/primitives.others.js +154 -0
- package/dist/themes/js/primitives/primitives.shadows.d.ts +62 -0
- package/dist/themes/js/primitives/primitives.shadows.d.ts.map +1 -0
- package/dist/themes/js/primitives/primitives.shadows.js +78 -0
- package/dist/themes/js/types.d.ts +140 -0
- package/dist/themes/js/types.d.ts.map +1 -0
- package/dist/themes/js/types.js +1 -0
- package/dist/themes/js/typographies/index.d.ts +539 -0
- package/dist/themes/js/typographies/index.d.ts.map +1 -0
- package/dist/themes/js/typographies/index.js +10 -0
- package/dist/themes/js/typographies/typography.lg.d.ts +135 -0
- package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -0
- package/dist/themes/js/typographies/typography.lg.js +4 -0
- package/dist/themes/js/typographies/typography.md.d.ts +144 -0
- package/dist/themes/js/typographies/typography.md.d.ts.map +1 -0
- package/dist/themes/js/typographies/typography.md.js +144 -0
- package/dist/themes/js/typographies/typography.sm.d.ts +144 -0
- package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -0
- package/dist/themes/js/typographies/typography.sm.js +144 -0
- package/dist/themes/js/typographies/typography.xl.d.ts +135 -0
- package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -0
- package/dist/themes/js/typographies/typography.xl.js +4 -0
- package/dist/themes/js/websites/theme.d.ts +2806 -0
- package/dist/themes/js/websites/theme.d.ts.map +1 -0
- package/dist/themes/js/websites/theme.dark.d.ts +273 -0
- package/dist/themes/js/websites/theme.dark.d.ts.map +1 -0
- package/dist/themes/js/websites/theme.dark.js +273 -0
- package/dist/themes/js/websites/theme.js +22 -0
- package/dist/themes/js/websites/theme.light.d.ts +273 -0
- package/dist/themes/js/websites/theme.light.d.ts.map +1 -0
- package/dist/themes/js/websites/theme.light.js +273 -0
- package/dist/utils/create-animations-plugin.d.ts +5 -0
- package/dist/utils/create-animations-plugin.d.ts.map +1 -0
- package/dist/utils/create-animations-plugin.js +187 -0
- package/dist/utils/create-custom-plugin.d.ts +17 -0
- package/dist/utils/create-custom-plugin.d.ts.map +1 -0
- package/dist/utils/create-custom-plugin.js +328 -0
- package/dist/utils/create-icon-utilities.d.ts +3 -0
- package/dist/utils/create-icon-utilities.d.ts.map +1 -0
- package/dist/utils/create-icon-utilities.js +25 -0
- package/dist/utils/create-primitives-plugin.d.ts +5 -0
- package/dist/utils/create-primitives-plugin.d.ts.map +1 -0
- package/dist/utils/create-primitives-plugin.js +50 -0
- package/dist/utils/create-spot-utilities.d.ts +3 -0
- package/dist/utils/create-spot-utilities.d.ts.map +1 -0
- package/dist/utils/create-spot-utilities.js +18 -0
- package/dist/utils/fs-utils.d.ts +8 -0
- package/dist/utils/fs-utils.d.ts.map +1 -0
- package/dist/utils/fs-utils.js +27 -0
- package/dist/utils/get-theme-utils-by-prefix.d.ts +7 -0
- package/dist/utils/get-theme-utils-by-prefix.d.ts.map +1 -0
- package/dist/utils/get-theme-utils-by-prefix.js +22 -0
- package/dist/utils/get-theme-utils-by-prefix.test.d.ts +2 -0
- package/dist/utils/get-theme-utils-by-prefix.test.d.ts.map +1 -0
- package/dist/utils/get-theme-utils-by-prefix.test.js +55 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +1 -0
- package/dist/utils/parse-cli-args.d.ts +2 -0
- package/dist/utils/parse-cli-args.d.ts.map +1 -0
- package/dist/utils/parse-cli-args.js +14 -0
- package/dist/utils/parse-cli-args.test.d.ts +2 -0
- package/dist/utils/parse-cli-args.test.d.ts.map +1 -0
- package/dist/utils/parse-cli-args.test.js +103 -0
- package/package.json +33 -0
- package/symbols/icons/airplane.svg +10 -0
- package/symbols/icons/alarm-clock.svg +3 -0
- package/symbols/icons/android.svg +6 -0
- package/symbols/icons/apex.svg +3 -0
- package/symbols/icons/apple.svg +3 -0
- package/symbols/icons/apps.svg +3 -0
- package/symbols/icons/ar.svg +4 -0
- package/symbols/icons/arrow-down-right.svg +3 -0
- package/symbols/icons/arrow-down.svg +3 -0
- package/symbols/icons/arrow-left.svg +3 -0
- package/symbols/icons/arrow-right.svg +3 -0
- package/symbols/icons/arrow-up-right.svg +3 -0
- package/symbols/icons/arrow-up.svg +3 -0
- package/symbols/icons/at.svg +3 -0
- package/symbols/icons/auto-Lock.svg +3 -0
- package/symbols/icons/bank.svg +3 -0
- package/symbols/icons/basket-put-in.svg +3 -0
- package/symbols/icons/bell-notification.svg +21 -0
- package/symbols/icons/bell.svg +3 -0
- package/symbols/icons/bitcoin-computer.svg +3 -0
- package/symbols/icons/bitcoin-voucher.svg +4 -0
- package/symbols/icons/bluetooth-circle-fill.svg +5 -0
- package/symbols/icons/bluetooth.svg +3 -0
- package/symbols/icons/bolt.svg +3 -0
- package/symbols/icons/book-open.svg +3 -0
- package/symbols/icons/bug.svg +3 -0
- package/symbols/icons/bundle.svg +3 -0
- package/symbols/icons/calendar.svg +3 -0
- package/symbols/icons/cart.svg +3 -0
- package/symbols/icons/charon.svg +3 -0
- package/symbols/icons/chart-1.svg +3 -0
- package/symbols/icons/chart-2.svg +3 -0
- package/symbols/icons/chart-3.svg +3 -0
- package/symbols/icons/chart-4.svg +3 -0
- package/symbols/icons/chart-pie.svg +4 -0
- package/symbols/icons/check.svg +3 -0
- package/symbols/icons/checkmark-circle-fill.svg +3 -0
- package/symbols/icons/checkmark-circle.svg +3 -0
- package/symbols/icons/chevron-big-bottom.svg +3 -0
- package/symbols/icons/chevron-big-left.svg +3 -0
- package/symbols/icons/chevron-big-right.svg +3 -0
- package/symbols/icons/chevron-big-top.svg +3 -0
- package/symbols/icons/chevron-down.svg +3 -0
- package/symbols/icons/chevron-left.svg +3 -0
- package/symbols/icons/chevron-right.svg +3 -0
- package/symbols/icons/chevron-up-down.svg +4 -0
- package/symbols/icons/chevron-up.svg +3 -0
- package/symbols/icons/circles.svg +3 -0
- package/symbols/icons/clear.svg +3 -0
- package/symbols/icons/clip.svg +3 -0
- package/symbols/icons/clock-fill.svg +6 -0
- package/symbols/icons/clock.svg +3 -0
- package/symbols/icons/close.svg +3 -0
- package/symbols/icons/cloud-download.svg +3 -0
- package/symbols/icons/cloud-upload.svg +3 -0
- package/symbols/icons/code.svg +3 -0
- package/symbols/icons/coin-alert.svg +3 -0
- package/symbols/icons/coin-percent.svg +3 -0
- package/symbols/icons/coins-add-plus.svg +3 -0
- package/symbols/icons/coins-check.svg +3 -0
- package/symbols/icons/coins-cross.svg +3 -0
- package/symbols/icons/coins-crypto.svg +3 -0
- package/symbols/icons/coins-eye.svg +3 -0
- package/symbols/icons/coins.svg +3 -0
- package/symbols/icons/compass.svg +3 -0
- package/symbols/icons/computer-mobile.svg +3 -0
- package/symbols/icons/copy.svg +3 -0
- package/symbols/icons/credit-card.svg +3 -0
- package/symbols/icons/crypto-bitcoin-coin.svg +3 -0
- package/symbols/icons/cursor-touch.svg +3 -0
- package/symbols/icons/database-lock.svg +3 -0
- package/symbols/icons/delete-circle-fill.svg +3 -0
- package/symbols/icons/delete-circle.svg +3 -0
- package/symbols/icons/delete-stop.svg +4 -0
- package/symbols/icons/delete.svg +3 -0
- package/symbols/icons/desktop.svg +3 -0
- package/symbols/icons/devices.svg +3 -0
- package/symbols/icons/discord.svg +3 -0
- package/symbols/icons/document-code.svg +3 -0
- package/symbols/icons/dollar-convert.svg +3 -0
- package/symbols/icons/dollar.svg +3 -0
- package/symbols/icons/download.svg +3 -0
- package/symbols/icons/downloadData.json +1 -0
- package/symbols/icons/duplicate.svg +3 -0
- package/symbols/icons/exchange.svg +3 -0
- package/symbols/icons/exit-logout.svg +3 -0
- package/symbols/icons/expand.svg +3 -0
- package/symbols/icons/experiment-2.svg +3 -0
- package/symbols/icons/experiment.svg +3 -0
- package/symbols/icons/external-link.svg +3 -0
- package/symbols/icons/eye-cross.svg +3 -0
- package/symbols/icons/eye.svg +3 -0
- package/symbols/icons/facebook.svg +3 -0
- package/symbols/icons/file-download.svg +3 -0
- package/symbols/icons/filter-sort.svg +4 -0
- package/symbols/icons/flex.svg +3 -0
- package/symbols/icons/folder.svg +3 -0
- package/symbols/icons/gift.svg +3 -0
- package/symbols/icons/github.svg +10 -0
- package/symbols/icons/globe.svg +3 -0
- package/symbols/icons/grid.svg +6 -0
- package/symbols/icons/grid2.svg +6 -0
- package/symbols/icons/group-users-add.svg +3 -0
- package/symbols/icons/group-users.svg +3 -0
- package/symbols/icons/hand-card.svg +3 -0
- package/symbols/icons/hand-coins.svg +3 -0
- package/symbols/icons/hat-school.svg +3 -0
- package/symbols/icons/heart.svg +3 -0
- package/symbols/icons/home.svg +3 -0
- package/symbols/icons/id-card.svg +3 -0
- package/symbols/icons/incognito.svg +3 -0
- package/symbols/icons/information-fill.svg +3 -0
- package/symbols/icons/information.svg +3 -0
- package/symbols/icons/instagram.svg +3 -0
- package/symbols/icons/ios.svg +4 -0
- package/symbols/icons/label.svg +4 -0
- package/symbols/icons/language.svg +3 -0
- package/symbols/icons/ledger-devices.svg +3 -0
- package/symbols/icons/ledger-logo.svg +3 -0
- package/symbols/icons/legal.svg +3 -0
- package/symbols/icons/life-ring.svg +3 -0
- package/symbols/icons/link.svg +3 -0
- package/symbols/icons/linkedin.svg +3 -0
- package/symbols/icons/linux.svg +3 -0
- package/symbols/icons/list-eye.svg +3 -0
- package/symbols/icons/lock-check-success.svg +3 -0
- package/symbols/icons/lock.svg +3 -0
- package/symbols/icons/macos.svg +5 -0
- package/symbols/icons/magnet.svg +3 -0
- package/symbols/icons/mail.svg +3 -0
- package/symbols/icons/maths.svg +3 -0
- package/symbols/icons/medal-1.svg +3 -0
- package/symbols/icons/medal-2.svg +3 -0
- package/symbols/icons/menu-burger.svg +3 -0
- package/symbols/icons/message-chat.svg +10 -0
- package/symbols/icons/minus-circle-fill.svg +3 -0
- package/symbols/icons/minus-circle.svg +3 -0
- package/symbols/icons/minus.svg +3 -0
- package/symbols/icons/mobile-arrow.svg +3 -0
- package/symbols/icons/mobile.svg +3 -0
- package/symbols/icons/monitor-password.svg +3 -0
- package/symbols/icons/moon.svg +3 -0
- package/symbols/icons/more-horizontal.svg +3 -0
- package/symbols/icons/more-vertical.svg +3 -0
- package/symbols/icons/nano.svg +3 -0
- package/symbols/icons/network-warning.svg +3 -0
- package/symbols/icons/nfc.svg +3 -0
- package/symbols/icons/nft-hide.svg +3 -0
- package/symbols/icons/nft.svg +3 -0
- package/symbols/icons/note.svg +3 -0
- package/symbols/icons/p2p.svg +3 -0
- package/symbols/icons/parachute.svg +3 -0
- package/symbols/icons/paste.svg +3 -0
- package/symbols/icons/pause.svg +3 -0
- package/symbols/icons/pen-edit.svg +3 -0
- package/symbols/icons/percentage.svg +3 -0
- package/symbols/icons/picture-image.svg +3 -0
- package/symbols/icons/piggy-bank.svg +3 -0
- package/symbols/icons/pin-location.svg +4 -0
- package/symbols/icons/placeholder-cicle-fill.svg +3 -0
- package/symbols/icons/placeholder.svg +10 -0
- package/symbols/icons/planet.svg +3 -0
- package/symbols/icons/plus-circle-fill.svg +3 -0
- package/symbols/icons/plus-circle.svg +3 -0
- package/symbols/icons/plus.svg +3 -0
- package/symbols/icons/printer.svg +3 -0
- package/symbols/icons/qr-code-scanner.svg +3 -0
- package/symbols/icons/qr-code.svg +3 -0
- package/symbols/icons/question.svg +3 -0
- package/symbols/icons/range.svg +3 -0
- package/symbols/icons/recovery-key.svg +10 -0
- package/symbols/icons/reddit.svg +6 -0
- package/symbols/icons/refresh-back.svg +3 -0
- package/symbols/icons/refresh.svg +3 -0
- package/symbols/icons/repair.svg +3 -0
- package/symbols/icons/screens.svg +3 -0
- package/symbols/icons/search.svg +3 -0
- package/symbols/icons/server-database-fail.svg +3 -0
- package/symbols/icons/settings-alt-2.svg +3 -0
- package/symbols/icons/settings-alt.svg +3 -0
- package/symbols/icons/settings.svg +4 -0
- package/symbols/icons/shapes.svg +6 -0
- package/symbols/icons/share-2.svg +3 -0
- package/symbols/icons/share.svg +3 -0
- package/symbols/icons/shield-check-notification.svg +16 -0
- package/symbols/icons/shield-check.svg +3 -0
- package/symbols/icons/shield-lock.svg +3 -0
- package/symbols/icons/shield-more.svg +3 -0
- package/symbols/icons/signature.svg +3 -0
- package/symbols/icons/slideshow.svg +3 -0
- package/symbols/icons/snow.svg +3 -0
- package/symbols/icons/soft-repair.svg +3 -0
- package/symbols/icons/spacerocket.svg +3 -0
- package/symbols/icons/sparks-fill.svg +5 -0
- package/symbols/icons/speed-fast.svg +3 -0
- package/symbols/icons/speed-low.svg +3 -0
- package/symbols/icons/speed-medium.svg +3 -0
- package/symbols/icons/star-fill.svg +3 -0
- package/symbols/icons/star-half.svg +4 -0
- package/symbols/icons/star.svg +3 -0
- package/symbols/icons/stax.svg +3 -0
- package/symbols/icons/sun.svg +3 -0
- package/symbols/icons/support.svg +3 -0
- package/symbols/icons/switch-2.svg +3 -0
- package/symbols/icons/switch.svg +3 -0
- package/symbols/icons/tablet.svg +3 -0
- package/symbols/icons/telegram.svg +3 -0
- package/symbols/icons/theme-fill.svg +3 -0
- package/symbols/icons/theme.svg +4 -0
- package/symbols/icons/threads.svg +3 -0
- package/symbols/icons/tiktok.svg +3 -0
- package/symbols/icons/tools.svg +3 -0
- package/symbols/icons/transfer-horizontal.svg +3 -0
- package/symbols/icons/transfer-vertical.svg +3 -0
- package/symbols/icons/trash.svg +3 -0
- package/symbols/icons/truck.svg +3 -0
- package/symbols/icons/twitter.svg +3 -0
- package/symbols/icons/unlock.svg +3 -0
- package/symbols/icons/usb-c.svg +3 -0
- package/symbols/icons/usb.svg +3 -0
- package/symbols/icons/user-add.svg +3 -0
- package/symbols/icons/user-arrow-right.svg +3 -0
- package/symbols/icons/user-check.svg +3 -0
- package/symbols/icons/user-circle.svg +3 -0
- package/symbols/icons/user-delete.svg +3 -0
- package/symbols/icons/user-lock.svg +3 -0
- package/symbols/icons/user-shield.svg +3 -0
- package/symbols/icons/user.svg +3 -0
- package/symbols/icons/wallet-input.svg +3 -0
- package/symbols/icons/wallet-search.svg +3 -0
- package/symbols/icons/wallet.svg +3 -0
- package/symbols/icons/warning-fill.svg +3 -0
- package/symbols/icons/warning.svg +3 -0
- package/symbols/icons/whatsapp.svg +4 -0
- package/symbols/icons/windows.svg +3 -0
- package/symbols/icons/wireless-charging.svg +3 -0
- package/symbols/icons/youtube.svg +3 -0
package/README.md
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
# @ledgerhq/lumen-design-core
|
|
2
|
+
|
|
3
|
+
**Design tokens and Tailwind presets for Ledger Design System** - Centralized design tokens that ensure consistency across React and React Native applications. All design tokens are automatically synchronized with Figma via the Figma REST API.
|
|
4
|
+
|
|
5
|
+
## 📦 Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @ledgerhq/lumen-design-core
|
|
9
|
+
|
|
10
|
+
# Install required peer dependency
|
|
11
|
+
npm install tailwindcss
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
**Note:** Tailwind CSS v3.x is required as a peer dependency. Not compatible yet with Tailwind CSS v4.
|
|
15
|
+
|
|
16
|
+
## ⚡ Quick Setup
|
|
17
|
+
|
|
18
|
+
Create or update your `tailwind.config.js`:
|
|
19
|
+
|
|
20
|
+
```typescript
|
|
21
|
+
import type { Config } from 'tailwindcss';
|
|
22
|
+
import { ledgerLivePreset } from '@ledgerhq/lumen-design-core';
|
|
23
|
+
|
|
24
|
+
const config = {
|
|
25
|
+
content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'],
|
|
26
|
+
presets: [ledgerLivePreset],
|
|
27
|
+
} satisfies Config;
|
|
28
|
+
|
|
29
|
+
export default config;
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## 🎨 Design Tokens
|
|
33
|
+
|
|
34
|
+
### Colors & Typography
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
// Semantic colors that auto-adapt to light/dark themes
|
|
38
|
+
<div className="bg-canvas text-base">
|
|
39
|
+
<p className="text-muted">Secondary text</p>
|
|
40
|
+
<div className="bg-success text-success">Success state</div>
|
|
41
|
+
|
|
42
|
+
// Typography system
|
|
43
|
+
<h1 className="heading-1">Main Heading</h1>
|
|
44
|
+
<p className="body-1">Regular paragraph text</p>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Spacing & Layout
|
|
48
|
+
|
|
49
|
+
1:1 pixel mapping where each number equals its pixel value:
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
<div className="p-4 m-8 gap-12"> {/* padding: 4px, margin: 8px, gap: 12px */}
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## 🌓 Dark Mode Support
|
|
56
|
+
|
|
57
|
+
All design tokens automatically support dark mode:
|
|
58
|
+
|
|
59
|
+
```tsx
|
|
60
|
+
<html className='dark'>
|
|
61
|
+
<div className='bg-canvas text-base'>Dark mode content</div>
|
|
62
|
+
</html>
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## 🔧 Alternative Usage
|
|
66
|
+
|
|
67
|
+
For non-Tailwind projects, use CSS custom properties:
|
|
68
|
+
|
|
69
|
+
```css
|
|
70
|
+
.my-component {
|
|
71
|
+
background-color: var(--color-background-base);
|
|
72
|
+
color: var(--color-text-base);
|
|
73
|
+
padding: var(--spacing-16);
|
|
74
|
+
}
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
## 🔄 Token Synchronization
|
|
78
|
+
|
|
79
|
+
All design tokens are automatically kept in sync with Figma design files through:
|
|
80
|
+
|
|
81
|
+
- **Figma REST API integration** - Tokens are extracted directly from Figma design system
|
|
82
|
+
- **Automated updates** - Changes in Figma are automatically reflected in the token library
|
|
83
|
+
- **Version consistency** - Ensures perfect alignment between design and code
|
|
84
|
+
|
|
85
|
+
## 🔗 Links
|
|
86
|
+
|
|
87
|
+
- [📚 Full Documentation](https://ldls.vercel.app)
|
|
88
|
+
- [🎨 Setup Tailwind](https://ldls.vercel.app/?path=/docs/getting-started-setup-tailwind--docs)
|
|
89
|
+
- [🏠 Repository](https://github.com/LedgerHQ/lumen)
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const allBrandsPreset: {
|
|
2
|
+
content: never[];
|
|
3
|
+
theme: {
|
|
4
|
+
boxShadow: {};
|
|
5
|
+
fontSize: {};
|
|
6
|
+
fontWeight: {};
|
|
7
|
+
lineHeight: {};
|
|
8
|
+
};
|
|
9
|
+
plugins: {
|
|
10
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
+
}[];
|
|
13
|
+
darkMode: "class";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=allBrands.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAiBV,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { allBrandsCSSTheme } from '../themes/css';
|
|
2
|
+
import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
|
|
3
|
+
import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
|
|
4
|
+
import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
|
|
5
|
+
export const allBrandsPreset = {
|
|
6
|
+
content: [],
|
|
7
|
+
theme: {
|
|
8
|
+
boxShadow: {},
|
|
9
|
+
fontSize: {},
|
|
10
|
+
fontWeight: {},
|
|
11
|
+
lineHeight: {},
|
|
12
|
+
},
|
|
13
|
+
plugins: [
|
|
14
|
+
createPrimitivesPlugin(),
|
|
15
|
+
createThemePlugin(allBrandsCSSTheme),
|
|
16
|
+
createTypographyPlugin(),
|
|
17
|
+
createGradientPlugin(allBrandsCSSTheme),
|
|
18
|
+
createShadowPlugin(),
|
|
19
|
+
createAnimationsPlugin(),
|
|
20
|
+
],
|
|
21
|
+
darkMode: 'class',
|
|
22
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const enterprisePreset: {
|
|
2
|
+
content: never[];
|
|
3
|
+
theme: {
|
|
4
|
+
boxShadow: {};
|
|
5
|
+
fontSize: {};
|
|
6
|
+
fontWeight: {};
|
|
7
|
+
lineHeight: {};
|
|
8
|
+
};
|
|
9
|
+
plugins: {
|
|
10
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
+
}[];
|
|
13
|
+
darkMode: "class";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=enterprise.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { enterpriseCSSTheme } from '../themes/css';
|
|
2
|
+
import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
|
|
3
|
+
import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
|
|
4
|
+
import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
|
|
5
|
+
export const enterprisePreset = {
|
|
6
|
+
content: [],
|
|
7
|
+
theme: {
|
|
8
|
+
boxShadow: {},
|
|
9
|
+
fontSize: {},
|
|
10
|
+
fontWeight: {},
|
|
11
|
+
lineHeight: {},
|
|
12
|
+
},
|
|
13
|
+
plugins: [
|
|
14
|
+
createPrimitivesPlugin(),
|
|
15
|
+
createThemePlugin(enterpriseCSSTheme),
|
|
16
|
+
createTypographyPlugin(),
|
|
17
|
+
createGradientPlugin(enterpriseCSSTheme),
|
|
18
|
+
createShadowPlugin(),
|
|
19
|
+
createAnimationsPlugin(),
|
|
20
|
+
],
|
|
21
|
+
darkMode: 'class',
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const ledgerLivePreset: {
|
|
2
|
+
content: never[];
|
|
3
|
+
theme: {
|
|
4
|
+
boxShadow: {};
|
|
5
|
+
fontSize: {};
|
|
6
|
+
fontWeight: {};
|
|
7
|
+
lineHeight: {};
|
|
8
|
+
};
|
|
9
|
+
plugins: {
|
|
10
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
+
}[];
|
|
13
|
+
darkMode: "class";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=ledger-live.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ledgerLiveCSSTheme } from '../themes/css';
|
|
2
|
+
import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
|
|
3
|
+
import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
|
|
4
|
+
import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
|
|
5
|
+
export const ledgerLivePreset = {
|
|
6
|
+
content: [],
|
|
7
|
+
theme: {
|
|
8
|
+
boxShadow: {},
|
|
9
|
+
fontSize: {},
|
|
10
|
+
fontWeight: {},
|
|
11
|
+
lineHeight: {},
|
|
12
|
+
},
|
|
13
|
+
plugins: [
|
|
14
|
+
createPrimitivesPlugin(),
|
|
15
|
+
createThemePlugin(ledgerLiveCSSTheme),
|
|
16
|
+
createTypographyPlugin(),
|
|
17
|
+
createGradientPlugin(ledgerLiveCSSTheme),
|
|
18
|
+
createShadowPlugin(),
|
|
19
|
+
createAnimationsPlugin(),
|
|
20
|
+
],
|
|
21
|
+
darkMode: 'class',
|
|
22
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const websitesPreset: {
|
|
2
|
+
content: never[];
|
|
3
|
+
theme: {
|
|
4
|
+
boxShadow: {};
|
|
5
|
+
fontSize: {};
|
|
6
|
+
fontWeight: {};
|
|
7
|
+
lineHeight: {};
|
|
8
|
+
};
|
|
9
|
+
plugins: {
|
|
10
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
+
}[];
|
|
13
|
+
darkMode: "class";
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=websites.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAiBT,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { websitesCSSTheme } from '../themes/css';
|
|
2
|
+
import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
|
|
3
|
+
import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
|
|
4
|
+
import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
|
|
5
|
+
export const websitesPreset = {
|
|
6
|
+
content: [],
|
|
7
|
+
theme: {
|
|
8
|
+
boxShadow: {},
|
|
9
|
+
fontSize: {},
|
|
10
|
+
fontWeight: {},
|
|
11
|
+
lineHeight: {},
|
|
12
|
+
},
|
|
13
|
+
plugins: [
|
|
14
|
+
createPrimitivesPlugin(),
|
|
15
|
+
createThemePlugin(websitesCSSTheme),
|
|
16
|
+
createTypographyPlugin(),
|
|
17
|
+
createGradientPlugin(websitesCSSTheme),
|
|
18
|
+
createShadowPlugin(),
|
|
19
|
+
createAnimationsPlugin(),
|
|
20
|
+
],
|
|
21
|
+
darkMode: 'class',
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkczD,CAAC"}
|