@landtrustinc/design-system 1.0.13 → 1.1.1

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 CHANGED
@@ -17,6 +17,12 @@ function App() {
17
17
  }
18
18
  ```
19
19
 
20
+ ## Styling
21
+
22
+ Following Figma styles try to use tokens from variables.css. Avoid using colors from the theme (these are legacy).
23
+
24
+ Keep the styles in separate file `*.styles.ts`
25
+
20
26
  ## 🔧 Development
21
27
 
22
28
  ```bash
package/dist/index.css CHANGED
@@ -145,8 +145,11 @@
145
145
  --spacing-7: 28px;
146
146
  --spacing-8: 32px;
147
147
  --spacing-10: 40px;
148
+ --spacing-11: 44px;
148
149
  --spacing-12: 48px;
149
150
  --spacing-14: 56px;
151
+ --spacing-16: 64px;
152
+ --spacing-20: 80px;
150
153
  --spacing-24: 96px;
151
154
  --spacing-32: 128px;
152
155
  --spacing-64: 256px;
@@ -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-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":[]}
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-11: 44px;\n --spacing-12: 48px;\n --spacing-14: 56px;\n --spacing-16: 64px;\n --spacing-20: 80px;\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":[]}