@typespec/html-program-viewer 0.80.0-dev.1 → 0.80.0-dev.3

package/dist/emitter/index.js

@@ -889,6 +889,20 @@ const TextDirectionProvider = ({
   }, children);
 };
 
+const CSS_ESCAPE_MAP = {
+    '<': '\\3C ',
+    '>': '\\3E '
+};
+/**
+ * Escapes characters that could break out of a <style> tag during SSR.
+ *
+ * IMPORTANT: Do not strip quotes. Theme values legitimately include quoted font families and other CSS.
+ * We only need to ensure the generated text cannot terminate the style tag and inject HTML.
+ */ function escapeForStyleTag(value) {
+    // Escape as CSS code points so the resulting CSS still represents the same characters.
+    // Using CSS escapes prevents the HTML parser from seeing a literal '<' / '>' and closing <style>.
+    return value.replace(/[<>]/g, (match)=>CSS_ESCAPE_MAP[match]);
+}
 /**
  * Creates a CSS rule from a theme object.
  *
@@ -898,7 +912,7 @@ const TextDirectionProvider = ({
         const cssVarsAsString = Object.keys(theme).reduce((cssVarRule, cssVar)=>{
             return `${cssVarRule}--${cssVar}: ${theme[cssVar]}; `;
         }, '');
-        return `${selector} { ${cssVarsAsString} }`;
+        return `${selector} { ${escapeForStyleTag(cssVarsAsString)} }`;
     }
     return `${selector} {}`;
 }
@@ -1149,6 +1163,7 @@ const toObjectMap = (...items)=>{
     'id',
     'lang',
     'popover',
+    'focusgroup',
     'ref',
     'role',
     'style',
@@ -1555,14 +1570,16 @@ function useOverrides() {
     return (_React_useContext = React.useContext(OverridesContext)) !== null && _React_useContext !== void 0 ? _React_useContext : {};
 }
 
-/**
+/* eslint-enable */ /**
  * @internal
  */ const CustomStyleHooksContext = React.createContext(undefined);
 /**
  * @internal
  */ const CustomStyleHooksProvider = CustomStyleHooksContext.Provider;
 
-function canUseDOM() {
+/**
+ * Verifies if an application can use DOM.
+ */ function canUseDOM() {
     return /* eslint-disable @nx/workspace-no-restricted-globals -- expected ignore ( SSR friendly acquisition of globals )*/ typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line @typescript-eslint/no-deprecated
     window.document.createElement);
 }
