@ryuzaki13/react-foundation-ui 1.0.11 → 1.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ryuzaki13/react-foundation-ui",
-	"version": "1.0.11",
+	"version": "1.0.13",
 	"description": "Reusable React foundation UI primitives and Storybook stories.",
 	"license": "MIT",
 	"author": "Ryuzaki13",
@@ -332,214 +332,6 @@
 		},
 		"./package.json": "./package.json"
 	},
-	"typesVersions": {
-		"*": {
-			"types": [
-				"dist/types.d.ts"
-			],
-			"advanced-search": [
-				"dist/advanced-search/index.d.ts"
-			],
-			"badge": [
-				"dist/badge/index.d.ts"
-			],
-			"base-table": [
-				"dist/base-table/index.d.ts"
-			],
-			"button": [
-				"dist/button/index.d.ts"
-			],
-			"check-box": [
-				"dist/check-box/index.d.ts"
-			],
-			"context-menu": [
-				"dist/context-menu/index.d.ts"
-			],
-			"date-input": [
-				"dist/date-input/index.d.ts"
-			],
-			"date-range-preset-select": [
-				"dist/date-range-preset-select/index.d.ts"
-			],
-			"date-time-input": [
-				"dist/date-time-input/index.d.ts"
-			],
-			"detail": [
-				"dist/detail/index.d.ts"
-			],
-			"dialog": [
-				"dist/dialog/index.d.ts"
-			],
-			"disclosure": [
-				"dist/disclosure/index.d.ts"
-			],
-			"drop-zone": [
-				"dist/drop-zone/index.d.ts"
-			],
-			"errors": [
-				"dist/errors/index.d.ts"
-			],
-			"expandable-action-panel": [
-				"dist/expandable-action-panel/index.d.ts"
-			],
-			"flex": [
-				"dist/flex/index.d.ts"
-			],
-			"floating-arrow": [
-				"dist/floating-arrow/index.d.ts"
-			],
-			"fullscreen-portal": [
-				"dist/fullscreen-portal/index.d.ts"
-			],
-			"grid": [
-				"dist/grid/index.d.ts"
-			],
-			"image": [
-				"dist/image/index.d.ts"
-			],
-			"input": [
-				"dist/input/index.d.ts"
-			],
-			"input-date-time": [
-				"dist/input-date-time/index.d.ts"
-			],
-			"input-file": [
-				"dist/input-file/index.d.ts"
-			],
-			"input-files": [
-				"dist/input-files/index.d.ts"
-			],
-			"input-image": [
-				"dist/input-image/index.d.ts"
-			],
-			"input-search": [
-				"dist/input-search/index.d.ts"
-			],
-			"layout-picker": [
-				"dist/layout-picker/index.d.ts"
-			],
-			"list": [
-				"dist/list/index.d.ts"
-			],
-			"listbox": [
-				"dist/listbox/index.d.ts"
-			],
-			"misc": [
-				"dist/misc/index.d.ts"
-			],
-			"modal": [
-				"dist/modal/index.d.ts"
-			],
-			"multi-select": [
-				"dist/multi-select/index.d.ts"
-			],
-			"notifications": [
-				"dist/notifications/index.d.ts"
-			],
-			"pages": [
-				"dist/pages/index.d.ts"
-			],
-			"panel": [
-				"dist/panel/index.d.ts"
-			],
-			"period-select": [
-				"dist/period-select/index.d.ts"
-			],
-			"picker": [
-				"dist/picker/index.d.ts"
-			],
-			"polymorphic": [
-				"dist/polymorphic/index.d.ts"
-			],
-			"popover": [
-				"dist/popover/index.d.ts"
-			],
-			"preset-range-date-input": [
-				"dist/preset-range-date-input/index.d.ts"
-			],
-			"preset-select": [
-				"dist/preset-select/index.d.ts"
-			],
-			"radio-button": [
-				"dist/radio-button/index.d.ts"
-			],
-			"radio-group": [
-				"dist/radio-group/index.d.ts"
-			],
-			"select": [
-				"dist/select/index.d.ts"
-			],
-			"separator": [
-				"dist/separator/index.d.ts"
-			],
-			"simple-table": [
-				"dist/simple-table/index.d.ts"
-			],
-			"slider": [
-				"dist/slider/index.d.ts"
-			],
-			"sortable": [
-				"dist/sortable/index.d.ts"
-			],
-			"splitter": [
-				"dist/splitter/index.d.ts"
-			],
-			"state-select": [
-				"dist/state-select/index.d.ts"
-			],
-			"switch": [
-				"dist/switch/index.d.ts"
-			],
-			"table": [
-				"dist/table/index.d.ts"
-			],
-			"table-column-interactions": [
-				"dist/table-column-interactions/index.d.ts"
-			],
-			"table-sorting": [
-				"dist/table-sorting/index.d.ts"
-			],
-			"tabs": [
-				"dist/tabs/index.d.ts"
-			],
-			"text": [
-				"dist/text/index.d.ts"
-			],
-			"text-editor": [
-				"dist/text-editor/index.d.ts"
-			],
-			"text-editor/lexical/plugins": [
-				"dist/text-editor/lexical/plugins/index.d.ts"
-			],
-			"text-editor/toolbar": [
-				"dist/text-editor/toolbar/index.d.ts"
-			],
-			"textarea": [
-				"dist/textarea/index.d.ts"
-			],
-			"three-scene": [
-				"dist/three-scene/index.d.ts"
-			],
-			"toggle": [
-				"dist/toggle/index.d.ts"
-			],
-			"toolbar": [
-				"dist/toolbar/index.d.ts"
-			],
-			"tree": [
-				"dist/tree/index.d.ts"
-			],
-			"tree-select": [
-				"dist/tree-select/index.d.ts"
-			],
-			"tree-table": [
-				"dist/tree-table/index.d.ts"
-			],
-			"wheel-picker": [
-				"dist/wheel-picker/index.d.ts"
-			]
-		}
-	},
 	"scripts": {
 		"build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
 		"typecheck": "tsc -p tsconfig.build.json --noEmit",

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/src/styles/styles.scss

@@ -1,15 +1 @@
 // Главный файл общих стилей foundation-ui. Подключается один раз в host-приложении.
-
-// Нормализация подключается здесь же, чтобы не было проблем с сортировкой импортов, ограниченными eslint
-@use "normalize";
-@use "variables";
-@use "base";
-@use "flex";
-@use "grid";
-@use "margin";
-@use "border";
-@use "text";
-@use "color";
-@use "controls";
-@use "layout";
-@use "components";

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":1783672646739,"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"}