npm - qsharp-lang - Versions diffs - 1.23.2-dev → 1.23.4-dev - Mend

qsharp-lang 1.23.2-dev → 1.23.4-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (324) hide show

package/docs/Microsoft.Quantum.Core/IsRangeEmpty.md +1 -1
package/docs/Microsoft.Quantum.Core/Length.md +1 -1
package/docs/Microsoft.Quantum.Core/RangeEnd.md +1 -1
package/docs/Microsoft.Quantum.Core/RangeStart.md +1 -1
package/docs/Microsoft.Quantum.Core/Repeated.md +1 -1
package/docs/Microsoft.Quantum.Core/index.md +1 -1
package/docs/Std.Arithmetic/AddLE.md +1 -1
package/docs/Std.Arithmetic/ApplyIfEqualL.md +1 -1
package/docs/Std.Arithmetic/ApplyIfEqualLE.md +1 -1
package/docs/Std.Arithmetic/ApplyIfGreaterL.md +1 -1
package/docs/Std.Arithmetic/ApplyIfGreaterLE.md +1 -1
package/docs/Std.Arithmetic/ApplyIfGreaterOrEqualL.md +1 -1
package/docs/Std.Arithmetic/ApplyIfGreaterOrEqualLE.md +1 -1
package/docs/Std.Arithmetic/ApplyIfLessL.md +1 -1
package/docs/Std.Arithmetic/ApplyIfLessLE.md +1 -1
package/docs/Std.Arithmetic/ApplyIfLessOrEqualL.md +1 -1
package/docs/Std.Arithmetic/ApplyIfLessOrEqualLE.md +1 -1
package/docs/Std.Arithmetic/FourierTDIncByLE.md +1 -1
package/docs/Std.Arithmetic/IncByI.md +1 -1
package/docs/Std.Arithmetic/IncByIUsingIncByLE.md +1 -1
package/docs/Std.Arithmetic/IncByL.md +1 -1
package/docs/Std.Arithmetic/IncByLE.md +1 -1
package/docs/Std.Arithmetic/IncByLEUsingAddLE.md +1 -1
package/docs/Std.Arithmetic/IncByLUsingIncByLE.md +1 -1
package/docs/Std.Arithmetic/LookAheadDKRSAddLE.md +1 -1
package/docs/Std.Arithmetic/MAJ.md +1 -1
package/docs/Std.Arithmetic/ReflectAboutInteger.md +1 -1
package/docs/Std.Arithmetic/RippleCarryCGAddLE.md +1 -1
package/docs/Std.Arithmetic/RippleCarryCGIncByLE.md +1 -1
package/docs/Std.Arithmetic/RippleCarryTTKIncByLE.md +1 -1
package/docs/Std.Arithmetic/index.md +1 -1
package/docs/Std.Arrays/All.md +1 -1
package/docs/Std.Arrays/Any.md +1 -1
package/docs/Std.Arrays/Chunks.md +1 -1
package/docs/Std.Arrays/CircularlyShifted.md +1 -1
package/docs/Std.Arrays/ColumnAt.md +1 -1
package/docs/Std.Arrays/Count.md +1 -1
package/docs/Std.Arrays/Diagonal.md +1 -1
package/docs/Std.Arrays/DrawMany.md +1 -1
package/docs/Std.Arrays/Enumerated.md +1 -1
package/docs/Std.Arrays/Excluding.md +1 -1
package/docs/Std.Arrays/Filtered.md +1 -1
package/docs/Std.Arrays/FlatMapped.md +1 -1
package/docs/Std.Arrays/Flattened.md +1 -1
package/docs/Std.Arrays/Fold.md +1 -1
package/docs/Std.Arrays/ForEach.md +1 -1
package/docs/Std.Arrays/Head.md +1 -1
package/docs/Std.Arrays/HeadAndRest.md +1 -1
package/docs/Std.Arrays/IndexOf.md +1 -1
package/docs/Std.Arrays/IndexRange.md +1 -1
package/docs/Std.Arrays/Interleaved.md +1 -1
package/docs/Std.Arrays/IsEmpty.md +1 -1
package/docs/Std.Arrays/IsRectangularArray.md +1 -1
package/docs/Std.Arrays/IsSorted.md +1 -1
package/docs/Std.Arrays/IsSquareArray.md +1 -1
package/docs/Std.Arrays/Mapped.md +1 -1
package/docs/Std.Arrays/MappedByIndex.md +1 -1
package/docs/Std.Arrays/MappedOverRange.md +1 -1
package/docs/Std.Arrays/Most.md +1 -1
package/docs/Std.Arrays/MostAndTail.md +1 -1
package/docs/Std.Arrays/Padded.md +1 -1
package/docs/Std.Arrays/Partitioned.md +1 -1
package/docs/Std.Arrays/Rest.md +1 -1
package/docs/Std.Arrays/Reversed.md +1 -1
package/docs/Std.Arrays/SequenceI.md +1 -1
package/docs/Std.Arrays/SequenceL.md +1 -1
package/docs/Std.Arrays/Sorted.md +1 -1
package/docs/Std.Arrays/Subarray.md +1 -1
package/docs/Std.Arrays/Swapped.md +1 -1
package/docs/Std.Arrays/Tail.md +1 -1
package/docs/Std.Arrays/Transposed.md +1 -1
package/docs/Std.Arrays/Unzipped.md +1 -1
package/docs/Std.Arrays/Where.md +1 -1
package/docs/Std.Arrays/Windows.md +1 -1
package/docs/Std.Arrays/Zipped.md +1 -1
package/docs/Std.Arrays/index.md +1 -1
package/docs/Std.Canon/ApplyCNOTChain.md +1 -1
package/docs/Std.Canon/ApplyControlledOnBitString.md +1 -1
package/docs/Std.Canon/ApplyControlledOnInt.md +1 -1
package/docs/Std.Canon/ApplyOperationPowerA.md +1 -1
package/docs/Std.Canon/ApplyOperationPowerCA.md +1 -1
package/docs/Std.Canon/ApplyP.md +1 -1
package/docs/Std.Canon/ApplyPauli.md +1 -1
package/docs/Std.Canon/ApplyPauliFromBitString.md +1 -1
package/docs/Std.Canon/ApplyPauliFromInt.md +1 -1
package/docs/Std.Canon/ApplyQFT.md +1 -1
package/docs/Std.Canon/ApplyQPE.md +1 -1
package/docs/Std.Canon/ApplyToEach.md +1 -1
package/docs/Std.Canon/ApplyToEachA.md +1 -1
package/docs/Std.Canon/ApplyToEachC.md +1 -1
package/docs/Std.Canon/ApplyToEachCA.md +1 -1
package/docs/Std.Canon/ApplyXorInPlace.md +1 -1
package/docs/Std.Canon/ApplyXorInPlaceL.md +1 -1
package/docs/Std.Canon/CX.md +1 -1
package/docs/Std.Canon/CY.md +1 -1
package/docs/Std.Canon/CZ.md +1 -1
package/docs/Std.Canon/Fst.md +1 -1
package/docs/Std.Canon/MapPauliAxis.md +1 -1
package/docs/Std.Canon/Relabel.md +1 -1
package/docs/Std.Canon/Snd.md +1 -1
package/docs/Std.Canon/SwapReverseRegister.md +1 -1
package/docs/Std.Canon/index.md +1 -1
package/docs/Std.Convert/BigIntAsBoolArray.md +1 -1
package/docs/Std.Convert/BigIntAsInt.md +1 -1
package/docs/Std.Convert/BoolArrayAsBigInt.md +1 -1
package/docs/Std.Convert/BoolArrayAsInt.md +1 -1
package/docs/Std.Convert/BoolArrayAsResultArray.md +1 -1
package/docs/Std.Convert/BoolAsResult.md +1 -1
package/docs/Std.Convert/ComplexAsComplexPolar.md +1 -1
package/docs/Std.Convert/ComplexPolarAsComplex.md +1 -1
package/docs/Std.Convert/DoubleAsStringWithPrecision.md +1 -1
package/docs/Std.Convert/IntAsBigInt.md +1 -1
package/docs/Std.Convert/IntAsBoolArray.md +1 -1
package/docs/Std.Convert/IntAsDouble.md +1 -1
package/docs/Std.Convert/ResultArrayAsBoolArray.md +1 -1
package/docs/Std.Convert/ResultArrayAsInt.md +1 -1
package/docs/Std.Convert/ResultAsBool.md +1 -1
package/docs/Std.Convert/index.md +1 -1
package/docs/Std.Core/Complex.md +1 -1
package/docs/Std.Core/Length.md +1 -1
package/docs/Std.Core/Repeated.md +1 -1
package/docs/Std.Core/index.md +1 -1
package/docs/Std.Diagnostics/ApplyIdleNoise.md +1 -1
package/docs/Std.Diagnostics/BitFlipNoise.md +1 -1
package/docs/Std.Diagnostics/CheckAllZero.md +1 -1
package/docs/Std.Diagnostics/CheckOperationsAreEqual.md +1 -1
package/docs/Std.Diagnostics/CheckZero.md +1 -1
package/docs/Std.Diagnostics/ConfigurePauliNoise.md +1 -1
package/docs/Std.Diagnostics/ConfigureQubitLoss.md +1 -1
package/docs/Std.Diagnostics/DepolarizingNoise.md +1 -1
package/docs/Std.Diagnostics/DumpMachine.md +1 -1
package/docs/Std.Diagnostics/DumpOperation.md +1 -1
package/docs/Std.Diagnostics/DumpRegister.md +1 -1
package/docs/Std.Diagnostics/Fact.md +1 -1
package/docs/Std.Diagnostics/NoNoise.md +1 -1
package/docs/Std.Diagnostics/PhaseFlipNoise.md +1 -1
package/docs/Std.Diagnostics/StartCountingFunction.md +1 -1
package/docs/Std.Diagnostics/StartCountingOperation.md +1 -1
package/docs/Std.Diagnostics/StartCountingQubits.md +1 -1
package/docs/Std.Diagnostics/StopCountingFunction.md +1 -1
package/docs/Std.Diagnostics/StopCountingOperation.md +1 -1
package/docs/Std.Diagnostics/StopCountingQubits.md +1 -1
package/docs/Std.Diagnostics/index.md +1 -1
package/docs/Std.Intrinsic/AND.md +1 -1
package/docs/Std.Intrinsic/ApplyUnitary.md +1 -1
package/docs/Std.Intrinsic/CCNOT.md +1 -1
package/docs/Std.Intrinsic/CNOT.md +1 -1
package/docs/Std.Intrinsic/Exp.md +1 -1
package/docs/Std.Intrinsic/H.md +1 -1
package/docs/Std.Intrinsic/I.md +1 -1
package/docs/Std.Intrinsic/M.md +1 -1
package/docs/Std.Intrinsic/Measure.md +1 -1
package/docs/Std.Intrinsic/Message.md +1 -1
package/docs/Std.Intrinsic/R.md +1 -1
package/docs/Std.Intrinsic/R1.md +1 -1
package/docs/Std.Intrinsic/R1Frac.md +1 -1
package/docs/Std.Intrinsic/RFrac.md +1 -1
package/docs/Std.Intrinsic/Reset.md +1 -1
package/docs/Std.Intrinsic/ResetAll.md +1 -1
package/docs/Std.Intrinsic/Rx.md +1 -1
package/docs/Std.Intrinsic/Rxx.md +1 -1
package/docs/Std.Intrinsic/Ry.md +1 -1
package/docs/Std.Intrinsic/Ryy.md +1 -1
package/docs/Std.Intrinsic/Rz.md +1 -1
package/docs/Std.Intrinsic/Rzz.md +1 -1
package/docs/Std.Intrinsic/S.md +1 -1
package/docs/Std.Intrinsic/SWAP.md +1 -1
package/docs/Std.Intrinsic/SX.md +1 -1
package/docs/Std.Intrinsic/T.md +1 -1
package/docs/Std.Intrinsic/X.md +1 -1
package/docs/Std.Intrinsic/Y.md +1 -1
package/docs/Std.Intrinsic/Z.md +1 -1
package/docs/Std.Intrinsic/index.md +1 -1
package/docs/Std.Logical/Xor.md +1 -1
package/docs/Std.Logical/index.md +1 -1
package/docs/Std.Math/AbsComplex.md +1 -1
package/docs/Std.Math/AbsComplexPolar.md +1 -1
package/docs/Std.Math/AbsD.md +1 -1
package/docs/Std.Math/AbsI.md +1 -1
package/docs/Std.Math/AbsL.md +1 -1
package/docs/Std.Math/AbsSquaredComplex.md +1 -1
package/docs/Std.Math/AbsSquaredComplexPolar.md +1 -1
package/docs/Std.Math/ApproximateFactorial.md +1 -1
package/docs/Std.Math/ArcCos.md +1 -1
package/docs/Std.Math/ArcCosh.md +1 -1
package/docs/Std.Math/ArcSin.md +1 -1
package/docs/Std.Math/ArcSinh.md +1 -1
package/docs/Std.Math/ArcTan.md +1 -1
package/docs/Std.Math/ArcTan2.md +1 -1
package/docs/Std.Math/ArcTanh.md +1 -1
package/docs/Std.Math/ArgComplex.md +1 -1
package/docs/Std.Math/ArgComplexPolar.md +1 -1
package/docs/Std.Math/Binom.md +1 -1
package/docs/Std.Math/BitSizeI.md +1 -1
package/docs/Std.Math/BitSizeL.md +1 -1
package/docs/Std.Math/Ceiling.md +1 -1
package/docs/Std.Math/Complex.md +1 -1
package/docs/Std.Math/ComplexPolar.md +1 -1
package/docs/Std.Math/ContinuedFractionConvergentI.md +1 -1
package/docs/Std.Math/ContinuedFractionConvergentL.md +1 -1
package/docs/Std.Math/Cos.md +1 -1
package/docs/Std.Math/Cosh.md +1 -1
package/docs/Std.Math/DivRemI.md +1 -1
package/docs/Std.Math/DivRemL.md +1 -1
package/docs/Std.Math/DividedByC.md +1 -1
package/docs/Std.Math/DividedByCP.md +1 -1
package/docs/Std.Math/E.md +1 -1
package/docs/Std.Math/ExpModI.md +1 -1
package/docs/Std.Math/ExpModL.md +1 -1
package/docs/Std.Math/ExtendedGreatestCommonDivisorI.md +1 -1
package/docs/Std.Math/ExtendedGreatestCommonDivisorL.md +1 -1
package/docs/Std.Math/FactorialI.md +1 -1
package/docs/Std.Math/FactorialL.md +1 -1
package/docs/Std.Math/Floor.md +1 -1
package/docs/Std.Math/GreatestCommonDivisorI.md +1 -1
package/docs/Std.Math/GreatestCommonDivisorL.md +1 -1
package/docs/Std.Math/HammingWeightI.md +1 -1
package/docs/Std.Math/InverseModI.md +1 -1
package/docs/Std.Math/InverseModL.md +1 -1
package/docs/Std.Math/IsCoprimeI.md +1 -1
package/docs/Std.Math/IsCoprimeL.md +1 -1
package/docs/Std.Math/IsInfinite.md +1 -1
package/docs/Std.Math/IsNaN.md +1 -1
package/docs/Std.Math/LargestFixedPoint.md +1 -1
package/docs/Std.Math/Lg.md +1 -1
package/docs/Std.Math/Log.md +1 -1
package/docs/Std.Math/Log10.md +1 -1
package/docs/Std.Math/LogFactorialD.md +1 -1
package/docs/Std.Math/LogGammaD.md +1 -1
package/docs/Std.Math/LogOf2.md +1 -1
package/docs/Std.Math/Max.md +1 -1
package/docs/Std.Math/MaxD.md +1 -1
package/docs/Std.Math/MaxI.md +1 -1
package/docs/Std.Math/MaxL.md +1 -1
package/docs/Std.Math/Min.md +1 -1
package/docs/Std.Math/MinD.md +1 -1
package/docs/Std.Math/MinI.md +1 -1
package/docs/Std.Math/MinL.md +1 -1
package/docs/Std.Math/MinusC.md +1 -1
package/docs/Std.Math/MinusCP.md +1 -1
package/docs/Std.Math/ModulusI.md +1 -1
package/docs/Std.Math/ModulusL.md +1 -1
package/docs/Std.Math/NegationC.md +1 -1
package/docs/Std.Math/NegationCP.md +1 -1
package/docs/Std.Math/PI.md +1 -1
package/docs/Std.Math/PNorm.md +1 -1
package/docs/Std.Math/PNormalized.md +1 -1
package/docs/Std.Math/PlusC.md +1 -1
package/docs/Std.Math/PlusCP.md +1 -1
package/docs/Std.Math/PowC.md +1 -1
package/docs/Std.Math/PowCP.md +1 -1
package/docs/Std.Math/RealMod.md +1 -1
package/docs/Std.Math/Round.md +1 -1
package/docs/Std.Math/RoundHalfAwayFromZero.md +1 -1
package/docs/Std.Math/SignD.md +1 -1
package/docs/Std.Math/SignI.md +1 -1
package/docs/Std.Math/SignL.md +1 -1
package/docs/Std.Math/Sin.md +1 -1
package/docs/Std.Math/Sinh.md +1 -1
package/docs/Std.Math/SmallestFixedPoint.md +1 -1
package/docs/Std.Math/Sqrt.md +1 -1
package/docs/Std.Math/SquaredNorm.md +1 -1
package/docs/Std.Math/Tan.md +1 -1
package/docs/Std.Math/Tanh.md +1 -1
package/docs/Std.Math/TimesC.md +1 -1
package/docs/Std.Math/TimesCP.md +1 -1
package/docs/Std.Math/TrailingZeroCountI.md +1 -1
package/docs/Std.Math/TrailingZeroCountL.md +1 -1
package/docs/Std.Math/Truncate.md +1 -1
package/docs/Std.Math/index.md +1 -1
package/docs/Std.Measurement/IsLossResult.md +1 -1
package/docs/Std.Measurement/MResetEachZ.md +1 -1
package/docs/Std.Measurement/MResetX.md +1 -1
package/docs/Std.Measurement/MResetY.md +1 -1
package/docs/Std.Measurement/MResetZ.md +1 -1
package/docs/Std.Measurement/MResetZChecked.md +1 -1
package/docs/Std.Measurement/MeasureAllZ.md +1 -1
package/docs/Std.Measurement/MeasureEachZ.md +1 -1
package/docs/Std.Measurement/MeasureInteger.md +1 -1
package/docs/Std.Measurement/index.md +1 -1
package/docs/Std.Random/DrawRandomBool.md +1 -1
package/docs/Std.Random/DrawRandomDouble.md +1 -1
package/docs/Std.Random/DrawRandomInt.md +1 -1
package/docs/Std.Random/index.md +1 -1
package/docs/Std.Range/IsRangeEmpty.md +1 -1
package/docs/Std.Range/RangeEnd.md +1 -1
package/docs/Std.Range/RangeReverse.md +1 -1
package/docs/Std.Range/RangeStart.md +1 -1
package/docs/Std.Range/RangeStep.md +1 -1
package/docs/Std.Range/index.md +1 -1
package/docs/Std.ResourceEstimation/AccountForEstimates.md +1 -1
package/docs/Std.ResourceEstimation/AuxQubitCount.md +1 -1
package/docs/Std.ResourceEstimation/BeginEstimateCaching.md +1 -1
package/docs/Std.ResourceEstimation/BeginRepeatEstimates.md +1 -1
package/docs/Std.ResourceEstimation/CczCount.md +1 -1
package/docs/Std.ResourceEstimation/EnableMemoryComputeArchitecture.md +1 -1
package/docs/Std.ResourceEstimation/EndEstimateCaching.md +1 -1
package/docs/Std.ResourceEstimation/EndRepeatEstimates.md +1 -1
package/docs/Std.ResourceEstimation/LeastFrequentlyUsed.md +1 -1
package/docs/Std.ResourceEstimation/LeastRecentlyUsed.md +1 -1
package/docs/Std.ResourceEstimation/MeasurementCount.md +1 -1
package/docs/Std.ResourceEstimation/PSSPCLayout.md +1 -1
package/docs/Std.ResourceEstimation/RepeatEstimates.md +1 -1
package/docs/Std.ResourceEstimation/RotationCount.md +1 -1
package/docs/Std.ResourceEstimation/RotationDepth.md +1 -1
package/docs/Std.ResourceEstimation/SingleVariant.md +1 -1
package/docs/Std.ResourceEstimation/TCount.md +1 -1
package/docs/Std.ResourceEstimation/index.md +1 -1
package/docs/Std.StatePreparation/ApproximatelyPreparePureStateCP.md +1 -1
package/docs/Std.StatePreparation/PreparePureStateD.md +1 -1
package/docs/Std.StatePreparation/PrepareUniformSuperposition.md +1 -1
package/docs/Std.StatePreparation/index.md +1 -1
package/docs/Std.TableLookup/Select.md +1 -1
package/docs/Std.TableLookup/index.md +1 -1
package/docs/index.md +1 -1
package/lib/nodejs/qsc_wasm.cjs +1 -1
package/lib/nodejs/qsc_wasm_bg.wasm +0 -0
package/lib/web/qsc_wasm.js +1 -1
package/lib/web/qsc_wasm_bg.wasm +0 -0
package/package.json +3 -2
package/ux/index.ts +5 -0
package/ux/qdk-theme.css +142 -0
package/ux/qsharp-ux.css +25 -85
package/ux/themeObserver.ts +124 -0

