@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.2

package/dist/tokens/configs/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["noneOrCustomEffectOptions: ButtonColorEffect[]","scaleEffectOptions: ButtonMotionEffect[]","defaultFillEffect: ButtonStateEffectConfig","defaultOutlineEffect: ButtonStateEffectConfig","defaultGhostEffect: ButtonStateEffectConfig","defaultShadows: ButtonShadowPropertyConfig","getDefaultButtonBaseMap: Record<\n  ButtonKind,\n  (alias: ButtonPalette) => ButtonBaseConfig\n>","button: ButtonConfig"],"sources":["../../../src/tokens/configs/button.ts"],"sourcesContent":["import type {\n  ButtonBaseConfig,\n  ButtonColorEffect,\n  ButtonConfig,\n  ButtonKind,\n  ButtonMotionEffect,\n  ButtonPalette,\n  ButtonShadowPropertyConfig,\n  ButtonStateEffectConfig,\n} from '../types';\n\nconst noneOrCustomEffectOptions: ButtonColorEffect[] = ['none', 'custom'];\nconst scaleEffectOptions: ButtonMotionEffect[] = ['none', 'up', 'down'];\n\nconst defaultFillEffect: ButtonStateEffectConfig = {\n  hover: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'up', options: scaleEffectOptions },\n  },\n  pressed: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'down', options: scaleEffectOptions },\n  },\n};\n\nconst defaultOutlineEffect: ButtonStateEffectConfig = {\n  hover: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'up', options: scaleEffectOptions },\n  },\n  pressed: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'down', options: scaleEffectOptions },\n  },\n};\n\nconst defaultGhostEffect: ButtonStateEffectConfig = {\n  hover: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'up', options: scaleEffectOptions },\n  },\n  pressed: {\n    backgroundColor: { value: 'none', options: noneOrCustomEffectOptions },\n    borderColor: { value: 'none', options: noneOrCustomEffectOptions },\n    color: { value: 'none', options: noneOrCustomEffectOptions },\n    scale: { value: 'down', options: scaleEffectOptions },\n  },\n};\n\nconst defaultShadows: ButtonShadowPropertyConfig = {\n  dropShadow: {\n    value: 'none',\n    config: null,\n  },\n  insetShadow: {\n    value: 'none',\n    config: null,\n  },\n};\n\nfunction getDefaultFillBase(alias: ButtonPalette): ButtonBaseConfig {\n  return {\n    borderWidth: 'none',\n    borderRadius: 'full',\n    borderColor: {\n      type: 'palette',\n      value: 'transparent',\n    },\n    backgroundColor: {\n      type: 'palette',\n      value: alias,\n    },\n    color: {\n      type: 'palette',\n      value: 'on-color',\n    },\n    scale: 'none',\n    ...defaultShadows,\n  };\n}\n\nfunction getDefaultOutlineBase(alias: ButtonPalette): ButtonBaseConfig {\n  return {\n    borderWidth: 'thin',\n    borderRadius: 'full',\n    backgroundColor: {\n      type: 'palette',\n      value: 'transparent',\n    },\n    borderColor: {\n      type: 'palette',\n      value: alias,\n    },\n    color: {\n      type: 'palette',\n      value: alias,\n    },\n    scale: 'none',\n    ...defaultShadows,\n  };\n}\n\nfunction getDefaultGhostBase(alias: ButtonPalette): ButtonBaseConfig {\n  return {\n    borderWidth: 'none',\n    borderRadius: 'full',\n    backgroundColor: {\n      type: 'palette',\n      value: 'transparent',\n    },\n    borderColor: {\n      type: 'palette',\n      value: 'transparent',\n    },\n    color: {\n      type: 'palette',\n      value: alias,\n    },\n    scale: 'none',\n    ...defaultShadows,\n  };\n}\n\nexport const getDefaultButtonBaseMap: Record<\n  ButtonKind,\n  (alias: ButtonPalette) => ButtonBaseConfig\n> = {\n  fill: getDefaultFillBase,\n  outline: getDefaultOutlineBase,\n  ghost: getDefaultGhostBase,\n};\n\nexport const button: ButtonConfig = {\n  defaults: {\n    palette: 'accent',\n    variant: 'primary',\n    size: 'md',\n  },\n  size: {\n    sm: {\n      spacingHorizontal: '4',\n      spacingVertical: '1',\n      gap: '2',\n      iconSize: 'sm',\n      textVariant: 'label1',\n    },\n    md: {\n      spacingHorizontal: '6',\n      spacingVertical: '3',\n      gap: '2',\n      iconSize: 'sm',\n      textVariant: 'label1',\n    },\n    lg: {\n      spacingHorizontal: '7',\n      spacingVertical: '4',\n      gap: '2',\n      iconSize: 'md',\n      textVariant: 'headline1',\n    },\n  },\n  palette: {\n    info: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('info'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'blue-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'blue-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('info'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'blue-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'blue-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'blue-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'blue-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('info'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'blue-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'info',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'blue-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'info',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n    accent: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('accent'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'carbon-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'carbon-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('accent'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'carbon-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'carbon-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'carbon-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'carbon-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('accent'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'carbon-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'accent',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'carbon-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'accent',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n    brand: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('brand'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'purple-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'purple-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('brand'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'purple-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'purple-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'purple-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'purple-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('brand'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'purple-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'brand',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'purple-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'brand',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n    alert: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('alert'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'red-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'red-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('alert'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'red-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'red-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'red-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'red-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('alert'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'red-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'alert',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'red-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'alert',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n    positive: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('positive'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'green-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'green-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('positive'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'green-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'green-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'green-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'green-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('positive'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'green-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'positive',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'green-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'positive',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n    warning: {\n      primary: {\n        kind: 'fill',\n        effect: defaultFillEffect,\n        base: getDefaultFillBase('warning'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'orange-10',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'orange-11',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'on-color',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      secondary: {\n        kind: 'outline',\n        effect: defaultOutlineEffect,\n        base: getDefaultOutlineBase('warning'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'orange-10',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'orange-10',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            borderColor: {\n              type: 'spectrum',\n              value: 'orange-11',\n            },\n            color: {\n              type: 'spectrum',\n              value: 'orange-11',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n      tertiary: {\n        kind: 'ghost',\n        effect: defaultGhostEffect,\n        base: getDefaultGhostBase('warning'),\n        state: {\n          hover: {\n            scale: 'up',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'orange-2',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'warning',\n            },\n            ...defaultShadows,\n          },\n          pressed: {\n            scale: 'down',\n            backgroundColor: {\n              type: 'spectrum',\n              value: 'orange-4',\n            },\n            borderColor: {\n              type: 'palette',\n              value: 'transparent',\n            },\n            color: {\n              type: 'palette',\n              value: 'warning',\n            },\n            ...defaultShadows,\n          },\n        },\n      },\n    },\n  },\n};\n"],"mappings":";;AAWA,MAAMA,4BAAiD,CAAC,QAAQ,SAAS;AACzE,MAAMC,qBAA2C;CAAC;CAAQ;CAAM;CAAO;AAEvE,MAAMC,oBAA6C;CACjD,OAAO;EACL,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAM,SAAS;GAAoB;EACpD;CACD,SAAS;EACP,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAQ,SAAS;GAAoB;EACtD;CACF;AAED,MAAMC,uBAAgD;CACpD,OAAO;EACL,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAM,SAAS;GAAoB;EACpD;CACD,SAAS;EACP,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAQ,SAAS;GAAoB;EACtD;CACF;AAED,MAAMC,qBAA8C;CAClD,OAAO;EACL,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAM,SAAS;GAAoB;EACpD;CACD,SAAS;EACP,iBAAiB;GAAE,OAAO;GAAQ,SAAS;GAA2B;EACtE,aAAa;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAClE,OAAO;GAAE,OAAO;GAAQ,SAAS;GAA2B;EAC5D,OAAO;GAAE,OAAO;GAAQ,SAAS;GAAoB;EACtD;CACF;AAED,MAAMC,iBAA6C;CACjD,YAAY;EACV,OAAO;EACP,QAAQ;EACT;CACD,aAAa;EACX,OAAO;EACP,QAAQ;EACT;CACF;AAED,SAAS,mBAAmB,OAAwC;AAClE,QAAO;EACL,aAAa;EACb,cAAc;EACd,aAAa;GACX,MAAM;GACN,OAAO;GACR;EACD,iBAAiB;GACf,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;EACP,GAAG;EACJ;;AAGH,SAAS,sBAAsB,OAAwC;AACrE,QAAO;EACL,aAAa;EACb,cAAc;EACd,iBAAiB;GACf,MAAM;GACN,OAAO;GACR;EACD,aAAa;GACX,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;EACP,GAAG;EACJ;;AAGH,SAAS,oBAAoB,OAAwC;AACnE,QAAO;EACL,aAAa;EACb,cAAc;EACd,iBAAiB;GACf,MAAM;GACN,OAAO;GACR;EACD,aAAa;GACX,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACR;EACD,OAAO;EACP,GAAG;EACJ;;AAGH,MAAaC,0BAGT;CACF,MAAM;CACN,SAAS;CACT,OAAO;CACR;AAED,MAAaC,SAAuB;CAClC,UAAU;EACR,SAAS;EACT,SAAS;EACT,MAAM;EACP;CACD,MAAM;EACJ,IAAI;GACF,mBAAmB;GACnB,iBAAiB;GACjB,KAAK;GACL,UAAU;GACV,aAAa;GACd;EACD,IAAI;GACF,mBAAmB;GACnB,iBAAiB;GACjB,KAAK;GACL,UAAU;GACV,aAAa;GACd;EACD,IAAI;GACF,mBAAmB;GACnB,iBAAiB;GACjB,KAAK;GACL,UAAU;GACV,aAAa;GACd;EACF;CACD,SAAS;EACP,MAAM;GACJ,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,OAAO;IAChC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,OAAO;IACnC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,OAAO;IACjC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACD,QAAQ;GACN,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,SAAS;IAClC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,SAAS;IACrC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,SAAS;IACnC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACD,OAAO;GACL,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,QAAQ;IACjC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,QAAQ;IACpC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,QAAQ;IAClC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACD,OAAO;GACL,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,QAAQ;IACjC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,QAAQ;IACpC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,QAAQ;IAClC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACD,UAAU;GACR,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,WAAW;IACpC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,WAAW;IACvC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,WAAW;IACrC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACD,SAAS;GACP,SAAS;IACP,MAAM;IACN,QAAQ;IACR,MAAM,mBAAmB,UAAU;IACnC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,WAAW;IACT,MAAM;IACN,QAAQ;IACR,MAAM,sBAAsB,UAAU;IACtC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACD,UAAU;IACR,MAAM;IACN,QAAQ;IACR,MAAM,oBAAoB,UAAU;IACpC,OAAO;KACL,OAAO;MACL,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACD,SAAS;MACP,OAAO;MACP,iBAAiB;OACf,MAAM;OACN,OAAO;OACR;MACD,aAAa;OACX,MAAM;OACN,OAAO;OACR;MACD,OAAO;OACL,MAAM;OACN,OAAO;OACR;MACD,GAAG;MACJ;KACF;IACF;GACF;EACF;CACF"}

