@ryuzaki13/react-foundation-ui 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ryuzaki13/react-foundation-ui",
-	"version": "1.0.11",
+	"version": "1.0.12",
 	"description": "Reusable React foundation UI primitives and Storybook stories.",
 	"license": "MIT",
 	"author": "Ryuzaki13",

package/src/styles/config/_index.scss

@@ -186,83 +186,83 @@ $paragraph-spacing-preset-defaults: (
 $light-theme-defaults: (
 	tokens: (
 		"--surface-0": #ffffff,
-		"--surface-1": #f7f8f9,
-		"--surface-2": #eceef0,
-		"--content-0": oklch(0.26 0.01 244),
-		"--content-1": oklch(0.44 0.02 268),
-		"--content-2": oklch(0.54 0.02 258),
-		"--focus-ring": oklch(0.5 0.3 270),
-		"--overlay-backdrop": rgba(0, 0, 0, 0.1),
-		"--overlay-glass": rgba(255, 255, 255, 0.8),
-		"--shadow-xs": 0 0 0.25em rgba(0, 0, 0, 0.15),
-		"--shadow-sm": 0 0 0.25em rgba(0, 0, 0, 0.25),
-		"--shadow-md": 0 0 0.5em rgba(0, 0, 0, 0.25),
-		"--shadow-lg": 0 0 1em rgba(0, 0, 0, 0.25)
+		"--surface-1": #f5f5f5,
+		"--surface-2": #e5e5e5,
+		"--content-0": #111111,
+		"--content-1": #444444,
+		"--content-2": #777777,
+		"--focus-ring": #000000,
+		"--overlay-backdrop": rgba(0, 0, 0, 0.12),
+		"--overlay-glass": rgba(255, 255, 255, 0.86),
+		"--shadow-xs": 0 0 0.25em rgba(0, 0, 0, 0.12),
+		"--shadow-sm": 0 0 0.25em rgba(0, 0, 0, 0.2),
+		"--shadow-md": 0 0 0.5em rgba(0, 0, 0, 0.24),
+		"--shadow-lg": 0 0 1em rgba(0, 0, 0, 0.28)
 	),
 	accent: (
-		l: 0.55,
-		c: 0.22,
-		h: 245
+		l: 0.2,
+		c: 0,
+		h: 0
 	),
 	status: (
 		neutral: (
 			fill: (
-				l: 0.26,
-				c: 0.01,
-				h: 244
+				l: 0.2,
+				c: 0,
+				h: 0
 			),
 			border: (
-				l: 0.86,
-				c: 0.016,
-				h: 245
+				l: 0.82,
+				c: 0,
+				h: 0
 			)
 		),
 		error: (
 			fill: (
 				l: 0.52,
-				c: 0.19,
-				h: 22
+				c: 0.2,
+				h: 25
 			),
 			border: (
 				l: 0.52,
-				c: 0.19,
-				h: 22
+				c: 0.2,
+				h: 25
 			)
 		),
 		warning: (
 			fill: (
-				l: 0.55,
+				l: 0.65,
 				c: 0.16,
-				h: 75
+				h: 90
 			),
 			border: (
-				l: 0.55,
+				l: 0.65,
 				c: 0.16,
-				h: 75
+				h: 90
 			)
 		),
 		success: (
 			fill: (
 				l: 0.5,
-				c: 0.14,
-				h: 160
+				c: 0.16,
+				h: 145
 			),
 			border: (
 				l: 0.5,
-				c: 0.14,
-				h: 160
+				c: 0.16,
+				h: 145
 			)
 		),
 		info: (
 			fill: (
 				l: 0.52,
-				c: 0.15,
-				h: 255
+				c: 0.16,
+				h: 250
 			),
 			border: (
 				l: 0.52,
-				c: 0.15,
-				h: 255
+				c: 0.16,
+				h: 250
 			)
 		)
 	)
@@ -270,84 +270,84 @@ $light-theme-defaults: (
 
 $dark-theme-defaults: (
 	tokens: (
-		"--surface-0": #222a35,
-		"--surface-1": #27313f,
-		"--surface-2": #2d3646,
-		"--content-0": oklch(0.9 0.01 256),
-		"--content-1": oklch(0.8 0.02 256),
-		"--content-2": oklch(0.7 0.02 256),
-		"--focus-ring": oklch(0.88 0.2 94),
-		"--overlay-backdrop": rgba(30, 37, 47, 0.18),
-		"--overlay-glass": rgba(30, 37, 47, 0.8),
+		"--surface-0": #000000,
+		"--surface-1": #111111,
+		"--surface-2": #222222,
+		"--content-0": #ffffff,
+		"--content-1": #cccccc,
+		"--content-2": #999999,
+		"--focus-ring": #ffffff,
+		"--overlay-backdrop": rgba(255, 255, 255, 0.12),
+		"--overlay-glass": rgba(0, 0, 0, 0.86),
 		"--shadow-xs": 0 0 0.25em rgba(0, 0, 0, 0.15),
 		"--shadow-sm": 0 0 0.25em rgba(0, 0, 0, 0.25),
 		"--shadow-md": 0 0 0.5em rgba(0, 0, 0, 0.25),
 		"--shadow-lg": 0 0 1em rgba(0, 0, 0, 0.25)
 	),
 	accent: (
-		l: 0.7,
-		c: 0.2,
-		h: 245
+		l: 0.92,
+		c: 0,
+		h: 0
 	),
 	status: (
 		neutral: (
 			fill: (
-				l: 0.7,
-				c: 0.02,
-				h: 256
+				l: 0.88,
+				c: 0,
+				h: 0
 			),
 			border: (
-				l: 0.4,
-				c: 0.02,
-				h: 256
+				l: 0.35,
+				c: 0,
+				h: 0
 			)
 		),
 		error: (
 			fill: (
-				l: 0.7,
-				c: 0.18,
-				h: 22
+				l: 0.72,
+				c: 0.2,
+				h: 25
 			),
 			border: (
-				l: 0.7,
-				c: 0.18,
-				h: 22
+				l: 0.72,
+				c: 0.2,
+				h: 25
 			)
 		),
 		warning: (
 			fill: (
-				l: 0.72,
-				c: 0.14,
-				h: 75
+				l: 0.8,
+				c: 0.16,
+				h: 90
 			),
 			border: (
-				l: 0.72,
-				c: 0.14,
-				h: 75
+				l: 0.8,
+				c: 0.16,
+				h: 90
 			)
 		),
 		success: (
 			fill: (
-				l: 0.7,
-				c: 0.14,
-				h: 165
+				l: 0.75,
+				c: 0.16,
+				h: 145
 			),
 			border: (
-				l: 0.7,
-				c: 0.14,
-				h: 165
+				l: 0.75,
+				c: 0.16,
+				h: 145
 			)
 		),
 		info: (
 			fill: (
-				l: 0.7,
+				l: 0.76,
 				c: 0.16,
-				h: 258
+				h: 250
 			),
 			border: (
-				l: 0.7,
+				l: 0.76,
 				c: 0.16,
-				h: 258
+				h: 250
 			)
 		)
 	)

package/src/styles/mixins/_mixin.scss

@@ -285,15 +285,15 @@
 @mixin generate-accent($L, $C, $H, $mode) {
 	@if $mode == light {
 		--content-accent: oklch(#{$L} #{$C} #{$H});
-		--surface-accent: oklch(0.94 #{$C - 0.2} #{$H - 15});
-		--border-accent: oklch(#{$L - 0.03} #{$C - 0.08} #{$H});
+		--surface-accent: oklch(0.94 #{math.max(0, $C - 0.2)} #{$H - 15});
+		--border-accent: oklch(#{$L - 0.03} #{math.max(0, $C - 0.08)} #{$H});
 		// --focus-accent: oklch(#{$L + 0.04} #{$C + 0.05} #{$H});
 	}
 
 	@if $mode == dark {
 		--content-accent: oklch(#{$L} #{$C} #{$H});
-		--surface-accent: oklch(#{$L - 0.4} #{$C - 0.15} #{$H - 10});
-		--border-accent: oklch(#{$L - 0.08} #{$C - 0.1} #{$H});
+		--surface-accent: oklch(#{$L - 0.4} #{math.max(0, $C - 0.15)} #{$H - 10});
+		--border-accent: oklch(#{$L - 0.08} #{math.max(0, $C - 0.1)} #{$H});
 		// --focus-accent: oklch(#{$L + 0.06} #{$C + 0.03} #{$H});
 	}
 }

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1783603993719,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.17"},"knownPackages":{"testPackages":{"@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"^5.0.14"},"dataFetchingPackages":{"@tanstack/react-query":"^5.101.1"},"routerPackages":{"@tanstack/react-router":"^1.170.16"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":9,"storybookVersion":"10.4.6","storybookVersionSpecifier":"^10.4.6","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.4.6"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.4.6"},"@storybook/addon-a11y":{"version":"10.4.6"}},"packageJsonType":"module"}
+{"generatedAt":1783606689420,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.17"},"knownPackages":{"testPackages":{"@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"^5.0.14"},"dataFetchingPackages":{"@tanstack/react-query":"^5.101.1"},"routerPackages":{"@tanstack/react-router":"^1.170.16"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":9,"storybookVersion":"10.4.6","storybookVersionSpecifier":"^10.4.6","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.4.6"},"storybook":{}},"addons":{"@storybook/addon-docs":{"version":"10.4.6"},"@storybook/addon-a11y":{"version":"10.4.6"}},"packageJsonType":"module"}