@discourser/design-system 0.1.6 → 0.2.1

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

@@ -1,6 +1,6 @@
 /* eslint-disable */
 import type {  ConditionalValue, Nested  } from './conditions';
-import type {  AtRule, PropertiesFallback  } from './csstype';
+import type {  AtRule, Globals, PropertiesFallback  } from './csstype';
 import type {  SystemProperties, CssVarProperties  } from './style-props';
 
 type String = string & {}
@@ -22,9 +22,169 @@ export type Assign<T, U> = {
  * Native css properties
  * -----------------------------------------------------------------------------*/
 
+type DashedIdent = `--${string}`
+
+type StringToMultiple<T extends string> = T | `${T}, ${T}`
+
+export type PositionAreaAxis =
+  | 'left'
+  | 'center'
+  | 'right'
+  | 'x-start'
+  | 'x-end'
+  | 'span-x-start'
+  | 'span-x-end'
+  | 'x-self-start'
+  | 'x-self-end'
+  | 'span-x-self-start'
+  | 'span-x-self-end'
+  | 'span-all'
+  | 'top'
+  | 'bottom'
+  | 'span-top'
+  | 'span-bottom'
+  | 'y-start'
+  | 'y-end'
+  | 'span-y-start'
+  | 'span-y-end'
+  | 'y-self-start'
+  | 'y-self-end'
+  | 'span-y-self-start'
+  | 'span-y-self-end'
+  | 'block-start'
+  | 'block-end'
+  | 'span-block-start'
+  | 'span-block-end'
+  | 'inline-start'
+  | 'inline-end'
+  | 'span-inline-start'
+  | 'span-inline-end'
+  | 'self-block-start'
+  | 'self-block-end'
+  | 'span-self-block-start'
+  | 'span-self-block-end'
+  | 'self-inline-start'
+  | 'self-inline-end'
+  | 'span-self-inline-start'
+  | 'span-self-inline-end'
+  | 'start'
+  | 'end'
+  | 'span-start'
+  | 'span-end'
+  | 'self-start'
+  | 'self-end'
+  | 'span-self-start'
+  | 'span-self-end'
+
+type PositionTry =
+  | 'normal'
+  | 'flip-block'
+  | 'flip-inline'
+  | 'top'
+  | 'bottom'
+  | 'left'
+  | 'right'
+  | 'block-start'
+  | 'block-end'
+  | 'inline-start'
+  | 'inline-end'
+  | DashedIdent
+
+export interface ModernCssProperties {
+  /**
+   * Defines a name for the anchor element that can be referenced by positioned elements.
+   */
+  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>
+
+  /**
+   * Defines the scope of anchor names within the element.
+   */
+  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>
+
+  /**
+   * Controls how form elements size themselves.
+   */
+  fieldSizing?: Globals | 'fixed' | 'content'
+
+  /**
+   * Controls whether interpolation of size values should allow keywords.
+   */
+  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'
+
+  /**
+   * Specifies the anchor element that this positioned element should be positioned relative to.
+   */
+  positionAnchor?: Globals | 'auto' | DashedIdent
+
+  /**
+   * Specifies the area within the anchor element where this positioned element should be placed.
+   */
+  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String
+
+  /**
+   * Specifies the position try options for the element.
+   */
+  positionTry?: Globals | StringToMultiple<PositionTry> | String
+
+  /**
+   * Specifies fallback position try options when the primary position fails.
+   */
+  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String
+
+  /**
+   * Specifies the order in which position try options should be attempted.
+   */
+  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'
+
+  /**
+   * Controls when the positioned element should be visible.
+   */
+  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'
+
+  /**
+   * Controls whether text should wrap or not.
+   */
+  textWrapMode?: Globals | 'wrap' | 'nowrap'
+
+  /**
+   * Controls trimming of spacing in text.
+   */
+  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'
+
+  /**
+   * Controls the style of text wrapping.
+   */
+  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'
+
+  /**
+   * Controls whether the entire element should be draggable instead of its contents.
+   */
+  WebkitUserDrag?: Globals | 'auto' | 'element' | 'none'
+
+  /**
+   * Specifies whether an element can be used to drag the entire app window (Electron).
+   */
+  WebkitAppRegion?: Globals | 'drag' | 'no-drag'
+
+  /**
+   * Sets the horizontal spacing between table borders.
+   */
+  WebkitBorderHorizontalSpacing?: Globals | String | Number
+
+  /**
+   * Sets the vertical spacing between table borders.
+   */
+  WebkitBorderVerticalSpacing?: Globals | String | Number
+
+  /**
+   * Controls the display of text content for security purposes (e.g., password fields).
+   */
+  WebkitTextSecurity?: Globals | 'none' | 'circle' | 'disc' | 'square'
+}
+
 export type CssProperty = keyof PropertiesFallback
 
-export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties {}
+export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}
 
 export interface CssKeyframes {
   [name: string]: {

package/styled-system/recipes/icon-button.d.ts

@@ -1,39 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface IconButtonVariant {
-  /**
- * @default "standard"
- */
-variant: "standard" | "filled" | "tonal" | "outlined"
-/**
- * @default "md"
- */
-size: "sm" | "md" | "lg"
-}
-
-type IconButtonVariantMap = {
-  [key in keyof IconButtonVariant]: Array<IconButtonVariant[key]>
-}
-
-export type IconButtonVariantProps = {
-  [key in keyof IconButtonVariant]?: ConditionalValue<IconButtonVariant[key]> | undefined
-}
-
-export interface IconButtonRecipe {
-  __type: IconButtonVariantProps
-  (props?: IconButtonVariantProps): string
-  raw: (props?: IconButtonVariantProps) => IconButtonVariantProps
-  variantMap: IconButtonVariantMap
-  variantKeys: Array<keyof IconButtonVariant>
-  splitVariantProps<Props extends IconButtonVariantProps>(props: Props): [IconButtonVariantProps, Pretty<DistributiveOmit<Props, keyof IconButtonVariantProps>>]
-  getVariantProps: (props?: IconButtonVariantProps) => IconButtonVariantProps
-}
-
-/**
- * Material Design 3 icon button component
-
-
- */
-export declare const iconButton: IconButtonRecipe

package/styled-system/recipes/icon-button.mjs

@@ -1,39 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
-  "variant": "standard",
-  "size": "md"
-}, [])
-
-const iconButtonVariantMap = {
-  "variant": [
-    "standard",
-    "filled",
-    "tonal",
-    "outlined"
-  ],
-  "size": [
-    "sm",
-    "md",
-    "lg"
-  ]
-}
-
-const iconButtonVariantKeys = Object.keys(iconButtonVariantMap)
-
-export const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'iconButton',
-  __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: iconButtonVariantKeys,
-  variantMap: iconButtonVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, iconButtonVariantKeys)
-  },
-  getVariantProps: iconButtonFn.getVariantProps,
-})