package/dist/tokens/configs/colorMode.cjs

@@ -0,0 +1,18 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_configs_palette = require('./palette.cjs');
+const require_tokens_configs_spectrum = require('./spectrum.cjs');
+
+//#region src/tokens/configs/colorMode.ts
+const colorMode = {
+	light: {
+		palette: require_tokens_configs_palette.lightPalette,
+		spectrum: require_tokens_configs_spectrum.lightSpectrum
+	},
+	dark: {
+		palette: require_tokens_configs_palette.darkPalette,
+		spectrum: require_tokens_configs_spectrum.darkSpectrum
+	}
+};
+
+//#endregion
+exports.colorMode = colorMode;

package/dist/tokens/configs/colorMode.d.cts

@@ -0,0 +1,7 @@
+import { ColorModeConfig } from "../types.cjs";
+
+//#region src/tokens/configs/colorMode.d.ts
+declare const colorMode: ColorModeConfig;
+//#endregion
+export { colorMode };
+//# sourceMappingURL=colorMode.d.cts.map

package/dist/tokens/configs/colorMode.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMode.d.cts","names":[],"sources":["../../../src/tokens/configs/colorMode.ts"],"sourcesContent":[],"mappings":";;;cAIa,WAAW"}

package/dist/tokens/configs/colorMode.d.ts

