@genesislcap/foundation-zero 9.0.1-alpha-b5c5eb7.0

package/dist/459.e993b17b6c90318fc9f52bc1d5d9b5bf.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://@genesislcap/foundation-zero/./src/_common/colors.hex.ts","webpack://@genesislcap/foundation-zero/./src/_common/colors.util.ts","webpack://@genesislcap/foundation-zero/./src/_config/styles/colors.ts","webpack://@genesislcap/foundation-zero/./src/anchor/anchor.styles.ts","webpack://@genesislcap/foundation-zero/./src/anchor/anchor.template.ts","webpack://@genesislcap/foundation-zero/./src/anchor/anchor.ts","webpack://@genesislcap/foundation-zero/./src/button/button.styles.ts","webpack://@genesislcap/foundation-zero/./src/utils/behaviors.ts"],"names":["ColorHEX","PrimaryRapidColorHEX","SecondaryRapidColorHEX","NeutralRapidColorHEX","RapidColorHEX","getWebRGBA","rgb","alpha","ColorRGBA64","r","g","b","toStringWebRGBA","whiteRGB","parseColorHexRGB","whiteWebRGBA","blackRGB","blackWebRGBA","rapidBGColorHEX","rapidBGColor","rapidDefaultFillColor","SwatchRGB","rapidCardBGColor","rapidDefaultCardFillColor","rapidDefaultCardPalette","PaletteRGB","primaryBlueRGB","primaryBlueWebRGBA","accentBlueSwatch","accentBluePalette","primaryPurpleRGB","primaryPurpleWebRGBA","secondaryOrangeRGB","secondaryOrangeWebRGBA","secondaryTealRGB","secondaryTealWebRGBA","longGreenRGB","longGreenWebRGBA","shortPinkRGB","shortPinkWebRGBA","warningYellowRGB","warningYellowWebRGBA","chartPinkRGB","chartPinkWebRGBA","zeroAnchorStyles","context","definition","css","foundationAnchorStyles","withBehaviors","behaviors","zeroAnchorTemplate","foundationAnchorTemplate","Anchor","zeroAnchor","compose","baseName","template","styles","shadowOptions","foundationAnchorShadowOptions","defaultAnchorConfig","stockStateOpacity","activeStateOpacity","activeStateFontOpacity","zeroPrimaryBlueStyles","zeroPrimaryPurpleStyles","zeroPrimaryGradientStyles","zeroSecondaryOrangeStyles","zeroSecondaryTealStyles","zeroNeutralGreyStyles","neutralFillRest","neutralStrokeRest","neutralFillHover","neutralFillActive","neutralStrokeActive","neutralForegroundRest","zeroOutlinePrimaryGradientStyles","zeroOutlineSecondaryOrangeStyles","zeroOutlineSecondaryTealStyles","zeroButtonStyles","foundationButtonStyles","appearanceBehavior","value","PropertyStyleSheetBehavior"],"mappings":"2IAAA,IAAYA,EAaAC,EAKAC,EAKAC,EAKAC,E,sDA5BZ,SAAYJ,GACV,kBACA,kBACA,wBAEA,sBAEA,uBAEA,qBACA,sBACD,CAXD,CAAYA,MAAQ,KAapB,SAAYC,GACV,iBACA,kBACD,CAHD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,mBACA,gBACD,CAHD,CAAYA,MAAsB,KAKlC,SAAYC,GACV,gBACD,CAFD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,sBACA,sBACA,sBACA,yBACA,kBACA,uBACA,gBACA,qBACA,uBACA,4BACA,mBACA,wBACA,kBACA,mBACA,oBACA,yBACA,kBACA,uBACA,oBACA,yBACA,gBACA,oBACD,CAvBD,CAAYA,MAAa,I,6DCrBlB,MAAMC,EAAa,CAACC,EAAkBC,EAAgB,IAC9C,IAAI,EAAAC,YAAYF,EAAIG,EAAGH,EAAII,EAAGJ,EAAIK,EAAGJ,GACtCK,iB,mOCKd,MAAMC,GAAW,IAAAC,kBAAiB,YACrBC,EAAe,CAACR,EAAgB,KACpC,OAAWM,EAAUN,GAMxBS,GAAW,IAAAF,kBAAiB,YACrBG,EAAe,CAACV,EAAgB,KACpC,OAAWS,EAAUT,GAMjBW,EAAkB,UACzBC,GAA4B,IAAAL,kBAAiBI,GACtCE,EAAwB,EAAAC,UAAA,OACnCF,EAAaV,EACbU,EAAaT,EACbS,EAAaR,GAMTW,GAAgC,IAAAR,kBAAiB,WAC1CS,EAA4B,EAAAF,UAAA,OACvCC,EAAiBb,EACjBa,EAAiBZ,EACjBY,EAAiBX,GAENa,EAA0B,EAAAC,WAAA,KAAgBF,GAOjDG,GAAiB,IAAAZ,kBAAiB,WAC3Ba,EAAqB,CAACpB,EAAgB,KAC1C,OAAWmB,EAAgBnB,GAGvBqB,EAAmB,EAAAP,UAAA,OAC9BK,EAAejB,EACfiB,EAAehB,EACfgB,EAAef,GAEJkB,EAAoB,EAAAJ,WAAA,KAAgBG,GAO3CE,GAAmB,IAAAhB,kBAAiB,aAC7BiB,EAAuB,CAACxB,EAAgB,KAC5C,OAAWuB,EAAkBvB,GAQhCyB,GAAqB,IAAAlB,kBAAiB,aAC/BmB,EAAyB,CAAC1B,EAAgB,KAC9C,OAAWyB,EAAoBzB,GAQlC2B,GAAmB,IAAApB,kBAAiB,WAC7BqB,EAAuB,CAAC5B,EAAgB,KAC5C,OAAW2B,EAAkB3B,GAQhC6B,GAAe,IAAAtB,kBAAiB,gBACzBuB,EAAmB,CAAC9B,EAAgB,KACxC,OAAW6B,EAAc7B,GAG5B+B,GAAe,IAAAxB,kBAAiB,gBACzByB,EAAmB,CAAChC,EAAgB,KACxC,OAAW+B,EAAc/B,GAQ5BiC,GAAmB,IAAA1B,kBAAiB,oBAC7B2B,EAAuB,CAAClC,EAAgB,KAC5C,OAAWiC,EAAkBjC,GAQhCmC,GAAe,IAAA5B,kBAAiB,gBACzB6B,EAAmB,CAACpC,EAAgB,KACxC,OAAWmC,EAAcnC,E,iFCxH3B,MAAMqC,EAAmB,CAC9BC,EACAC,IAEA,EAAAC,GAAG;OACC,IAAAC,wBAAuBH,EAASC;OAChC,OAAiBD,EAASC;IAC5BG,kBAAiB,OAAiBJ,EAASC,GAAYI,U,6DCPpD,MAAMC,EAAqB,CAChCN,EACAC,KACyB,IAAAM,0BAAyBP,EAASC,E,yFCHtD,MAAMO,UAAe,UAErB,MAAMC,EAAaD,EAAOE,QAAQ,OAAD,QACtCC,SAAU,SACVC,SAAQ,IACRC,OAAM,IACNC,cAAe,EAAAC,+BACZ,EAAAC,qB,mRCSL,MAAMC,EAAoB,GACpBC,EAAqB,GACrBC,EAAyB,GAEzBC,EAAwB,EAAAlB,GAAG;;mBAEf,QAAmBe;wBACb;;;;kBAIN;;;;mBAIA,QAAmBC;yBACb,QAAmBD;cAC9B,QAAaE;;EAIpBE,EAA0B,EAAAnB,GAAG;;mBAEjB,QAAqBe;wBACf;;;;kBAIN;;;;mBAIA,QAAqBC;yBACf,QAAqBD;cAChC,QAAaE;;EAIpBG,EAA4B,EAAApB,GAAG;;;;;;;;QAQ7B;QACA;;;;;;;;;;QAUA;QACA;;;;;;;;;;SAUA,QAAmBe;SACnB,QAAqBA;;;;;cAKhB,QAAaE;;EAIpBI,EAA4B,EAAArB,GAAG;;mBAEnB,QAAuBe;wBACjB;;;;kBAIN;;;;mBAIA,QAAuBC;yBACjB,QAAuBD;cAClC,QAAaE;;EAIpBK,EAA0B,EAAAtB,GAAG;;mBAEjB,QAAqBe;wBACf;;;;kBAIN;;;;mBAIA,QAAqBC;yBACf,QAAqBD;cAChC,QAAaE;;EAIpBM,EAAwB,EAAAvB,GAAG;;kBAEf,EAAAwB;wBACM,EAAAC;;;;kBAIN,EAAAC;;;;kBAIA,EAAAC;wBACM,EAAAC;aACX,EAAAC;;EAIPC,EAAmC,EAAA9B,GAAG;;;;;;;;YAQhC;YACA;;;;;YAKA;YACA;;;;;;0BAMc;yBACD;;;;;;;;QAQjB;QACA;;;;;;;;;;aAUI,QAAmBe;aACnB,QAAqBA;;;;;aAKrB,QAAmBA;aACnB,QAAqBA;;;;;;2BAMP,QAAmBA;0BACpB,QAAqBA;cACjC,QAAaE;;EAIpBc,EAAmC,EAAA/B,GAAG;;;wBAGpB;;;;mBAIN,QAAuBe;;;;;yBAKjB,QAAuBA;cAClC,QAAaE;;EAIpBe,EAAiC,EAAAhC,GAAG;;;wBAGlB;;;;mBAIN,QAAqBe;;;;;yBAKf,QAAqBA;cAChC,QAAaE;;EAabgB,EAAmB,CAC9BnC,EACAC,IAEA,EAAAC,GAAG;OACC,IAAAkC,wBAAuBpC,EAASC;MAXlB,EAAAC,GAAG;;;;;IAanBE,eACA,OAAmB,eAAgBgB,IACnC,OAAmB,iBAAkBC,IACrC,OAAmB,mBAAoBC,IACvC,OAAmB,mBAAoBC,IACvC,OAAmB,iBAAkBC,IACrC,OAAmB,eAAgBC,IACnC,OAAmB,2BAA4BO,IAC/C,OAAmB,2BAA4BC,IAC/C,OAAmB,yBAA0BC,G,6DCpQ1C,SAASG,EAAmBC,EAAezB,GAChD,OAAO,IAAI,EAAA0B,2BAA2B,aAAcD,EAAOzB,EAC7D,C","file":"459.459.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["export enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum SecondaryRapidColorHEX {\n  orange = '#ff6d52',\n  teal = '#08c3a5',\n}\n\nexport enum NeutralRapidColorHEX {\n  grey = '#7c909b',\n}\n\n// TODO: Decide naming on these colors below\nexport enum RapidColorHEX {\n  chartPink = '#fb8176',\n  longGreen = '#7acc79',\n  shortPink = '#f14376',\n  warningYellow = 'fcb35f',\n  green = '#44c14c',\n  lightGreen = '#69cd70',\n  red = '#ef4d28',\n  lightRed = '#ee6588',\n  dodgerBlue = '#33a9ff',\n  lightDodgerBlue = '#5cbaff',\n  violet = '#9b1e74',\n  lightViolet = '#b528af',\n  white = '#f9f9f9',\n  silver = '#c1c1c1',\n  salomie = '#ffdf94',\n  lightSalomie = '#ccb276',\n  melon = '#ffbbb2',\n  lightMelon = '#cc968e',\n  portage = '#8a99f5',\n  lightPortage = '#adb8f8',\n  ice = '#97f4eb',\n  lightIce = '#6befe2',\n}\n","import { ColorRGBA64 } from '@microsoft/fast-colors';\n\n/**\n * Gets rgb(r, g, b, a) ready for CSS usages.\n *\n * @internal\n */\nexport const getWebRGBA = (rgb: ColorRGBA64, alpha: number = 1.0) => {\n  const rgba = new ColorRGBA64(rgb.r, rgb.g, rgb.b, alpha);\n  return rgba.toStringWebRGBA();\n};\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\nimport { PaletteRGB, SwatchRGB } from '@microsoft/fast-components';\nimport {\n  ColorHEX,\n  getWebRGBA,\n  NeutralRapidColorHEX,\n  PrimaryRapidColorHEX,\n  RapidColorHEX,\n  SecondaryRapidColorHEX,\n} from '../../_common';\n\n/**\n * @internal\n */\nconst whiteRGB = parseColorHexRGB(ColorHEX.white)!;\nexport const whiteWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(whiteRGB, alpha);\n};\n\n/**\n * @internal\n */\nconst blackRGB = parseColorHexRGB(ColorHEX.black)!;\nexport const blackWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(blackRGB, alpha);\n};\n\n/**\n * @internal\n */\nexport const rapidBGColorHEX = '#585858';\nconst rapidBGColor: ColorRGBA64 = parseColorHexRGB(rapidBGColorHEX)!;\nexport const rapidDefaultFillColor = SwatchRGB.create(\n  rapidBGColor.r,\n  rapidBGColor.g,\n  rapidBGColor.b\n);\n\n/**\n * @internal\n */\nconst rapidCardBGColor: ColorRGBA64 = parseColorHexRGB('#202126')!;\nexport const rapidDefaultCardFillColor = SwatchRGB.create(\n  rapidCardBGColor.r,\n  rapidCardBGColor.g,\n  rapidCardBGColor.b\n);\nexport const rapidDefaultCardPalette = PaletteRGB.from(rapidDefaultCardFillColor);\n\n/**\n * Primary Blue Color\n *\n * @internal\n */\nconst primaryBlueRGB = parseColorHexRGB(PrimaryRapidColorHEX.blue)!;\nexport const primaryBlueWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryBlueRGB, alpha);\n};\n\nexport const accentBlueSwatch = SwatchRGB.create(\n  primaryBlueRGB.r,\n  primaryBlueRGB.g,\n  primaryBlueRGB.b\n);\nexport const accentBluePalette = PaletteRGB.from(accentBlueSwatch);\n\n/**\n * Primary Purple Color\n *\n * @internal\n */\nconst primaryPurpleRGB = parseColorHexRGB(PrimaryRapidColorHEX.purple)!;\nexport const primaryPurpleWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryPurpleRGB, alpha);\n};\n\n/**\n * Secondary Orange Color\n *\n * @internal\n */\nconst secondaryOrangeRGB = parseColorHexRGB(SecondaryRapidColorHEX.orange)!;\nexport const secondaryOrangeWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryOrangeRGB, alpha);\n};\n\n/**\n * Secondary Teal Color\n *\n * @internal\n */\nconst secondaryTealRGB = parseColorHexRGB(SecondaryRapidColorHEX.teal)!;\nexport const secondaryTealWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryTealRGB, alpha);\n};\n\n/**\n * Long/Short Colors\n *\n * @internal\n */\nconst longGreenRGB = parseColorHexRGB(RapidColorHEX.longGreen)!;\nexport const longGreenWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(longGreenRGB, alpha);\n};\n\nconst shortPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const shortPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(shortPinkRGB, alpha);\n};\n\n/**\n * Warning/Error/Success Colors\n *\n * @internal\n */\nconst warningYellowRGB = parseColorHexRGB(RapidColorHEX.warningYellow)!;\nexport const warningYellowWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(warningYellowRGB, alpha);\n};\n\n/**\n * Charts Colors\n *\n * @internal\n */\nconst chartPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const chartPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(chartPinkRGB, alpha);\n};\n","import { foundationAnchorStyles } from '@genesislcap/foundation-ui';\nimport { css, ElementStyles } from '@microsoft/fast-element';\nimport type {\n  ElementDefinitionContext,\n  FoundationElementDefinition,\n} from '@microsoft/fast-foundation';\nimport { zeroButtonStyles } from '../button/button.styles';\n\nexport const zeroAnchorStyles = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ElementStyles =>\n  css`\n    ${foundationAnchorStyles(context, definition)}\n    ${zeroButtonStyles(context, definition)}\n  `.withBehaviors(...zeroButtonStyles(context, definition).behaviors);\n","import { foundationAnchorTemplate } from '@genesislcap/foundation-ui';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport type {\n  ElementDefinitionContext,\n  FoundationElementDefinition,\n} from '@microsoft/fast-foundation';\nimport type { Anchor } from './anchor';\n\nexport const zeroAnchorTemplate = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ViewTemplate<Anchor> => foundationAnchorTemplate(context, definition);\n","import {\n  Anchor as FoundationAnchor,\n  defaultAnchorConfig,\n  foundationAnchorShadowOptions,\n} from '@genesislcap/foundation-ui';\nimport { zeroAnchorTemplate as template } from './anchor.template';\nimport { zeroAnchorStyles as styles } from './anchor.styles';\n\nexport class Anchor extends FoundationAnchor {}\n\nexport const zeroAnchor = Anchor.compose({\n  baseName: 'anchor',\n  template,\n  styles,\n  shadowOptions: foundationAnchorShadowOptions,\n  ...defaultAnchorConfig,\n});\n","import { foundationButtonStyles } from '@genesislcap/foundation-ui';\nimport { css, ElementStyles } from '@microsoft/fast-element';\nimport type {\n  ElementDefinitionContext,\n  FoundationElementDefinition,\n} from '@microsoft/fast-foundation';\nimport {\n  primaryBlueWebRGBA,\n  primaryPurpleWebRGBA,\n  secondaryTealWebRGBA,\n  whiteWebRGBA,\n  secondaryOrangeWebRGBA,\n} from '../_config/styles/colors';\nimport { appearanceBehavior } from '../utils';\nimport { PrimaryRapidColorHEX, SecondaryRapidColorHEX } from '../_common';\nimport {\n  neutralFillActive,\n  neutralFillHover,\n  neutralFillRest,\n  neutralForegroundRest,\n  neutralStrokeActive,\n  neutralStrokeRest,\n} from '@microsoft/fast-components';\n\nconst stockStateOpacity = 0.3;\nconst activeStateOpacity = 0.1;\nconst activeStateFontOpacity = 0.5;\n\nconst zeroPrimaryBlueStyles = css`\n  :host([appearance='primary-blue']) {\n    background: ${primaryBlueWebRGBA(stockStateOpacity)};\n    border: 1px solid ${PrimaryRapidColorHEX.blue};\n  }\n\n  :host([appearance='primary-blue']:hover) {\n    background: ${PrimaryRapidColorHEX.blue};\n  }\n\n  :host([appearance='primary-blue']:active) {\n    background: ${primaryBlueWebRGBA(activeStateOpacity)};\n    border: 1px solid ${primaryBlueWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroPrimaryPurpleStyles = css`\n  :host([appearance='primary-purple']) {\n    background: ${primaryPurpleWebRGBA(stockStateOpacity)};\n    border: 1px solid ${PrimaryRapidColorHEX.purple};\n  }\n\n  :host([appearance='primary-purple']:hover) {\n    background: ${PrimaryRapidColorHEX.purple};\n  }\n\n  :host([appearance='primary-purple']:active) {\n    background: ${primaryPurpleWebRGBA(activeStateOpacity)};\n    border: 1px solid ${primaryPurpleWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroPrimaryGradientStyles = css`\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  :host([appearance='primary-gradient']) {\n    background-image: linear-gradient(\n      var(--primary-gradient-angle),\n      ${PrimaryRapidColorHEX.blue},\n      ${PrimaryRapidColorHEX.purple}\n    );\n    background-origin: border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;\n  }\n\n  :host([appearance='primary-gradient']:hover) {\n    background-image: linear-gradient(\n      var(--primary-gradient-angle),\n      ${PrimaryRapidColorHEX.blue},\n      ${PrimaryRapidColorHEX.purple}\n    );\n    background-origin: border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px transparent inset;\n  }\n\n  :host([appearance='primary-gradient']:active) {\n    background-image: linear-gradient(\n      var(--primary-gradient-angle),\n      ${primaryBlueWebRGBA(stockStateOpacity)},\n      ${primaryPurpleWebRGBA(stockStateOpacity)}\n    );\n    background-origin: border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px rgb(0 0 0 / 30%) inset;\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroSecondaryOrangeStyles = css`\n  :host([appearance='secondary-orange']) {\n    background: ${secondaryOrangeWebRGBA(stockStateOpacity)};\n    border: 1px solid ${SecondaryRapidColorHEX.orange};\n  }\n\n  :host([appearance='secondary-orange']:hover) {\n    background: ${SecondaryRapidColorHEX.orange};\n  }\n\n  :host([appearance='secondary-orange']:active) {\n    background: ${secondaryOrangeWebRGBA(activeStateOpacity)};\n    border: 1px solid ${secondaryOrangeWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroSecondaryTealStyles = css`\n  :host([appearance='secondary-teal']) {\n    background: ${secondaryTealWebRGBA(stockStateOpacity)};\n    border: 1px solid ${SecondaryRapidColorHEX.teal};\n  }\n\n  :host([appearance='secondary-teal']:hover) {\n    background: ${SecondaryRapidColorHEX.teal};\n  }\n\n  :host([appearance='secondary-teal']:active) {\n    background: ${secondaryTealWebRGBA(activeStateOpacity)};\n    border: 1px solid ${secondaryTealWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroNeutralGreyStyles = css`\n  :host([appearance='neutral-grey']) {\n    background: ${neutralFillRest};\n    border: 1px solid ${neutralStrokeRest};\n  }\n\n  :host([appearance='neutral-grey']:hover) {\n    background: ${neutralFillHover};\n  }\n\n  :host([appearance='neutral-grey']:active) {\n    background: ${neutralFillActive};\n    border: 1px solid ${neutralStrokeActive};\n    color: ${neutralForegroundRest};\n  }\n`;\n\nconst zeroOutlinePrimaryGradientStyles = css`\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  :host([appearance='outline-primary-gradient']) {\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${PrimaryRapidColorHEX.blue};\n    border-left-color: ${PrimaryRapidColorHEX.purple};\n  }\n\n  :host([appearance='outline-primary-gradient']:hover) {\n    background: unset;\n    background-repeat: unset;\n    background-image: linear-gradient(\n      var(--primary-gradient-angle),\n      ${PrimaryRapidColorHEX.blue},\n      ${PrimaryRapidColorHEX.purple}\n    );\n    background-origin: border-box;\n    box-shadow: 1px 1000px 1px rgb(0 0 0 / 50%) inset;\n  }\n\n  :host([appearance='outline-primary-gradient']:active) {\n    box-shadow: unset;\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${primaryBlueWebRGBA(stockStateOpacity)} 0%,\n          ${primaryPurpleWebRGBA(stockStateOpacity)} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${primaryBlueWebRGBA(stockStateOpacity)} 0%,\n          ${primaryPurpleWebRGBA(stockStateOpacity)} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${primaryBlueWebRGBA(stockStateOpacity)};\n    border-left-color: ${primaryPurpleWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroOutlineSecondaryOrangeStyles = css`\n  :host([appearance='outline-secondary-orange']) {\n    background: transparent;\n    border: 1px solid ${SecondaryRapidColorHEX.orange};\n  }\n\n  :host([appearance='outline-secondary-orange']:hover) {\n    background: ${secondaryOrangeWebRGBA(stockStateOpacity)};\n  }\n\n  :host([appearance='outline-secondary-orange']:active) {\n    background: transparent;\n    border: 1px solid ${secondaryOrangeWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst zeroOutlineSecondaryTealStyles = css`\n  :host([appearance='outline-secondary-teal']) {\n    background: transparent;\n    border: 1px solid ${SecondaryRapidColorHEX.teal};\n  }\n\n  :host([appearance='outline-secondary-teal']:hover) {\n    background: ${secondaryTealWebRGBA(stockStateOpacity)};\n  }\n\n  :host([appearance='outline-secondary-teal']:active) {\n    background: transparent;\n    border: 1px solid ${secondaryTealWebRGBA(stockStateOpacity)};\n    color: ${whiteWebRGBA(activeStateFontOpacity)};\n  }\n`;\n\nconst baseStyles = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ElementStyles => css`\n  :host {\n    margin: 5px;\n  }\n`;\n\nexport const zeroButtonStyles = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ElementStyles =>\n  css`\n    ${foundationButtonStyles(context, definition)}\n    ${baseStyles(context, definition)}\n  `.withBehaviors(\n    appearanceBehavior('primary-blue', zeroPrimaryBlueStyles),\n    appearanceBehavior('primary-purple', zeroPrimaryPurpleStyles),\n    appearanceBehavior('primary-gradient', zeroPrimaryGradientStyles),\n    appearanceBehavior('secondary-orange', zeroSecondaryOrangeStyles),\n    appearanceBehavior('secondary-teal', zeroSecondaryTealStyles),\n    appearanceBehavior('neutral-grey', zeroNeutralGreyStyles),\n    appearanceBehavior('outline-primary-gradient', zeroOutlinePrimaryGradientStyles),\n    appearanceBehavior('outline-secondary-orange', zeroOutlineSecondaryOrangeStyles),\n    appearanceBehavior('outline-secondary-teal', zeroOutlineSecondaryTealStyles)\n  );\n","import { ElementStyles } from '@microsoft/fast-element';\nimport { PropertyStyleSheetBehavior } from '@microsoft/fast-foundation';\n\n/**\n * Behavior that will conditionally apply a stylesheet based on the elements\n * appearance property\n *\n * @param value - The value of the appearance property\n * @param styles - The styles to be applied when condition matches\n *\n * @public\n */\nexport function appearanceBehavior(value: string, styles: ElementStyles) {\n  return new PropertyStyleSheetBehavior('appearance', value, styles);\n}\n"],"sourceRoot":""}

