@hive-ui/style-props 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,433 @@
+import { Properties, Property } from "csstype";
+
+//#region src/shared.d.ts
+type TLengthStyledSystem = string | number;
+type Theme<TLength = TLengthStyledSystem> = {
+  breakpoints?: ObjectOrArray<string>;
+  mediaQueries?: {
+    [size: string]: string;
+  };
+  spaces?: ObjectOrArray<Property.Margin<number | string>>;
+  fontSizes?: ObjectOrArray<Property.FontSize<number>>;
+  colors?: ObjectOrArray<Property.Color>;
+  fonts?: ObjectOrArray<Property.FontFamily>;
+  fontWeights?: ObjectOrArray<Property.FontWeight>;
+  lineHeights?: ObjectOrArray<Property.LineHeight<TLength>>;
+  letterSpacings?: ObjectOrArray<Property.LetterSpacing<TLength>>;
+  sizes?: ObjectOrArray<Property.Height<TLength> | Property.Width<TLength>>;
+  borders?: ObjectOrArray<Property.Border<TLength>>;
+  borderStyles?: ObjectOrArray<Property.BorderStyle>;
+  borderWidths?: ObjectOrArray<Property.BorderWidth<TLength>>;
+  radii?: ObjectOrArray<Property.BorderRadius<TLength>>;
+  shadows?: ObjectOrArray<Property.BoxShadow>;
+  zIndices?: ObjectOrArray<Property.ZIndex>;
+};
+type ObjectOrArray<T, K extends keyof any = keyof any> = T[] | Record<K, T | Record<K, T> | T[]>;
+type ThemeValue<K extends keyof ThemeType, ThemeType, TVal = any> = ThemeType[K] extends TVal[] ? number : ThemeType[K] extends Record<infer E, TVal> ? E : ThemeType[K] extends ObjectOrArray<infer F> ? F : never;
+type RequiredTheme = Required<Theme>;
+type ResponsiveValue<T, ThemeType extends Theme = RequiredTheme> = T | null | Array<T | null> | { [key in (ThemeValue<"breakpoints", ThemeType> & string) | number]?: T };
+//#endregion
+//#region src/background.d.ts
+declare const BACKGROUND_COLOR_TOKENS: readonly ["colorBackground", "colorBackgroundAvailable", "colorBackgroundBody", "colorBackgroundBodyElevation", "colorBackgroundBodyElevationPrimary", "colorBackgroundBodyInverse", "colorBackgroundBrand", "colorBackgroundBrand10", "colorBackgroundBrand20", "colorBackgroundBrand30", "colorBackgroundBrandHighlight", "colorBackgroundBrandHighlightWeakest", "colorBackgroundBrandStrong", "colorBackgroundBrandStronger", "colorBackgroundBusy", "colorBackgroundDecorative10Weakest", "colorBackgroundDecorative20Weakest", "colorBackgroundDecorative30Weakest", "colorBackgroundDecorative40Weakest", "colorBackgroundDestructive", "colorBackgroundDestructiveStrong", "colorBackgroundDestructiveStronger", "colorBackgroundDestructiveStrongest", "colorBackgroundDestructiveWeak", "colorBackgroundDestructiveWeaker", "colorBackgroundDestructiveWeakest", "colorBackgroundElevation", "colorBackgroundError", "colorBackgroundErrorStrong", "colorBackgroundErrorStronger", "colorBackgroundErrorStrongest", "colorBackgroundErrorWeakest", "colorBackgroundInverse", "colorBackgroundInverseElevation", "colorBackgroundInverseStrong", "colorBackgroundInverseStrongElevation", "colorBackgroundInverseStronger", "colorBackgroundInverseStrongerElevation", "colorBackgroundInverseStrongest", "colorBackgroundInverseWeakElevation", "colorBackgroundNeutralWeakest", "colorBackgroundNew", "colorBackgroundNewWeakest", "colorBackgroundNotification", "colorBackgroundOffline", "colorBackgroundOverlay", "colorBackgroundPrimary", "colorBackgroundPrimaryStrong", "colorBackgroundPrimaryStronger", "colorBackgroundPrimaryStrongest", "colorBackgroundPrimaryWeak", "colorBackgroundPrimaryWeaker", "colorBackgroundPrimaryWeakest", "colorBackgroundRequired", "colorBackgroundRowStriped", "colorBackgroundStrong", "colorBackgroundStrongElevation", "colorBackgroundStronger", "colorBackgroundStrongest", "colorBackgroundSubaccount", "colorBackgroundSuccess", "colorBackgroundSuccessWeakest", "colorBackgroundTrial", "colorBackgroundUnavailable", "colorBackgroundUser", "colorBackgroundWarning", "colorBackgroundWarningWeakest", "colorBackgroundWeak", "colorBackgroundWeakElevation", "colorBackgroundWeaker", "colorBackgroundWeakerElevation", "colorBackgroundWeakest"];
+type BackgroundColorToken = (typeof BACKGROUND_COLOR_TOKENS)[number];
+type BackgroundColor = ResponsiveValue<BackgroundColorToken>;
+type BackgroundImageOptions = Properties["backgroundImage"];
+type BackgroundSizeOptions = Properties["backgroundSize"];
+type BackgroundPositionOptions = Properties["backgroundPosition"];
+type BackgroundRepeatOptions = Properties["backgroundRepeat"];
+type BackgroundAttachmentOptions = Properties["backgroundAttachment"];
+type BackgroundImage = ResponsiveValue<BackgroundImageOptions>;
+type BackgroundSize = ResponsiveValue<BackgroundSizeOptions>;
+type BackgroundPosition = ResponsiveValue<BackgroundPositionOptions>;
+type BackgroundRepeat = ResponsiveValue<BackgroundRepeatOptions>;
+type BackgroundAttachment = ResponsiveValue<BackgroundAttachmentOptions>;
+type BackgroundProps = {
+  /**
+   * Responsive prop of BackgroundColor tokens for the CSS `background-color` property
+   *
+   * @type {BackgroundColor}
+   * @memberof BackgroundProps
+   */
+  backgroundColor?: BackgroundColor;
+  /**
+   * Responsive prop for the CSS `background-image` property
+   *
+   * @type {BackgroundImage}
+   * @memberof BackgroundProps
+   */
+  backgroundImage?: BackgroundImage;
+  /**
+   * Responsive prop for the CSS `background-size` property
+   *
+   * @type {BackgroundSize}
+   * @memberof BackgroundProps
+   */
+  backgroundSize?: BackgroundSize;
+  /**
+   * Responsive prop for the CSS `background-position` property
+   *
+   * @type {BackgroundPosition}
+   * @memberof BackgroundProps
+   */
+  backgroundPosition?: BackgroundPosition;
+  /**
+   * Responsive prop for the CSS `background-repeat` property
+   *
+   * @type {BackgroundRepeat}
+   * @memberof BackgroundProps
+   */
+  backgroundRepeat?: BackgroundRepeat;
+  /**
+   * Responsive prop for the CSS `background-attachment` property
+   *
+   * @type {BackgroundAttachment}
+   * @memberof BackgroundProps
+   */
+  backgroundAttachment?: BackgroundAttachment;
+};
+//#endregion
+//#region src/border.d.ts
+declare const BORDER_COLOR_TOKENS: readonly ["colorBorder", "colorBorderDecorative10Weaker", "colorBorderDecorative20Weaker", "colorBorderDecorative30Weaker", "colorBorderDecorative40Weaker", "colorBorderDestructive", "colorBorderDestructiveStrong", "colorBorderDestructiveStronger", "colorBorderDestructiveStrongest", "colorBorderDestructiveWeak", "colorBorderDestructiveWeaker", "colorBorderDestructiveWeakest", "colorBorderError", "colorBorderErrorStrong", "colorBorderErrorStronger", "colorBorderErrorStrongest", "colorBorderErrorWeak", "colorBorderErrorWeaker", "colorBorderErrorWeakest", "colorBorderInverse", "colorBorderInverseStrong", "colorBorderInverseStronger", "colorBorderInverseStrongest", "colorBorderInverseWeaker", "colorBorderInverseWeakest", "colorBorderNeutral", "colorBorderNeutralWeak", "colorBorderNeutralWeaker", "colorBorderNewWeak", "colorBorderNewWeaker", "colorBorderPrimary", "colorBorderPrimaryStrong", "colorBorderPrimaryStronger", "colorBorderPrimaryStrongest", "colorBorderPrimaryWeak", "colorBorderPrimaryWeaker", "colorBorderPrimaryWeakest", "colorBorderStrong", "colorBorderSuccess", "colorBorderSuccessWeak", "colorBorderSuccessWeaker", "colorBorderSuccessWeakest", "colorBorderUser", "colorBorderWarning", "colorBorderWarningWeak", "colorBorderWarningWeaker", "colorBorderWarningWeakest", "colorBorderWeak", "colorBorderWeaker", "colorBorderWeakest"];
+type BorderColorToken = (typeof BORDER_COLOR_TOKENS)[number];
+type BorderColor = ResponsiveValue<BorderColorToken>;
+type BorderColorProps = {
+  /**
+   * Responsive prop of BorderColor tokens for the CSS `border-color` property
+   *
+   * @type {BorderColor}
+   * @memberof BorderColorProps
+   */
+  borderColor?: BorderColor;
+  /**
+   * Responsive prop of BorderColor tokens for the CSS `border-bottom-color` property
+   *
+   * @type {BorderColor}
+   * @memberof BorderColorProps
+   */
+  borderBottomColor?: BorderColor;
+  /**
+   * Responsive prop of BorderColor tokens for the CSS `border-left-color` property
+   *
+   * @type {BorderColor}
+   * @memberof BorderColorProps
+   */
+  borderLeftColor?: BorderColor;
+  /**
+   * Responsive prop of BorderColor tokens for the CSS `border-right-color` property
+   *
+   * @type {BorderColor}
+   * @memberof BorderColorProps
+   */
+  borderRightColor?: BorderColor;
+  /**
+   * Responsive prop of BorderColor tokens for the CSS `border-top-color` property
+   *
+   * @type {BorderColor}
+   * @memberof BorderColorProps
+   */
+  borderTopColor?: BorderColor;
+};
+declare const RADII_TOKENS: readonly ["borderRadius0", "borderRadius10", "borderRadius20", "borderRadius30", "borderRadius40", "borderRadius50", "borderRadius60", "borderRadius70", "borderRadius80", "borderRadius90", "borderRadiusCircle", "borderRadiusPill"];
+type RadiiOptions = (typeof RADII_TOKENS)[number];
+type BorderRadius = ResponsiveValue<RadiiOptions>;
+type BorderRadiusProps = {
+  /**
+   * Responsive prop of BorderRadius tokens for the CSS `border-radius` property
+   *
+   * @type {BorderRadius}
+   * @memberof BorderRadiusProps
+   */
+  borderRadius?: BorderRadius;
+  /**
+   * Responsive prop of BorderRadius tokens for the CSS `border-bottom-left-radius` property
+   *
+   * @type {BorderRadius}
+   * @memberof BorderRadiusProps
+   */
+  borderBottomLeftRadius?: BorderRadius;
+  /**
+   * Responsive prop of BorderRadius tokens for the CSS `border-bottom-right-radius` property
+   *
+   * @type {BorderRadius}
+   * @memberof BorderRadiusProps
+   */
+  borderBottomRightRadius?: BorderRadius;
+  /**
+   * Responsive prop of BorderRadius tokens for the CSS `border-top-left-radius` property
+   *
+   * @type {BorderRadius}
+   * @memberof BorderRadiusProps
+   */
+  borderTopLeftRadius?: BorderRadius;
+  /**
+   * Responsive prop of BorderRadius tokens for the CSS `border-top-right-radius` property
+   *
+   * @type {BorderRadius}
+   * @memberof BorderRadiusProps
+   */
+  borderTopRightRadius?: BorderRadius;
+};
+declare const BORDER_WIDTH_TOKENS: readonly ["borderWidth0", "borderWidth10", "borderWidth20", "borderWidth30", "borderWidth40"];
+type BorderWidthToken = (typeof BORDER_WIDTH_TOKENS)[number];
+type BorderWidthOptions = BorderWidthToken;
+type BorderWidth = ResponsiveValue<BorderWidthToken>;
+type BorderWidthProps = {
+  /**
+   * Responsive prop of BorderWidth tokens for the CSS `border-width` property
+   *
+   * @type {BorderWidth}
+   * @memberof BorderWidthProps
+   */
+  borderWidth?: BorderWidth;
+  /**
+   * Responsive prop of BorderWidth tokens for the CSS `border-bottom-width` property
+   *
+   * @type {BorderWidth}
+   * @memberof BorderWidthProps
+   */
+  borderBottomWidth?: BorderWidth;
+  /**
+   * Responsive prop of BorderWidth tokens for the CSS `border-left-width` property
+   *
+   * @type {BorderWidth}
+   * @memberof BorderWidthProps
+   */
+  borderLeftWidth?: BorderWidth;
+  /**
+   * Responsive prop of BorderWidth tokens for the CSS `border-right-width` property
+   *
+   * @type {BorderWidth}
+   * @memberof BorderWidthProps
+   */
+  borderRightWidth?: BorderWidth;
+  /**
+   * Responsive prop of BorderWidth tokens for the CSS `border-top-width` property
+   *
+   * @type {BorderWidth}
+   * @memberof BorderWidthProps
+   */
+  borderTopWidth?: BorderWidth;
+};
+//#endregion
+//#region src/color.d.ts
+declare const COLOR_TOKENS: readonly ["colorText", "colorTextBrand", "colorTextBrandHighlight", "colorTextBrandInverse", "colorTextDecorative10", "colorTextDecorative20", "colorTextDecorative30", "colorTextDecorative40", "colorTextDestructive", "colorTextDestructiveStrong", "colorTextDestructiveStronger", "colorTextDestructiveStrongest", "colorTextDestructiveWeak", "colorTextError", "colorTextErrorStrong", "colorTextErrorStronger", "colorTextErrorStrongest", "colorTextErrorWeak", "colorTextIcon", "colorTextIconAvailable", "colorTextIconBrandHighlight", "colorTextIconBrandInverse", "colorTextIconBusy", "colorTextIconError", "colorTextIconInverse", "colorTextIconNeutral", "colorTextIconNew", "colorTextIconNotification", "colorTextIconOffline", "colorTextIconSuccess", "colorTextIconUnavailable", "colorTextIconWarning", "colorTextInverse", "colorTextInverseNew", "colorTextInverseWeak", "colorTextInverseWeaker", "colorTextInverseWeakest", "colorTextLink", "colorTextLinkDestructive", "colorTextLinkDestructiveStrong", "colorTextLinkDestructiveStronger", "colorTextLinkDestructiveStrongest", "colorTextLinkDestructiveWeak", "colorTextLinkStrong", "colorTextLinkStronger", "colorTextLinkStrongest", "colorTextLinkWeak", "colorTextNeutral", "colorTextNew", "colorTextPrimary", "colorTextPrimaryStrong", "colorTextPrimaryStronger", "colorTextPrimaryStrongest", "colorTextPrimaryWeak", "colorTextSubaccount", "colorTextSuccess", "colorTextUser", "colorTextWarning", "colorTextWarningStrong", "colorTextWeak", "colorTextWeaker", "colorTextWeakest"];
+type ColorToken = (typeof COLOR_TOKENS)[number] | "currentColor" | "inherit";
+type Color = ResponsiveValue<ColorToken>;
+type ColorProps = {
+  /**
+   * Responsive prop of Color tokens for the CSS `color` property
+   *
+   * @type {Color}
+   * @memberof ColorProps
+   */
+  color?: Color;
+};
+//#endregion
+//#region src/icon.d.ts
+declare const SIZE_ICON_TOKENS: readonly ["sizeIcon05", "sizeIcon10", "sizeIcon20", "sizeIcon30", "sizeIcon40", "sizeIcon50", "sizeIcon60", "sizeIcon70", "sizeIcon80", "sizeIcon90", "sizeIcon100", "sizeIcon110"];
+type IconSizeToken = (typeof SIZE_ICON_TOKENS)[number];
+type IconSize = ResponsiveValue<IconSizeToken>;
+type IconSizeProps = {
+  /**
+   * Responsive prop of IconSize tokens for icon sizing.
+   *
+   * @type {IconSize}
+   * @memberof IconSizeProps
+   */
+  size?: IconSize;
+};
+//#endregion
+//#region src/shadow.d.ts
+declare const BOX_SHADOW_TOKENS: readonly ["shadow", "shadowBorder", "shadowBorderBottom", "shadowBorderBottomBrand10Strong", "shadowBorderBottomBrand20Strong", "shadowBorderBottomBrand30Strong", "shadowBorderBottomDecorative10Weaker", "shadowBorderBottomDecorative20Weaker", "shadowBorderBottomDecorative30Weaker", "shadowBorderBottomDecorative40Weaker", "shadowBorderBottomErrorWeaker", "shadowBorderBottomInverseNewWeaker", "shadowBorderBottomInverseWeaker", "shadowBorderBottomInverseWeakerInset", "shadowBorderBottomNeutralWeaker", "shadowBorderBottomNewWeaker", "shadowBorderBottomNotificationStronger", "shadowBorderBottomPrimary", "shadowBorderBottomSubaccount", "shadowBorderBottomSuccessWeaker", "shadowBorderBottomWarningWeaker", "shadowBorderBottomWeak", "shadowBorderBottomWeakInset", "shadowBorderBrand10", "shadowBorderBrand20", "shadowBorderBrand30", "shadowBorderDecorative10Weaker", "shadowBorderDecorative20Weaker", "shadowBorderDecorative30Weaker", "shadowBorderDecorative40Weaker", "shadowBorderDestructive", "shadowBorderDestructiveStrong", "shadowBorderDestructiveStronger", "shadowBorderDestructiveStrongest", "shadowBorderDestructiveWeak", "shadowBorderDestructiveWeaker", "shadowBorderError", "shadowBorderErrorStrong", "shadowBorderErrorStronger", "shadowBorderErrorStrongest", "shadowBorderErrorWeak", "shadowBorderErrorWeaker", "shadowBorderInverse", "shadowBorderInverseNewWeaker", "shadowBorderInverseStrong", "shadowBorderInverseStronger", "shadowBorderInverseStrongest", "shadowBorderInverseWeaker", "shadowBorderInverseWeakest", "shadowBorderNeutralWeaker", "shadowBorderNewWeaker", "shadowBorderNotification", "shadowBorderPrimary", "shadowBorderPrimaryStrong", "shadowBorderPrimaryStronger", "shadowBorderPrimaryStrongest", "shadowBorderPrimaryWeak", "shadowBorderPrimaryWeaker", "shadowBorderRightInverseStrong", "shadowBorderStrong", "shadowBorderSubaccount", "shadowBorderSuccessWeaker", "shadowBorderTopInverseStrongest", "shadowBorderTopPrimary", "shadowBorderTopPrimaryStrongest", "shadowBorderUser", "shadowBorderWarningWeaker", "shadowBorderWeak", "shadowBorderWeaker", "shadowCard", "shadowElevation05", "shadowElevation10", "shadowElevation20", "shadowElevationBottom05", "shadowElevationBottomInverse05", "shadowElevationInverse05", "shadowElevationInverse10", "shadowElevationLeft20", "shadowElevationRightInverse05", "shadowElevationTop05", "shadowElevationTop20", "shadowFocus", "shadowFocusInset", "shadowFocusInverse", "shadowFocusInverseInset", "shadowFocusShadowBorder", "shadowHigh", "shadowLeft", "shadowLeftInverse", "shadowLow", "shadowRight", "shadowRightInverse"];
+type BoxShadowToken = (typeof BOX_SHADOW_TOKENS)[number];
+type BoxShadow = ResponsiveValue<BoxShadowToken | Property.BoxShadow>;
+type BoxShadowProps = {
+  /**
+   * Responsive prop of BoxShadow tokens for the CSS `box-shadow` property
+   *
+   * @type {BoxShadow}
+   * @memberof BoxShadowProps
+   */
+  boxShadow?: BoxShadow;
+};
+//#endregion
+//#region src/space.d.ts
+declare const SPACE_TOKENS: readonly ["space0", "space10", "space20", "space30", "space40", "space50", "space60", "space70", "space80", "space90", "space100", "space110", "space120", "space130", "space140", "space150", "space160", "space170", "space180", "space190", "space200", "space210", "space220", "space230", "space240", "space250", "space260", "space270", "space280", "space290", "space300", "space310", "spaceNegative10", "spaceNegative20", "spaceNegative30", "spaceNegative40", "spaceNegative50", "spaceNegative60", "spaceNegative70", "spaceNegative80", "spaceNegative90", "spaceNegative100", "spaceNegative110", "spaceNegative120", "spaceNegative130", "spaceNegative140", "spaceNegative150", "spaceNegative160", "spaceNegative170", "spaceNegative180", "spaceNegative190", "spaceNegative200"];
+type SpaceOptions = (typeof SPACE_TOKENS)[number];
+type Space = ResponsiveValue<SpaceOptions>;
+type Padding = Space;
+type Margin = ResponsiveValue<SpaceOptions | "auto">;
+type Gap = Space;
+type MarginProps = {
+  /**
+   * Responsive prop of Space tokens for the CSS `margin` property
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  margin?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-top` property
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginTop?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-right` property
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginRight?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-bottom` property
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginBottom?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-left` property
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginLeft?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-left` and `margin-right` properties
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginX?: Margin;
+  /**
+   * Responsive prop of Space tokens for the CSS `margin-top` and `margin-bottom` properties
+   *
+   * @type {Margin}
+   * @memberof MarginProps
+   */
+  marginY?: Margin;
+};
+type PaddingProps = {
+  /**
+   * Responsive prop of Space tokens for the CSS `padding` property
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  padding?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-top` property
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingTop?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-right` property
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingRight?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-bottom` property
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingBottom?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-left` property
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingLeft?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-left` and `padding-right` properties
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingX?: Padding;
+  /**
+   * Responsive prop of Space tokens for the CSS `padding-top` and `padding-bottom` properties
+   *
+   * @type {Padding}
+   * @memberof PaddingProps
+   */
+  paddingY?: Padding;
+};
+type GapProps = {
+  /**
+   * Responsive prop of Space tokens for the CSS `column-gap` property
+   *
+   * @type {Gap}
+   * @memberof GapProps
+   */
+  columnGap?: Gap;
+  rowGap?: Gap;
+};
+type SpaceProps = MarginProps & PaddingProps & GapProps;
+//#endregion
+//#region src/typography.d.ts
+declare const FONT_SIZE_TOKENS: readonly ["fontSize10", "fontSize20", "fontSize30", "fontSize40", "fontSize50", "fontSize60", "fontSize70", "fontSize80", "fontSize90", "fontSize100", "fontSize110", "fontSizeBase", "fontSizeDisplay10", "fontSizeDisplay20", "fontSizeDisplay30"];
+type FontSizeToken = (typeof FONT_SIZE_TOKENS)[number] | "inherit";
+type FontSize = ResponsiveValue<FontSizeToken>;
+declare const FONT_WEIGHT_TOKENS: readonly ["fontWeightLight", "fontWeightNormal", "fontWeightMedium", "fontWeightSemibold", "fontWeightBold", "fontWeightExtrabold"];
+type FontWeightToken = (typeof FONT_WEIGHT_TOKENS)[number] | "inherit";
+type FontWeight = ResponsiveValue<FontWeightToken>;
+declare const LINE_HEIGHT_TOKENS: readonly ["lineHeight0", "lineHeight05", "lineHeight10", "lineHeight20", "lineHeight30", "lineHeight40", "lineHeight50", "lineHeight60", "lineHeight70", "lineHeight80", "lineHeight90", "lineHeight100", "lineHeight110", "lineHeightDisplay10", "lineHeightDisplay20", "lineHeightDisplay30"];
+type LineHeightToken = (typeof LINE_HEIGHT_TOKENS)[number] | "inherit";
+type LineHeight = ResponsiveValue<LineHeightToken>;
+declare const FONT_FAMILY_TOKENS: readonly ["fontFamilyCode", "fontFamilyDisplay", "fontFamilyText", "fontFamilyTextChineseSimplified", "fontFamilyTextChineseTraditional", "fontFamilyTextJapanese", "fontFamilyTextKorean"];
+type FontFamilyToken = (typeof FONT_FAMILY_TOKENS)[number] | "inherit";
+type FontFamily = ResponsiveValue<FontFamilyToken>;
+type TypographyProps = {
+  /**
+   * Responsive prop of FontSize tokens for the CSS `font-size` property
+   *
+   * @type {FontSize}
+   * @memberof FontSizeProps
+   */
+  fontSize?: FontSize;
+  /**
+   * Responsive prop of FontWeight tokens for the CSS `font-weight` property
+   *
+   * @type {FontWeight}
+   * @memberof FontWeightProps
+   */
+  fontWeight?: FontWeight;
+  /**
+   * Responsive prop of LineHeight tokens for the CSS `line-height` property
+   *
+   * @type {LineHeight}
+   * @memberof LineHeightProps
+   */
+  lineHeight?: LineHeight;
+  /**
+   * Responsive prop of FontFamily tokens for the CSS `font-family` property
+   *
+   * @type {FontFamily}
+   * @memberof FontFamilyProps
+   */
+  fontFamily?: FontFamily;
+};
+//#endregion
+//#region src/z-index.d.ts
+declare const Z_INDEX_TOKENS: readonly ["zIndex0", "zIndex10", "zIndex20", "zIndex30", "zIndex40", "zIndex50", "zIndex60", "zIndex70", "zIndex80", "zIndex90"];
+type ZIndexToken = (typeof Z_INDEX_TOKENS)[number];
+type ZIndex = ResponsiveValue<ZIndexToken>;
+type ZIndexProps = {
+  /**
+   * Responsive prop of ZIndex tokens for the CSS `z-index` property
+   *
+   * @type {ZIndex}
+   * @memberof ZIndexProps
+   */
+  zIndex?: ZIndex;
+};
+//#endregion
+export { BACKGROUND_COLOR_TOKENS, BORDER_COLOR_TOKENS, BORDER_WIDTH_TOKENS, BOX_SHADOW_TOKENS, BackgroundAttachment, BackgroundAttachmentOptions, BackgroundColor, BackgroundColorToken, BackgroundImage, BackgroundImageOptions, BackgroundPosition, BackgroundPositionOptions, BackgroundProps, BackgroundRepeat, BackgroundRepeatOptions, BackgroundSize, BackgroundSizeOptions, BorderColor, BorderColorProps, BorderColorToken, BorderRadius, BorderRadiusProps, BorderWidth, BorderWidthOptions, BorderWidthProps, BorderWidthToken, BoxShadow, BoxShadowProps, BoxShadowToken, COLOR_TOKENS, Color, ColorProps, ColorToken, FONT_FAMILY_TOKENS, FONT_SIZE_TOKENS, FONT_WEIGHT_TOKENS, FontFamily, FontFamilyToken, FontSize, FontSizeToken, FontWeight, FontWeightToken, Gap, GapProps, IconSize, IconSizeProps, IconSizeToken, LINE_HEIGHT_TOKENS, LineHeight, LineHeightToken, Margin, MarginProps, ObjectOrArray, Padding, PaddingProps, RADII_TOKENS, RadiiOptions, RequiredTheme, ResponsiveValue, SIZE_ICON_TOKENS, SPACE_TOKENS, Space, SpaceOptions, SpaceProps, TLengthStyledSystem, Theme, ThemeValue, TypographyProps, ZIndex, ZIndexProps, ZIndexToken, Z_INDEX_TOKENS };