@@ -0,0 +1,7 @@
+import { ColorModeConfig } from "../types.js";
+
+//#region src/tokens/configs/colorMode.d.ts
+declare const colorMode: ColorModeConfig;
+//#endregion
+export { colorMode };
+//# sourceMappingURL=colorMode.d.ts.map

package/dist/tokens/configs/colorMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMode.d.ts","names":[],"sources":["../../../src/tokens/configs/colorMode.ts"],"sourcesContent":[],"mappings":";;;cAIa,WAAW"}

package/dist/tokens/configs/colorMode.js

@@ -0,0 +1,19 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { darkPalette, lightPalette } from "./palette.js";
+import { darkSpectrum, lightSpectrum } from "./spectrum.js";
+
+//#region src/tokens/configs/colorMode.ts
+const colorMode = {
+	light: {
+		palette: lightPalette,
+		spectrum: lightSpectrum
+	},
+	dark: {
+		palette: darkPalette,
+		spectrum: darkSpectrum
+	}
+};
+
+//#endregion
+export { colorMode };
+//# sourceMappingURL=colorMode.js.map

package/dist/tokens/configs/colorMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorMode.js","names":["colorMode: ColorModeConfig"],"sources":["../../../src/tokens/configs/colorMode.ts"],"sourcesContent":["import type { ColorModeConfig } from '../types';\nimport { darkPalette, lightPalette } from './palette';\nimport { darkSpectrum, lightSpectrum } from './spectrum';\n\nexport const colorMode: ColorModeConfig = {\n  light: {\n    palette: lightPalette,\n    spectrum: lightSpectrum,\n  },\n  dark: {\n    palette: darkPalette,\n    spectrum: darkSpectrum,\n  },\n};\n"],"mappings":";;;;;AAIA,MAAaA,YAA6B;CACxC,OAAO;EACL,SAAS;EACT,UAAU;EACX;CACD,MAAM;EACJ,SAAS;EACT,UAAU;EACX;CACF"}