package/dist/5334.5334.97a40981bd5ca06003ad.js

@@ -0,0 +1,73 @@
+(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[5334],{2512:(e,o,t)=>{"use strict";var a,r,l,i,n;t.d(o,{q8:()=>a,x1:()=>r,Xs:()=>l,jf:()=>i,IX:()=>n}),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(a||(a={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(r||(r={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(l||(l={})),function(e){e.grey="#7c909b"}(i||(i={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(n||(n={}))},4023:(e,o,t)=>{"use strict";t.d(o,{b:()=>r});var a=t(2441);const r=(e,o=1)=>new a.ColorRGBA64(e.r,e.g,e.b,o).toStringWebRGBA()},3560:(e,o,t)=>{"use strict";t.d(o,{NT:()=>s,UR:()=>d,A8:()=>g,Hy:()=>b,X1:()=>p,Tb:()=>u,oq:()=>m,Td:()=>G,B3:()=>w,kZ:()=>R,Zx:()=>y,Yt:()=>k,FI:()=>F,Co:()=>$,LR:()=>S,xi:()=>X});var a=t(2441),r=t(2617),l=t(2512),i=t(4023);const n=(0,a.parseColorHexRGB)(l.q8.white),s=(e=1)=>(0,i.b)(n,e),c=(0,a.parseColorHexRGB)(l.q8.black),d=(e=1)=>(0,i.b)(c,e),g="#585858",f=(0,a.parseColorHexRGB)(g),b=r.SwatchRGB.create(f.r,f.g,f.b),h=(0,a.parseColorHexRGB)("#202126"),p=r.SwatchRGB.create(h.r,h.g,h.b),u=r.PaletteRGB.from(p),x=(0,a.parseColorHexRGB)(l.x1.blue),m=(e=1)=>(0,i.b)(x,e),G=r.SwatchRGB.create(x.r,x.g,x.b),w=r.PaletteRGB.from(G),v=(0,a.parseColorHexRGB)(l.x1.purple),R=(e=1)=>(0,i.b)(v,e),B=(0,a.parseColorHexRGB)(l.Xs.orange),y=(e=1)=>(0,i.b)(B,e),C=(0,a.parseColorHexRGB)(l.Xs.teal),k=(e=1)=>(0,i.b)(C,e),H=(0,a.parseColorHexRGB)(l.IX.longGreen),F=(e=1)=>(0,i.b)(H,e),M=(0,a.parseColorHexRGB)(l.IX.chartPink),$=(e=1)=>(0,i.b)(M,e),z=(0,a.parseColorHexRGB)(l.IX.warningYellow),S=(e=1)=>(0,i.b)(z,e),T=(0,a.parseColorHexRGB)(l.IX.chartPink),X=(e=1)=>(0,i.b)(T,e)},6735:(e,o,t)=>{"use strict";t.d(o,{D:()=>f});var a=t(1273),r=t(5186),l=t(2512),i=t(3560),n=t(2441),s=t(4023);const c=(0,n.parseColorHexRGB)("#121212"),d=(0,s.b)(c,1);var g=t(2617);const f=a.css`
+  ${r.foundationDialogStyles}
+  :host {
+    --dialog-background: ${g.neutralLayer2};
+  }
+
+  dialog {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    color: rgb(255 255 255 / 30%);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border: 1px solid ${l.q8.lightGrey};
+    text-align: left;
+    line-height: normal;
+    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
+  }
+
+  .top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: ${l.q8.almostWhite};
+    margin-bottom: calc(var(--design-unit) * 2px);
+  }
+
+  .bottom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    color: ${l.q8.almostWhite};
+  }
+
+  :host slot:first-of-type {
+    color: ${g.neutralForegroundRest};
+  }
+
+  ::slotted(zero-button) {
+    margin-top: calc(var(--design-unit) * 4px - 1px);
+  }
+
+  .content-wrapper {
+    min-width: var(--dialog-min-width);
+    min-height: var(--dialog-min-height);
+    height: fit-content;
+    width: fit-content;
+    max-width: var(--dialog-max-width);
+    max-height: var(--dialog-max-height);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: stretch;
+  }
+
+  .close-icon:hover svg {
+    background-color: ${(0,i.NT)(.05)};
+  }
+
+  .close-icon:hover svg g path {
+    fill: ${(0,i.NT)(1)};
+  }
+
+  .close-icon:active svg {
+    background-color: ${d};
+  }
+
+  .close-icon:active svg g path {
+    fill: ${(0,i.NT)(.33)};
+  }
+`},5334:(e,o,t)=>{"use strict";t.r(o),t.d(o,{Modal:()=>a.u_,defaultModalConfig:()=>a.zr,zeroModal:()=>a.x9,zeroModalShadowOptions:()=>a.rb,zeroModalStyles:()=>r.y,zeroModalTemplate:()=>l.foundationModalTemplate});var a=t(7406),r=t(7088),l=t(5186)},7088:(e,o,t)=>{"use strict";t.d(o,{y:()=>l});var a=t(1273),r=t(6735);const l=a.css`
+  ${r.D}
+`},7406:(e,o,t)=>{"use strict";t.d(o,{zr:()=>l,rb:()=>n,u_:()=>s,x9:()=>c});var a=t(5186),r=t(7088);const l=a.defaultModalConfig,i=a.foundationModalTemplate,n=a.foundationModalShadowOptions;class s extends a.Modal{}const c=s.compose(Object.assign({baseName:"modal",shadowOptions:n,styles:r.y,template:i},l))}}]);
+//# sourceMappingURL=5334.7974bc2491ca893dae04946f5d8f1892.js.map

package/dist/5334.7974bc2491ca893dae04946f5d8f1892.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://@genesislcap/foundation-zero/./src/_common/colors.hex.ts","webpack://@genesislcap/foundation-zero/./src/_common/colors.util.ts","webpack://@genesislcap/foundation-zero/./src/_config/styles/colors.ts","webpack://@genesislcap/foundation-zero/./src/dialog/styles/colors.ts","webpack://@genesislcap/foundation-zero/./src/dialog/dialog.styles.ts","webpack://@genesislcap/foundation-zero/./src/modal/modal.styles.ts","webpack://@genesislcap/foundation-zero/./src/modal/modal.ts"],"names":["ColorHEX","PrimaryRapidColorHEX","SecondaryRapidColorHEX","NeutralRapidColorHEX","RapidColorHEX","getWebRGBA","rgb","alpha","ColorRGBA64","r","g","b","toStringWebRGBA","whiteRGB","parseColorHexRGB","whiteWebRGBA","blackRGB","blackWebRGBA","rapidBGColorHEX","rapidBGColor","rapidDefaultFillColor","SwatchRGB","rapidCardBGColor","rapidDefaultCardFillColor","rapidDefaultCardPalette","PaletteRGB","primaryBlueRGB","primaryBlueWebRGBA","accentBlueSwatch","accentBluePalette","primaryPurpleRGB","primaryPurpleWebRGBA","secondaryOrangeRGB","secondaryOrangeWebRGBA","secondaryTealRGB","secondaryTealWebRGBA","longGreenRGB","longGreenWebRGBA","shortPinkRGB","shortPinkWebRGBA","warningYellowRGB","warningYellowWebRGBA","chartPinkRGB","chartPinkWebRGBA","rapidDialogActiveIconBGColor","defaultDialogActiveBGColor","zeroDialogStyles","css","foundationDialogStyles","neutralLayer2","neutralForegroundRest","zeroModalStyles","defaultModalConfig","zeroModalTemplate","foundationModalTemplate","zeroModalShadowOptions","foundationModalShadowOptions","Modal","zeroModal","compose","baseName","shadowOptions","styles","template"],"mappings":"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","file":"5334.5334.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["export enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum SecondaryRapidColorHEX {\n  orange = '#ff6d52',\n  teal = '#08c3a5',\n}\n\nexport enum NeutralRapidColorHEX {\n  grey = '#7c909b',\n}\n\n// TODO: Decide naming on these colors below\nexport enum RapidColorHEX {\n  chartPink = '#fb8176',\n  longGreen = '#7acc79',\n  shortPink = '#f14376',\n  warningYellow = 'fcb35f',\n  green = '#44c14c',\n  lightGreen = '#69cd70',\n  red = '#ef4d28',\n  lightRed = '#ee6588',\n  dodgerBlue = '#33a9ff',\n  lightDodgerBlue = '#5cbaff',\n  violet = '#9b1e74',\n  lightViolet = '#b528af',\n  white = '#f9f9f9',\n  silver = '#c1c1c1',\n  salomie = '#ffdf94',\n  lightSalomie = '#ccb276',\n  melon = '#ffbbb2',\n  lightMelon = '#cc968e',\n  portage = '#8a99f5',\n  lightPortage = '#adb8f8',\n  ice = '#97f4eb',\n  lightIce = '#6befe2',\n}\n","import { ColorRGBA64 } from '@microsoft/fast-colors';\n\n/**\n * Gets rgb(r, g, b, a) ready for CSS usages.\n *\n * @internal\n */\nexport const getWebRGBA = (rgb: ColorRGBA64, alpha: number = 1.0) => {\n  const rgba = new ColorRGBA64(rgb.r, rgb.g, rgb.b, alpha);\n  return rgba.toStringWebRGBA();\n};\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\nimport { PaletteRGB, SwatchRGB } from '@microsoft/fast-components';\nimport {\n  ColorHEX,\n  getWebRGBA,\n  NeutralRapidColorHEX,\n  PrimaryRapidColorHEX,\n  RapidColorHEX,\n  SecondaryRapidColorHEX,\n} from '../../_common';\n\n/**\n * @internal\n */\nconst whiteRGB = parseColorHexRGB(ColorHEX.white)!;\nexport const whiteWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(whiteRGB, alpha);\n};\n\n/**\n * @internal\n */\nconst blackRGB = parseColorHexRGB(ColorHEX.black)!;\nexport const blackWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(blackRGB, alpha);\n};\n\n/**\n * @internal\n */\nexport const rapidBGColorHEX = '#585858';\nconst rapidBGColor: ColorRGBA64 = parseColorHexRGB(rapidBGColorHEX)!;\nexport const rapidDefaultFillColor = SwatchRGB.create(\n  rapidBGColor.r,\n  rapidBGColor.g,\n  rapidBGColor.b\n);\n\n/**\n * @internal\n */\nconst rapidCardBGColor: ColorRGBA64 = parseColorHexRGB('#202126')!;\nexport const rapidDefaultCardFillColor = SwatchRGB.create(\n  rapidCardBGColor.r,\n  rapidCardBGColor.g,\n  rapidCardBGColor.b\n);\nexport const rapidDefaultCardPalette = PaletteRGB.from(rapidDefaultCardFillColor);\n\n/**\n * Primary Blue Color\n *\n * @internal\n */\nconst primaryBlueRGB = parseColorHexRGB(PrimaryRapidColorHEX.blue)!;\nexport const primaryBlueWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryBlueRGB, alpha);\n};\n\nexport const accentBlueSwatch = SwatchRGB.create(\n  primaryBlueRGB.r,\n  primaryBlueRGB.g,\n  primaryBlueRGB.b\n);\nexport const accentBluePalette = PaletteRGB.from(accentBlueSwatch);\n\n/**\n * Primary Purple Color\n *\n * @internal\n */\nconst primaryPurpleRGB = parseColorHexRGB(PrimaryRapidColorHEX.purple)!;\nexport const primaryPurpleWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryPurpleRGB, alpha);\n};\n\n/**\n * Secondary Orange Color\n *\n * @internal\n */\nconst secondaryOrangeRGB = parseColorHexRGB(SecondaryRapidColorHEX.orange)!;\nexport const secondaryOrangeWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryOrangeRGB, alpha);\n};\n\n/**\n * Secondary Teal Color\n *\n * @internal\n */\nconst secondaryTealRGB = parseColorHexRGB(SecondaryRapidColorHEX.teal)!;\nexport const secondaryTealWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryTealRGB, alpha);\n};\n\n/**\n * Long/Short Colors\n *\n * @internal\n */\nconst longGreenRGB = parseColorHexRGB(RapidColorHEX.longGreen)!;\nexport const longGreenWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(longGreenRGB, alpha);\n};\n\nconst shortPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const shortPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(shortPinkRGB, alpha);\n};\n\n/**\n * Warning/Error/Success Colors\n *\n * @internal\n */\nconst warningYellowRGB = parseColorHexRGB(RapidColorHEX.warningYellow)!;\nexport const warningYellowWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(warningYellowRGB, alpha);\n};\n\n/**\n * Charts Colors\n *\n * @internal\n */\nconst chartPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const chartPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(chartPinkRGB, alpha);\n};\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\nimport { getWebRGBA } from '../../_common';\n\n/**\n * @internal\n */\nconst rapidDialogActiveIconBGColor: ColorRGBA64 = parseColorHexRGB('#121212')!;\nconst dialogActiveIconBGAlpha = 1;\nexport const defaultDialogActiveBGColor = getWebRGBA(\n  rapidDialogActiveIconBGColor,\n  dialogActiveIconBGAlpha\n);\n","import { css } from '@microsoft/fast-element';\nimport { foundationDialogStyles } from '@genesislcap/foundation-ui';\nimport { ColorHEX } from '../_common';\nimport { whiteWebRGBA } from '../_config/styles/colors';\nimport { defaultDialogActiveBGColor } from './styles/colors';\nimport { neutralForegroundRest, neutralLayer2 } from '@microsoft/fast-components';\n\n// See https://www.fast.design/docs/fast-element/leveraging-css/, https://www.fast.design/docs/design-systems/fast-frame\n\nexport const zeroDialogStyles = css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n  }\n\n  dialog {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    color: rgb(255 255 255 / 30%);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border: 1px solid ${ColorHEX.lightGrey};\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: ${ColorHEX.almostWhite};\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: ${ColorHEX.almostWhite};\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(zero-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: ${whiteWebRGBA(0.05)};\n  }\n\n  .close-icon:hover svg g path {\n    fill: ${whiteWebRGBA(1)};\n  }\n\n  .close-icon:active svg {\n    background-color: ${defaultDialogActiveBGColor};\n  }\n\n  .close-icon:active svg g path {\n    fill: ${whiteWebRGBA(0.33)};\n  }\n`;\n","import { css } from '@microsoft/fast-element';\nimport { zeroDialogStyles } from '../dialog/dialog.styles';\n\nexport const zeroModalStyles = css`\n  ${zeroDialogStyles}\n`;\n","import {\n  Modal as FoundationModal,\n  foundationModalTemplate,\n  foundationModalShadowOptions,\n  defaultModalConfig as foundationConfig,\n} from '@genesislcap/foundation-ui';\nimport { zeroModalStyles } from './modal.styles';\n\nexport const defaultModalConfig = foundationConfig;\n\nexport const zeroModalTemplate = foundationModalTemplate;\n\nexport const zeroModalShadowOptions = foundationModalShadowOptions;\n\nexport class Modal extends FoundationModal {}\n\n/**\n * The Zero Modal\n *\n * @public\n * @remarks\n * HTML Element: \\<zero-modal\\>\n */\nexport const zeroModal = Modal.compose({\n  baseName: 'modal',\n  shadowOptions: zeroModalShadowOptions,\n  styles: zeroModalStyles,\n  template: zeroModalTemplate,\n  ...defaultModalConfig,\n});\n"],"sourceRoot":""}

package/dist/568.568.8153dba52749e407eb68.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[568],{1339:(e,r,a)=>{"use strict";a.d(r,{H:()=>o});var n=a(9398);function o(e,r){return new n.PropertyStyleSheetBehavior("appearance",e,r)}},568:(e,r,a)=>{"use strict";a.r(r),a.d(r,{appearanceBehavior:()=>n.H,logger:()=>o});var n=a(1339);const o=(0,a(5904).createLogger)("foundation-zero")}}]);
+//# sourceMappingURL=568.95e6dd0b9aac2bd2d9cbdc89027131fc.js.map

package/dist/568.95e6dd0b9aac2bd2d9cbdc89027131fc.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://@genesislcap/foundation-zero/./src/utils/behaviors.ts","webpack://@genesislcap/foundation-zero/./src/utils/logger.ts"],"names":["appearanceBehavior","value","styles","PropertyStyleSheetBehavior","logger","createLogger"],"mappings":"0KAYO,SAASA,EAAmBC,EAAeC,GAChD,OAAO,IAAI,EAAAC,2BAA2B,aAAcF,EAAOC,EAC7D,C,mGCbO,MAAME,GAAS,E,QAAAC,cAAa,kB","file":"568.568.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["import { ElementStyles } from '@microsoft/fast-element';\nimport { PropertyStyleSheetBehavior } from '@microsoft/fast-foundation';\n\n/**\n * Behavior that will conditionally apply a stylesheet based on the elements\n * appearance property\n *\n * @param value - The value of the appearance property\n * @param styles - The styles to be applied when condition matches\n *\n * @public\n */\nexport function appearanceBehavior(value: string, styles: ElementStyles) {\n  return new PropertyStyleSheetBehavior('appearance', value, styles);\n}\n","import { createLogger } from '@genesislcap/foundation-utils';\nexport const logger = createLogger('foundation-zero');\n"],"sourceRoot":""}

package/dist/5944.5944.da804b69721e6d4f6a87.js

@@ -0,0 +1,16 @@
+(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[5944],{2512:(e,a,r)=>{"use strict";var o,t,l,s,n;r.d(a,{q8:()=>o,x1:()=>t,Xs:()=>l,jf:()=>s,IX:()=>n}),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(o||(o={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(t||(t={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(l||(l={})),function(e){e.grey="#7c909b"}(s||(s={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(n||(n={}))},4023:(e,a,r)=>{"use strict";r.d(a,{b:()=>t});var o=r(2441);const t=(e,a=1)=>new o.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA()},3560:(e,a,r)=>{"use strict";r.d(a,{NT:()=>i,UR:()=>d,A8:()=>f,Hy:()=>b,X1:()=>h,Tb:()=>B,oq:()=>G,Td:()=>R,B3:()=>x,kZ:()=>w,Zx:()=>m,Yt:()=>F,FI:()=>v,Co:()=>S,LR:()=>P,xi:()=>_});var o=r(2441),t=r(2617),l=r(2512),s=r(4023);const n=(0,o.parseColorHexRGB)(l.q8.white),i=(e=1)=>(0,s.b)(n,e),c=(0,o.parseColorHexRGB)(l.q8.black),d=(e=1)=>(0,s.b)(c,e),f="#585858",g=(0,o.parseColorHexRGB)(f),b=t.SwatchRGB.create(g.r,g.g,g.b),p=(0,o.parseColorHexRGB)("#202126"),h=t.SwatchRGB.create(p.r,p.g,p.b),B=t.PaletteRGB.from(h),u=(0,o.parseColorHexRGB)(l.x1.blue),G=(e=1)=>(0,s.b)(u,e),R=t.SwatchRGB.create(u.r,u.g,u.b),x=t.PaletteRGB.from(R),C=(0,o.parseColorHexRGB)(l.x1.purple),w=(e=1)=>(0,s.b)(C,e),k=(0,o.parseColorHexRGB)(l.Xs.orange),m=(e=1)=>(0,s.b)(k,e),H=(0,o.parseColorHexRGB)(l.Xs.teal),F=(e=1)=>(0,s.b)(H,e),y=(0,o.parseColorHexRGB)(l.IX.longGreen),v=(e=1)=>(0,s.b)(y,e),X=(0,o.parseColorHexRGB)(l.IX.chartPink),S=(e=1)=>(0,s.b)(X,e),I=(0,o.parseColorHexRGB)(l.IX.warningYellow),P=(e=1)=>(0,s.b)(I,e),$=(0,o.parseColorHexRGB)(l.IX.chartPink),_=(e=1)=>(0,s.b)($,e)},2960:(e,a,r)=>{"use strict";r.d(a,{Z:()=>n});var o=r(5186),t=r(2617),l=r(1273),s=r(3560);const n=(e,a)=>l.css`
+  ${(0,o.foundationBadgeStyles)(e,a)}
+  :host {
+    --badge-fill-primary: ${(0,s.oq)()};
+    --badge-fill-secondary: ${(0,s.Yt)()};
+    --badge-fill-pink: ${(0,s.xi)()};
+    --badge-fill-transparent: transparent;
+    --badge-color-black: #000;
+    --badge-color-white: #fff;
+  }
+
+  :host .control {
+    padding: calc(${t.designUnit} * 1px) calc(${t.designUnit} * 2px);
+  }
+`},7396:(e,a,r)=>{"use strict";r.d(a,{h:()=>t});var o=r(5186);const t=(e,a)=>(0,o.foundationBadgeTemplate)(e,a)},5663:(e,a,r)=>{"use strict";r.d(a,{C:()=>s,h:()=>n});var o=r(5186),t=r(7396),l=r(2960);class s extends o.Badge{}const n=s.compose(Object.assign({baseName:"badge",template:t.h,styles:l.Z,shadowOptions:o.foundationBadgeShadowOptions},o.defaultBadgeConfig))},5944:(e,a,r)=>{"use strict";r.r(a),r.d(a,{Badge:()=>o.C,zeroBadge:()=>o.h,zeroBadgeStyles:()=>t.Z,zeroBadgeTemplate:()=>l.h});var o=r(5663),t=r(2960),l=r(7396)}}]);
+//# sourceMappingURL=5944.a29bd3077b0bc792e961d88a50852a8d.js.map

package/dist/5944.a29bd3077b0bc792e961d88a50852a8d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://@genesislcap/foundation-zero/./src/_common/colors.hex.ts","webpack://@genesislcap/foundation-zero/./src/_common/colors.util.ts","webpack://@genesislcap/foundation-zero/./src/_config/styles/colors.ts","webpack://@genesislcap/foundation-zero/./src/badge/badge.styles.ts","webpack://@genesislcap/foundation-zero/./src/badge/badge.template.ts","webpack://@genesislcap/foundation-zero/./src/badge/badge.ts"],"names":["ColorHEX","PrimaryRapidColorHEX","SecondaryRapidColorHEX","NeutralRapidColorHEX","RapidColorHEX","getWebRGBA","rgb","alpha","ColorRGBA64","r","g","b","toStringWebRGBA","whiteRGB","parseColorHexRGB","whiteWebRGBA","blackRGB","blackWebRGBA","rapidBGColorHEX","rapidBGColor","rapidDefaultFillColor","SwatchRGB","rapidCardBGColor","rapidDefaultCardFillColor","rapidDefaultCardPalette","PaletteRGB","primaryBlueRGB","primaryBlueWebRGBA","accentBlueSwatch","accentBluePalette","primaryPurpleRGB","primaryPurpleWebRGBA","secondaryOrangeRGB","secondaryOrangeWebRGBA","secondaryTealRGB","secondaryTealWebRGBA","longGreenRGB","longGreenWebRGBA","shortPinkRGB","shortPinkWebRGBA","warningYellowRGB","warningYellowWebRGBA","chartPinkRGB","chartPinkWebRGBA","zeroBadgeStyles","context","definition","css","foundationBadgeStyles","designUnit","zeroBadgeTemplate","foundationBadgeTemplate","Badge","zeroBadge","compose","baseName","template","styles","shadowOptions","foundationBadgeShadowOptions","defaultBadgeConfig"],"mappings":"4IAAA,IAAYA,EAaAC,EAKAC,EAKAC,EAKAC,E,sDA5BZ,SAAYJ,GACV,kBACA,kBACA,wBAEA,sBAEA,uBAEA,qBACA,sBACD,CAXD,CAAYA,MAAQ,KAapB,SAAYC,GACV,iBACA,kBACD,CAHD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,mBACA,gBACD,CAHD,CAAYA,MAAsB,KAKlC,SAAYC,GACV,gBACD,CAFD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,sBACA,sBACA,sBACA,yBACA,kBACA,uBACA,gBACA,qBACA,uBACA,4BACA,mBACA,wBACA,kBACA,mBACA,oBACA,yBACA,kBACA,uBACA,oBACA,yBACA,gBACA,oBACD,CAvBD,CAAYA,MAAa,I,6DCrBlB,MAAMC,EAAa,CAACC,EAAkBC,EAAgB,IAC9C,IAAI,EAAAC,YAAYF,EAAIG,EAAGH,EAAII,EAAGJ,EAAIK,EAAGJ,GACtCK,iB,mOCKd,MAAMC,GAAW,IAAAC,kBAAiB,YACrBC,EAAe,CAACR,EAAgB,KACpC,OAAWM,EAAUN,GAMxBS,GAAW,IAAAF,kBAAiB,YACrBG,EAAe,CAACV,EAAgB,KACpC,OAAWS,EAAUT,GAMjBW,EAAkB,UACzBC,GAA4B,IAAAL,kBAAiBI,GACtCE,EAAwB,EAAAC,UAAA,OACnCF,EAAaV,EACbU,EAAaT,EACbS,EAAaR,GAMTW,GAAgC,IAAAR,kBAAiB,WAC1CS,EAA4B,EAAAF,UAAA,OACvCC,EAAiBb,EACjBa,EAAiBZ,EACjBY,EAAiBX,GAENa,EAA0B,EAAAC,WAAA,KAAgBF,GAOjDG,GAAiB,IAAAZ,kBAAiB,WAC3Ba,EAAqB,CAACpB,EAAgB,KAC1C,OAAWmB,EAAgBnB,GAGvBqB,EAAmB,EAAAP,UAAA,OAC9BK,EAAejB,EACfiB,EAAehB,EACfgB,EAAef,GAEJkB,EAAoB,EAAAJ,WAAA,KAAgBG,GAO3CE,GAAmB,IAAAhB,kBAAiB,aAC7BiB,EAAuB,CAACxB,EAAgB,KAC5C,OAAWuB,EAAkBvB,GAQhCyB,GAAqB,IAAAlB,kBAAiB,aAC/BmB,EAAyB,CAAC1B,EAAgB,KAC9C,OAAWyB,EAAoBzB,GAQlC2B,GAAmB,IAAApB,kBAAiB,WAC7BqB,EAAuB,CAAC5B,EAAgB,KAC5C,OAAW2B,EAAkB3B,GAQhC6B,GAAe,IAAAtB,kBAAiB,gBACzBuB,EAAmB,CAAC9B,EAAgB,KACxC,OAAW6B,EAAc7B,GAG5B+B,GAAe,IAAAxB,kBAAiB,gBACzByB,EAAmB,CAAChC,EAAgB,KACxC,OAAW+B,EAAc/B,GAQ5BiC,GAAmB,IAAA1B,kBAAiB,oBAC7B2B,EAAuB,CAAClC,EAAgB,KAC5C,OAAWiC,EAAkBjC,GAQhCmC,GAAe,IAAA5B,kBAAiB,gBACzB6B,EAAmB,CAACpC,EAAgB,KACxC,OAAWmC,EAAcnC,E,2FClH3B,MAAMqC,EAAkB,CAC7BC,EACAC,IACkB,EAAAC,GAAG;KACnB,IAAAC,uBAAsBH,EAASC;;6BAEP;+BACE;0BACL;;;;;;;oBAOL,EAAAG,0BAA0B,EAAAA;;8DCrBvC,MAAMC,EAAoB,CAC/BL,EACAC,KACwB,IAAAK,yBAAwBN,EAASC,E,yFCHpD,MAAMM,UAAc,SAEpB,MAAMC,EAAYD,EAAME,QAAQ,OAAD,QACpCC,SAAU,QACVC,SAAQ,IACRC,OAAM,IACNC,cAAe,EAAAC,8BACZ,EAAAC,oB","file":"5944.5944.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["export enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum SecondaryRapidColorHEX {\n  orange = '#ff6d52',\n  teal = '#08c3a5',\n}\n\nexport enum NeutralRapidColorHEX {\n  grey = '#7c909b',\n}\n\n// TODO: Decide naming on these colors below\nexport enum RapidColorHEX {\n  chartPink = '#fb8176',\n  longGreen = '#7acc79',\n  shortPink = '#f14376',\n  warningYellow = 'fcb35f',\n  green = '#44c14c',\n  lightGreen = '#69cd70',\n  red = '#ef4d28',\n  lightRed = '#ee6588',\n  dodgerBlue = '#33a9ff',\n  lightDodgerBlue = '#5cbaff',\n  violet = '#9b1e74',\n  lightViolet = '#b528af',\n  white = '#f9f9f9',\n  silver = '#c1c1c1',\n  salomie = '#ffdf94',\n  lightSalomie = '#ccb276',\n  melon = '#ffbbb2',\n  lightMelon = '#cc968e',\n  portage = '#8a99f5',\n  lightPortage = '#adb8f8',\n  ice = '#97f4eb',\n  lightIce = '#6befe2',\n}\n","import { ColorRGBA64 } from '@microsoft/fast-colors';\n\n/**\n * Gets rgb(r, g, b, a) ready for CSS usages.\n *\n * @internal\n */\nexport const getWebRGBA = (rgb: ColorRGBA64, alpha: number = 1.0) => {\n  const rgba = new ColorRGBA64(rgb.r, rgb.g, rgb.b, alpha);\n  return rgba.toStringWebRGBA();\n};\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\nimport { PaletteRGB, SwatchRGB } from '@microsoft/fast-components';\nimport {\n  ColorHEX,\n  getWebRGBA,\n  NeutralRapidColorHEX,\n  PrimaryRapidColorHEX,\n  RapidColorHEX,\n  SecondaryRapidColorHEX,\n} from '../../_common';\n\n/**\n * @internal\n */\nconst whiteRGB = parseColorHexRGB(ColorHEX.white)!;\nexport const whiteWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(whiteRGB, alpha);\n};\n\n/**\n * @internal\n */\nconst blackRGB = parseColorHexRGB(ColorHEX.black)!;\nexport const blackWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(blackRGB, alpha);\n};\n\n/**\n * @internal\n */\nexport const rapidBGColorHEX = '#585858';\nconst rapidBGColor: ColorRGBA64 = parseColorHexRGB(rapidBGColorHEX)!;\nexport const rapidDefaultFillColor = SwatchRGB.create(\n  rapidBGColor.r,\n  rapidBGColor.g,\n  rapidBGColor.b\n);\n\n/**\n * @internal\n */\nconst rapidCardBGColor: ColorRGBA64 = parseColorHexRGB('#202126')!;\nexport const rapidDefaultCardFillColor = SwatchRGB.create(\n  rapidCardBGColor.r,\n  rapidCardBGColor.g,\n  rapidCardBGColor.b\n);\nexport const rapidDefaultCardPalette = PaletteRGB.from(rapidDefaultCardFillColor);\n\n/**\n * Primary Blue Color\n *\n * @internal\n */\nconst primaryBlueRGB = parseColorHexRGB(PrimaryRapidColorHEX.blue)!;\nexport const primaryBlueWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryBlueRGB, alpha);\n};\n\nexport const accentBlueSwatch = SwatchRGB.create(\n  primaryBlueRGB.r,\n  primaryBlueRGB.g,\n  primaryBlueRGB.b\n);\nexport const accentBluePalette = PaletteRGB.from(accentBlueSwatch);\n\n/**\n * Primary Purple Color\n *\n * @internal\n */\nconst primaryPurpleRGB = parseColorHexRGB(PrimaryRapidColorHEX.purple)!;\nexport const primaryPurpleWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(primaryPurpleRGB, alpha);\n};\n\n/**\n * Secondary Orange Color\n *\n * @internal\n */\nconst secondaryOrangeRGB = parseColorHexRGB(SecondaryRapidColorHEX.orange)!;\nexport const secondaryOrangeWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryOrangeRGB, alpha);\n};\n\n/**\n * Secondary Teal Color\n *\n * @internal\n */\nconst secondaryTealRGB = parseColorHexRGB(SecondaryRapidColorHEX.teal)!;\nexport const secondaryTealWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(secondaryTealRGB, alpha);\n};\n\n/**\n * Long/Short Colors\n *\n * @internal\n */\nconst longGreenRGB = parseColorHexRGB(RapidColorHEX.longGreen)!;\nexport const longGreenWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(longGreenRGB, alpha);\n};\n\nconst shortPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const shortPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(shortPinkRGB, alpha);\n};\n\n/**\n * Warning/Error/Success Colors\n *\n * @internal\n */\nconst warningYellowRGB = parseColorHexRGB(RapidColorHEX.warningYellow)!;\nexport const warningYellowWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(warningYellowRGB, alpha);\n};\n\n/**\n * Charts Colors\n *\n * @internal\n */\nconst chartPinkRGB = parseColorHexRGB(RapidColorHEX.chartPink)!;\nexport const chartPinkWebRGBA = (alpha: number = 1.0) => {\n  return getWebRGBA(chartPinkRGB, alpha);\n};\n","import { foundationBadgeStyles } from '@genesislcap/foundation-ui';\nimport { designUnit } from '@microsoft/fast-components';\nimport { css, ElementStyles } from '@microsoft/fast-element';\nimport type {\n  ElementDefinitionContext,\n  FoundationElementDefinition,\n} from '@microsoft/fast-foundation';\n\nimport {\n  chartPinkWebRGBA,\n  primaryBlueWebRGBA,\n  secondaryTealWebRGBA,\n} from '../_config/styles/colors';\n\nexport const zeroBadgeStyles = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ElementStyles => css`\n  ${foundationBadgeStyles(context, definition)}\n  :host {\n    --badge-fill-primary: ${primaryBlueWebRGBA()};\n    --badge-fill-secondary: ${secondaryTealWebRGBA()};\n    --badge-fill-pink: ${chartPinkWebRGBA()};\n    --badge-fill-transparent: transparent;\n    --badge-color-black: #000;\n    --badge-color-white: #fff;\n  }\n\n  :host .control {\n    padding: calc(${designUnit} * 1px) calc(${designUnit} * 2px);\n  }\n`;\n","import { foundationBadgeTemplate } from '@genesislcap/foundation-ui';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport type {\n  ElementDefinitionContext,\n  FoundationElementDefinition,\n} from '@microsoft/fast-foundation';\nimport type { Badge } from './badge';\n\nexport const zeroBadgeTemplate = (\n  context: ElementDefinitionContext,\n  definition: FoundationElementDefinition\n): ViewTemplate<Badge> => foundationBadgeTemplate(context, definition);\n","import {\n  Badge as FoundationBadge,\n  defaultBadgeConfig,\n  foundationBadgeShadowOptions,\n} from '@genesislcap/foundation-ui';\nimport { zeroBadgeTemplate as template } from './badge.template';\nimport { zeroBadgeStyles as styles } from './badge.styles';\n\nexport class Badge extends FoundationBadge {}\n\nexport const zeroBadge = Badge.compose({\n  baseName: 'badge',\n  template,\n  styles,\n  shadowOptions: foundationBadgeShadowOptions,\n  ...defaultBadgeConfig,\n});\n"],"sourceRoot":""}

package/dist/6101.6101.59629b38b76212618764.js

@@ -0,0 +1,34 @@
+(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[6101],{2512:(e,a,r)=>{"use strict";var t,o,n,i,c;r.d(a,{q8:()=>t,x1:()=>o,Xs:()=>n,jf:()=>i,IX:()=>c}),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(t||(t={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(o||(o={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(n||(n={})),function(e){e.grey="#7c909b"}(i||(i={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(c||(c={}))},6101:(e,a,r)=>{"use strict";r.r(a),r.d(a,{Radio:()=>t.Y,zeroRadio:()=>t.z,zeroRadioStyles:()=>o.L,zeroRadioTemplate:()=>n.X});var t=r(5782),o=r(7931),n=r(8463)},7931:(e,a,r)=>{"use strict";r.d(a,{L:()=>i});var t=r(5186),o=r(1273),n=r(2512);const i=(e,a)=>o.css`
+  ${(0,t.foundationRadioStyles)(e,a)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  :host .control {
+    background: transparent;
+  }
+
+  :host([aria-checked='true']) .control {
+    background: transparent;
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+  }
+
+  :host(:not([disabled])) .control:hover {
+    background: transparent;
+  }
+
+  :host([aria-checked='true']:not([disabled])) .control:hover {
+    background: transparent;
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);
+  }
+
+  .checked-indicator,
+  :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${n.x1.blue},
+      ${n.x1.purple}
+    );
+  }
+`},8463:(e,a,r)=>{"use strict";r.d(a,{X:()=>o});var t=r(5186);const o=(e,a)=>(0,t.foundationRadioTemplate)(e,a)},5782:(e,a,r)=>{"use strict";r.d(a,{Y:()=>i,z:()=>c});var t=r(5186),o=r(8463),n=r(7931);class i extends t.Radio{}const c=i.compose(Object.assign({baseName:"radio",template:o.X,styles:n.L,shadowOptions:t.foundationRadioShadowOptions},t.defaultRadioConfig))}}]);
+//# sourceMappingURL=6101.e299a8245270ad4a663051bffe5a9009.js.map

package/dist/6101.e299a8245270ad4a663051bffe5a9009.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://@genesislcap/foundation-zero/./src/_common/colors.hex.ts","webpack://@genesislcap/foundation-zero/./src/radio/radio.styles.ts","webpack://@genesislcap/foundation-zero/./src/radio/radio.template.ts","webpack://@genesislcap/foundation-zero/./src/radio/radio.ts"],"names":["ColorHEX","PrimaryRapidColorHEX","SecondaryRapidColorHEX","NeutralRapidColorHEX","RapidColorHEX","zeroRadioStyles","context","definition","css","foundationRadioStyles","zeroRadioTemplate","foundationRadioTemplate","Radio","zeroRadio","compose","baseName","template","styles","shadowOptions","foundationRadioShadowOptions","defaultRadioConfig"],"mappings":"4IAAA,IAAYA,EAaAC,EAKAC,EAKAC,EAKAC,E,sDA5BZ,SAAYJ,GACV,kBACA,kBACA,wBAEA,sBAEA,uBAEA,qBACA,sBACD,CAXD,CAAYA,MAAQ,KAapB,SAAYC,GACV,iBACA,kBACD,CAHD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,mBACA,gBACD,CAHD,CAAYA,MAAsB,KAKlC,SAAYC,GACV,gBACD,CAFD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,sBACA,sBACA,sBACA,yBACA,kBACA,uBACA,gBACA,qBACA,uBACA,4BACA,mBACA,wBACA,kBACA,mBACA,oBACA,yBACA,kBACA,uBACA,oBACA,yBACA,gBACA,oBACD,CAvBD,CAAYA,MAAa,I,kPCvBlB,MAAMC,EAAkB,CAC7BC,EACAC,IACkB,EAAAC,GAAG;KACnB,IAAAC,uBAAsBH,EAASC;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2B3B;QACA;;;8DChCD,MAAMG,EAAoB,CAC/BJ,EACAC,KACwB,IAAAI,yBAAwBL,EAASC,E,yFCApD,MAAMK,UAAc,SAEpB,MAAMC,EAAYD,EAAME,QAAQ,OAAD,QACpCC,SAAU,QACVC,SAAQ,IACRC,OAAM,IACNC,cAAe,EAAAC,8BACZ,EAAAC,oB","file":"6101.6101.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["export enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum SecondaryRapidColorHEX {\n  orange = '#ff6d52',\n  teal = '#08c3a5',\n}\n\nexport enum NeutralRapidColorHEX {\n  grey = '#7c909b',\n}\n\n// TODO: Decide naming on these colors below\nexport enum RapidColorHEX {\n  chartPink = '#fb8176',\n  longGreen = '#7acc79',\n  shortPink = '#f14376',\n  warningYellow = 'fcb35f',\n  green = '#44c14c',\n  lightGreen = '#69cd70',\n  red = '#ef4d28',\n  lightRed = '#ee6588',\n  dodgerBlue = '#33a9ff',\n  lightDodgerBlue = '#5cbaff',\n  violet = '#9b1e74',\n  lightViolet = '#b528af',\n  white = '#f9f9f9',\n  silver = '#c1c1c1',\n  salomie = '#ffdf94',\n  lightSalomie = '#ccb276',\n  melon = '#ffbbb2',\n  lightMelon = '#cc968e',\n  portage = '#8a99f5',\n  lightPortage = '#adb8f8',\n  ice = '#97f4eb',\n  lightIce = '#6befe2',\n}\n","import { foundationRadioStyles } from '@genesislcap/foundation-ui';\nimport { css, ElementStyles } from '@microsoft/fast-element';\nimport type { ElementDefinitionContext, RadioOptions } from '@microsoft/fast-foundation';\nimport { PrimaryRapidColorHEX } from '../_common';\n\nexport const zeroRadioStyles = (\n  context: ElementDefinitionContext,\n  definition: RadioOptions\n): ElementStyles => css`\n  ${foundationRadioStyles(context, definition)}\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  :host .control {\n    background: transparent;\n  }\n\n  :host([aria-checked='true']) .control {\n    background: transparent;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n  }\n\n  :host(:not([disabled])) .control:hover {\n    background: transparent;\n  }\n\n  :host([aria-checked='true']:not([disabled])) .control:hover {\n    background: transparent;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);\n  }\n\n  .checked-indicator,\n  :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {\n    background: linear-gradient(\n      var(--primary-gradient-angle),\n      ${PrimaryRapidColorHEX.blue},\n      ${PrimaryRapidColorHEX.purple}\n    );\n  }\n`;\n","import { foundationRadioTemplate } from '@genesislcap/foundation-ui';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport type { ElementDefinitionContext, RadioOptions } from '@microsoft/fast-foundation';\nimport type { Radio } from './radio';\n\nexport const zeroRadioTemplate = (\n  context: ElementDefinitionContext,\n  definition: RadioOptions\n): ViewTemplate<Radio> => foundationRadioTemplate(context, definition);\n","import {\n  defaultRadioConfig,\n  foundationRadioShadowOptions,\n  Radio as FoundationRadio,\n} from '@genesislcap/foundation-ui';\nimport { zeroRadioTemplate as template } from './radio.template';\nimport { zeroRadioStyles as styles } from './radio.styles';\n\nexport class Radio extends FoundationRadio {}\n\nexport const zeroRadio = Radio.compose({\n  baseName: 'radio',\n  template,\n  styles,\n  shadowOptions: foundationRadioShadowOptions,\n  ...defaultRadioConfig,\n});\n"],"sourceRoot":""}