@hive-ui/style-props 0.4.0 → 0.5.0

package/dist/index.d.mts

@@ -28,7 +28,7 @@ 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"];
+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", "colorBackgroundSidebar", "colorBackgroundSidebarStrong", "colorBackgroundSidebarStronger", "colorBackgroundSidebarStrongest", "colorBackgroundTopbar"];
 type BackgroundColorToken = (typeof BACKGROUND_COLOR_TOKENS)[number] | "transparent" | "inherit";
 type BackgroundColor = ResponsiveValue<BackgroundColorToken>;
 type BackgroundImageOptions = Properties["backgroundImage"];
@@ -210,7 +210,7 @@ type BorderWidthProps = {
 };
 //#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"];
+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", "colorTextSidebar"];
 type ColorToken = (typeof COLOR_TOKENS)[number] | "currentColor" | "inherit";
 type Color = ResponsiveValue<ColorToken>;
 type ColorProps = {
@@ -237,8 +237,22 @@ type IconSizeProps = {
   size?: IconSize;
 };
 //#endregion
+//#region src/size.d.ts
+declare const SIZE_TOKENS: readonly ["sizeTopbar", "sizeSidebar", "sizeSidebarCompact"];
+type SizeToken = (typeof SIZE_TOKENS)[number];
+type Size = ResponsiveValue<string | number | SizeToken>;
+type SizeProps = {
+  /**
+   * Responsive prop of Size tokens for sizing.
+   *
+   * @type {Size}
+   * @memberof SizeProps
+   */
+  size?: Size;
+};
+//#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"];
+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", "shadowSidebarRight", "shadowSidebarBottom", "shadowTopbarBottom"];
 type BoxShadowToken = (typeof BOX_SHADOW_TOKENS)[number];
 type BoxShadow = ResponsiveValue<BoxShadowToken | Property.BoxShadow>;
 type BoxShadowProps = {
@@ -495,4 +509,4 @@ interface PositionProps {
   inset?: Inset;
 }
 //#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, Bottom, BottomOptions, 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, Inset, InsetOptions, LINE_HEIGHT_TOKENS, Left, LeftOptions, LineHeight, LineHeightToken, Margin, MarginProps, ObjectOrArray, Padding, PaddingProps, Position, PositionOptions, PositionProps, RADII_TOKENS, RadiiOptions, RequiredTheme, ResponsiveValue, Right, RightOptions, SIZE_ICON_TOKENS, SPACE_TOKENS, Space, SpaceOptions, SpaceProps, TLengthStyledSystem, Theme, ThemeValue, Top, TopOptions, TypographyProps, ZIndex, ZIndexProps, ZIndexToken, Z_INDEX_TOKENS };
+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, Bottom, BottomOptions, 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, Inset, InsetOptions, LINE_HEIGHT_TOKENS, Left, LeftOptions, LineHeight, LineHeightToken, Margin, MarginProps, ObjectOrArray, Padding, PaddingProps, Position, PositionOptions, PositionProps, RADII_TOKENS, RadiiOptions, RequiredTheme, ResponsiveValue, Right, RightOptions, SIZE_ICON_TOKENS, SIZE_TOKENS, SPACE_TOKENS, Size, SizeProps, SizeToken, Space, SpaceOptions, SpaceProps, TLengthStyledSystem, Theme, ThemeValue, Top, TopOptions, TypographyProps, ZIndex, ZIndexProps, ZIndexToken, Z_INDEX_TOKENS };

package/dist/index.mjs

@@ -71,7 +71,12 @@ const BACKGROUND_COLOR_TOKENS = [
 	"colorBackgroundWeakElevation",
 	"colorBackgroundWeaker",
 	"colorBackgroundWeakerElevation",
-	"colorBackgroundWeakest"
+	"colorBackgroundWeakest",
+	"colorBackgroundSidebar",
+	"colorBackgroundSidebarStrong",
+	"colorBackgroundSidebarStronger",
+	"colorBackgroundSidebarStrongest",
+	"colorBackgroundTopbar"
 ];
 //#endregion
 //#region src/border.ts
@@ -212,7 +217,8 @@ const COLOR_TOKENS = [
 	"colorTextWarningStrong",
 	"colorTextWeak",
 	"colorTextWeaker",
-	"colorTextWeakest"
+	"colorTextWeakest",
+	"colorTextSidebar"
 ];
 //#endregion
 //#region src/icon.ts
@@ -231,6 +237,13 @@ const SIZE_ICON_TOKENS = [
 	"sizeIcon110"
 ];
 //#endregion
+//#region src/size.ts
+const SIZE_TOKENS = [
+	"sizeTopbar",
+	"sizeSidebar",
+	"sizeSidebarCompact"
+];
+//#endregion
 //#region src/shadow.ts
 const BOX_SHADOW_TOKENS = [
 	"shadow",
@@ -324,7 +337,10 @@ const BOX_SHADOW_TOKENS = [
 	"shadowLeftInverse",
 	"shadowLow",
 	"shadowRight",
-	"shadowRightInverse"
+	"shadowRightInverse",
+	"shadowSidebarRight",
+	"shadowSidebarBottom",
+	"shadowTopbarBottom"
 ];
 //#endregion
 //#region src/space.ts
@@ -451,4 +467,4 @@ const Z_INDEX_TOKENS = [
 	"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 };
+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, SIZE_TOKENS, SPACE_TOKENS, Z_INDEX_TOKENS };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hive-ui/style-props",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Hive UI Style Props",
   "files": [
     "dist"