package/dist/tokens/configs/font.cjs

@@ -0,0 +1,13 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/configs/font.ts
+const font = {
+	sans: "yahoo-product-sans",
+	"sans-alt": "yahoo-sans-condensed",
+	serif: "yahoo-serif-display",
+	"serif-alt": "yahoo-serif-text",
+	mono: "roboto-mono"
+};
+
+//#endregion
+exports.font = font;

package/dist/tokens/configs/font.d.cts

@@ -0,0 +1,7 @@
+import { FontConfig } from "../types.cjs";
+
+//#region src/tokens/configs/font.d.ts
+declare const font: FontConfig;
+//#endregion
+export { font };
+//# sourceMappingURL=font.d.cts.map

package/dist/tokens/configs/font.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.d.cts","names":[],"sources":["../../../src/tokens/configs/font.ts"],"sourcesContent":[],"mappings":";;;cAEa,MAAM"}

package/dist/tokens/configs/font.d.ts

@@ -0,0 +1,7 @@
+import { FontConfig } from "../types.js";
+
+//#region src/tokens/configs/font.d.ts
+declare const font: FontConfig;
+//#endregion
+export { font };
+//# sourceMappingURL=font.d.ts.map

package/dist/tokens/configs/font.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.d.ts","names":[],"sources":["../../../src/tokens/configs/font.ts"],"sourcesContent":[],"mappings":";;;cAEa,MAAM"}

package/dist/tokens/configs/font.js

@@ -0,0 +1,13 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/configs/font.ts
+const font = {
+	sans: "yahoo-product-sans",
+	"sans-alt": "yahoo-sans-condensed",
+	serif: "yahoo-serif-display",
+	"serif-alt": "yahoo-serif-text",
+	mono: "roboto-mono"
+};
+
+//#endregion
+export { font };
+//# sourceMappingURL=font.js.map