@@ -1699,286 +1716,9 @@ function createCompatSlotComponent(type, props) {
     };
 }
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var reactIs = {exports: {}};
-
-var reactIs_production_min = {};
-
-/** @license React v17.0.2
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min;
-
-function requireReactIs_production_min () {
-	if (hasRequiredReactIs_production_min) return reactIs_production_min;
-	hasRequiredReactIs_production_min = 1;
-var b=60103,c=60106,d=60107,e=60108,f=60114,g=60109,h=60110,k=60112,l=60113,m=60120,n=60115,p=60116,q=60121,r=60122,u=60117,v=60129,w=60131;
-	if("function"===typeof Symbol&&Symbol.for){var x=Symbol.for;b=x("react.element");c=x("react.portal");d=x("react.fragment");e=x("react.strict_mode");f=x("react.profiler");g=x("react.provider");h=x("react.context");k=x("react.forward_ref");l=x("react.suspense");m=x("react.suspense_list");n=x("react.memo");p=x("react.lazy");q=x("react.block");r=x("react.server.block");u=x("react.fundamental");v=x("react.debug_trace_mode");w=x("react.legacy_hidden");}
-	function y(a){if("object"===typeof a&&null!==a){var t=a.$$typeof;switch(t){case b:switch(a=a.type,a){case d:case f:case e:case l:case m:return a;default:switch(a=a&&a.$$typeof,a){case h:case k:case p:case n:case g:return a;default:return t}}case c:return t}}}var z=g,A=b,B=k,C=d,D=p,E=n,F=c,G=f,H=e,I=l;reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=z;reactIs_production_min.Element=A;reactIs_production_min.ForwardRef=B;reactIs_production_min.Fragment=C;reactIs_production_min.Lazy=D;reactIs_production_min.Memo=E;reactIs_production_min.Portal=F;reactIs_production_min.Profiler=G;reactIs_production_min.StrictMode=H;
-	reactIs_production_min.Suspense=I;reactIs_production_min.isAsyncMode=function(){return  false};reactIs_production_min.isConcurrentMode=function(){return  false};reactIs_production_min.isContextConsumer=function(a){return y(a)===h};reactIs_production_min.isContextProvider=function(a){return y(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return y(a)===k};reactIs_production_min.isFragment=function(a){return y(a)===d};reactIs_production_min.isLazy=function(a){return y(a)===p};reactIs_production_min.isMemo=function(a){return y(a)===n};
-	reactIs_production_min.isPortal=function(a){return y(a)===c};reactIs_production_min.isProfiler=function(a){return y(a)===f};reactIs_production_min.isStrictMode=function(a){return y(a)===e};reactIs_production_min.isSuspense=function(a){return y(a)===l};reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===v||a===e||a===l||a===m||a===w||"object"===typeof a&&null!==a&&(a.$$typeof===p||a.$$typeof===n||a.$$typeof===g||a.$$typeof===h||a.$$typeof===k||a.$$typeof===u||a.$$typeof===q||a[0]===r)?true:false};
-	reactIs_production_min.typeOf=y;
-	return reactIs_production_min;
-}
-
-var reactIs_development = {};
-
-/** @license React v17.0.2
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_development;
-
-function requireReactIs_development () {
-	if (hasRequiredReactIs_development) return reactIs_development;
-	hasRequiredReactIs_development = 1;
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	// ATTENTION
-	// When adding new symbols to this file,
-	// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var REACT_ELEMENT_TYPE = 0xeac7;
-	var REACT_PORTAL_TYPE = 0xeaca;
-	var REACT_FRAGMENT_TYPE = 0xeacb;
-	var REACT_STRICT_MODE_TYPE = 0xeacc;
-	var REACT_PROFILER_TYPE = 0xead2;
-	var REACT_PROVIDER_TYPE = 0xeacd;
-	var REACT_CONTEXT_TYPE = 0xeace;
-	var REACT_FORWARD_REF_TYPE = 0xead0;
-	var REACT_SUSPENSE_TYPE = 0xead1;
-	var REACT_SUSPENSE_LIST_TYPE = 0xead8;
-	var REACT_MEMO_TYPE = 0xead3;
-	var REACT_LAZY_TYPE = 0xead4;
-	var REACT_BLOCK_TYPE = 0xead9;
-	var REACT_SERVER_BLOCK_TYPE = 0xeada;
-	var REACT_FUNDAMENTAL_TYPE = 0xead5;
-	var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
-	var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
-
-	if (typeof Symbol === 'function' && Symbol.for) {
-	  var symbolFor = Symbol.for;
-	  REACT_ELEMENT_TYPE = symbolFor('react.element');
-	  REACT_PORTAL_TYPE = symbolFor('react.portal');
-	  REACT_FRAGMENT_TYPE = symbolFor('react.fragment');
-	  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
-	  REACT_PROFILER_TYPE = symbolFor('react.profiler');
-	  REACT_PROVIDER_TYPE = symbolFor('react.provider');
-	  REACT_CONTEXT_TYPE = symbolFor('react.context');
-	  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
-	  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
-	  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
-	  REACT_MEMO_TYPE = symbolFor('react.memo');
-	  REACT_LAZY_TYPE = symbolFor('react.lazy');
-	  REACT_BLOCK_TYPE = symbolFor('react.block');
-	  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
-	  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
-	  symbolFor('react.scope');
-	  symbolFor('react.opaque.id');
-	  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
-	  symbolFor('react.offscreen');
-	  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
-	}
-
-	// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
-
-	var enableScopeAPI = false; // Experimental Create Event Handle API.
-
-	function isValidElementType(type) {
-	  if (typeof type === 'string' || typeof type === 'function') {
-	    return true;
-	  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-	  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
-	    return true;
-	  }
-
-	  if (typeof type === 'object' && type !== null) {
-	    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
-	      return true;
-	    }
-	  }
-
-	  return false;
-	}
-
-	function typeOf(object) {
-	  if (typeof object === 'object' && object !== null) {
-	    var $$typeof = object.$$typeof;
-
-	    switch ($$typeof) {
-	      case REACT_ELEMENT_TYPE:
-	        var type = object.type;
-
-	        switch (type) {
-	          case REACT_FRAGMENT_TYPE:
-	          case REACT_PROFILER_TYPE:
-	          case REACT_STRICT_MODE_TYPE:
-	          case REACT_SUSPENSE_TYPE:
-	          case REACT_SUSPENSE_LIST_TYPE:
-	            return type;
-
-	          default:
-	            var $$typeofType = type && type.$$typeof;
-
-	            switch ($$typeofType) {
-	              case REACT_CONTEXT_TYPE:
-	              case REACT_FORWARD_REF_TYPE:
-	              case REACT_LAZY_TYPE:
-	              case REACT_MEMO_TYPE:
-	              case REACT_PROVIDER_TYPE:
-	                return $$typeofType;
-
-	              default:
-	                return $$typeof;
-	            }
-
-	        }
-
-	      case REACT_PORTAL_TYPE:
-	        return $$typeof;
-	    }
-	  }
-
-	  return undefined;
-	}
-	var ContextConsumer = REACT_CONTEXT_TYPE;
-	var ContextProvider = REACT_PROVIDER_TYPE;
-	var Element = REACT_ELEMENT_TYPE;
-	var ForwardRef = REACT_FORWARD_REF_TYPE;
-	var Fragment = REACT_FRAGMENT_TYPE;
-	var Lazy = REACT_LAZY_TYPE;
-	var Memo = REACT_MEMO_TYPE;
-	var Portal = REACT_PORTAL_TYPE;
-	var Profiler = REACT_PROFILER_TYPE;
-	var StrictMode = REACT_STRICT_MODE_TYPE;
-	var Suspense = REACT_SUSPENSE_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false;
-	var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
-
-	function isAsyncMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
-	    }
-	  }
-
-	  return false;
-	}
-	function isConcurrentMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-	      hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
-	    }
-	  }
-
-	  return false;
-	}
-	function isContextConsumer(object) {
-	  return typeOf(object) === REACT_CONTEXT_TYPE;
-	}
-	function isContextProvider(object) {
-	  return typeOf(object) === REACT_PROVIDER_TYPE;
-	}
-	function isElement(object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	}
-	function isForwardRef(object) {
-	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-	}
-	function isFragment(object) {
-	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-	}
-	function isLazy(object) {
-	  return typeOf(object) === REACT_LAZY_TYPE;
-	}
-	function isMemo(object) {
-	  return typeOf(object) === REACT_MEMO_TYPE;
-	}
-	function isPortal(object) {
-	  return typeOf(object) === REACT_PORTAL_TYPE;
-	}
-	function isProfiler(object) {
-	  return typeOf(object) === REACT_PROFILER_TYPE;
-	}
-	function isStrictMode(object) {
-	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-	}
-	function isSuspense(object) {
-	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-	}
-
-	reactIs_development.ContextConsumer = ContextConsumer;
-	reactIs_development.ContextProvider = ContextProvider;
-	reactIs_development.Element = Element;
-	reactIs_development.ForwardRef = ForwardRef;
-	reactIs_development.Fragment = Fragment;
-	reactIs_development.Lazy = Lazy;
-	reactIs_development.Memo = Memo;
-	reactIs_development.Portal = Portal;
-	reactIs_development.Profiler = Profiler;
-	reactIs_development.StrictMode = StrictMode;
-	reactIs_development.Suspense = Suspense;
-	reactIs_development.isAsyncMode = isAsyncMode;
-	reactIs_development.isConcurrentMode = isConcurrentMode;
-	reactIs_development.isContextConsumer = isContextConsumer;
-	reactIs_development.isContextProvider = isContextProvider;
-	reactIs_development.isElement = isElement;
-	reactIs_development.isForwardRef = isForwardRef;
-	reactIs_development.isFragment = isFragment;
-	reactIs_development.isLazy = isLazy;
-	reactIs_development.isMemo = isMemo;
-	reactIs_development.isPortal = isPortal;
-	reactIs_development.isProfiler = isProfiler;
-	reactIs_development.isStrictMode = isStrictMode;
-	reactIs_development.isSuspense = isSuspense;
-	reactIs_development.isValidElementType = isValidElementType;
-	reactIs_development.typeOf = typeOf;
-	  })();
-	}
-	return reactIs_development;
-}
-
-var hasRequiredReactIs;
-
-function requireReactIs () {
-	if (hasRequiredReactIs) return reactIs.exports;
-	hasRequiredReactIs = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  reactIs.exports = requireReactIs_production_min();
-	} else {
-	  reactIs.exports = requireReactIs_development();
-	}
-	return reactIs.exports;
-}
-
-var reactIsExports = requireReactIs();
-
 function warnIfElementTypeIsInvalid(type) {
-    if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !reactIsExports.isValidElementType(type)) {
+    if (process.env.NODE_ENV === 'development' && typeof type === 'object' && type !== null && // eslint-disable-next-line dot-notation
+    type['$$typeof'] === undefined) {
         // eslint-disable-next-line no-console
         console.error(`@fluentui/react-jsx-runtime:
 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.
@@ -2021,6 +1761,10 @@ function createJSX(runtime, slotRuntime) {
     };
 }
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 var jsxRuntime$1 = {exports: {}};
 
 var reactJsxRuntime_production = {};
@@ -3082,9 +2826,12 @@ function useFocusVisible(options = {}) {
 }
 
 /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ const grey = {
+    '12': '#1f1f1f',
     '14': '#242424',
     '16': '#292929',
     '20': '#333333',
+    '22': '#383838',
+    '24': '#3d3d3d',
     '26': '#424242',
     '30': '#4d4d4d',
     '34': '#575757',
@@ -3101,7 +2848,8 @@ function useFocusVisible(options = {}) {
     '92': '#ebebeb',
     '94': '#f0f0f0',
     '96': '#f5f5f5',
-    '98': '#fafafa'
+    '98': '#fafafa',
+    '99': '#fcfcfc'
 };
 const whiteAlpha = {
     '10': 'rgba(255, 255, 255, 0.1)',
@@ -3792,6 +3540,10 @@ const generateColorTokens = (brand)=>({
         colorNeutralForeground3BrandPressed: brand[70],
         colorNeutralForeground3BrandSelected: brand[80],
         colorNeutralForeground4: grey[44],
+        colorNeutralForeground5: grey[38],
+        colorNeutralForeground5Hover: grey[14],
+        colorNeutralForeground5Pressed: grey[14],
+        colorNeutralForeground5Selected: grey[14],
         colorNeutralForegroundDisabled: grey[74],
         colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
         colorBrandForegroundLink: brand[70],
@@ -3849,7 +3601,15 @@ const generateColorTokens = (brand)=>({
         colorNeutralBackground5Pressed: grey[94],
         colorNeutralBackground5Selected: grey[98],
         colorNeutralBackground6: grey[90],
+        colorNeutralBackground7: '#00000000',
+        colorNeutralBackground7Hover: grey[92],
+        colorNeutralBackground7Pressed: grey[84],
+        colorNeutralBackground7Selected: '#00000000',
+        colorNeutralBackground8: grey[99],
         colorNeutralBackgroundInverted: grey[16],
+        colorNeutralBackgroundInvertedHover: grey[24],
+        colorNeutralBackgroundInvertedPressed: grey[12],
+        colorNeutralBackgroundInvertedSelected: grey[22],
         colorNeutralBackgroundStatic: grey[20],
         colorNeutralBackgroundAlpha: whiteAlpha[50],
         colorNeutralBackgroundAlpha2: whiteAlpha[80],
@@ -3869,6 +3629,7 @@ const generateColorTokens = (brand)=>({
         colorTransparentBackgroundPressed: 'transparent',
         colorTransparentBackgroundSelected: 'transparent',
         colorNeutralBackgroundDisabled: grey[94],
+        colorNeutralBackgroundDisabled2: white,
         colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
         colorNeutralStencil1: grey[90],
         colorNeutralStencil2: grey[98],
@@ -3908,6 +3669,10 @@ const generateColorTokens = (brand)=>({
         colorNeutralStroke1Selected: grey[74],
         colorNeutralStroke2: grey[88],
         colorNeutralStroke3: grey[94],
+        colorNeutralStroke4: grey[92],
+        colorNeutralStroke4Hover: grey[88],
+        colorNeutralStroke4Pressed: grey[84],
+        colorNeutralStroke4Selected: grey[92],
         colorNeutralStrokeSubtle: grey[88],
         colorNeutralStrokeOnBrand: white,
         colorNeutralStrokeOnBrand2: white,
@@ -3923,6 +3688,7 @@ const generateColorTokens = (brand)=>({
         colorCompoundBrandStrokeHover: brand[70],
         colorCompoundBrandStrokePressed: brand[60],
         colorNeutralStrokeDisabled: grey[88],
+        colorNeutralStrokeDisabled2: grey[92],
         colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
         colorTransparentStroke: 'transparent',
         colorTransparentStrokeInteractive: 'transparent',
@@ -3947,6 +3713,11 @@ const borderRadius = {
     borderRadiusMedium: '4px',
     borderRadiusLarge: '6px',
     borderRadiusXLarge: '8px',
+    borderRadius2XLarge: '12px',
+    borderRadius3XLarge: '16px',
+    borderRadius4XLarge: '24px',
+    borderRadius5XLarge: '32px',
+    borderRadius6XLarge: '40px',
     borderRadiusCircular: '10000px'
 };
 

package/dist/{manifest-BDDhiZn2.js → manifest-B5_5qkUX.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "1.9.0",
-  "commit": "14287e848123aab23ebcaefd2ee02f5bea9317dd"
+  "commit": "74991ef4732bbaddd240a6a82013a451e2dc0370"
 };
 
 export { manifest as default };