@oneqode/design-system 0.4.0 → 0.4.2
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.
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--color-border-focus: #2a8dff; /** Focus ring border */
|
|
13
13
|
--color-border-information: #2a8dff; /** Informational border */
|
|
14
14
|
--color-border-inverse: #e0e0e0; /** Border on inverse surfaces */
|
|
15
|
-
--color-border-subtle: #
|
|
15
|
+
--color-border-subtle: #0d0d0d; /** Subtle border - hairline dividers */
|
|
16
16
|
--color-border-success: #22c55e; /** Success border */
|
|
17
17
|
--color-border-warning: #f59e0b; /** Warning border */
|
|
18
18
|
--color-blue-50: #eef7ff;
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
--color-neutral-600: #555555;
|
|
69
69
|
--color-neutral-700: #333333;
|
|
70
70
|
--color-neutral-800: #1f1f1f;
|
|
71
|
-
--color-neutral-900: #
|
|
71
|
+
--color-neutral-900: #0d0d0d;
|
|
72
72
|
--color-neutral-950: #050505;
|
|
73
73
|
--color-black: #000000;
|
|
74
74
|
--color-white: #ffffff;
|
|
@@ -77,9 +77,9 @@
|
|
|
77
77
|
--color-surface-action-hover: #4aa2ff; /** Primary action surface - hover state */
|
|
78
78
|
--color-surface-bg: #000000; /** Page background - foundation black/white */
|
|
79
79
|
--color-surface-default: #050505; /** Default card/component surface */
|
|
80
|
-
--color-surface-disabled: #
|
|
80
|
+
--color-surface-disabled: #0d0d0d; /** Disabled component surface */
|
|
81
81
|
--color-surface-inverse: #ffffff; /** Inverted surface - white card on dark, black card on light */
|
|
82
|
-
--color-surface-raised: #
|
|
82
|
+
--color-surface-raised: #0d0d0d; /** Raised surface - modals, popovers, ghost-button hover */
|
|
83
83
|
--color-alias-accent-50: #eef7ff;
|
|
84
84
|
--color-alias-accent-100: #d9ecff;
|
|
85
85
|
--color-alias-accent-200: #b6daff;
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
--color-alias-neutral-600: #555555;
|
|
150
150
|
--color-alias-neutral-700: #333333;
|
|
151
151
|
--color-alias-neutral-800: #1f1f1f;
|
|
152
|
-
--color-alias-neutral-900: #
|
|
152
|
+
--color-alias-neutral-900: #0d0d0d;
|
|
153
153
|
--color-alias-neutral-950: #050505;
|
|
154
154
|
--color-alias-black: #000000;
|
|
155
155
|
--color-alias-white: #ffffff;
|
|
@@ -187,6 +187,7 @@
|
|
|
187
187
|
--container-compact: 650px; /** Tight text blocks, centered descriptions */
|
|
188
188
|
--container-content: 600px; /** Paragraph descriptions, subtitles */
|
|
189
189
|
--spacing-section: 5rem; /** Standard spacing between page sections */
|
|
190
|
+
--spacing-section-lg: 10rem; /** Large section block padding - 160px (used for major page sections per Figma) */
|
|
190
191
|
--spacing-inset: 1.5rem; /** Standard inner padding for sections and cards - 24px */
|
|
191
192
|
--font-sans: Space Grotesk, system-ui, sans-serif; /** Body text font stack */
|
|
192
193
|
--font-display: Saans, system-ui, sans-serif; /** Heading/display font stack */
|
|
@@ -270,7 +271,7 @@
|
|
|
270
271
|
--component-icon-stroke-thin: 1.5; /** Icon stroke width - airy, decorative */
|
|
271
272
|
--component-icon-stroke-regular: 2; /** Icon stroke width - default (Lucide native) */
|
|
272
273
|
--component-icon-stroke-bold: 2.5; /** Icon stroke width - emphasis, comparison glyphs */
|
|
273
|
-
--component-tag-default-bg: #
|
|
274
|
+
--component-tag-default-bg: #0d0d0d; /** Mono tag - default variant background (dark fill) */
|
|
274
275
|
--component-tag-default-text: #ffffff; /** Mono tag - default variant text (white) */
|
|
275
276
|
--component-tag-default-border: transparent; /** Mono tag - default variant has no border */
|
|
276
277
|
--component-tag-accent-bg: #2a8dff; /** Mono tag - accent variant background (brand blue) */
|
package/package.json
CHANGED