package/docs/Std.StatePreparation/ApproximatelyPreparePureStateCP.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.StatePreparation.ApproximatelyPreparePureStateCP
 title: ApproximatelyPreparePureStateCP operation
 description: "Q# ApproximatelyPreparePureStateCP operation: Given a set of coefficients and a big-endian quantum register, prepares a state on that register described by the given coefficients, up to a given approximation tolerance."
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 qsharp.kind: operation
 qsharp.package: __Std__
 qsharp.namespace: Std.StatePreparation

package/docs/Std.StatePreparation/PreparePureStateD.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.StatePreparation.PreparePureStateD
 title: PreparePureStateD operation
 description: "Q# PreparePureStateD operation: Given a set of coefficients and a big-endian quantum register, prepares a state on that register described by the given coefficients."
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 qsharp.kind: operation
 qsharp.package: __Std__
 qsharp.namespace: Std.StatePreparation

package/docs/Std.StatePreparation/PrepareUniformSuperposition.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.StatePreparation.PrepareUniformSuperposition
 title: PrepareUniformSuperposition operation
 description: "Q# PrepareUniformSuperposition operation: Prepares a uniform superposition of states that represent integers 0 through `nStates - 1` in a little-endian `qubits` register."
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 qsharp.kind: operation
 qsharp.package: __Std__
 qsharp.namespace: Std.StatePreparation