package/dist/index.mjs

@@ -0,0 +1,454 @@
+//#region src/background.ts
+const BACKGROUND_COLOR_TOKENS = [
+	"colorBackground",
+	"colorBackgroundAvailable",
+	"colorBackgroundBody",
+	"colorBackgroundBodyElevation",
+	"colorBackgroundBodyElevationPrimary",
+	"colorBackgroundBodyInverse",
+	"colorBackgroundBrand",
+	"colorBackgroundBrand10",
+	"colorBackgroundBrand20",
+	"colorBackgroundBrand30",
+	"colorBackgroundBrandHighlight",
+	"colorBackgroundBrandHighlightWeakest",
+	"colorBackgroundBrandStrong",
+	"colorBackgroundBrandStronger",
+	"colorBackgroundBusy",
+	"colorBackgroundDecorative10Weakest",
+	"colorBackgroundDecorative20Weakest",
+	"colorBackgroundDecorative30Weakest",
+	"colorBackgroundDecorative40Weakest",
+	"colorBackgroundDestructive",
+	"colorBackgroundDestructiveStrong",
+	"colorBackgroundDestructiveStronger",
+	"colorBackgroundDestructiveStrongest",
+	"colorBackgroundDestructiveWeak",
+	"colorBackgroundDestructiveWeaker",
+	"colorBackgroundDestructiveWeakest",
+	"colorBackgroundElevation",
+	"colorBackgroundError",
+	"colorBackgroundErrorStrong",
+	"colorBackgroundErrorStronger",
+	"colorBackgroundErrorStrongest",
+	"colorBackgroundErrorWeakest",
+	"colorBackgroundInverse",
+	"colorBackgroundInverseElevation",
+	"colorBackgroundInverseStrong",
+	"colorBackgroundInverseStrongElevation",
+	"colorBackgroundInverseStronger",
+	"colorBackgroundInverseStrongerElevation",
+	"colorBackgroundInverseStrongest",
+	"colorBackgroundInverseWeakElevation",
+	"colorBackgroundNeutralWeakest",
+	"colorBackgroundNew",
+	"colorBackgroundNewWeakest",
+	"colorBackgroundNotification",
+	"colorBackgroundOffline",
+	"colorBackgroundOverlay",
+	"colorBackgroundPrimary",
+	"colorBackgroundPrimaryStrong",
+	"colorBackgroundPrimaryStronger",
+	"colorBackgroundPrimaryStrongest",
+	"colorBackgroundPrimaryWeak",
+	"colorBackgroundPrimaryWeaker",
+	"colorBackgroundPrimaryWeakest",
+	"colorBackgroundRequired",
+	"colorBackgroundRowStriped",
+	"colorBackgroundStrong",
+	"colorBackgroundStrongElevation",
+	"colorBackgroundStronger",
+	"colorBackgroundStrongest",
+	"colorBackgroundSubaccount",
+	"colorBackgroundSuccess",
+	"colorBackgroundSuccessWeakest",
+	"colorBackgroundTrial",
+	"colorBackgroundUnavailable",
+	"colorBackgroundUser",
+	"colorBackgroundWarning",
+	"colorBackgroundWarningWeakest",
+	"colorBackgroundWeak",
+	"colorBackgroundWeakElevation",
+	"colorBackgroundWeaker",
+	"colorBackgroundWeakerElevation",
+	"colorBackgroundWeakest"
+];
+//#endregion
+//#region src/border.ts
+const BORDER_COLOR_TOKENS = [
+	"colorBorder",
+	"colorBorderDecorative10Weaker",
+	"colorBorderDecorative20Weaker",
+	"colorBorderDecorative30Weaker",
+	"colorBorderDecorative40Weaker",
+	"colorBorderDestructive",
+	"colorBorderDestructiveStrong",
+	"colorBorderDestructiveStronger",
+	"colorBorderDestructiveStrongest",
+	"colorBorderDestructiveWeak",
+	"colorBorderDestructiveWeaker",
+	"colorBorderDestructiveWeakest",
+	"colorBorderError",
+	"colorBorderErrorStrong",
+	"colorBorderErrorStronger",
+	"colorBorderErrorStrongest",
+	"colorBorderErrorWeak",
+	"colorBorderErrorWeaker",
+	"colorBorderErrorWeakest",
+	"colorBorderInverse",
+	"colorBorderInverseStrong",
+	"colorBorderInverseStronger",
+	"colorBorderInverseStrongest",
+	"colorBorderInverseWeaker",
+	"colorBorderInverseWeakest",
+	"colorBorderNeutral",
+	"colorBorderNeutralWeak",
+	"colorBorderNeutralWeaker",
+	"colorBorderNewWeak",
+	"colorBorderNewWeaker",
+	"colorBorderPrimary",
+	"colorBorderPrimaryStrong",
+	"colorBorderPrimaryStronger",
+	"colorBorderPrimaryStrongest",
+	"colorBorderPrimaryWeak",
+	"colorBorderPrimaryWeaker",
+	"colorBorderPrimaryWeakest",
+	"colorBorderStrong",
+	"colorBorderSuccess",
+	"colorBorderSuccessWeak",
+	"colorBorderSuccessWeaker",
+	"colorBorderSuccessWeakest",
+	"colorBorderUser",
+	"colorBorderWarning",
+	"colorBorderWarningWeak",
+	"colorBorderWarningWeaker",
+	"colorBorderWarningWeakest",
+	"colorBorderWeak",
+	"colorBorderWeaker",
+	"colorBorderWeakest"
+];
+const RADII_TOKENS = [
+	"borderRadius0",
+	"borderRadius10",
+	"borderRadius20",
+	"borderRadius30",
+	"borderRadius40",
+	"borderRadius50",
+	"borderRadius60",
+	"borderRadius70",
+	"borderRadius80",
+	"borderRadius90",
+	"borderRadiusCircle",
+	"borderRadiusPill"
+];
+const BORDER_WIDTH_TOKENS = [
+	"borderWidth0",
+	"borderWidth10",
+	"borderWidth20",
+	"borderWidth30",
+	"borderWidth40"
+];
+//#endregion
+//#region src/color.ts
+const COLOR_TOKENS = [
+	"colorText",
+	"colorTextBrand",
+	"colorTextBrandHighlight",
+	"colorTextBrandInverse",
+	"colorTextDecorative10",
+	"colorTextDecorative20",
+	"colorTextDecorative30",
+	"colorTextDecorative40",
+	"colorTextDestructive",
+	"colorTextDestructiveStrong",
+	"colorTextDestructiveStronger",
+	"colorTextDestructiveStrongest",
+	"colorTextDestructiveWeak",
+	"colorTextError",
+	"colorTextErrorStrong",
+	"colorTextErrorStronger",
+	"colorTextErrorStrongest",
+	"colorTextErrorWeak",
+	"colorTextIcon",
+	"colorTextIconAvailable",
+	"colorTextIconBrandHighlight",
+	"colorTextIconBrandInverse",
+	"colorTextIconBusy",
+	"colorTextIconError",
+	"colorTextIconInverse",
+	"colorTextIconNeutral",
+	"colorTextIconNew",
+	"colorTextIconNotification",
+	"colorTextIconOffline",
+	"colorTextIconSuccess",
+	"colorTextIconUnavailable",
+	"colorTextIconWarning",
+	"colorTextInverse",
+	"colorTextInverseNew",
+	"colorTextInverseWeak",
+	"colorTextInverseWeaker",
+	"colorTextInverseWeakest",
+	"colorTextLink",
+	"colorTextLinkDestructive",
+	"colorTextLinkDestructiveStrong",
+	"colorTextLinkDestructiveStronger",
+	"colorTextLinkDestructiveStrongest",
+	"colorTextLinkDestructiveWeak",
+	"colorTextLinkStrong",
+	"colorTextLinkStronger",
+	"colorTextLinkStrongest",
+	"colorTextLinkWeak",
+	"colorTextNeutral",
+	"colorTextNew",
+	"colorTextPrimary",
+	"colorTextPrimaryStrong",
+	"colorTextPrimaryStronger",
+	"colorTextPrimaryStrongest",
+	"colorTextPrimaryWeak",
+	"colorTextSubaccount",
+	"colorTextSuccess",
+	"colorTextUser",
+	"colorTextWarning",
+	"colorTextWarningStrong",
+	"colorTextWeak",
+	"colorTextWeaker",
+	"colorTextWeakest"
+];
+//#endregion
+//#region src/icon.ts
+const SIZE_ICON_TOKENS = [
+	"sizeIcon05",
+	"sizeIcon10",
+	"sizeIcon20",
+	"sizeIcon30",
+	"sizeIcon40",
+	"sizeIcon50",
+	"sizeIcon60",
+	"sizeIcon70",
+	"sizeIcon80",
+	"sizeIcon90",
+	"sizeIcon100",
+	"sizeIcon110"
+];
+//#endregion
+//#region src/shadow.ts
+const BOX_SHADOW_TOKENS = [
+	"shadow",
+	"shadowBorder",
+	"shadowBorderBottom",
+	"shadowBorderBottomBrand10Strong",
+	"shadowBorderBottomBrand20Strong",
+	"shadowBorderBottomBrand30Strong",
+	"shadowBorderBottomDecorative10Weaker",
+	"shadowBorderBottomDecorative20Weaker",
+	"shadowBorderBottomDecorative30Weaker",
+	"shadowBorderBottomDecorative40Weaker",
+	"shadowBorderBottomErrorWeaker",
+	"shadowBorderBottomInverseNewWeaker",
+	"shadowBorderBottomInverseWeaker",
+	"shadowBorderBottomInverseWeakerInset",
+	"shadowBorderBottomNeutralWeaker",
+	"shadowBorderBottomNewWeaker",
+	"shadowBorderBottomNotificationStronger",
+	"shadowBorderBottomPrimary",
+	"shadowBorderBottomSubaccount",
+	"shadowBorderBottomSuccessWeaker",
+	"shadowBorderBottomWarningWeaker",
+	"shadowBorderBottomWeak",
+	"shadowBorderBottomWeakInset",
+	"shadowBorderBrand10",
+	"shadowBorderBrand20",
+	"shadowBorderBrand30",
+	"shadowBorderDecorative10Weaker",
+	"shadowBorderDecorative20Weaker",
+	"shadowBorderDecorative30Weaker",
+	"shadowBorderDecorative40Weaker",
+	"shadowBorderDestructive",
+	"shadowBorderDestructiveStrong",
+	"shadowBorderDestructiveStronger",
+	"shadowBorderDestructiveStrongest",
+	"shadowBorderDestructiveWeak",
+	"shadowBorderDestructiveWeaker",
+	"shadowBorderError",
+	"shadowBorderErrorStrong",
+	"shadowBorderErrorStronger",
+	"shadowBorderErrorStrongest",
+	"shadowBorderErrorWeak",
+	"shadowBorderErrorWeaker",
+	"shadowBorderInverse",
+	"shadowBorderInverseNewWeaker",
+	"shadowBorderInverseStrong",
+	"shadowBorderInverseStronger",
+	"shadowBorderInverseStrongest",
+	"shadowBorderInverseWeaker",
+	"shadowBorderInverseWeakest",
+	"shadowBorderNeutralWeaker",
+	"shadowBorderNewWeaker",
+	"shadowBorderNotification",
+	"shadowBorderPrimary",
+	"shadowBorderPrimaryStrong",
+	"shadowBorderPrimaryStronger",
+	"shadowBorderPrimaryStrongest",
+	"shadowBorderPrimaryWeak",
+	"shadowBorderPrimaryWeaker",
+	"shadowBorderRightInverseStrong",
+	"shadowBorderStrong",
+	"shadowBorderSubaccount",
+	"shadowBorderSuccessWeaker",
+	"shadowBorderTopInverseStrongest",
+	"shadowBorderTopPrimary",
+	"shadowBorderTopPrimaryStrongest",
+	"shadowBorderUser",
+	"shadowBorderWarningWeaker",
+	"shadowBorderWeak",
+	"shadowBorderWeaker",
+	"shadowCard",
+	"shadowElevation05",
+	"shadowElevation10",
+	"shadowElevation20",
+	"shadowElevationBottom05",
+	"shadowElevationBottomInverse05",
+	"shadowElevationInverse05",
+	"shadowElevationInverse10",
+	"shadowElevationLeft20",
+	"shadowElevationRightInverse05",
+	"shadowElevationTop05",
+	"shadowElevationTop20",
+	"shadowFocus",
+	"shadowFocusInset",
+	"shadowFocusInverse",
+	"shadowFocusInverseInset",
+	"shadowFocusShadowBorder",
+	"shadowHigh",
+	"shadowLeft",
+	"shadowLeftInverse",
+	"shadowLow",
+	"shadowRight",
+	"shadowRightInverse"
+];
+//#endregion
+//#region src/space.ts
+const SPACE_TOKENS = [
+	"space0",
+	"space10",
+	"space20",
+	"space30",
+	"space40",
+	"space50",
+	"space60",
+	"space70",
+	"space80",
+	"space90",
+	"space100",
+	"space110",
+	"space120",
+	"space130",
+	"space140",
+	"space150",
+	"space160",
+	"space170",
+	"space180",
+	"space190",
+	"space200",
+	"space210",
+	"space220",
+	"space230",
+	"space240",
+	"space250",
+	"space260",
+	"space270",
+	"space280",
+	"space290",
+	"space300",
+	"space310",
+	"spaceNegative10",
+	"spaceNegative20",
+	"spaceNegative30",
+	"spaceNegative40",
+	"spaceNegative50",
+	"spaceNegative60",
+	"spaceNegative70",
+	"spaceNegative80",
+	"spaceNegative90",
+	"spaceNegative100",
+	"spaceNegative110",
+	"spaceNegative120",
+	"spaceNegative130",
+	"spaceNegative140",
+	"spaceNegative150",
+	"spaceNegative160",
+	"spaceNegative170",
+	"spaceNegative180",
+	"spaceNegative190",
+	"spaceNegative200"
+];
+//#endregion
+//#region src/typography.ts
+const FONT_SIZE_TOKENS = [
+	"fontSize10",
+	"fontSize20",
+	"fontSize30",
+	"fontSize40",
+	"fontSize50",
+	"fontSize60",
+	"fontSize70",
+	"fontSize80",
+	"fontSize90",
+	"fontSize100",
+	"fontSize110",
+	"fontSizeBase",
+	"fontSizeDisplay10",
+	"fontSizeDisplay20",
+	"fontSizeDisplay30"
+];
+const FONT_WEIGHT_TOKENS = [
+	"fontWeightLight",
+	"fontWeightNormal",
+	"fontWeightMedium",
+	"fontWeightSemibold",
+	"fontWeightBold",
+	"fontWeightExtrabold"
+];
+const LINE_HEIGHT_TOKENS = [
+	"lineHeight0",
+	"lineHeight05",
+	"lineHeight10",
+	"lineHeight20",
+	"lineHeight30",
+	"lineHeight40",
+	"lineHeight50",
+	"lineHeight60",
+	"lineHeight70",
+	"lineHeight80",
+	"lineHeight90",
+	"lineHeight100",
+	"lineHeight110",
+	"lineHeightDisplay10",
+	"lineHeightDisplay20",
+	"lineHeightDisplay30"
+];
+const FONT_FAMILY_TOKENS = [
+	"fontFamilyCode",
+	"fontFamilyDisplay",
+	"fontFamilyText",
+	"fontFamilyTextChineseSimplified",
+	"fontFamilyTextChineseTraditional",
+	"fontFamilyTextJapanese",
+	"fontFamilyTextKorean"
+];
+//#endregion
+//#region src/z-index.ts
+const Z_INDEX_TOKENS = [
+	"zIndex0",
+	"zIndex10",
+	"zIndex20",
+	"zIndex30",
+	"zIndex40",
+	"zIndex50",
+	"zIndex60",
+	"zIndex70",
+	"zIndex80",
+	"zIndex90"
+];
+//#endregion
+export { BACKGROUND_COLOR_TOKENS, BORDER_COLOR_TOKENS, BORDER_WIDTH_TOKENS, BOX_SHADOW_TOKENS, COLOR_TOKENS, FONT_FAMILY_TOKENS, FONT_SIZE_TOKENS, FONT_WEIGHT_TOKENS, LINE_HEIGHT_TOKENS, RADII_TOKENS, SIZE_ICON_TOKENS, SPACE_TOKENS, Z_INDEX_TOKENS };

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@hive-ui/style-props",
+  "version": "0.1.0",
+  "description": "Hive UI Style Props",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "test": "vp test",
+    "check": "vp check",
+    "prepublishOnly": "vp run build"
+  },
+  "dependencies": {
+    "csstype": "3.2.3"
+  },
+  "devDependencies": {
+    "@types/node": "^25.6.2",
+    "@typescript/native-preview": "7.0.0-dev.20260509.2",
+    "bumpp": "^11.1.0",
+    "typescript": "^6.0.3",
+    "vite-plus": "^0.1.20",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@^0.1.20"
+  }
+}