package/styled-system/recipes/switch-control.d.ts

@@ -1,35 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface SwitchControlVariant {
-  /**
- * @default "md"
- */
-size: "sm" | "md"
-}
-
-type SwitchControlVariantMap = {
-  [key in keyof SwitchControlVariant]: Array<SwitchControlVariant[key]>
-}
-
-export type SwitchControlVariantProps = {
-  [key in keyof SwitchControlVariant]?: ConditionalValue<SwitchControlVariant[key]> | undefined
-}
-
-export interface SwitchControlRecipe {
-  __type: SwitchControlVariantProps
-  (props?: SwitchControlVariantProps): Pretty<Record<"root" | "control" | "thumb" | "label", string>>
-  raw: (props?: SwitchControlVariantProps) => SwitchControlVariantProps
-  variantMap: SwitchControlVariantMap
-  variantKeys: Array<keyof SwitchControlVariant>
-  splitVariantProps<Props extends SwitchControlVariantProps>(props: Props): [SwitchControlVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchControlVariantProps>>]
-  getVariantProps: (props?: SwitchControlVariantProps) => SwitchControlVariantProps
-}
-
-/**
- * Material Design 3 switch component
-
-
- */
-export declare const switchControl: SwitchControlRecipe

package/styled-system/recipes/switch-control.mjs