package/docs/Std.StatePreparation/index.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.StatePreparation-toc
 title: Std.StatePreparation namespace
 description: Table of contents for the Q# StatePreparation namespace
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 ms.topic: landing-page
 ---

package/docs/Std.TableLookup/Select.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.TableLookup.Select
 title: Select operation
 description: "Q# Select operation: Performs table lookup using a SELECT network"
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 qsharp.kind: operation
 qsharp.package: __Std__
 qsharp.namespace: Std.TableLookup

package/docs/Std.TableLookup/index.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Qdk.Std.TableLookup-toc
 title: Std.TableLookup namespace
 description: Table of contents for the Q# TableLookup namespace
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 ms.topic: landing-page
 ---

package/docs/index.md CHANGED Viewed

@@ -2,7 +2,7 @@
 uid: Microsoft.Quantum.apiref-toc
 title: Q# standard libraries for the Microsoft Quantum Development Kit
 description: Table of contents for the Q# standard libraries for Microsoft Quantum Development Kit
-ms.date: 01/17/2026
+ms.date: 01/21/2026
 ms.topic: landing-page
 ---

package/lib/nodejs/qsc_wasm.cjs CHANGED Viewed

@@ -1570,7 +1570,7 @@ module.exports.__wbindgen_cb_drop = function(arg0) {
     return ret;
 };
