@yahoo/uds 0.5.10 → 1.0.0-beta.0

package/dist/fixtures.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alwaysPaletteAliases = exports.avatarShapes = exports.avatarSizes = exports.backgroundColors = exports.backgroundPaletteColors = exports.borderRadii = exports.borderRadiusRamp = exports.borderWidthRamp = exports.borderWidths = exports.buttonCategories = exports.buttonColorProperties = exports.buttonSizes = exports.buttonStates = exports.buttonVariants = exports.buttonVariants2 = exports.colorModes = exports.corePaletteColors = exports.fontFamilies = exports.fontSizeRamp = exports.fontWeights = exports.foregroundColors = exports.foregroundPaletteColors = exports.hueSteps = exports.hues = exports.iconSizes = exports.lineColors = exports.lineHeightRamp = exports.linePaletteColors = exports.palette = exports.regionModes = exports.scaleModes = exports.spacingAliases = exports.spacingMap = exports.spectrumColors = exports.tailwindColorsAsUds = exports.textTransforms = exports.textVariants = void 0;
+exports.backgroundPaletteColors = exports.borderRadii = exports.borderRadiusRamp = exports.borderWidthRamp = exports.borderWidths = exports.buttonClassNames = exports.buttonColorProperties = exports.buttonIconSvgSize = exports.buttonKinds = exports.buttonMotionEffects = exports.buttonMotionProperties = exports.buttonPalettes = exports.buttonSizeProperties = exports.buttonSizes = exports.buttonStates = exports.buttonVariants = exports.colorModes = exports.corePaletteColors = exports.fontAliases = exports.fontIds = exports.fontSizeRamp = exports.fontUrls = exports.fontWeights = exports.foregroundColors = exports.foregroundPaletteColors = exports.hueSteps = exports.hues = exports.iconButtonClassNames = exports.iconButtonSizes = exports.iconSizes = exports.iconVariants = exports.lineColors = exports.lineHeightRamp = exports.linePaletteColors = exports.motionSpringConfig = exports.motionSpringConfigOptions = exports.motionVariantSpeeds = exports.motionVariants = exports.palette = exports.regionModes = exports.scaleEffectMap = exports.scaleModes = exports.spacingAliases = exports.spacingMap = exports.spectrumColors = exports.tailwindColorsAsUds = exports.textProperties = exports.textTransforms = exports.textVariants = exports.tshirtSizes = void 0;
+exports.alwaysPaletteAliases = exports.avatarShapes = exports.avatarSizes = exports.backgroundColors = void 0;
 // src/fixtures/index.ts
 var colorModes = [
     "light",
@@ -390,9 +391,9 @@ var spectrumColors = [
 ];
 exports.spectrumColors = spectrumColors;
 var corePaletteColors = [
+    "brand",
     "accent",
     "alert",
-    "brand",
     "positive",
     "warning"
 ];
@@ -675,7 +676,7 @@ var tailwindColorsAsUds = {
         "400": "rgb(var(--uds-spectrum-color-purple-5))",
         "500": "rgb(var(--uds-spectrum-color-purple-7))",
         "600": "rgb(var(--uds-spectrum-color-purple-8))",
-        "700": "rgb(var(--uds-spectrum-color-purple-10))",
+        "700": "rgb(var(--uds-spectrum-color-purple-9))",
         "800": "rgb(var(--uds-spectrum-color-purple-11))",
         "900": "rgb(var(--uds-spectrum-color-purple-11))",
         "950": "rgb(var(--uds-spectrum-color-purple-13))"
@@ -751,15 +752,79 @@ var textVariants = [
     "legal1"
 ];
 exports.textVariants = textVariants;
-var fontFamilies = [
-    "icons",
+var textProperties = [
+    "fontFamily",
+    "fontSize",
+    "fontWeight",
+    "lineHeight",
+    "textTransform"
+];
+exports.textProperties = textProperties;
+var fontAliases = [
     "sans",
-    "sans-beta",
-    "sans-condensed",
-    "serif-text",
-    "serif-display"
+    "sans-alt",
+    "serif",
+    "serif-alt",
+    "mono"
 ];
-exports.fontFamilies = fontFamilies;
+exports.fontAliases = fontAliases;
+var fontIds = [
+    "centra-no2",
+    "inter",
+    "roboto-mono",
+    "yahoo-sans",
+    "yahoo-sans-cr4",
+    "yahoo-sans-condensed",
+    "yahoo-serif-display",
+    "yahoo-serif-text"
+];
+exports.fontIds = fontIds;
+var fontUrls = [
+    "https://s.yimg.com/bw/fonts/centra-no2-hairline.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-hairline-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-thin.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-thin-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-light.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-light-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-book.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-book-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-medium.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-medium-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-bold.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-bold-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-extrabold.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-extrabold-italic.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-black.woff2",
+    "https://s.yimg.com/bw/fonts/centra-no2-black-italic.woff2",
+    "https://s.yimg.com/bw/fonts/inter-vf.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-100.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-100-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-200.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-200-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-300.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-300-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-400.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-400-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-500.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-500-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-600.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-600-italic.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-700.woff2",
+    "https://s.yimg.com/bw/fonts/roboto-mono-700-italic.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-sans-vf.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-sans-cr4-vf.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-sans-condensed-vf.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-display-light.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-display-regular.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-display-bold.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-display-extrabold.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-display-black.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-text-regular.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-text-italic.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-text-bold.woff2",
+    "https://s.yimg.com/bw/fonts/yahoo-serif-text-bold-italic.woff2"
+];
+exports.fontUrls = fontUrls;
 var fontWeights = [
     "light",
     "medium",
@@ -1159,6 +1224,11 @@ var iconSizes = [
     "lg"
 ];
 exports.iconSizes = iconSizes;
+var iconVariants = [
+    "fill",
+    "outline"
+];
+exports.iconVariants = iconVariants;
 var spacingAliases = [
     "0",
     "px",
@@ -1235,41 +1305,30 @@ var spacingMap = {
     "96": 384
 };
 exports.spacingMap = spacingMap;
-var buttonVariants = [
-    "accent",
-    "alert",
-    "brand",
-    "positive",
-    "warning",
-    "secondary",
-    "accent-outline",
-    "alert-outline",
-    "brand-outline",
-    "positive-outline",
-    "warning-outline",
-    "accent-ghost",
-    "alert-ghost",
-    "brand-ghost",
-    "positive-ghost",
-    "warning-ghost",
-    "primary-ghost",
-    "primary-outline"
+var tshirtSizes = [
+    "none",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "full"
 ];
-exports.buttonVariants = buttonVariants;
-var buttonVariants2 = [
+exports.tshirtSizes = tshirtSizes;
+var buttonVariants = [
     "primary",
     "secondary",
     "tertiary"
 ];
-exports.buttonVariants2 = buttonVariants2;
-var buttonCategories = [
+exports.buttonVariants = buttonVariants;
+var buttonPalettes = [
+    "brand",
     "accent",
     "alert",
-    "brand",
     "positive",
     "warning"
 ];
-exports.buttonCategories = buttonCategories;
+exports.buttonPalettes = buttonPalettes;
 var buttonSizes = [
     "sm",
     "md",
@@ -1281,9 +1340,167 @@ var buttonStates = [
     "pressed"
 ];
 exports.buttonStates = buttonStates;
+var buttonKinds = [
+    "fill",
+    "outline",
+    "ghost"
+];
+exports.buttonKinds = buttonKinds;
+var buttonIconSvgSize = "sm";
+exports.buttonIconSvgSize = buttonIconSvgSize;
 var buttonColorProperties = [
     "backgroundColor",
     "borderColor",
     "color"
 ];
 exports.buttonColorProperties = buttonColorProperties;
+var buttonSizeProperties = [
+    "spacingHorizontal",
+    "spacingVertical",
+    "gap",
+    "iconSize",
+    "textVariant"
+];
+exports.buttonSizeProperties = buttonSizeProperties;
+var buttonMotionProperties = [
+    "toString",
+    "charAt",
+    "charCodeAt",
+    "concat",
+    "indexOf",
+    "lastIndexOf",
+    "localeCompare",
+    "match",
+    "replace",
+    "search",
+    "slice",
+    "split",
+    "substring",
+    "toLowerCase",
+    "toLocaleLowerCase",
+    "toUpperCase",
+    "toLocaleUpperCase",
+    "trim",
+    "length",
+    "substr",
+    "valueOf",
+    "codePointAt",
+    "includes",
+    "endsWith",
+    "normalize",
+    "repeat",
+    "startsWith",
+    "anchor",
+    "big",
+    "blink",
+    "bold",
+    "fixed",
+    "fontcolor",
+    "fontsize",
+    "italics",
+    "link",
+    "small",
+    "strike",
+    "sub",
+    "sup",
+    "padStart",
+    "padEnd",
+    "trimEnd",
+    "trimStart",
+    "trimLeft",
+    "trimRight",
+    "matchAll",
+    "replaceAll",
+    "at",
+    "isWellFormed",
+    "toWellFormed",
+    "__@iterator@52"
+];
+exports.buttonMotionProperties = buttonMotionProperties;
+var buttonMotionEffects = [
+    "none",
+    "up",
+    "down"
+];
+exports.buttonMotionEffects = buttonMotionEffects;
+var buttonClassNames = [
+    "uds-button-brand",
+    "uds-button-accent",
+    "uds-button-alert",
+    "uds-button-positive",
+    "uds-button-warning",
+    "uds-button-primary",
+    "uds-button-secondary",
+    "uds-button-tertiary",
+    "uds-button-sm",
+    "uds-button-md",
+    "uds-button-lg",
+    "uds-button"
+];
+exports.buttonClassNames = buttonClassNames;
+var iconButtonSizes = [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+];
+exports.iconButtonSizes = iconButtonSizes;
+var iconButtonClassNames = [
+    "uds-icon-button-xs",
+    "uds-icon-button-sm",
+    "uds-icon-button-md",
+    "uds-icon-button-lg",
+    "uds-icon-button-xl",
+    "uds-icon-button"
+];
+exports.iconButtonClassNames = iconButtonClassNames;
+var motionVariants = [
+    "damped",
+    "smooth",
+    "subtle",
+    "bouncy",
+    "veryBouncy"
+];
+exports.motionVariants = motionVariants;
+var motionVariantSpeeds = [
+    "1",
+    "2",
+    "3",
+    "4"
+];
+exports.motionVariantSpeeds = motionVariantSpeeds;
+var motionSpringConfig = [
+    "damping",
+    "stiffness"
+];
+exports.motionSpringConfig = motionSpringConfig;
+var motionSpringConfigOptions = [
+    "damping",
+    "stiffness"
+];
+exports.motionSpringConfigOptions = motionSpringConfigOptions;
+var scaleEffectMap = {
+    none: {
+        xs: "1",
+        sm: "1",
+        md: "1",
+        lg: "1",
+        xl: "1"
+    },
+    up: {
+        xs: "1.0125",
+        sm: "1.03",
+        md: "1.125",
+        lg: "1.25",
+        xl: "2"
+    },
+    down: {
+        xs: "0.9875",
+        sm: "0.97",
+        md: "0.875",
+        lg: "0.75",
+        xl: "0.5"
+    }
+};
+exports.scaleEffectMap = scaleEffectMap;

package/dist/fixtures.d.ts

@@ -1,4 +1,4 @@
-import type { BackgroundPaletteAlias, BorderWidth, ButtonColorProperty, ButtonState, ButtonVariant, ButtonVariant2, ColorMode, CorePaletteAlias, FontFamilyGlobalAlias, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, LinePaletteAlias, RegionMode, ScaleMode, SpacingAlias, TextTransform, TextVariant } from '@yahoo/uds/tokens';
+import type { BackgroundPaletteAlias, BorderWidth, ButtonClassName, ButtonColorProperty, ButtonKind, ButtonMotionEffect, ButtonSize, ButtonState, ButtonVariant, ColorMode, CorePaletteAlias, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonClassName, IconButtonSize, IconVariant, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, RegionMode, ScaleEffectMap, ScaleMode, SpacingAlias, TextProperty, TextTransform, TextVariant, TShirtSize } from '@yahoo/uds/tokens';
 declare const colorModes: ColorMode[];
 declare const scaleModes: ScaleMode[];
 declare const regionModes: RegionMode[];
@@ -21,7 +21,10 @@ declare const palette: {
 };
 declare const tailwindColorsAsUds: Record<"gray" | "purple" | "indigo" | "blue" | "cyan" | "teal" | "green" | "lime" | "yellow" | "orange" | "red" | "rose" | "pink" | "transparent" | "white" | "black" | "current" | "inherit" | "slate" | "zinc" | "neutral" | "stone" | "amber" | "emerald" | "sky" | "violet" | "fuchsia", Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "950", string>>;
 declare const textVariants: TextVariant[];
-declare const fontFamilies: FontFamilyGlobalAlias[];
+declare const textProperties: TextProperty[];
+declare const fontAliases: FontAlias[];
+declare const fontIds: ("centra-no2" | "inter" | "roboto-mono" | "yahoo-sans" | "yahoo-sans-cr4" | "yahoo-sans-condensed" | "yahoo-serif-display" | "yahoo-serif-text")[];
+declare const fontUrls: FontFamilyCDNUrl[];
 declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
 declare const fontSizeRamp: {
@@ -43,16 +46,16 @@ declare const lineHeightRamp: {
     xxxLarge: Record<TextVariant, number>;
 };
 declare const avatarSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
-declare const avatarShapes: import("@yahoo/uds/tokens").TShirtSize[];
-declare const borderRadii: import("@yahoo/uds/tokens").TShirtSize[];
+declare const avatarShapes: TShirtSize[];
+declare const borderRadii: TShirtSize[];
 declare const borderRadiusRamp: {
-    xSmall: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    small: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    medium: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    large: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    xLarge: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    xxLarge: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
-    xxxLarge: Record<import("@yahoo/uds/tokens").TShirtSize, number>;
+    xSmall: Record<TShirtSize, number>;
+    small: Record<TShirtSize, number>;
+    medium: Record<TShirtSize, number>;
+    large: Record<TShirtSize, number>;
+    xLarge: Record<TShirtSize, number>;
+    xxLarge: Record<TShirtSize, number>;
+    xxxLarge: Record<TShirtSize, number>;
 };
 declare const borderWidths: BorderWidth[];
 declare const borderWidthRamp: {
@@ -65,13 +68,27 @@ declare const borderWidthRamp: {
     xxxLarge: Record<BorderWidth, number>;
 };
 declare const iconSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
+declare const iconVariants: IconVariant[];
 /** Preserve order we want to display */
 declare const spacingAliases: SpacingAlias[];
 declare const spacingMap: Record<SpacingAlias, number>;
+declare const tshirtSizes: TShirtSize[];
 declare const buttonVariants: ButtonVariant[];
-declare const buttonVariants2: ButtonVariant2[];
-declare const buttonCategories: CorePaletteAlias[];
+declare const buttonPalettes: CorePaletteAlias[];
 declare const buttonSizes: import("@yahoo/uds/tokens").TShirtSizeCommon[];
 declare const buttonStates: ButtonState[];
+declare const buttonKinds: ButtonKind[];
+declare const buttonIconSvgSize: ButtonSize;
 declare const buttonColorProperties: ButtonColorProperty[];
-export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonCategories, buttonColorProperties, buttonSizes, buttonStates, buttonVariants, buttonVariants2, colorModes, corePaletteColors, fontFamilies, fontSizeRamp, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconSizes, lineColors, lineHeightRamp, linePaletteColors, palette, regionModes, scaleModes, spacingAliases, spacingMap, spectrumColors, tailwindColorsAsUds, textTransforms, textVariants, };
+declare const buttonSizeProperties: (keyof import("@yahoo/uds/tokens").ButtonSizeConfig)[];
+declare const buttonMotionProperties: "scale"[];
+declare const buttonMotionEffects: ButtonMotionEffect[];
+declare const buttonClassNames: ButtonClassName[];
+declare const iconButtonSizes: IconButtonSize[];
+declare const iconButtonClassNames: IconButtonClassName[];
+declare const motionVariants: MotionVariant[];
+declare const motionVariantSpeeds: MotionVariantSpeed[];
+declare const motionSpringConfig: Required<Pick<import("framer-motion").Spring, MotionSpringConfigOptions>>[];
+declare const motionSpringConfigOptions: MotionSpringConfigOptions[];
+declare const scaleEffectMap: ScaleEffectMap;
+export { alwaysPaletteAliases, avatarShapes, avatarSizes, backgroundColors, backgroundPaletteColors, borderRadii, borderRadiusRamp, borderWidthRamp, borderWidths, buttonClassNames, buttonColorProperties, buttonIconSvgSize, buttonKinds, buttonMotionEffects, buttonMotionProperties, buttonPalettes, buttonSizeProperties, buttonSizes, buttonStates, buttonVariants, colorModes, corePaletteColors, fontAliases, fontIds, fontSizeRamp, fontUrls, fontWeights, foregroundColors, foregroundPaletteColors, hues, hueSteps, iconButtonClassNames, iconButtonSizes, iconSizes, iconVariants, lineColors, lineHeightRamp, linePaletteColors, motionSpringConfig, motionSpringConfigOptions, motionVariants, motionVariantSpeeds, palette, regionModes, scaleEffectMap, scaleModes, spacingAliases, spacingMap, spectrumColors, tailwindColorsAsUds, textProperties, textTransforms, textVariants, tshirtSizes, };