@inkeep/styled-system - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

package.json

 {
   "name": "@inkeep/styled-system",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
@@ -22,2 +22,17 @@ "main": "./system.js",
   "sideEffects": false,
+  "files": [
+    "system.js",
+    "system.d.ts",
+    "styled-system/css",
+    "styled-system/jsx",
+    "styled-system/patterns",
+    "styled-system/recipes",
+    "styled-system/tokens",
+    "styled-system/types",
+    "styled-system/global.css",
+    "styled-system/helpers.*",
+    "styled-system/reset.css",
+    "styled-system/static.css",
+    "styled-system/styles.css"
+  ],
   "scripts": {
@@ -24,0 +39,0 @@ "fmt": "prettier --write ./src ./tests",

styled-system/recipes/ai-chat-page-wrapper.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface AiChatPageWrapperVariant {

styled-system/recipes/alert.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface AlertVariant {

styled-system/recipes/avatar.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface AvatarVariant {

styled-system/recipes/badge.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface BadgeVariant {

styled-system/recipes/button.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface ButtonVariant {

styled-system/recipes/card.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface CardVariant {

styled-system/recipes/checkbox.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface CheckboxVariant {

styled-system/recipes/close-button.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface CloseButtonVariant {

styled-system/recipes/code.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface CodeVariant {

styled-system/recipes/content-parser.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface ContentParserVariant {

styled-system/recipes/form-control.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface FormControlVariant {

styled-system/recipes/heading.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface HeadingVariant {

styled-system/recipes/icon.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface IconVariant {

styled-system/recipes/input.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface InputVariant {

styled-system/recipes/kbd.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface KbdVariant {

styled-system/recipes/link.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface LinkVariant {

styled-system/recipes/modal.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface ModalVariant {

styled-system/recipes/popover.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface PopoverVariant {

styled-system/recipes/preview-content-header.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface PreviewContentHeaderVariant {

styled-system/recipes/search-bar-trigger.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface SearchBarTriggerVariant {

styled-system/recipes/select.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface SelectVariant {

styled-system/recipes/skeleton.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface SkeletonVariant {

styled-system/recipes/switch-recipe.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface SwitchRecipeVariant {

styled-system/recipes/table.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface TableVariant {

styled-system/recipes/tabs.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface TabsVariant {

styled-system/recipes/tag.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface TagVariant {

styled-system/recipes/textarea.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface TextareaVariant {

styled-system/recipes/tooltip.d.ts

 /* eslint-disable */
 import type { ConditionalValue } from '../types/index';
-import type { Pretty } from '../types/helpers';
-import type { DistributiveOmit } from '../types/system-types';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
 
@@ -6,0 +5,0 @@ interface TooltipVariant {

styled-system/types/composition.d.ts

 /* eslint-disable */
 import type {  CompositionStyleObject  } from './system-types';
+import type {  Token  } from '../tokens';
 
@@ -8,7 +9,2 @@ interface Recursive<T> {
 
-export interface Token<Value = any> {
-  value: Value
-  description?: string
-}
-
 /* -----------------------------------------------------------------------------
@@ -15,0 +11,0 @@ * Text styles

styled-system/types/conditions.d.ts

@@ -133,2 +133,4 @@ /* eslint-disable */
 	"_open": string
+	/** `&:is([data-state=closed])` */
+	"_closed": string
 	/** `&:fullscreen` */
@@ -180,4 +182,2 @@ "_fullscreen": string
 	"_vertical": string
-	/** `&:is([data-state=closed])` */
-	"_closed": string
 	/** `&[hidden], &[data-hidden]` */
@@ -184,0 +184,0 @@ "_hidden": string

styled-system/types/jsx.d.ts

 /* eslint-disable */
 import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
-import type { Assign, DistributiveOmit, JsxHTMLProps, JsxStyleProps } from './system-types';
 import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe';
+import type { Assign, DistributiveOmit, DistributiveUnion, JsxHTMLProps, JsxStyleProps, Pretty } from './system-types';
 
-type Dict = Record<string, unknown>
+interface Dict {
+  [k: string]: unknown
+}
 
@@ -17,3 +19,5 @@ export type ComponentProps<T extends ElementType> = DistributiveOmit<ComponentPropsWithoutRef<T>, 'ref'> & {
 
-interface RecipeFn { __type: any }
+interface RecipeFn {
+  __type: any
+}
 
@@ -28,15 +32,23 @@ interface JsxFactoryOptions<TProps extends Dict> {
 
-interface JsxFactory {
+export type JsxElement<T extends ElementType, P> = T extends StyledComponent<infer A, infer B>
+  ? StyledComponent<A, Pretty<DistributiveUnion<P, B>>>
+  : StyledComponent<T, P>
+
+export interface JsxFactory {
   <T extends ElementType>(component: T): StyledComponent<T, {}>
-  <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>, options?: JsxFactoryOptions<JsxRecipeProps<T, RecipeSelection<P>>>): StyledComponent<
+  <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>, options?: JsxFactoryOptions<JsxRecipeProps<T, RecipeSelection<P>>>): JsxElement<
     T,
     RecipeSelection<P>
   >
-  <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P, options?: JsxFactoryOptions<JsxRecipeProps<T, P['__type']>>): StyledComponent<T, P['__type']>
+  <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P, options?: JsxFactoryOptions<JsxRecipeProps<T, P['__type']>>): JsxElement<T, P['__type']>
 }
 
-type JsxElements = { [K in keyof JSX.IntrinsicElements]: StyledComponent<K, {}> }
+export type JsxElements = {
+  [K in keyof JSX.IntrinsicElements]: StyledComponent<K, {}>
+}
 
 export type Styled = JsxFactory & JsxElements
 
-export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
+export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T>, JsxStyleProps>
+
+export type StyledVariantProps<T extends StyledComponent<any, any>> = T extends StyledComponent<any, infer Props> ? Props : never

styled-system/types/system-types.d.ts

@@ -9,2 +9,14 @@ /* eslint-disable */
 
+export type Pretty<T> = { [K in keyof T]: T[K] } & {}
+
+export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
+
+export type DistributiveUnion<T, U> = {
+  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]
+} & DistributiveOmit<U, keyof T>
+
+export type Assign<T, U> = {
+  [K in keyof T]: K extends keyof U ? U[K] : T[K]
+} & U
+
 /* -----------------------------------------------------------------------------
@@ -66,8 +78,2 @@ * Native css properties
 
-export type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never
-
-export type Assign<T, U> = {
-  [K in keyof T]: K extends keyof U ? U[K] : T[K]
-} & U
-
 export interface PatchedHTMLProps {
@@ -74,0 +80,0 @@ htmlWidth?: string | number

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

1692875

decreased by-98.78%

Number of package files

186

decreased by-27.63%

Lines of code

40755

decreased by-15.8%

No dependency changes