-module.exports.__wbindgen_closure_wrapper6542 = function(arg0, arg1, arg2) {
+module.exports.__wbindgen_closure_wrapper6549 = function(arg0, arg1, arg2) {
     const ret = makeMutClosure(arg0, arg1, 2063, __wbg_adapter_52);
     return addHeapObject(ret);
 };

package/lib/nodejs/qsc_wasm_bg.wasm CHANGED Viewed

Binary file

package/lib/web/qsc_wasm.js CHANGED Viewed

@@ -1525,7 +1525,7 @@ function __wbg_get_imports() {
         const ret = false;
         return ret;
     };
-    imports.wbg.__wbindgen_closure_wrapper6542 = function(arg0, arg1, arg2) {
+    imports.wbg.__wbindgen_closure_wrapper6549 = function(arg0, arg1, arg2) {
         const ret = makeMutClosure(arg0, arg1, 2063, __wbg_adapter_52);
         return addHeapObject(ret);
     };

package/lib/web/qsc_wasm_bg.wasm CHANGED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "qsharp-lang",
   "description": "qsharp language package for quantum development",
-  "version": "1.23.2-dev",
+  "version": "1.23.4-dev",
   "license": "MIT",
   "engines": {
     "node": ">=16.17.0"
@@ -22,7 +22,8 @@
     "./debug-service-worker": "./dist/debug-service/worker-browser.js",
     "./katas": "./dist/katas.js",
     "./katas-md": "./dist/katas-md.js",
-    "./ux": "./ux/index.ts"
+    "./ux": "./ux/index.ts",
+    "./qdk-theme.css": "./ux/qdk-theme.css"
   },
   "scripts": {
     "build": "npm run docs && npm run generate && npm run build:tsc && npm run build:ux",

package/ux/index.ts CHANGED Viewed

@@ -22,3 +22,8 @@ export { Circuit, CircuitPanel } from "./circuit.js";
 export { setRenderer, Markdown } from "./renderers.js";
 export { Atoms, type ZoneLayout, type TraceData } from "./atoms/index.js";
 export { MoleculeViewer } from "./chem/index.js";
+export {
+  ensureTheme,
+  detectThemeChange,
+  updateStyleSheetTheme,
+} from "./themeObserver.js";

package/ux/qdk-theme.css ADDED Viewed

@@ -0,0 +1,142 @@
+/* Copyright (c) Microsoft Corporation.
+   Licensed under the MIT License. */
+/*
+CSS is tricky get get right across environments we care about. This file attempts to centralize some of the nuances.
+The approach is structured in 2 parts. This file is part 1:
+1. Set the variables for the color palette based on the current theme (light/dark).
+2. Set class values or variables for the specific ux elements based on the color palette variables.
+Specifying ANY color values (e.g. `red`, `#ff0000`, etc) should only be done via the variables in this file.
+Other styles that need colors should ONLY reference these variables, or variables derived from them.
+This ensures that when the theme changes, all widgets automatically update to the correct colors, and
+our `palette` of colors is consistent across all widgets.
+=== HOW THIS SETS THEME COLORS ===
+We want to set colors based on the current theme. This could be:
+1. The theme set in VS Code.
+2. The theme in Jupyter running in the browser.
+3. A theme set on the host page (e.g. the katas viewer on the playground).
+VS Code or Jupyter will always set an attribute on the body element indicating the current theme.
+If outside of those environments, you can use the `ensureTheme()` function in themeObserver.ts to
+detect the URL params or OS preference and set the `data-theme` attribute accordingly.
+The goal is to use CSS selectors and variables to ensure the right colors are applied in each case,
+with the 'cascade' ensuring the correct precedence.
+Note that the 'default' light mode values (no attribute set and no browser preference) are always
+on the :root selector (typically the html element), so if all the above fails, light mode will be set.
+When a theme attribute is present on the body element, we set the variables again there to override
+the :root values. As the body element will be closer to the element being styled than the :root selector
+this will take precedence.
+=== ENVIRONMENT SPECIFIC SELECTORS ===
+There are a number of selectors we can use for various environments:
+- VS Code will use one of the below attributes on the body element (including the body in the iframe
+for the notebook cells when running Jupyter in VS Code). The first 2 are light, the second 2 are dark:
+  - [data-vscode-theme-kind="vscode-light"]
+  - [data-vscode-theme-kind="vscode-high-contrast-light"]
+  - [data-vscode-theme-kind="vscode-dark"]
+  - [data-vscode-theme-kind="vscode-high-contrast"]
+- Jupyter in the browser will use one of the below attributes on the body element for light/dark themes:
+  - [data-jp-theme-light="true"]
+  - [data-jp-theme-light="false"]
+- It is also common to use a [data-theme="light"] or [data-theme="dark"] attribute on the body element
+  to indicate light/dark themes, so look for that also (e.g. in the kata viewer in the playground).
+Note that colors that are not theme dependent should just be set on :root, with no need to add overrides
+*/
+/* Default to light values set on :root if all else fails */
+:root,
+/* Set these variables on the body element if attributes indicate a light theme choice */
+body[data-theme="light"],
+body[data-jp-theme-light="true"],
+body[data-vscode-theme-kind="vscode-light"],
+body[data-vscode-theme-kind="vscode-high-contrast-light"] {
+  /* Set any non-theme specific values here only */
+  --qdk-font-family-monospace: var(
+    --vscode-editor-font-family,
+    "Consolas",
+    "Menlo",
+    "Liberation Mono",
+    monospace
+  );
+  --qdk-mid-gray: #888;
+  /* End non-theme specific values */
+  /* Use the host foreground/background if available */
+  --qdk-host-background: var(
+    --vscode-editor-background,
+    var(--jp-layout-color0, #eee)
+  );
+  --qdk-host-foreground: var(
+    --vscode-editor-foreground,
+    var(--jp-widgets-color, #222)
+  );
+  --qdk-background-accent: #ddd;
+  /* Used for text that must stand out on various backgrounds */
+  --qdk-text-high-contrast: #000;
+  /* Outline for widget borders, etc. */
+  --qdk-widget-outline: #ccc;
+  /* Use for menus */
+  --qdk-menu-fill: #ccc;
+  --qdk-menu-fill-hover: #9cf;
+  --qdk-menu-fill-selected: #7af;
+  /* Used for shapes in charts, etc. that may have overlapping text (which should contrast) */
+  --qdk-shape-fill: #8ab8ff;
+  --qdk-shape-fill-selected: #b5c5f2;
+  --qdk-shape-stroke-selected: #587ddd;
+  --qdk-shape-stroke-hover: #6b6b6b;
+}
+/* Set these variables on the body element if attributes indicate a dark theme choice */
+body[data-theme="dark"],
+body[data-jp-theme-light="false"],
+body[data-vscode-theme-kind="vscode-dark"],
+body[data-vscode-theme-kind="vscode-high-contrast"] {
+  /* Use the host foreground/background if available */
+  --qdk-host-background: var(
+    --vscode-editor-background,
+    var(--jp-layout-color0, #222)
+  );
+  --qdk-host-foreground: var(
+    --vscode-editor-foreground,
+    var(--jp-widgets-color, #eee)
+  );
+  --qdk-background-accent: #333;
+  /* Used for text that must stand out on various backgrounds */
+  --qdk-text-high-contrast: #fff;
+  /* Outline for widget borders, etc. */
+  --qdk-widget-outline: #444;
+  /* Use for menus */
+  --qdk-menu-fill: #444;
+  --qdk-menu-fill-hover: #468;
+  --qdk-menu-fill-selected: #47a;
+  /* Used for shapes in charts, etc. that may have overlapping text (which should contrast) */
+  --qdk-shape-fill: #4aa3ff;
+  --qdk-shape-fill-selected: #ffd54f;
+  --qdk-shape-stroke-selected: #ffecb3;
+  --qdk-shape-stroke-hover: #c5c5c5;
+}

package/ux/qsharp-ux.css CHANGED Viewed

@@ -1,6 +1,8 @@
 /* Copyright (c) Microsoft Corporation.
    Licensed under the MIT License. */
+@import "./qdk-theme.css";
 /* Styles for Q# UX components.
 Notes:
@@ -48,57 +50,6 @@ modern-normalize (see https://mattbrictson.com/blog/css-normalize-and-reset for
   --error-background-color: #ffe3e3;
   --warning-background-color: #fff6d7;
   --bar-selected-outline: #587ddd;
-  /* Histogram palette (light scheme by default; used when no VS Code theme is detected) */
-  --qs-histogram-bg: #ffffff;
-  --qs-histogram-border: #768f9c;
-  --qs-histogram-bar-fill: #8ab8ff;
-  --qs-histogram-bar-hover-stroke: #6b6b6b;
-  --qs-histogram-bar-selected-fill: #b5c5f2;
-  --qs-histogram-bar-selected-stroke: #587ddd;
-  --qs-histogram-bar-label-fill: #202020;
-  --qs-histogram-label-fill: #3b3b3b;
-  --qs-histogram-hover-text-fill: #6b6b6b;
-  --qs-histogram-menu-icon-stroke: #3b3b3b;
-  --qs-histogram-menu-icon-fill: #ffffff;
-  --qs-histogram-menu-box-fill: #ffffff;
-  --qs-histogram-menu-box-stroke: #3b3b3b;
-  --qs-histogram-menu-item-fill: #b7d5ff;
-  --qs-histogram-menu-item-hover-fill: #9fc7ff;
-  --qs-histogram-menu-item-stroke: #6b6b6b;
-  --qs-histogram-menu-item-selected-fill: #6aa9ff;
-  --qs-histogram-menu-text-fill: #202020;
-  --qs-histogram-menu-separator-stroke: #6b6b6b;
-  --qs-histogram-help-fill: #ffffff;
-  --qs-histogram-help-stroke: #6b6b6b;
-  --qs-histogram-help-text-fill: #202020;
-}
-/* Histogram palette overrides for dark themes. */
-body[data-vscode-theme-kind="vscode-dark"],
-body[data-vscode-theme-kind="vscode-high-contrast"] {
-  --qs-histogram-bg: #1e1e1e;
-  --qs-histogram-border: #3c3c3c;
-  --qs-histogram-bar-fill: #4aa3ff;
-  --qs-histogram-bar-hover-stroke: #c5c5c5;
-  --qs-histogram-bar-selected-fill: #ffd54f;
-  --qs-histogram-bar-selected-stroke: #ffecb3;
-  --qs-histogram-bar-label-fill: #ffffff;
-  --qs-histogram-label-fill: #ffffff;
-  --qs-histogram-hover-text-fill: #ffffff;
-  --qs-histogram-menu-icon-stroke: #d4d4d4;
-  --qs-histogram-menu-icon-fill: #1e1e1e;
-  --qs-histogram-menu-box-fill: #252526;
-  --qs-histogram-menu-box-stroke: #d4d4d4;
-  --qs-histogram-menu-item-fill: #2d2d30;
-  --qs-histogram-menu-item-hover-fill: #3e3e42;
-  --qs-histogram-menu-item-stroke: #6b6b6b;
-  --qs-histogram-menu-item-selected-fill: #094771;
-  --qs-histogram-menu-text-fill: #ffffff;
-  --qs-histogram-menu-separator-stroke: #6b6b6b;
-  --qs-histogram-help-fill: #252526;
-  --qs-histogram-help-stroke: #6b6b6b;
-  --qs-histogram-help-text-fill: #ffffff;
 }
 /* TODO: Make the below playground specific classes */
@@ -396,108 +347,97 @@ body[data-vscode-theme-kind="vscode-high-contrast"] {
 .histogram {
   max-height: calc(100vh - 40px);
   max-width: 600px;
-  border: 1px solid var(--qs-histogram-border);
-  background-color: var(--qs-histogram-bg);
+  border: 1px solid var(--qdk-widget-outline);
+  background-color: var(--qdk-host-background);
 }
 .bar {
-  fill: var(--qs-histogram-bar-fill);
+  fill: var(--qdk-shape-fill);
 }
 .bar:hover {
-  stroke: var(--qs-histogram-bar-hover-stroke);
+  stroke: var(--qdk-shape-stroke-hover);
   stroke-width: 0.5;
 }
 .bar-selected {
-  stroke: var(--qs-histogram-bar-selected-stroke);
-  fill: var(--qs-histogram-bar-selected-fill);
+  stroke: var(--qdk-shape-stroke-selected);
+  fill: var(--qdk-shape-fill-selected);
 }
 .bar-label {
   font-size: 3pt;
-  fill: var(--qs-histogram-bar-label-fill);
+  fill: var(--qdk-text-high-contrast);
   text-anchor: end;
   pointer-events: none;
 }
 .bar-label-ket {
-  font-family: var(
-    --vscode-editor-font-family,
-    "Consolas",
-    "Menlo",
-    "Monaco",
-    "Liberation Mono",
-    "Courier New",
-    monospace
-  );
+  font-family: var(--qdk-font-family-monospace);
   font-variant-ligatures: none;
-  font-size: 3.3pt;
 }
 .histo-label {
   font-size: 3.5pt;
-  fill: var(--qs-histogram-label-fill);
+  fill: var(--qdk-host-foreground);
 }
 .hover-text {
   font-size: 3.5pt;
-  fill: var(--qs-histogram-hover-text-fill);
+  fill: var(--qdk-host-foreground);
   text-anchor: middle;
 }
 .menu-icon * {
-  fill: var(--qs-histogram-menu-icon-fill);
-  stroke: var(--qs-histogram-menu-icon-stroke);
+  fill: var(--qdk-host-background);
+  stroke: var(--qdk-host-foreground);
 }
 .menu-box {
-  fill: var(--qs-histogram-menu-box-fill);
-  stroke: var(--qs-histogram-menu-box-stroke);
+  fill: var(--qdk-host-background);
+  stroke: var(--qdk-host-foreground);
   stroke-width: 0.1;
 }
 .menu-item {
   width: 32px;
   height: 10px;
-  fill: var(--qs-histogram-menu-item-fill);
-  stroke: var(--qs-histogram-menu-item-stroke);
+  fill: var(--qdk-menu-fill);
+  stroke: var(--qdk-mid-gray);
   stroke-width: 0.2;
 }
-/* --vscode-list-inactiveSelectionBackground */
 .menu-item:hover {
   stroke-width: 0.6;
-  fill: var(--qs-histogram-menu-item-hover-fill);
+  fill: var(--qdk-menu-fill-hover);
 }
 .menu-selected {
   /* stroke: #0800ff; */
-  fill: var(--qs-histogram-menu-item-selected-fill);
+  fill: var(--qdk-menu-fill-selected);
 }
 .menu-text {
   font-size: 4.5px;
   pointer-events: none;
-  fill: var(--qs-histogram-menu-text-fill);
+  fill: var(--qdk-host-foreground);
 }
 .menu-separator {
-  stroke: var(--qs-histogram-menu-separator-stroke);
+  stroke: var(--qdk-mid-gray);
   stroke-width: 0.25;
 }
 .help-info {
-  fill: var(--qs-histogram-help-fill);
-  stroke: var(--qs-histogram-help-stroke);
+  fill: var(--qdk-host-background);
+  stroke: var(--qdk-mid-gray);
   stroke-width: 0.5;
 }
 .help-info-text {
   font-size: 4.5px;
   pointer-events: none;
-  fill: var(--qs-histogram-help-text-fill);
+  fill: var(--qdk-host-foreground);
 }
 /* RE details */

package/ux/themeObserver.ts ADDED Viewed

@@ -0,0 +1,124 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+const vscodeThemeAttribute = "data-vscode-theme-kind";
+const jupyterThemeAttribute = "data-jp-theme-light";
+const commonThemeAttribute = "data-theme";
+type ThemeChangeCallback = (isDark: boolean) => void;
+/**
+ * Detects the current theme based on body attributes, url params, or OS preference.
+ * If no theme attribute is set on the body or url, sets the data-theme attribute
+ * based on the OS dark mode preference.
+ *
+ * Should be called after the DOM is ready. Returns undefined if document.body
+ * is not available (e.g., in non-browser environments or before DOM is ready).
+ *
+ * @returns true if dark theme, false if light theme, undefined if not in browser
+ */
+export function ensureTheme(): boolean | undefined {
+  if (typeof document === "undefined" || !document.body) {
+    return undefined;
+  }
+  const el = document.body;
+  // Check if any theme attribute is already set
+  const vscodeTheme = el.getAttribute(vscodeThemeAttribute);
+  const jupyterTheme = el.getAttribute(jupyterThemeAttribute);
+  const commonTheme = el.getAttribute(commonThemeAttribute);
+  if (vscodeTheme) {
+    return (
+      vscodeTheme !== "vscode-light" &&
+      vscodeTheme !== "vscode-high-contrast-light"
+    );
+  }
+  if (jupyterTheme) {
+    return jupyterTheme !== "true"; // true means light theme
+  }
+  if (commonTheme) {
+    return commonTheme === "dark";
+  }
+  // Check for theme specified in URL parameters
+  const urlParams = new URLSearchParams(window.location.search);
+  const urlTheme = urlParams.get("theme");
+  if (urlTheme === "dark" || urlTheme === "light") {
+    el.setAttribute(commonThemeAttribute, urlTheme);
+    return urlTheme === "dark";
+  }
+  // No theme attribute set, detect OS preference and set it, and observe for changes
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  el.setAttribute(commonThemeAttribute, mediaQuery.matches ? "dark" : "light");
+  mediaQuery.addEventListener("change", (e) => {
+    el.setAttribute(commonThemeAttribute, e.matches ? "dark" : "light");
+  });
+  return mediaQuery.matches;
+}
+/**
+ * Wire up a callback to invoke when the theme changes.
+ *
+ * @param el The element to observe for theme attribute changes (usually document.body)
+ * @param callback The callback to invoke when the theme changes
+ */
+export function detectThemeChange(el: Element, callback: ThemeChangeCallback) {
+  const observer = new MutationObserver((mutations: MutationRecord[]) => {
+    let isDark = false; // Default to light
+    for (const mutation of mutations) {
+      if (mutation.attributeName === vscodeThemeAttribute) {
+        const themeAttr = el.getAttribute(vscodeThemeAttribute);
+        isDark =
+          themeAttr !== "vscode-light" &&
+          themeAttr !== "vscode-high-contrast-light";
+      } else if (mutation.attributeName === jupyterThemeAttribute) {
+        const themeAttr = el.getAttribute(jupyterThemeAttribute);
+        isDark = themeAttr !== "true"; // true means light theme
+      } else if (mutation.attributeName === commonThemeAttribute) {
+        const themeAttr = el.getAttribute(commonThemeAttribute);
+        isDark = themeAttr === "dark";
+      }
+    }
+    callback(isDark);
+  });
+  observer.observe(el, {
+    attributeFilter: [
+      vscodeThemeAttribute,
+      jupyterThemeAttribute,
+      commonThemeAttribute,
+    ],
+  });
+}
+/**
+ * Helper for updating specific stylesheets based on theme
+ * @param isDark true to set dark theme, false to set light theme
+ * @param searchText The text to search for in the stylesheet href to identify it
+ * @param replaceText The regex to use to find the part of the href to replace
+ * @param lightText The replacement text for light theme
+ * @param darkText The replacement text for dark theme
+ */
+export function updateStyleSheetTheme(
+  isDark: boolean,
+  searchText: string,
+  replaceText: RegExp,
+  lightText: string,
+  darkText: string,
+) {
+  // Update the stylesheet href based on the theme to apply
+  document.head.querySelectorAll("link").forEach((el) => {
+    const ref = el.getAttribute("href");
+    if (ref && ref.includes(searchText)) {
+      const newVal = ref.replace(replaceText, isDark ? darkText : lightText);
+      el.setAttribute("href", newVal);
+    }
+  });
+}