package/dist/tokens/configs/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","names":["font: FontConfig"],"sources":["../../../src/tokens/configs/font.ts"],"sourcesContent":["import type { FontConfig } from '../types';\n\nexport const font: FontConfig = {\n  sans: 'yahoo-product-sans',\n  'sans-alt': 'yahoo-sans-condensed',\n  serif: 'yahoo-serif-display',\n  'serif-alt': 'yahoo-serif-text',\n  mono: 'roboto-mono',\n};\n"],"mappings":";;AAEA,MAAaA,OAAmB;CAC9B,MAAM;CACN,YAAY;CACZ,OAAO;CACP,aAAa;CACb,MAAM;CACP"}

package/dist/tokens/configs/iconButton.cjs

@@ -0,0 +1,32 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_configs_button = require('./button.cjs');
+
+//#region src/tokens/configs/iconButton.ts
+const iconButton = {
+	defaults: require_tokens_configs_button.button.defaults,
+	size: {
+		xs: {
+			spacing: "1",
+			iconSize: "sm"
+		},
+		sm: {
+			spacing: require_tokens_configs_button.button.size.sm.spacingVertical,
+			iconSize: require_tokens_configs_button.button.size.sm.iconSize
+		},
+		md: {
+			spacing: require_tokens_configs_button.button.size.md.spacingVertical,
+			iconSize: require_tokens_configs_button.button.size.md.iconSize
+		},
+		lg: {
+			spacing: require_tokens_configs_button.button.size.lg.spacingVertical,
+			iconSize: require_tokens_configs_button.button.size.lg.iconSize
+		},
+		xl: {
+			spacing: "4",
+			iconSize: "lg"
+		}
+	}
+};
+
+//#endregion
+exports.iconButton = iconButton;

package/dist/tokens/configs/iconButton.d.cts

@@ -0,0 +1,7 @@
+import { IconButtonConfig } from "../types.cjs";
+
+//#region src/tokens/configs/iconButton.d.ts
+declare const iconButton: IconButtonConfig;
+//#endregion
+export { iconButton };
+//# sourceMappingURL=iconButton.d.cts.map

package/dist/tokens/configs/iconButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.d.cts","names":[],"sources":["../../../src/tokens/configs/iconButton.ts"],"sourcesContent":[],"mappings":";;;cAGa,YAAY"}

package/dist/tokens/configs/iconButton.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonConfig } from "../types.js";
+
+//#region src/tokens/configs/iconButton.d.ts
+declare const iconButton: IconButtonConfig;
+//#endregion
+export { iconButton };
+//# sourceMappingURL=iconButton.d.ts.map

package/dist/tokens/configs/iconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.d.ts","names":[],"sources":["../../../src/tokens/configs/iconButton.ts"],"sourcesContent":[],"mappings":";;;cAGa,YAAY"}

package/dist/tokens/configs/iconButton.js

@@ -0,0 +1,33 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { button } from "./button.js";
+
+//#region src/tokens/configs/iconButton.ts
+const iconButton = {
+	defaults: button.defaults,
+	size: {
+		xs: {
+			spacing: "1",
+			iconSize: "sm"
+		},
+		sm: {
+			spacing: button.size.sm.spacingVertical,
+			iconSize: button.size.sm.iconSize
+		},
+		md: {
+			spacing: button.size.md.spacingVertical,
+			iconSize: button.size.md.iconSize
+		},
+		lg: {
+			spacing: button.size.lg.spacingVertical,
+			iconSize: button.size.lg.iconSize
+		},
+		xl: {
+			spacing: "4",
+			iconSize: "lg"
+		}
+	}
+};
+
+//#endregion
+export { iconButton };
+//# sourceMappingURL=iconButton.js.map

