@platned/ui 0.1.3 → 0.3.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.
@@ -1,77 +0,0 @@
1
- /** @type {import('tailwindcss').Config} */
2
- module.exports = {
3
- theme: {
4
- extend: {
5
- colors: {
6
- // ── Background ──────────────────────────────────────────────────────
7
- 'background-brand': 'var(--color-background-brand-default)',
8
- 'background-brand-hover': 'var(--color-background-brand-hover)',
9
- 'background-brand-secondary': 'var(--color-background-brand-secondary)',
10
- 'background-brand-secondary-hover': 'var(--color-background-brand-secondary-hover)',
11
- 'background-brand-tertiary': 'var(--color-background-brand-tertiary)',
12
- 'background-brand-tertiary-hover': 'var(--color-background-brand-tertiary-hover)',
13
- 'background-default': 'var(--color-background-default-default)',
14
- 'background-default-hover': 'var(--color-background-default-default-hover)',
15
- 'background-default-secondary': 'var(--color-background-default-secondary)',
16
- 'background-default-secondary-hover': 'var(--color-background-default-secondary-hover)',
17
- 'background-default-tertiary': 'var(--color-background-default-tertiary)',
18
- 'background-neutral-tertiary': 'var(--color-background-neutral-tertiary)',
19
- 'background-neutral-tertiary-hover': 'var(--color-background-neutral-tertiary-hover)',
20
- 'background-danger': 'var(--color-background-danger-default)',
21
- 'background-danger-hover': 'var(--color-background-danger-hover)',
22
- 'background-danger-secondary': 'var(--color-background-danger-secondary)',
23
- 'background-danger-tertiary': 'var(--color-background-danger-tertiary)',
24
- 'background-danger-tertiary-hover': 'var(--color-background-danger-tertiary-hover)',
25
- 'background-positive-tertiary': 'var(--color-background-positive-tertiary)',
26
- 'background-warning-tertiary': 'var(--color-background-warning-tertiary)',
27
- 'background-disabled': 'var(--color-background-disabled-default)',
28
-
29
- // ── Border ──────────────────────────────────────────────────────────
30
- 'border-default': 'var(--color-border-default-default)',
31
- 'border-default-secondary': 'var(--color-border-default-secondary)',
32
- 'border-brand': 'var(--color-border-brand-default)',
33
- 'border-brand-secondary': 'var(--color-border-brand-secondary)',
34
- 'border-brand-tertiary': 'var(--color-border-brand-tertiary)',
35
- 'border-danger': 'var(--color-border-danger-default)',
36
- 'border-danger-secondary': 'var(--color-border-danger-secondary)',
37
- 'border-disabled': 'var(--color-border-disabled-default)',
38
-
39
- // ── Text ────────────────────────────────────────────────────────────
40
- 'text-default': 'var(--color-text-default-default)',
41
- 'text-default-secondary': 'var(--color-text-default-secondary)',
42
- 'text-default-tertiary': 'var(--color-text-default-tertiary)',
43
- 'text-brand': 'var(--color-text-brand-default)',
44
- 'text-brand-on-brand': 'var(--color-text-brand-on-brand)',
45
- 'text-neutral': 'var(--color-text-neutral-default)',
46
- 'text-positive': 'var(--color-text-positive-default)',
47
- 'text-danger': 'var(--color-text-danger-default)',
48
- 'text-danger-on-danger': 'var(--color-text-danger-on-danger)',
49
- 'text-disabled': 'var(--color-text-disabled-default)',
50
- 'text-disabled-on-disabled': 'var(--color-text-disabled-on-disabled)',
51
-
52
- // ── Icon ────────────────────────────────────────────────────────────
53
- 'icon-default': 'var(--color-icon-default-default)',
54
- 'icon-default-secondary': 'var(--color-icon-default-secondary)',
55
- 'icon-brand': 'var(--color-icon-brand-default)',
56
- 'icon-brand-on-brand': 'var(--color-icon-brand-on-brand)',
57
- 'icon-disabled': 'var(--color-icon-disabled-default)',
58
- 'icon-danger': 'var(--color-icon-danger-default)',
59
- 'icon-positive': 'var(--color-icon-positive-default)',
60
- },
61
- fontSize: {
62
- 'body-tiny': ['11px', { lineHeight: '1.4' }],
63
- 'body-xs': ['13px', { lineHeight: '1.4' }],
64
- 'body-sm': ['14px', { lineHeight: '1.5' }],
65
- 'body': ['16px', { lineHeight: '1.5' }],
66
- 'heading-sm': ['20px', { lineHeight: '1.3' }],
67
- 'heading': ['24px', { lineHeight: '1.3' }],
68
- },
69
- fontWeight: {
70
- regular: '400',
71
- },
72
- boxShadow: {
73
- panel: '0 2px 16px 0 rgba(0,0,0,0.08)',
74
- },
75
- },
76
- },
77
- }