@@ -1,53 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const switchControlDefaultVariants = {
-  "size": "md"
-}
-const switchControlCompoundVariants = []
-
-const switchControlSlotNames = [
-  [
-    "root",
-    "switchControl__root"
-  ],
-  [
-    "control",
-    "switchControl__control"
-  ],
-  [
-    "thumb",
-    "switchControl__thumb"
-  ],
-  [
-    "label",
-    "switchControl__label"
-  ]
-]
-const switchControlSlotFns = /* @__PURE__ */ switchControlSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchControlDefaultVariants, getSlotCompoundVariant(switchControlCompoundVariants, slotName))])
-
-const switchControlFn = memo((props = {}) => {
-  return Object.fromEntries(switchControlSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const switchControlVariantKeys = [
-  "size"
-]
-const getVariantProps = (variants) => ({ ...switchControlDefaultVariants, ...compact(variants) })
-
-export const switchControl = /* @__PURE__ */ Object.assign(switchControlFn, {
-  __recipe__: false,
-  __name__: 'switchControl',
-  raw: (props) => props,
-  variantKeys: switchControlVariantKeys,
-  variantMap: {
-  "size": [
-    "sm",
-    "md"
-  ]
-},
-  splitVariantProps(props) {
-    return splitProps(props, switchControlVariantKeys)
-  },
-  getVariantProps
-})

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

@@ -1,35 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface SwitchVariant {
-  /**
- * @default "md"
- */
-size: "sm" | "md"
-}
-
-type SwitchVariantMap = {
-  [key in keyof SwitchVariant]: Array<SwitchVariant[key]>
-}
-
-export type SwitchVariantProps = {
-  [key in keyof SwitchVariant]?: ConditionalValue<SwitchVariant[key]> | undefined
-}
-
-export interface SwitchRecipe {
-  __type: SwitchVariantProps
-  (props?: SwitchVariantProps): Pretty<Record<"root" | "control" | "thumb" | "label", string>>
-  raw: (props?: SwitchVariantProps) => SwitchVariantProps
-  variantMap: SwitchVariantMap
-  variantKeys: Array<keyof SwitchVariant>
-  splitVariantProps<Props extends SwitchVariantProps>(props: Props): [SwitchVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchVariantProps>>]
-  getVariantProps: (props?: SwitchVariantProps) => SwitchVariantProps
-}
-
-/**
- * Material Design 3 switch component
-
-
- */
-export declare const switch: SwitchRecipe

package/styled-system/recipes/switch.mjs

@@ -1,53 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const switchDefaultVariants = {
-  "size": "md"
-}
-const switchCompoundVariants = []
-
-const switchSlotNames = [
-  [
-    "root",
-    "switchControl__root"
-  ],
-  [
-    "control",
-    "switchControl__control"
-  ],
-  [
-    "thumb",
-    "switchControl__thumb"
-  ],
-  [
-    "label",
-    "switchControl__label"
-  ]
-]
-const switchSlotFns = /* @__PURE__ */ switchSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchDefaultVariants, getSlotCompoundVariant(switchCompoundVariants, slotName))])
-
-const switchFn = memo((props = {}) => {
-  return Object.fromEntries(switchSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const switchVariantKeys = [
-  "size"
-]
-const getVariantProps = (variants) => ({ ...switchDefaultVariants, ...compact(variants) })
-
-export const switch = /* @__PURE__ */ Object.assign(switchFn, {
-  __recipe__: false,
-  __name__: 'switch',
-  raw: (props) => props,
-  variantKeys: switchVariantKeys,
-  variantMap: {
-  "size": [
-    "sm",
-    "md"
-  ]
-},
-  splitVariantProps(props) {
-    return splitProps(props, switchVariantKeys)
-  },
-  getVariantProps
-})