package/dist/tokens/configs/iconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.js","names":["iconButton: IconButtonConfig"],"sources":["../../../src/tokens/configs/iconButton.ts"],"sourcesContent":["import type { IconButtonConfig } from '../types';\nimport { button } from './button';\n\nexport const iconButton: IconButtonConfig = {\n  defaults: button.defaults,\n  size: {\n    xs: {\n      spacing: '1',\n      iconSize: 'sm',\n    },\n    sm: {\n      spacing: button.size.sm.spacingVertical,\n      iconSize: button.size.sm.iconSize,\n    },\n    md: {\n      spacing: button.size.md.spacingVertical,\n      iconSize: button.size.md.iconSize,\n    },\n    lg: {\n      spacing: button.size.lg.spacingVertical,\n      iconSize: button.size.lg.iconSize,\n    },\n    xl: {\n      spacing: '4',\n      iconSize: 'lg',\n    },\n  },\n};\n"],"mappings":";;;;AAGA,MAAaA,aAA+B;CAC1C,UAAU,OAAO;CACjB,MAAM;EACJ,IAAI;GACF,SAAS;GACT,UAAU;GACX;EACD,IAAI;GACF,SAAS,OAAO,KAAK,GAAG;GACxB,UAAU,OAAO,KAAK,GAAG;GAC1B;EACD,IAAI;GACF,SAAS,OAAO,KAAK,GAAG;GACxB,UAAU,OAAO,KAAK,GAAG;GAC1B;EACD,IAAI;GACF,SAAS,OAAO,KAAK,GAAG;GACxB,UAAU,OAAO,KAAK,GAAG;GAC1B;EACD,IAAI;GACF,SAAS;GACT,UAAU;GACX;EACF;CACF"}

package/dist/tokens/configs/motion.cjs

@@ -0,0 +1,137 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/configs/motion.ts
+const animation = {
+	none: "none",
+	spin: "spin 1s linear infinite",
+	ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+	pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+	bounce: "bounce 1s infinite"
+};
+const transitionDelay = {
+	"0": "0s",
+	"75": "75ms",
+	"100": "100ms",
+	"150": "150ms",
+	"200": "200ms",
+	"300": "300ms",
+	"500": "500ms",
+	"700": "700ms",
+	"1000": "1000ms"
+};
+const transitionDuration = {
+	"0": "0s",
+	"75": "75ms",
+	"100": "100ms",
+	"150": "150ms",
+	"200": "200ms",
+	"300": "300ms",
+	"500": "500ms",
+	"700": "700ms",
+	"1000": "1000ms"
+};
+const transitionTiming = {
+	linear: "linear",
+	in: "cubic-bezier(0.4, 0, 1, 1)",
+	out: "cubic-bezier(0, 0, 0.2, 1)",
+	"in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const motion = {
+	damped: {
+		"1": {
+			damping: 20.585796264350424,
+			stiffness: 62.37968115365702
+		},
+		"2": {
+			damping: 29.312551281312288,
+			stiffness: 126.47801753759964
+		},
+		"3": {
+			damping: 48.92799401356162,
+			stiffness: 352.3892336537332
+		},
+		"4": {
+			damping: 123.42690994256348,
+			stiffness: 2242.474548821137
+		}
+	},
+	smooth: {
+		"1": {
+			damping: 16.46863701148034,
+			stiffness: 67.80400125397502
+		},
+		"2": {
+			damping: 23.45004102504983,
+			stiffness: 137.47610601913004
+		},
+		"3": {
+			damping: 39.1423952108493,
+			stiffness: 383.03177571057955
+		},
+		"4": {
+			damping: 98.7415279540508,
+			stiffness: 2437.4723356751488
+		}
+	},
+	subtle: {
+		"1": {
+			damping: 13.04316051309243,
+			stiffness: 67.80400125397502
+		},
+		"2": {
+			damping: 18.572432491839468,
+			stiffness: 137.47610601913004
+		},
+		"3": {
+			damping: 31.000777006992646,
+			stiffness: 383.03177571057955
+		},
+		"4": {
+			damping: 78.20329013960823,
+			stiffness: 2437.4723356751488
+		}
+	},
+	bouncy: {
+		"1": {
+			damping: 9.229712940600143,
+			stiffness: 48.880672622541795
+		},
+		"2": {
+			damping: 12.634144343496553,
+			stiffness: 91.59092691366399
+		},
+		"3": {
+			damping: 19.40217701790486,
+			stiffness: 216.00395877230474
+		},
+		"4": {
+			damping: 37.541723184430275,
+			stiffness: 808.7032559422912
+		}
+	},
+	veryBouncy: {
+		"1": {
+			damping: 6.902290754946187,
+			stiffness: 38.92152745126911
+		},
+		"2": {
+			damping: 9.155550514215523,
+			stiffness: 68.48134828711234
+		},
+		"3": {
+			damping: 13.244464908166709,
+			stiffness: 143.30858570843873
+		},
+		"4": {
+			damping: 22.17862652876726,
+			stiffness: 401.85804919502965
+		}
+	}
+};
+
+//#endregion
+exports.animation = animation;
+exports.motion = motion;
+exports.transitionDelay = transitionDelay;
+exports.transitionDuration = transitionDuration;
+exports.transitionTiming = transitionTiming;

