@landtrustinc/design-system 1.0.11 → 1.0.13
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 +5 -9
- package/dist/index.css +13 -0
- package/dist/index.css.map +1 -1
- package/dist/variables.css +15 -0
- package/package.json +1 -1
- package/variables.css +15 -0
package/README.md
CHANGED
|
@@ -2,14 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Design system components for LandTrust applications.
|
|
4
4
|
|
|
5
|
-
## 🚀 Quick Setup
|
|
6
|
-
|
|
7
|
-
1. **Copy template:** `cp node_modules/@landtrustinc/design-system/.npmrc.template .npmrc`
|
|
8
|
-
2. **Get GitHub token:** https://github.com/settings/tokens (select "read:packages" scope)
|
|
9
|
-
3. **Replace YOUR_GITHUB_TOKEN** in `.npmrc` with your actual token
|
|
10
|
-
4. **Add to gitignore:** `echo ".npmrc" >> .gitignore`
|
|
11
|
-
5. **Install:** `npm install @landtrustinc/design-system`
|
|
12
|
-
|
|
13
5
|
## 📖 Usage
|
|
14
6
|
|
|
15
7
|
```tsx
|
|
@@ -35,4 +27,8 @@ npm run storybook # Run Storybook
|
|
|
35
27
|
|
|
36
28
|
## 📦 Publishing
|
|
37
29
|
|
|
38
|
-
|
|
30
|
+
```bash
|
|
31
|
+
npm build
|
|
32
|
+
npm version patch/minor/major
|
|
33
|
+
npm publish
|
|
34
|
+
```
|
package/dist/index.css
CHANGED
|
@@ -103,6 +103,7 @@
|
|
|
103
103
|
--text-on-action: var(--color-base-white);
|
|
104
104
|
--surface-page: var(--color-base-white);
|
|
105
105
|
--surface-subtle: var(--color-brown-50);
|
|
106
|
+
--surface-neutral: var(--color-neutral-50);
|
|
106
107
|
--surface-success: var(--color-success-50);
|
|
107
108
|
--surface-warning: var(--color-yellow-200);
|
|
108
109
|
--surface-error: var(--color-error-100);
|
|
@@ -169,5 +170,17 @@
|
|
|
169
170
|
--shadow-xl: 0px var(--spacing-5) var(--shadow-blur-lg) var(--shadow-spread-xs) rgba(17, 17, 17, 0.1);
|
|
170
171
|
--shadow-2xl: 0px var(--spacing-6) var(--shadow-blur-xl) var(--shadow-spread-md) var(--color-brown-200);
|
|
171
172
|
--shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl) var(--shadow-spread-md) rgba(17, 17, 17, 0.1);
|
|
173
|
+
--widths-none: var(--spacing-1);
|
|
174
|
+
--widths-xs: var(--spacing-1);
|
|
175
|
+
--widths-sm: var(--spacing-2);
|
|
176
|
+
--widths-md: var(--spacing-1);
|
|
177
|
+
--widths-lg: var(--spacing-2);
|
|
178
|
+
--widths-xlg: var(--spacing-3);
|
|
179
|
+
--radius-none: var(--spacing-1);
|
|
180
|
+
--radius-xs: var(--spacing-2);
|
|
181
|
+
--radius-sm: var(--spacing-1);
|
|
182
|
+
--radius-md: var(--spacing-2);
|
|
183
|
+
--radius-lg: var(--spacing-3);
|
|
184
|
+
--radius-round: var(--spacing-10);
|
|
172
185
|
}
|
|
173
186
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/shared/variables.css"],"sourcesContent":[":root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-primary-900: #0c160f;\n --color-primary-800: #192d1e;\n --color-primary-700: #25432d;\n --color-primary-600: #325a3c;\n --color-primary-500: #3e704b;\n --color-primary-400: #638b6d;\n --color-primary-300: #87a58f;\n --color-primary-200: #acc0b1;\n --color-primary-100: #d0dad3;\n\n --color-hunter-900: #0f100f;\n --color-hunter-800: #1e201f;\n --color-hunter-700: #2d312e;\n --color-hunter-600: #3c413e;\n --color-hunter-500: #4b514d;\n --color-hunter-400: #6d726f;\n --color-hunter-300: #8f9390;\n --color-hunter-200: #b1b3b2;\n --color-hunter-100: #d3d4d3;\n\n --color-brown-900: #2a241e;\n --color-brown-800: #54483d;\n --color-brown-700: #7d6b5b;\n --color-brown-600: #a78f7a;\n --color-brown-500: #d1b398;\n --color-brown-400: #d8c0ab;\n --color-brown-300: #dfcdbd;\n --color-brown-200: #e7dbd0;\n --color-brown-100: #f5f2ed;\n --color-brown-50: #fffdf7;\n\n --color-neutral-900: #202327;\n --color-neutral-800: #40464d;\n --color-neutral-700: #606874;\n --color-neutral-600: #808b9a;\n --color-neutral-500: #a0aec1;\n --color-neutral-400: #b1bccb;\n --color-neutral-300: #c2cad6;\n --color-neutral-200: #d3d9e0;\n --color-neutral-100: #e4e7eb;\n --color-neutral-50: #f8fafc;\n\n --color-yellow-900: #64551f;\n --color-yellow-800: #967f2f;\n --color-yellow-700: #e4bc29;\n --color-yellow-600: #edc94a;\n --color-yellow-500: #fad44e;\n --color-yellow-400: #fbdd71;\n --color-yellow-300: #fce595;\n --color-yellow-200: #fdeeb8;\n --color-yellow-100: #fef6dc;\n --color-yellow-50: #fefbed;\n\n --color-gold-900: #332510;\n --color-gold-800: #664b21;\n --color-gold-700: #997031;\n --color-gold-600: #cc9642;\n --color-gold-500: #ffbb52;\n --color-gold-400: #ffc975;\n --color-gold-300: #ffd697;\n --color-gold-200: #ffe4ba;\n --color-gold-100: #fff1dc;\n --color-gold-50: #fff8ed;\n\n --color-accent-900: #2d0d02;\n --color-accent-800: #5a1b05;\n --color-accent-700: #882807;\n --color-accent-600: #b5360a;\n --color-accent-500: #e2430c;\n --color-accent-400: #e8693d;\n --color-accent-300: #ee8e6d;\n --color-accent-200: #f3b49e;\n --color-accent-100: #f9d9ce;\n --color-accent-50: #fcece6;\n\n --color-success-900: #0f2204;\n --color-success-800: #1f4309;\n --color-success-700: #2e650d;\n --color-success-600: #3e8612;\n --color-success-500: #4da816;\n --color-success-400: #71b945;\n --color-success-300: #94cb73;\n --color-success-200: #b8dca2;\n --color-success-100: #dbeed0;\n --color-success-50: #edf6e8;\n\n --color-error-900: #2c0808;\n --color-error-800: #580f0f;\n --color-error-700: #841717;\n --color-error-600: #b01e1e;\n --color-error-500: #dc2626;\n --color-error-400: #e35151;\n --color-error-300: #ea7d7d;\n --color-error-200: #f1a8a8;\n --color-error-100: #f8d4d4;\n --color-error-50: #fbe9e9;\n\n --text-primary: var(--color-neutral-900);\n --text-secondary: var(--color-neutral-600);\n --text-headings: var(--color-neutral-900);\n --text-action: var(--color-neutral-900);\n --text-action-hover: var(--color-neutral-600);\n --text-on-disabled: var(--color-neutral-300);\n --text-disabled: var(--color-neutral-300);\n --text-success: var(--color-success-500);\n --text-error: var(--color-error-500);\n --text-warning: var(--color-yellow-500);\n --text-on-action: var(--color-base-white);\n\n --surface-page: var(--color-base-white);\n --surface-subtle: var(--color-brown-50);\n --surface-success: var(--color-success-50);\n --surface-warning: var(--color-yellow-200);\n --surface-error: var(--color-error-100);\n --surface-disabled: var(--color-primary-200);\n --surface-disabled-2: var(--color-neutral-50);\n --surface-action: var(--color-primary-500);\n --surface-action-2: var(--color-yellow-500);\n --surface-action-hover: var(--color-primary-700);\n --surface-action-2-hover: var(--color-yellow-600);\n --surface-action-hover-outline: var(--color-primary-500);\n --surface-action-3: var(--surface-page);\n --surface-action-3-hover: var(--color-neutral-50);\n\n --border-primary: var(--color-neutral-200);\n --border-secondary: var(--color-base-black);\n --border-success: var(--color-success-50);\n --border-warning: var(--color-yellow-200);\n --border-error: var(--color-error-300);\n --border-disabled: var(--color-neutral-300);\n --border-disabled-2: var(--color-neutral-100);\n --border-action: var(--color-primary-500);\n --border-action-hover: var(--color-primary-700);\n --border-focus: var(--color-primary-500);\n\n --icon-primary: var(--color-neutral-900);\n --icon-secondary: var(--color-neutral-600);\n --icon-success: var(--color-success-500);\n --icon-warning: var(--color-yellow-500);\n --icon-error: var(--color-error-500);\n --icon-action: var(--color-primary-500);\n --icon-action-hover: var(--color-primary-700);\n --icon-on-action: var(--color-base-white);\n --icon-on-disabled: var(--color-neutral-300);\n\n --spacing-0: 0;\n --spacing-1: 4px;\n --spacing-2: 8px;\n --spacing-3: 12px;\n --spacing-4: 16px;\n --spacing-5: 20px;\n --spacing-6: 24px;\n --spacing-7: 28px;\n --spacing-8: 32px;\n --spacing-10: 40px;\n --spacing-12: 48px;\n --spacing-14: 56px;\n --spacing-24: 96px;\n --spacing-32: 128px;\n --spacing-64: 256px;\n\n --shadow-blur-2xs: 4px;\n --shadow-blur-xs: 8px;\n --shadow-blur-sm: 12px;\n --shadow-blur-md: 16px;\n --shadow-blur-lg: 24px;\n --shadow-blur-xl: 48px;\n --shadow-blur-2xl: 64px;\n\n --shadow-spread-xs: -4px;\n --shadow-spread-sm: -8px;\n --shadow-spread-md: -12px;\n --shadow-spread-lg: -16px;\n --shadow-spread-xl: -24px;\n --shadow-spread-2xl: -32px;\n\n --shadow-xs: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(0, 0, 0, 0.05);\n --shadow-sm: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-md: 0px var(--spacing-1) var(--shadow-blur-xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-lg: 0px var(--spacing-3) var(--shadow-blur-md)\n var(--shadow-spread-xs) var(--color-brown-100);\n --shadow-xl: 0px var(--spacing-5) var(--shadow-blur-lg)\n var(--shadow-spread-xs) rgba(17, 17, 17, 0.1);\n --shadow-2xl: 0px var(--spacing-6) var(--shadow-blur-xl)\n var(--shadow-spread-md) var(--color-brown-200);\n --shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)\n var(--shadow-spread-md) rgba(17, 17, 17, 0.1);\n}\n"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../src/shared/variables.css"],"sourcesContent":[":root {\n --color-base-white: #ffffff;\n --color-base-black: #000000;\n --color-primary-900: #0c160f;\n --color-primary-800: #192d1e;\n --color-primary-700: #25432d;\n --color-primary-600: #325a3c;\n --color-primary-500: #3e704b;\n --color-primary-400: #638b6d;\n --color-primary-300: #87a58f;\n --color-primary-200: #acc0b1;\n --color-primary-100: #d0dad3;\n\n --color-hunter-900: #0f100f;\n --color-hunter-800: #1e201f;\n --color-hunter-700: #2d312e;\n --color-hunter-600: #3c413e;\n --color-hunter-500: #4b514d;\n --color-hunter-400: #6d726f;\n --color-hunter-300: #8f9390;\n --color-hunter-200: #b1b3b2;\n --color-hunter-100: #d3d4d3;\n\n --color-brown-900: #2a241e;\n --color-brown-800: #54483d;\n --color-brown-700: #7d6b5b;\n --color-brown-600: #a78f7a;\n --color-brown-500: #d1b398;\n --color-brown-400: #d8c0ab;\n --color-brown-300: #dfcdbd;\n --color-brown-200: #e7dbd0;\n --color-brown-100: #f5f2ed;\n --color-brown-50: #fffdf7;\n\n --color-neutral-900: #202327;\n --color-neutral-800: #40464d;\n --color-neutral-700: #606874;\n --color-neutral-600: #808b9a;\n --color-neutral-500: #a0aec1;\n --color-neutral-400: #b1bccb;\n --color-neutral-300: #c2cad6;\n --color-neutral-200: #d3d9e0;\n --color-neutral-100: #e4e7eb;\n --color-neutral-50: #f8fafc;\n\n --color-yellow-900: #64551f;\n --color-yellow-800: #967f2f;\n --color-yellow-700: #e4bc29;\n --color-yellow-600: #edc94a;\n --color-yellow-500: #fad44e;\n --color-yellow-400: #fbdd71;\n --color-yellow-300: #fce595;\n --color-yellow-200: #fdeeb8;\n --color-yellow-100: #fef6dc;\n --color-yellow-50: #fefbed;\n\n --color-gold-900: #332510;\n --color-gold-800: #664b21;\n --color-gold-700: #997031;\n --color-gold-600: #cc9642;\n --color-gold-500: #ffbb52;\n --color-gold-400: #ffc975;\n --color-gold-300: #ffd697;\n --color-gold-200: #ffe4ba;\n --color-gold-100: #fff1dc;\n --color-gold-50: #fff8ed;\n\n --color-accent-900: #2d0d02;\n --color-accent-800: #5a1b05;\n --color-accent-700: #882807;\n --color-accent-600: #b5360a;\n --color-accent-500: #e2430c;\n --color-accent-400: #e8693d;\n --color-accent-300: #ee8e6d;\n --color-accent-200: #f3b49e;\n --color-accent-100: #f9d9ce;\n --color-accent-50: #fcece6;\n\n --color-success-900: #0f2204;\n --color-success-800: #1f4309;\n --color-success-700: #2e650d;\n --color-success-600: #3e8612;\n --color-success-500: #4da816;\n --color-success-400: #71b945;\n --color-success-300: #94cb73;\n --color-success-200: #b8dca2;\n --color-success-100: #dbeed0;\n --color-success-50: #edf6e8;\n\n --color-error-900: #2c0808;\n --color-error-800: #580f0f;\n --color-error-700: #841717;\n --color-error-600: #b01e1e;\n --color-error-500: #dc2626;\n --color-error-400: #e35151;\n --color-error-300: #ea7d7d;\n --color-error-200: #f1a8a8;\n --color-error-100: #f8d4d4;\n --color-error-50: #fbe9e9;\n\n --text-primary: var(--color-neutral-900);\n --text-secondary: var(--color-neutral-600);\n --text-headings: var(--color-neutral-900);\n --text-action: var(--color-neutral-900);\n --text-action-hover: var(--color-neutral-600);\n --text-on-disabled: var(--color-neutral-300);\n --text-disabled: var(--color-neutral-300);\n --text-success: var(--color-success-500);\n --text-error: var(--color-error-500);\n --text-warning: var(--color-yellow-500);\n --text-on-action: var(--color-base-white);\n\n --surface-page: var(--color-base-white);\n --surface-subtle: var(--color-brown-50);\n --surface-neutral: var(--color-neutral-50);\n --surface-success: var(--color-success-50);\n --surface-warning: var(--color-yellow-200);\n --surface-error: var(--color-error-100);\n --surface-disabled: var(--color-primary-200);\n --surface-disabled-2: var(--color-neutral-50);\n --surface-action: var(--color-primary-500);\n --surface-action-2: var(--color-yellow-500);\n --surface-action-hover: var(--color-primary-700);\n --surface-action-2-hover: var(--color-yellow-600);\n --surface-action-hover-outline: var(--color-primary-500);\n --surface-action-3: var(--surface-page);\n --surface-action-3-hover: var(--color-neutral-50);\n\n --border-primary: var(--color-neutral-200);\n --border-secondary: var(--color-base-black);\n --border-success: var(--color-success-50);\n --border-warning: var(--color-yellow-200);\n --border-error: var(--color-error-300);\n --border-disabled: var(--color-neutral-300);\n --border-disabled-2: var(--color-neutral-100);\n --border-action: var(--color-primary-500);\n --border-action-hover: var(--color-primary-700);\n --border-focus: var(--color-primary-500);\n\n --icon-primary: var(--color-neutral-900);\n --icon-secondary: var(--color-neutral-600);\n --icon-success: var(--color-success-500);\n --icon-warning: var(--color-yellow-500);\n --icon-error: var(--color-error-500);\n --icon-action: var(--color-primary-500);\n --icon-action-hover: var(--color-primary-700);\n --icon-on-action: var(--color-base-white);\n --icon-on-disabled: var(--color-neutral-300);\n\n --spacing-0: 0;\n --spacing-1: 4px;\n --spacing-2: 8px;\n --spacing-3: 12px;\n --spacing-4: 16px;\n --spacing-5: 20px;\n --spacing-6: 24px;\n --spacing-7: 28px;\n --spacing-8: 32px;\n --spacing-10: 40px;\n --spacing-12: 48px;\n --spacing-14: 56px;\n --spacing-24: 96px;\n --spacing-32: 128px;\n --spacing-64: 256px;\n\n --shadow-blur-2xs: 4px;\n --shadow-blur-xs: 8px;\n --shadow-blur-sm: 12px;\n --shadow-blur-md: 16px;\n --shadow-blur-lg: 24px;\n --shadow-blur-xl: 48px;\n --shadow-blur-2xl: 64px;\n\n --shadow-spread-xs: -4px;\n --shadow-spread-sm: -8px;\n --shadow-spread-md: -12px;\n --shadow-spread-lg: -16px;\n --shadow-spread-xl: -24px;\n --shadow-spread-2xl: -32px;\n\n --shadow-xs: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(0, 0, 0, 0.05);\n --shadow-sm: 0px var(--spacing-1) var(--shadow-blur-2xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-md: 0px var(--spacing-1) var(--shadow-blur-xs) 0px\n rgba(17, 17, 17, 0.1);\n --shadow-lg: 0px var(--spacing-3) var(--shadow-blur-md)\n var(--shadow-spread-xs) var(--color-brown-100);\n --shadow-xl: 0px var(--spacing-5) var(--shadow-blur-lg)\n var(--shadow-spread-xs) rgba(17, 17, 17, 0.1);\n --shadow-2xl: 0px var(--spacing-6) var(--shadow-blur-xl)\n var(--shadow-spread-md) var(--color-brown-200);\n --shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)\n var(--shadow-spread-md) rgba(17, 17, 17, 0.1);\n\n --widths-none: var(--spacing-1);\n --widths-xs: var(--spacing-1);\n --widths-sm: var(--spacing-2);\n --widths-md: var(--spacing-1);\n --widths-lg: var(--spacing-2);\n --widths-xlg: var(--spacing-3);\n\n --radius-none: var(--spacing-1);\n --radius-xs: var(--spacing-2);\n --radius-sm: var(--spacing-1);\n --radius-md: var(--spacing-2);\n --radius-lg: var(--spacing-3);\n --radius-round: var(--spacing-10);\n}\n"],"mappings":"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","names":[]}
|
package/dist/variables.css
CHANGED
|
@@ -112,6 +112,7 @@
|
|
|
112
112
|
|
|
113
113
|
--surface-page: var(--color-base-white);
|
|
114
114
|
--surface-subtle: var(--color-brown-50);
|
|
115
|
+
--surface-neutral: var(--color-neutral-50);
|
|
115
116
|
--surface-success: var(--color-success-50);
|
|
116
117
|
--surface-warning: var(--color-yellow-200);
|
|
117
118
|
--surface-error: var(--color-error-100);
|
|
@@ -191,4 +192,18 @@
|
|
|
191
192
|
var(--shadow-spread-md) var(--color-brown-200);
|
|
192
193
|
--shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)
|
|
193
194
|
var(--shadow-spread-md) rgba(17, 17, 17, 0.1);
|
|
195
|
+
|
|
196
|
+
--widths-none: var(--spacing-1);
|
|
197
|
+
--widths-xs: var(--spacing-1);
|
|
198
|
+
--widths-sm: var(--spacing-2);
|
|
199
|
+
--widths-md: var(--spacing-1);
|
|
200
|
+
--widths-lg: var(--spacing-2);
|
|
201
|
+
--widths-xlg: var(--spacing-3);
|
|
202
|
+
|
|
203
|
+
--radius-none: var(--spacing-1);
|
|
204
|
+
--radius-xs: var(--spacing-2);
|
|
205
|
+
--radius-sm: var(--spacing-1);
|
|
206
|
+
--radius-md: var(--spacing-2);
|
|
207
|
+
--radius-lg: var(--spacing-3);
|
|
208
|
+
--radius-round: var(--spacing-10);
|
|
194
209
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@landtrustinc/design-system",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Design system components for LandTrust applications",
|
|
6
6
|
"homepage": "https://github.com/LandtrustInc/landtrust-ui/tree/main/packages/design-system",
|
package/variables.css
CHANGED
|
@@ -112,6 +112,7 @@
|
|
|
112
112
|
|
|
113
113
|
--surface-page: var(--color-base-white);
|
|
114
114
|
--surface-subtle: var(--color-brown-50);
|
|
115
|
+
--surface-neutral: var(--color-neutral-50);
|
|
115
116
|
--surface-success: var(--color-success-50);
|
|
116
117
|
--surface-warning: var(--color-yellow-200);
|
|
117
118
|
--surface-error: var(--color-error-100);
|
|
@@ -191,4 +192,18 @@
|
|
|
191
192
|
var(--shadow-spread-md) var(--color-brown-200);
|
|
192
193
|
--shadow-3xl: 0px var(--spacing-8) var(--shadow-blur-2xl)
|
|
193
194
|
var(--shadow-spread-md) rgba(17, 17, 17, 0.1);
|
|
195
|
+
|
|
196
|
+
--widths-none: var(--spacing-1);
|
|
197
|
+
--widths-xs: var(--spacing-1);
|
|
198
|
+
--widths-sm: var(--spacing-2);
|
|
199
|
+
--widths-md: var(--spacing-1);
|
|
200
|
+
--widths-lg: var(--spacing-2);
|
|
201
|
+
--widths-xlg: var(--spacing-3);
|
|
202
|
+
|
|
203
|
+
--radius-none: var(--spacing-1);
|
|
204
|
+
--radius-xs: var(--spacing-2);
|
|
205
|
+
--radius-sm: var(--spacing-1);
|
|
206
|
+
--radius-md: var(--spacing-2);
|
|
207
|
+
--radius-lg: var(--spacing-3);
|
|
208
|
+
--radius-round: var(--spacing-10);
|
|
194
209
|
}
|