Initial commit

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/BreadcrumbButton.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
+import { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
+import { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+/**
+ * A button component which is used inside the Breadcrumb.
+ */ export const BreadcrumbButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useBreadcrumbButton_unstable(props, ref);
+    useBreadcrumbButtonStyles_unstable(state);
+    useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);
+    return renderBreadcrumbButton_unstable(state);
+});
+BreadcrumbButton.displayName = 'BreadcrumbButton';

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/BreadcrumbButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nimport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nimport { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { BreadcrumbButtonProps } from './BreadcrumbButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A button component which is used inside the Breadcrumb.\n */\nexport const BreadcrumbButton: ForwardRefComponent<BreadcrumbButtonProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumbButton_unstable(props, ref);\n\n  useBreadcrumbButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);\n\n  return renderBreadcrumbButton_unstable(state);\n});\n\nBreadcrumbButton.displayName = 'BreadcrumbButton';\n"],"names":["React","useBreadcrumbButton_unstable","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useCustomStyleHook_unstable","BreadcrumbButton","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,kCAAkC,QAAQ,qCAAqC;AACxF,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;CAEC,GACD,OAAO,MAAMC,iCAA+DL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACnG,MAAMC,QAAQR,6BAA6BM,OAAOC;IAElDL,mCAAmCM;IACnCL,4BAA4B,sCAAsCK;IAElE,OAAOP,gCAAgCO;AACzC,GAAG;AAEHJ,iBAAiBK,WAAW,GAAG"}

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/BreadcrumbButton.types.js

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering BreadcrumbButton
+ */ export { };

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BreadcrumbButton/BreadcrumbButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ButtonProps, ButtonSlots, ButtonState } from '@fluentui/react-button';\nimport { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbButtonSlots = ButtonSlots;\n\n/**\n * BreadcrumbButton Props\n */\nexport type BreadcrumbButtonProps = ComponentProps<BreadcrumbButtonSlots> &\n  Pick<BreadcrumbProps, 'size'> &\n  Pick<ButtonProps, 'disabled' | 'disabledFocusable'> & {\n    /**\n     * Defines current sate of BreadcrumbButton.\n     *\n     * @default false\n     */\n    current?: boolean;\n  };\n\n/**\n * State used in rendering BreadcrumbButton\n */\nexport type BreadcrumbButtonState = ComponentState<BreadcrumbButtonSlots> &\n  Omit<ButtonState, keyof ButtonSlots | 'components'> &\n  Required<Pick<BreadcrumbButtonProps, 'current' | 'size'>>;\n"],"names":[],"rangeMappings":";;","mappings":"AAoBA;;CAEC,GACD,WAE4D"}

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/index.js

@@ -0,0 +1,4 @@
+export { BreadcrumbButton } from './BreadcrumbButton';
+export { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
+export { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
+export { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BreadcrumbButton/index.ts"],"sourcesContent":["export { BreadcrumbButton } from './BreadcrumbButton';\nexport type { BreadcrumbButtonProps, BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton.types';\nexport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nexport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nexport { breadcrumbButtonClassNames, useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\n"],"names":["BreadcrumbButton","renderBreadcrumbButton_unstable","useBreadcrumbButton_unstable","breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AAEtD,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,0BAA0B,EAAEC,kCAAkC,QAAQ,qCAAqC"}

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/renderBreadcrumbButton.js

@@ -0,0 +1,6 @@
+import { renderButton_unstable } from '@fluentui/react-button';
+/**
+ * Render the final JSX of BreadcrumbButton
+ */ export const renderBreadcrumbButton_unstable = (state)=>{
+    return renderButton_unstable(state);
+};

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/renderBreadcrumbButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BreadcrumbButton/renderBreadcrumbButton.tsx"],"sourcesContent":["import type { BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport { renderButton_unstable } from '@fluentui/react-button';\n\n/**\n * Render the final JSX of BreadcrumbButton\n */\nexport const renderBreadcrumbButton_unstable = (state: BreadcrumbButtonState) => {\n  return renderButton_unstable(state);\n};\n"],"names":["renderButton_unstable","renderBreadcrumbButton_unstable","state"],"rangeMappings":";;;;;","mappings":"AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAE/D;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,OAAOF,sBAAsBE;AAC/B,EAAE"}

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/useBreadcrumbButton.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { useButton_unstable } from '@fluentui/react-button';
+import { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';
+/**
+ * Create the state required to render BreadcrumbButton.
+ *
+ * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,
+ * before being passed to renderBreadcrumbButton_unstable.
+ *
+ * @param props - props from this instance of BreadcrumbButton
+ * @param ref - reference to root HTMLElement of BreadcrumbButton
+ */ export const useBreadcrumbButton_unstable = (props, ref)=>{
+    const { size } = useBreadcrumbContext_unstable();
+    const { current = false, as, ...rest } = props;
+    const controlType = (as !== null && as !== void 0 ? as : props.href) ? 'a' : 'button';
+    var _props_ariacurrent, _props_ariadisabled;
+    return {
+        ...useButton_unstable({
+            appearance: 'subtle',
+            role: undefined,
+            type: undefined,
+            as: controlType,
+            iconPosition: 'before',
+            'aria-current': current ? (_props_ariacurrent = props['aria-current']) !== null && _props_ariacurrent !== void 0 ? _props_ariacurrent : 'page' : undefined,
+            'aria-disabled': current ? (_props_ariadisabled = props['aria-disabled']) !== null && _props_ariadisabled !== void 0 ? _props_ariadisabled : true : undefined,
+            ...rest
+        }, ref),
+        current,
+        size
+    };
+};

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport type { ButtonProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type { BreadcrumbButtonProps, BreadcrumbButtonState } from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n  props: BreadcrumbButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const { current = false, as, ...rest } = props;\n\n  const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n  return {\n    ...useButton_unstable(\n      {\n        appearance: 'subtle',\n        role: undefined,\n        type: undefined,\n        as: controlType,\n        iconPosition: 'before',\n        'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n        'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n        ...rest,\n      } as ButtonProps,\n      ref,\n    ),\n    current,\n    size,\n  };\n};\n"],"names":["React","useButton_unstable","useBreadcrumbContext_unstable","useBreadcrumbButton_unstable","props","ref","size","current","as","rest","controlType","href","appearance","role","undefined","type","iconPosition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,SAASC,6BAA6B,QAAQ,kCAAkC;AAGhF;;;;;;;;CAQC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IACjB,MAAM,EAAEK,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGL;IAEzC,MAAMM,cAAcF,CAAAA,eAAAA,gBAAAA,KAAM,AAACJ,MAA+BO,IAAI,AAAD,IAAI,MAAM;QAUvCP,oBACCA;IATjC,OAAO;QACL,GAAGH,mBACD;YACEW,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNN,IAAIE;YACJM,cAAc;YACd,gBAAgBT,UAAUH,CAAAA,qBAAAA,KAAK,CAAC,eAAe,cAArBA,gCAAAA,qBAAyB,SAASU;YAC5D,iBAAiBP,UAAUH,CAAAA,sBAAAA,KAAK,CAAC,gBAAgB,cAAtBA,iCAAAA,sBAA0B,OAAOU;YAC5D,GAAGL,IAAI;QACT,GACAJ,IACD;QACDE;QACAD;IACF;AACF,EAAE"}

node_modules/@fluentui/react-breadcrumb/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js

@@ -0,0 +1,167 @@
+import { __styles, mergeClasses } from '@griffel/react';
+import { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
+/**
+ * Static CSS class names used internally for the component slots.
+ */
+export const breadcrumbButtonClassNames = {
+  root: 'fui-BreadcrumbButton',
+  icon: 'fui-BreadcrumbButton__icon'
+};
+/**
+ * CSS variable names used internally for styling in the Breadcrumb.
+ */
+const breadcrumbCSSVars = {
+  breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',
+  breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'
+};
+const useIconStyles = /*#__PURE__*/__styles({
+  base: {
+    Be2twd7: "fsj74e5",
+    Bqenvij: "f1qfv4wv",
+    Bg96gwp: "f15xapk4",
+    a9b677: "f17j33op",
+    t21cq0: ["fm0x6gh", "fbyavb5"]
+  },
+  small: {
+    u3h8gg: "f1qfi7kw",
+    Biu6dll: "f1876atl"
+  },
+  medium: {
+    u3h8gg: "f1h9446d",
+    Biu6dll: "f10xfswh"
+  },
+  large: {
+    u3h8gg: "f5hcofs",
+    Biu6dll: "f1a6v6zl"
+  }
+}, {
+  d: [".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}", ".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}", ".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}", ".f17j33op{width:var(--fui-Breadcrumb--icon-size);}", ".fm0x6gh{margin-right:var(--spacingHorizontalXS);}", ".fbyavb5{margin-left:var(--spacingHorizontalXS);}", ".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}", ".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}", ".f1h9446d{--fui-Breadcrumb--icon-size:16px;}", ".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}", ".f5hcofs{--fui-Breadcrumb--icon-size:20px;}", ".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}"]
+});
+const defaultButtonStyles = {
+  backgroundColor: tokens.colorTransparentBackground,
+  color: tokens.colorNeutralForeground2,
+  cursor: 'auto'
+};
+const currentIconStyles = {
+  ...defaultButtonStyles,
+  [`& .${buttonClassNames.icon}`]: {
+    color: 'unset'
+  },
+  [`& .${iconFilledClassName}`]: {
+    display: 'none'
+  },
+  [`& .${iconRegularClassName}`]: {
+    display: 'inline'
+  }
+};
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bf4jedk: "f18p0k4z",
+    j4b8c3: "fv6wr3j"
+  },
+  small: {
+    Bqenvij: "frvgh55",
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1r1wyb6"
+  },
+  medium: {
+    Bqenvij: "f1d2rq10",
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "f1i3iumi",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1r1wyb6"
+  },
+  large: {
+    Bqenvij: "fbhnoac",
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "faaz57k",
+    Byoj8tv: 0,
+    uwmqm3: 0,
+    z189sj: 0,
+    z8tnut: 0,
+    B0ocmuz: "f1bnz8pu"
+  },
+  current: {
+    Jwef8y: "f9ql6rf",
+    Bi91k9c: "f3p8bqa",
+    eoavqd: "f14w7a5u",
+    Bbdnnc7: "f1irjp3o",
+    Bk3fhr4: "f19vpps7",
+    Bmfj8id: "fv5swzo",
+    iro3zm: "f3h1zc4",
+    B2d53fq: "f1xkgyln",
+    c3iz72: "f17wbbfx",
+    x3br3k: "fofxw0a",
+    em6i61: "f1ol4fw6",
+    vm6p8p: "f1q1lw4e",
+    Bszkowt: "ff24m",
+    Dyrjrp: "ft5r8e9",
+    ezr58z: "f1cbpfqp",
+    nhk3du: "f1motppv",
+    Bfrek18: "fi9vkhg",
+    G209fr: "f1fg3nnv"
+  },
+  currentSmall: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fy9rknc",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fwrc4pm"
+  },
+  currentMedium: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1i3iumi"
+  },
+  currentLarge: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "faaz57k"
+  }
+}, {
+  d: [".f18p0k4z{min-width:unset;}", ".fv6wr3j{text-wrap:nowrap;}", ".frvgh55{height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", [".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}", {
+    p: -1
+  }], ".f1d2rq10{height:32px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", [".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}", {
+    p: -1
+  }], ".fbhnoac{height:40px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", [".f1bnz8pu{padding:var(--spacingHorizontalS);}", {
+    p: -1
+  }], ".ff24m:disabled{background-color:var(--colorTransparentBackground);}", ".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}", ".f1cbpfqp:disabled{cursor:auto;}", ".f1motppv:disabled .fui-Button__icon{color:unset;}", ".fi9vkhg:disabled .fui-Icon-filled{display:none;}", ".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"],
+  h: [".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f3p8bqa:hover{color:var(--colorNeutralForeground2);}", ".f14w7a5u:hover{cursor:auto;}", ".f1irjp3o:hover .fui-Button__icon{color:unset;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}", ".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}", ".f17wbbfx:hover:active{cursor:auto;}", ".fofxw0a:hover:active .fui-Button__icon{color:unset;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}"]
+});
+/**
+ * Apply styling to the BreadcrumbButton slots based on the state
+ */
+export const useBreadcrumbButtonStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  const iconStyles = useIconStyles();
+  const currentSizeMap = {
+    small: styles.currentSmall,
+    medium: styles.currentMedium,
+    large: styles.currentLarge
+  };
+  state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
+  if (state.icon) {
+    state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);
+  }
+  useButtonStyles_unstable(state);
+  return state;
+};