package/dist/tokens/configs/motion.d.cts

@@ -0,0 +1,43 @@
+import { MotionConfig } from "../types.cjs";
+import "../index.cjs";
+
+//#region src/tokens/configs/motion.d.ts
+declare const animation: {
+  none: string;
+  spin: string;
+  ping: string;
+  pulse: string;
+  bounce: string;
+};
+declare const transitionDelay: {
+  '0': string;
+  '75': string;
+  '100': string;
+  '150': string;
+  '200': string;
+  '300': string;
+  '500': string;
+  '700': string;
+  '1000': string;
+};
+declare const transitionDuration: {
+  '0': string;
+  '75': string;
+  '100': string;
+  '150': string;
+  '200': string;
+  '300': string;
+  '500': string;
+  '700': string;
+  '1000': string;
+};
+declare const transitionTiming: {
+  linear: string;
+  in: string;
+  out: string;
+  'in-out': string;
+};
+declare const motion: MotionConfig;
+//#endregion
+export { animation, motion, transitionDelay, transitionDuration, transitionTiming };
+//# sourceMappingURL=motion.d.cts.map

package/dist/tokens/configs/motion.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.cts","names":[],"sources":["../../../src/tokens/configs/motion.ts"],"sourcesContent":[],"mappings":";;;;cAEM;;;EAAA,IAAA,CAAA,CAAA,MAML;EAEK,KAAA,CAAA,CAAA,MAAA;EAYA,MAAA,CAAA,CAAA,MAAA;AAUL,CAAA;AAOA,OAAA,CAAA,KAAA,CA7BK,eA+BQ,CAAA,CAAA;;;;;;;;;;;cAnBR;;;;;;;;;;;cAYA;;;;;;cAOA,QAAQ"}

package/dist/tokens/configs/motion.d.ts

@@ -0,0 +1,43 @@
+import { MotionConfig } from "../types.js";
+import "../index.js";
+
+//#region src/tokens/configs/motion.d.ts
+declare const animation: {
+  none: string;
+  spin: string;
+  ping: string;
+  pulse: string;
+  bounce: string;
+};
+declare const transitionDelay: {
+  '0': string;
+  '75': string;
+  '100': string;
+  '150': string;
+  '200': string;
+  '300': string;
+  '500': string;
+  '700': string;
+  '1000': string;
+};
+declare const transitionDuration: {
+  '0': string;
+  '75': string;
+  '100': string;
+  '150': string;
+  '200': string;
+  '300': string;
+  '500': string;
+  '700': string;
+  '1000': string;
+};
+declare const transitionTiming: {
+  linear: string;
+  in: string;
+  out: string;
+  'in-out': string;
+};
+declare const motion: MotionConfig;
+//#endregion
+export { animation, motion, transitionDelay, transitionDuration, transitionTiming };
+//# sourceMappingURL=motion.d.ts.map

package/dist/tokens/configs/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","names":[],"sources":["../../../src/tokens/configs/motion.ts"],"sourcesContent":[],"mappings":";;;;cAEM;;;EAAA,IAAA,CAAA,CAAA,MAML;EAEK,KAAA,CAAA,CAAA,MAAA;EAYA,MAAA,CAAA,CAAA,MAAA;AAUL,CAAA;AAOA,OAAA,CAAA,KAAA,CA7BK,eA+BQ,CAAA,CAAA;;;;;;;;;;;cAnBR;;;;;;;;;;;cAYA;;;;;;cAOA,QAAQ"}